/* Experiencia: contrato completo de tokens FC. */
:root[data-gl-theme="experiencia-host"],
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] {
    --theme-background: #07061A;
    --theme-background-rgb: 7, 6, 26;
    --theme-surface: #120E34;
    --theme-surface-rgb: 18, 14, 52;
    --theme-surface-2: #0E0B2C;
    --theme-surface-2-rgb: 14, 11, 44;
    --theme-accent: #22D3EE;
    --theme-accent-rgb: 34, 211, 238;
    --theme-secondary: #7B2FFF;
    --theme-secondary-rgb: 123, 47, 255;
    --theme-tertiary: #FFC21A;
    --theme-tertiary-rgb: 255, 194, 26;
    --theme-text: #F4F6FF;
    --theme-text-rgb: 244, 246, 255;
    --gl-bg-primary: var(--theme-background);
    --gl-bg-secondary: rgba(var(--theme-background-rgb), 0.70);
    --gl-bg-elevated: var(--theme-surface-2);
    --gl-bg-inset: rgba(var(--theme-accent-rgb), .07);
    --gl-cyan: var(--theme-accent);
    --gl-cyan-rgb: var(--theme-accent-rgb);
    --gl-magenta: #E040FB;
    --gl-magenta-rgb: 224, 64, 251;
    --gl-yellow: var(--theme-tertiary);
    --gl-yellow-rgb: var(--theme-tertiary-rgb);
    --gl-text: #F4F6FF;
    --gl-text-rgb: var(--theme-text-rgb);
    --gl-text-secondary: rgba(var(--theme-text-rgb), .80);
    --gl-text-muted: rgba(var(--theme-text-rgb), .65);
    --gl-text-dim: rgba(var(--theme-text-rgb), .45);
    --gl-text-on-accent: #1A1033;
    --gl-border: rgba(180,190,255,.16);
    --gl-border-strong: rgba(var(--theme-accent-rgb), .30);
    --gl-border-accent: rgba(var(--theme-accent-rgb), .55);
    --gl-glow-cyan: 0 0 22px rgba(var(--gl-cyan-rgb), .40);
    --gl-glow-magenta: 0 0 22px rgba(var(--gl-magenta-rgb), .40);
    --gl-glow-yellow: 0 0 22px rgba(var(--gl-yellow-rgb), .40);
    --gl-shadow-sm: 0 4px 12px rgba(0,0,0,.35);
    --gl-shadow-md: 0 12px 28px rgba(0,0,0,.45);
    --gl-shadow-lg: 0 24px 60px rgba(0,0,0,.60);
    --gl-success: #1DFFA0;
    --gl-danger: #FF4D6D;
    --gl-live: #FF2E63;
    --gl-warning: #FACC15;
    --gl-info: #0EA5E9;
    --gl-gold: #FACC15;
    --gl-silver: #C9D3E6;
    --gl-bronze: #E39A5B;
    --glass-background: rgba(var(--theme-background-rgb), 0.70);
    --glass-background-strong: rgba(var(--theme-background-rgb), 0.91);
    --glass-background-solid: var(--theme-surface);
    --glass-border: rgba(var(--theme-accent-rgb), 0.24);
    --glass-border-glow: rgba(var(--theme-accent-rgb), .48);
    --glass-highlight: rgba(255,255,255,.08);
    --glass-shadow: 0 22px 58px rgba(0,0,0,.48), 0 0 28px rgba(34, 211, 238, .12);
    --glass-blur: 0px;
    --glass-saturate: 150%;
    --gl-theme-card-glow: rgba(34, 211, 238, .14);
    --gl-success-rgb: 29, 255, 160;
    --gl-warning-rgb: 250, 204, 21;
    --gl-danger-rgb: 255, 77, 109;
    --gl-info-rgb: 14, 165, 233;
    --gl-live-rgb: 255, 46, 99;
    --gl-gold-rgb: 250, 204, 21;
    --gl-silver-rgb: 201, 211, 230;
    --gl-bronze-rgb: 227, 154, 91;
    --gl-arena-accent-rgb: var(--theme-tertiary-rgb);
    --astro-star-color: #DBDEE6;
    --astro-star-color-rgb: 219, 222, 230;
    --astro-nebula-1: rgba(34, 211, 238, .35);
    --astro-nebula-2: rgba(123, 47, 255, .28);
    --astro-nebula-3: rgba(255, 194, 26, .18);
    --astro-motif-color: #FFC21A;
}

:root[data-gl-theme="experiencia-glass"] [data-gl="fc"] {
    --theme-background: #07061A;
    --theme-background-rgb: 7, 6, 26;
    --theme-surface: #120E34;
    --theme-surface-rgb: 18, 14, 52;
    --theme-surface-2: #0E0B2C;
    --theme-surface-2-rgb: 14, 11, 44;
    --theme-accent: #22D3EE;
    --theme-accent-rgb: 34, 211, 238;
    --theme-secondary: #7B2FFF;
    --theme-secondary-rgb: 123, 47, 255;
    --theme-tertiary: #FFC21A;
    --theme-tertiary-rgb: 255, 194, 26;
    --theme-text: #F4F6FF;
    --theme-text-rgb: 244, 246, 255;
    --gl-bg-primary: var(--theme-background);
    --gl-bg-secondary: rgba(var(--theme-background-rgb), 0.43);
    --gl-bg-elevated: var(--theme-surface-2);
    --gl-bg-inset: rgba(var(--theme-accent-rgb), .07);
    --gl-cyan: var(--theme-accent);
    --gl-cyan-rgb: var(--theme-accent-rgb);
    --gl-magenta: #E040FB;
    --gl-magenta-rgb: 224, 64, 251;
    --gl-yellow: var(--theme-tertiary);
    --gl-yellow-rgb: var(--theme-tertiary-rgb);
    --gl-text: #F4F6FF;
    --gl-text-rgb: var(--theme-text-rgb);
    --gl-text-secondary: rgba(var(--theme-text-rgb), .80);
    --gl-text-muted: rgba(var(--theme-text-rgb), .65);
    --gl-text-dim: rgba(var(--theme-text-rgb), .45);
    --gl-text-on-accent: #1A1033;
    --gl-border: rgba(180,190,255,.16);
    --gl-border-strong: rgba(var(--theme-accent-rgb), .30);
    --gl-border-accent: rgba(var(--theme-accent-rgb), .55);
    --gl-glow-cyan: 0 0 22px rgba(var(--gl-cyan-rgb), .40);
    --gl-glow-magenta: 0 0 22px rgba(var(--gl-magenta-rgb), .40);
    --gl-glow-yellow: 0 0 22px rgba(var(--gl-yellow-rgb), .40);
    --gl-shadow-sm: 0 4px 12px rgba(0,0,0,.35);
    --gl-shadow-md: 0 12px 28px rgba(0,0,0,.45);
    --gl-shadow-lg: 0 24px 60px rgba(0,0,0,.60);
    --gl-success: #1DFFA0;
    --gl-danger: #FF4D6D;
    --gl-live: #FF2E63;
    --gl-warning: #FACC15;
    --gl-info: #0EA5E9;
    --gl-gold: #FACC15;
    --gl-silver: #C9D3E6;
    --gl-bronze: #E39A5B;
    --glass-background: rgba(var(--theme-surface-rgb), .50);
    --glass-background-strong: rgba(var(--theme-surface-rgb), .60);
    --glass-background-solid: var(--theme-surface);
    --glass-border: rgba(var(--theme-accent-rgb), .35);
    --glass-border-glow: rgba(var(--theme-accent-rgb), .35);
    --glass-highlight: rgba(255,255,255,.12);
    --glass-shadow: 0 24px 68px rgba(0,0,0,.42), 0 0 34px rgba(34, 211, 238, .20);
    --glass-blur: 14px;
    --glass-saturate: 180%;
    --gl-theme-card-glow: rgba(34, 211, 238, .24);
    --gl-success-rgb: 29, 255, 160;
    --gl-warning-rgb: 250, 204, 21;
    --gl-danger-rgb: 255, 77, 109;
    --gl-info-rgb: 14, 165, 233;
    --gl-live-rgb: 255, 46, 99;
    --gl-gold-rgb: 250, 204, 21;
    --gl-silver-rgb: 201, 211, 230;
    --gl-bronze-rgb: 227, 154, 91;
    --gl-arena-accent-rgb: var(--theme-tertiary-rgb);
    --astro-star-color: #DBDEE6;
    --astro-star-color-rgb: 219, 222, 230;
    --astro-nebula-1: rgba(34, 211, 238, .35);
    --astro-nebula-2: rgba(123, 47, 255, .28);
    --astro-nebula-3: rgba(255, 194, 26, .18);
    --astro-motif-color: #FFC21A;
    --gl-glass-border-start-rgb: var(--gl-magenta-rgb);
    --gl-glass-border-end-rgb: var(--gl-cyan-rgb);
    --gl-glass-border-opacity: .35;
}

/* Glass is limited to broad surfaces; match cards stay sharp over moving light. */
:root[data-gl-theme="experiencia-glass"] [data-gl="fc"] :is(.gl-cc-hero,.ticker-bar,.fc-bar,.gl-glass-panel,.gl-cc-widget) {
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
:root[data-gl-theme="experiencia-glass"] [data-gl="fc"] :is(.gl-cc-match,.gl-glass-card) {
    backdrop-filter:none;-webkit-backdrop-filter:none;
}

:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] {
    --gl-font-display:'Saira','Arial Narrow',system-ui,sans-serif;
    --gl-font-body:'Archivo',system-ui,sans-serif;
    --gl-font-stats:'Saira','Arial Narrow',system-ui,sans-serif;
    --gl-live:#FF4D5E;--gl-live-rgb:255,77,94;
    --gl-success:#2BD67B;--gl-success-rgb:43,214,123;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-btn--primary {
    background:#FFC21A;border-color:#FFC21A;color:#1A1033;border-radius:999px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-btn--secondary {border-radius:999px;}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] :is(.gl-card,.gl-glass-panel,.gl-glass-card) {border-radius:20px;border-color:var(--gl-border);}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] :is(a,button,input,select,textarea):focus-visible {outline:2px solid var(--gl-yellow);outline-offset:2px;}
.tb-experiencia {display:none;position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--gl-bg-primary),transparent 45%,var(--gl-bg-primary)),var(--gl-experience-art, url('/images/home-v2/fondo-cristales.webp')) center/cover;opacity:.3;}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) .tb-experiencia {display:block;}

/* Encabezados FC del menú público y de jugador/capitán. La clase de página
   evita alterar las pantallas de administración, organización y F1. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gx-page .gx-banner.gl-exp-banner {
    --acc:var(--gx-cyan);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(
    header.gl-tn-hero,
    header.gl-lc-hero,
    header.gl-cc-hero,
    header.gl-gc-pass-hero,
    section.gl-mc-wizard,
    .gl-mc-identity
) {
    position:relative;
    isolation:isolate;
    min-width:0;
    border:1px solid var(--gl-border);
    border-radius:22px;
    background-color:var(--gl-bg-primary);
    background-image:
        linear-gradient(90deg,var(--gl-bg-primary) 0%,color-mix(in srgb,var(--gl-bg-primary) 76%,transparent) 48%,color-mix(in srgb,var(--gl-bg-primary) 30%,transparent) 100%),
        radial-gradient(ellipse at 78% 35%,color-mix(in srgb,var(--gl-cyan) 20%,transparent),transparent 60%),
        linear-gradient(color-mix(in srgb,var(--gl-bg-primary) 55%,transparent),color-mix(in srgb,var(--gl-bg-primary) 55%,transparent)),
        var(--gl-experience-art, url('/images/home-v2/fondo-cristales.webp'));
    background-position:center;
    background-size:cover;
    color:var(--gl-text);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero) {
    padding:26px 30px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero,section.gl-mc-wizard) :is(h1.gl-title,h2.gl-title),
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page h1.gl-mc-identity__name {
    margin:6px 0 8px;
    color:var(--gl-text);
    font-family:var(--gl-font-display);
    font-size:clamp(30px,3.1vw,46px);
    font-style:italic;
    font-weight:900;
    font-stretch:72%;
    letter-spacing:0;
    line-height:.95;
    text-transform:uppercase;
    text-wrap:balance;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero,section.gl-mc-wizard) :is(.gl-title .gl-accent,.gl-accent.is-magenta) {
    color:var(--gl-cyan);
    text-shadow:none;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero,section.gl-mc-wizard) .gl-kicker {
    color:var(--gl-cyan);
    font-family:var(--gl-font-body);
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero,section.gl-mc-wizard) .gl-subtitle {
    max-width:64ch;
    color:var(--gl-text-secondary);
    font-family:var(--gl-font-body);
    font-size:clamp(13px,1.1vw,15px);
    line-height:1.5;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(.gl-tn-hero-stats dd,.gl-lc-hero__stat dd) {
    font-family:var(--gl-font-display);
    font-style:italic;
    font-weight:900;
    font-stretch:78%;
}
@media(max-width:767px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero) {padding:20px 18px;}
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(header.gl-tn-hero,header.gl-lc-hero,header.gl-cc-hero,header.gl-gc-pass-hero,section.gl-mc-wizard) :is(h1.gl-title,h2.gl-title),
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page h1.gl-mc-identity__name {font-size:clamp(28px,8vw,36px);}
}

/* UX pass · perfiles públicos y de jugador */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page:is(.gl-cl-page,.gl-mk-page,.gl-mc-page,.gl-jg-profile) {
    gap: clamp(1rem, 2.2vw, 1.8rem);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page:is(.gl-cl-page,.gl-mk-page,.gl-mc-page,.gl-jg-profile) :is(.gl-cl-spotlight,.gl-cl-hero,.gl-jg-hero,.gl-mc-identity) {
    border-color: rgba(var(--gl-cyan-rgb), .28);
    background-image:
        radial-gradient(34rem 18rem at 100% 0, rgba(var(--gl-cyan-rgb), .10), transparent 72%),
        linear-gradient(135deg, rgba(255,255,255,.035), transparent 55%);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(.gl-cl-card,.gl-mk-card,.gl-cl-kpi,.gl-mc-kpi,.gl-jg-award) {
    transition-property: transform, border-color, box-shadow, background-color;
    transition-duration: 180ms;
    transition-timing-function: var(--gl-ease-out);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(.gl-cl-page,.gl-mk-page,.gl-mc-page,.gl-jg-profile) :is(a,button,input,select):focus-visible {
    outline: 2px solid var(--gl-cyan);
    outline-offset: 3px;
}

/* Catálogo de clubes: el foco queda en el club destacado y los filtros conservan una jerarquía clara. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight {
    grid-template-columns: minmax(145px, 190px) minmax(0, 1fr) minmax(220px, 280px);
    border-color: rgba(var(--gl-cyan-rgb), .42);
    box-shadow: 0 16px 44px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.06);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight.no-titles {
    grid-template-columns: minmax(145px, 190px) minmax(0, 1fr);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-toolbar {
    padding: clamp(.75rem, 1.6vw, 1.1rem);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-radius-lg);
    background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 55%), var(--gl-bg-secondary);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card {
    background: linear-gradient(150deg, rgba(var(--gl-cyan-rgb),.075), transparent 48%), var(--gl-bg-secondary);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card__select {
    min-height: 44px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card__link {
    min-height: 40px;
    align-items: center;
}

/* Perfil de club: dos bloques equilibrados en la cabecera y una navegación de pestañas usable en táctil. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero {
    border-color: rgba(var(--gl-cyan-rgb), .38);
    box-shadow: 0 18px 46px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__facts > div {
    flex: 1 1 145px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-tabbar {
    padding: .45rem;
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-radius-lg);
    background: rgba(7,6,26,.72);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-tabbar .gl-tn-tabs {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-segment button {
    min-height: 42px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-panel {
    min-width: 0;
    padding: clamp(1rem, 2.5vw, 1.6rem);
    border-color: rgba(var(--gl-cyan-rgb), .2);
}

/* Mercado: el valor y la acción se distinguen a primera vista sin cambiar las decisiones disponibles. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-toolbar {
    padding: clamp(.75rem, 1.6vw, 1.1rem);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-radius-lg);
    background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 55%), var(--gl-bg-secondary);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-card__caption {
    background: linear-gradient(0deg, rgba(5,8,16,.98) 24%, rgba(5,8,16,.76) 68%, transparent);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-card__value {
    min-height: 3.2rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(var(--gl-yellow-rgb), .26);
    border-radius: var(--gl-radius-md);
    background: rgba(var(--gl-yellow-rgb), .055);
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    font-variant-numeric: tabular-nums;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-action {
    min-height: 44px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-card__body {
    gap: clamp(.65rem, 1.2vw, 1rem);
}

/* Carrera del usuario: resumen personal, progreso y herramientas de edición se leen como grupos relacionados. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-identity {
    gap: .8rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    border-color: rgba(var(--gl-cyan-rgb), .34);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-identity__name {
    text-wrap: balance;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-identity__edit {
    min-height: 44px;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-kpi {
    min-width: 0;
    padding: clamp(.75rem, 1.5vw, 1.1rem);
    background: linear-gradient(145deg, rgba(var(--tone),.09), transparent 72%), var(--gl-bg-secondary);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-kpi__track {
    height: 8px;
}

/* Perfil de jugador: la carta sigue siendo protagonista y las estadísticas quedan separadas por jerarquía. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero {
    align-items: start;
    border-color: rgba(var(--gl-cyan-rgb), .36);
    box-shadow: 0 18px 46px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero__info {
    align-content: start;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero__kpis {
    align-items: stretch;
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero__kpis .gl-cl-kpi {
    min-width: 0;
    background: linear-gradient(145deg, rgba(var(--gl-cyan-rgb),.06), transparent 80%), var(--gl-bg-secondary);
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-panel {
    min-width: 0;
    padding: clamp(1rem, 2.5vw, 1.6rem);
}

@media (hover: hover) and (pointer: fine) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(.gl-cl-card,.gl-mk-card,.gl-cl-kpi,.gl-mc-kpi,.gl-jg-award):hover {
        transform: translateY(-2px);
        border-color: var(--gl-border-accent);
        box-shadow: 0 12px 30px rgba(0,0,0,.22), 0 0 20px rgba(var(--gl-cyan-rgb),.09);
    }
}
@media (max-width: 1100px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight {
        grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight__titles {
        grid-column: 1 / -1;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero {
        grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__record {
        grid-column: 1 / -1;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__record .gl-cl-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 700px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero {
        grid-template-columns: 82px minmax(0, 1fr);
        grid-template-areas: "crest info" "record record";
        align-items: start;
        justify-items: stretch;
        gap: .9rem 1rem;
        text-align: left;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__crest {
        grid-area: crest;
        width: clamp(68px, 21vw, 92px);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__info {
        grid-area: info;
        justify-items: start;
        width: 100%;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__name {
        font-size: clamp(1.25rem, 5.8vw, 1.8rem);
        overflow-wrap: anywhere;
        text-wrap: balance;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__facts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: .5rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__facts > div {
        min-width: 0;
        padding: .45rem .5rem;
        text-align: left;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__facts dt {
        line-height: 1.25;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__record {
        grid-area: record;
        width: 100%;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-tabbar {
        align-items: stretch;
        flex-direction: column;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-tabbar .gl-tn-tabs {
        width: 100%;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-segment {
        align-self: start;
        max-width: 100%;
        overflow-x: auto;
    }
}
@media (max-width: 575px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-hero__record .gl-cl-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-grid {
        gap: 1rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card__foot {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
        gap: .55rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card__leagues {
        display: inline-flex;
        max-width: 100%;
        font-size: .68rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-card__link {
        justify-self: end;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-card__actions {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-action {
        padding-inline: .45rem;
        font-size: .68rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-layout {
        gap: 1rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-kpi strong {
        font-size: clamp(1.45rem, 6vw, 2rem);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-side {
        grid-template-columns: minmax(110px, 180px) minmax(0, 1fr);
        align-items: start;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-side .gl-jg-card-shell {
        max-width: 180px;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero__kpis .gl-cl-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-jg-profile .gl-jg-hero__top {
        align-items: flex-start;
    }
}
@media (prefers-reduced-motion: reduce) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page :is(.gl-cl-card,.gl-mk-card,.gl-cl-kpi,.gl-mc-kpi,.gl-jg-award),
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page .gl-mk-card__photo {
        animation: none;
        transition: none;
        transform: none;
    }
}
/* UX responsive refinements */
@media (max-width: 700px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight,
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight.no-titles {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight__info {
        justify-items: center;
        width: 100%;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight__titles {
        grid-column: auto;
        width: 100%;
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight__meta,
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-cl-page .gl-cl-spotlight__actions {
        justify-content: center;
    }
}
@media (max-width: 575px) {
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mk-page .gl-mk-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-side {
        grid-template-columns: minmax(0, 1fr);
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-exp-page.gl-mc-page .gl-mc-side .gl-jg-card-shell {
        width: min(220px, 100%);
        max-width: 220px;
        justify-self: center;
    }
}

/* Jugadores FC: el conteo, la guía y la acción de filtros forman una fila clara. */
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-jg-results--hub{
    display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.35fr) minmax(180px,1fr);
    align-items:center;gap:16px;margin:18px 0 12px
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-jg-results--hub .fc-grid-guide{
    margin:0;justify-self:center;text-align:center;max-width:54ch;line-height:1.45
}
:root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-jg-results--hub>.gl-btn{justify-self:end}
@media(max-width:850px){
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-jg-results--hub{
        grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px
    }
    :root:is([data-gl-theme="experiencia"],[data-gl-theme="experiencia-glass"],[data-gl-theme="experiencia-host"]) [data-gl="fc"] .gl-jg-results--hub>.gl-btn{justify-self:center}
}

/* Host: primario y foco cobre sobre grafito. */
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .gl-btn--primary {background:linear-gradient(180deg,var(--gl-host-copper-light),var(--gl-host-copper));border-color:var(--gl-host-copper);color:var(--gl-text-on-accent);}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .gl-btn--primary:hover:not(:disabled) {background:var(--gl-host-copper-light);border-color:var(--gl-host-copper-light);}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .gl-btn--primary:active:not(:disabled) {background:var(--gl-host-copper-dark);border-color:var(--gl-host-copper-dark);color:#fff;}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] :is(a,button,input,select,textarea):focus-visible {outline-color:var(--gl-host-copper);}

/* Host conserva el componente de fondo y el hero; la textura es grafito y cobre. */
:root[data-gl-theme="experiencia-host"] .tb-experiencia {
    opacity: .48;
    background-image:
        radial-gradient(ellipse 48% 36% at 88% 16%, rgba(217,144,98,.14), transparent 72%),
        radial-gradient(ellipse 40% 34% at 8% 80%, rgba(169,94,62,.1), transparent 72%),
        var(--gl-experience-art);
    background-position: center;
    background-size: cover;
}
@media (max-width: 600px) {
    :root[data-gl-theme="experiencia-host"] .tb-experiencia {
        opacity: .34;
        background-position: center;
    }
}