/* Host page layout and content; colors come from the Experiencia Host graphite/copper tokens. */
.page.host-zone{flex-direction:column;background:var(--gl-bg-primary);color:var(--gl-text)}
.page.host-zone main{min-height:0;height:auto;flex:1;overflow-y:auto;background:transparent}
.page.host-zone main .content{padding-bottom:8rem}
.page.host-zone .gx-page{--gx-cyan:var(--gl-cyan);--gx-gold:var(--gl-cyan);--gx-on-gold:var(--gl-text-on-accent)}
.page.host-zone .gl-adm-panel{background:var(--gl-bg-elevated);border-color:var(--gl-border);box-shadow:var(--gl-shadow-sm)}
.page.host-zone .gl-adm-tile{border-color:var(--gl-border)}
.page.host-zone .gl-adm-text-accent,.page.host-zone .gl-kicker{color:var(--gl-cyan)}
.page.host-zone :is(a,button,input,select):focus-visible{outline:2px solid var(--gl-cyan);outline-offset:3px}

.host-home{max-width:1360px;margin:auto;padding:clamp(1.25rem,3vw,3rem);font-family:var(--gl-font-body);color:var(--gl-text)}
.host-home__hero{min-height:370px;border:1px solid var(--gl-border);border-radius:28px;background:linear-gradient(115deg,var(--gl-bg-elevated) 0%,var(--gl-bg-primary) 62%,color-mix(in srgb,var(--gl-cyan) 8%,var(--gl-bg-primary)));box-shadow:var(--gl-shadow-md);overflow:hidden}
.host-home__hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:clamp(1rem,3vw,3rem);width:100%;padding:clamp(1.5rem,4vw,3.5rem)}
.host-home__intro{align-self:center;max-width:680px;min-width:0}
.host-home__identity{display:inline-flex;align-items:center;gap:.6rem;color:var(--gl-cyan);font-size:.82rem;font-weight:800;letter-spacing:.05em}
.host-home__hero h1{margin:1.1rem 0;font:800 clamp(2.5rem,5vw,5.5rem)/1.02 var(--gl-font-display);letter-spacing:-.06em;color:var(--gl-text)}
.host-home__hero h1 span{color:var(--gl-cyan)}
.host-home__hero p{max-width:54ch;color:var(--gl-text-secondary);line-height:1.65;margin:0}
.host-home__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}
.host-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:46px;padding:.7rem 1.2rem;border-radius:12px;text-decoration:none;font-weight:800}
.host-button--primary{background:var(--gl-cyan);color:var(--gl-text-on-accent)}
.host-button--primary:hover{background:var(--gl-host-copper-light,var(--theme-tertiary));color:var(--gl-text-on-accent)}
.host-button--quiet{border:1px solid var(--gl-border-strong);color:var(--gl-cyan)}
.host-button--quiet:hover{border-color:var(--gl-cyan);background:var(--gl-nav-hover);color:var(--gl-cyan)}
.host-home__field{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:245px;isolation:isolate;text-align:center}
.host-home__field::before{content:"";position:absolute;inset:4% 14%;border:2px solid color-mix(in srgb,var(--gl-cyan) 28%,transparent);border-radius:45%;transform:rotate(-18deg);z-index:-1}
.host-home__field::after{content:"";position:absolute;inset:20% 0%;border:1px solid color-mix(in srgb,var(--gl-cyan) 18%,transparent);border-radius:50%;transform:rotate(18deg);z-index:-1}
.host-home__field-center{position:absolute;width:70px;height:70px;border:1px solid var(--gl-border-accent);border-radius:50%;z-index:-1}
.host-home__field-label{font-size:.78rem;letter-spacing:.14em;color:var(--gl-text-muted)}
.host-home__field-label b{color:var(--gl-cyan)}
.host-home__field-number{font:800 clamp(4rem,8vw,7rem)/1 var(--gl-font-display);letter-spacing:-.08em;color:var(--gl-text)}
.host-home__field-caption{color:var(--gl-text-muted);font-size:.82rem}
.host-home__section,.host-home__workspace{margin-top:clamp(2rem,4vw,3.5rem)}
.host-home__section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}
.host-home__section-head h2{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:-.035em}
.host-home__section-head p{margin:.3rem 0 0;color:var(--gl-text-secondary)}
.host-home__section-head a{color:var(--gl-cyan);font-weight:700;white-space:nowrap;text-decoration:none}
.host-home__section-head a:hover{text-decoration:underline}
.host-home__workspace-grid,.host-home__league-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.9rem}
.host-home__workspace-link,.host-home__league,.host-home__match,.host-home__empty{border:1px solid var(--gl-border);background:var(--gl-bg-elevated);border-radius:17px;box-shadow:var(--gl-shadow-sm)}
.host-home__workspace-link{display:grid;gap:.4rem;align-content:start;min-height:146px;padding:1.2rem;color:var(--gl-text);text-decoration:none}
.host-home__workspace-link i{font-size:1.35rem;color:var(--gl-cyan)}
.host-home__workspace-link strong{font-size:1rem}
.host-home__workspace-link span{color:var(--gl-text-secondary);font-size:.84rem}
.host-home__workspace-link:hover,.host-home__league:hover,.host-home__match:hover{border-color:var(--gl-border-accent);background:var(--gl-bg-primary)}
.host-home__match-list{display:grid;gap:.6rem}
.host-home__match{display:flex;align-items:center;gap:1.1rem;min-width:0;padding:.75rem 1rem;color:var(--gl-text);text-decoration:none}
.host-home__match time{display:grid;place-items:center;flex:none;width:58px;padding:.35rem;border:1px solid var(--gl-border);border-radius:10px;line-height:1.1;text-transform:uppercase}
.host-home__match time strong{font-size:1.4rem}
.host-home__match time span{font-size:.7rem;color:var(--gl-cyan)}
.host-home__match-teams{display:grid;gap:.25rem;min-width:0}
.host-home__match-teams strong{overflow-wrap:anywhere}
.host-home__match-teams small{color:var(--gl-text-secondary)}
.host-home__match-hour{display:flex;gap:.7rem;align-items:center;margin-left:auto;white-space:nowrap;font-weight:800;color:var(--gl-cyan)}
.host-home__league{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;color:var(--gl-text);text-decoration:none}
.host-home__league-logo{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--gl-border);border-radius:12px;color:var(--gl-cyan);font-size:1.5rem}
.host-home__league-logo img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:10px;object-fit:contain;z-index:1}
.host-home__league-initial{font-size:1.2rem;font-weight:800;line-height:1;color:var(--gl-cyan);user-select:none}
.host-home__league-name{display:grid;gap:.2rem;min-width:0}
.host-home__league-name strong{overflow-wrap:anywhere}
.host-home__league-name small,.host-home__league-meta{color:var(--gl-text-secondary);font-size:.78rem}
.host-home__league-meta{grid-column:2;align-self:start}
.host-home__league-arrow{grid-column:3;grid-row:1 / span 2;color:var(--gl-cyan)}
.host-home__empty{padding:1.3rem;color:var(--gl-text-secondary)}

@media(max-width:900px){.host-home__hero-inner{grid-template-columns:1fr}.host-home__field{min-height:160px}}
@media(max-width:560px){.page.host-zone main .content{padding:0 0 7rem}.host-home{padding:1rem}.host-home__hero{border-radius:20px}.host-home__hero-inner{padding:1.35rem}.host-home__hero h1{font-size:clamp(2.3rem,11vw,3.5rem)}.host-home__section-head{align-items:start}.host-home__section-head p{font-size:.85rem}.host-home__match{gap:.7rem}.host-home__match-hour{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.host-zone *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Hero links inherit the FC hero text rule; the blue action needs white text. */
.page.host-zone .host-home .host-button--primary { color:var(--gl-text-on-accent); }

@media(max-width:900px){.host-home__hero-inner{min-height:0}.host-home__field{grid-row:auto;aspect-ratio:auto;width:100%;min-height:155px}}
@media(max-width:560px){.host-home__hero h1{font-size:clamp(1.9rem,9vw,2.4rem);overflow-wrap:anywhere}.host-home__hero-inner{padding:1.1rem}.host-home__field{min-height:130px}}

/* Chip de invitado y pistas de gráficos con el acento cobre de Host. */
:root[data-gl-theme="experiencia-host"] .lp-guest-chip {
    color:var(--gl-cyan);
    background:color-mix(in srgb,var(--gl-cyan) 14%,var(--gl-bg-elevated));
    border-color:color-mix(in srgb,var(--gl-cyan) 40%,transparent);
}
:root[data-gl-theme="experiencia-host"] .gl-lpv2 .lp-overview-progress-track,
:root[data-gl-theme="experiencia-host"] .gl-lpv2 .lp-race-track {
    background:color-mix(in srgb,var(--gl-cyan) 12%,var(--gl-bg-primary));
}

/* Host Mis ligas: graphite cards with a fine copper border. */
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-grid--auto {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    align-items: stretch;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile {
    min-height: 232px;
    padding: clamp(1.1rem, 2vw, 1.45rem);
    border: 1px solid var(--host-league-card-border);
    border-radius: var(--gl-radius-lg);
    background: linear-gradient(145deg, var(--host-league-card-start), var(--host-league-card-end));
    box-shadow: var(--host-league-card-shadow);
    color: var(--host-league-card-text);
    transition: border-color var(--gl-duration-fast) var(--gl-ease-out),
                box-shadow var(--gl-duration-fast) var(--gl-ease-out),
                transform var(--gl-duration-fast) var(--gl-ease-out);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile:hover {
    border-color: var(--gl-host-copper);
    box-shadow: var(--host-league-card-shadow-hover);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-adm-h3 {
    color: var(--host-league-card-text);
    font-size: 1.05rem;
    line-height: 1.3;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-adm-hint {
    color: var(--host-league-card-muted);
    line-height: 1.45;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-adm-text-accent {
    color: var(--host-league-card-muted);
    font-size: 1.15rem;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-adm-actions--footer {
    border-color: var(--host-league-card-divider);
    gap: .5rem;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-badge {
    border-color: color-mix(in srgb, var(--host-league-card-text) 40%, transparent);
    background: color-mix(in srgb, var(--host-league-card-text) 14%, transparent);
    color: var(--host-league-card-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-badge--green {
    border-color: var(--host-league-status-live-border);
    background: var(--host-league-status-live-bg);
    color: var(--host-league-status-live-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-badge--finished {
    border-color: var(--host-league-status-finished-border);
    background: var(--host-league-status-finished-bg);
    color: var(--host-league-status-finished-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-badge--yellow {
    border-color: var(--host-league-status-flash-border);
    background: var(--host-league-status-flash-bg);
    color: var(--host-league-status-flash-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-badge--magenta {
    border-color: var(--host-league-status-cup-border);
    background: var(--host-league-status-cup-bg);
    color: var(--host-league-status-cup-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn {
    min-height: 44px;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--secondary {
    border-color: var(--host-league-card-text);
    background: var(--host-league-card-text);
    color: var(--host-league-card-end);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--secondary:hover:not(:disabled) {
    border-color: var(--host-league-card-muted);
    background: var(--host-league-card-muted);
    color: var(--host-league-card-end);
    box-shadow: none;
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--ghost {
    border: 1px solid var(--host-league-card-divider);
    color: var(--host-league-card-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--ghost:hover:not(:disabled) {
    background: color-mix(in srgb, var(--host-league-card-text) 16%, transparent);
    color: var(--host-league-card-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--danger {
    border-color: var(--host-league-danger-border);
    background: var(--host-league-danger-bg);
    color: var(--host-league-danger-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile .gl-btn--danger:hover:not(:disabled) {
    border-color: var(--host-league-card-text);
    background: var(--host-league-card-text);
    color: var(--host-league-danger-text);
}
:root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile :is(a, button):focus-visible {
    outline: 3px solid var(--gl-host-copper);
    outline-offset: 3px;
}
@media (max-width: 640px) {
    :root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-grid--auto {
        grid-template-columns: minmax(0, 1fr);
    }
    :root[data-gl-theme="experiencia-host"] [data-gl="fc"] .host-mis-ligas .gl-adm-tile {
        min-height: 0;
    }
}

/* Detalle metálico: borde fino cobre solo en piezas destacadas (héroes, trofeo y tarjetas de liga). */
:root[data-gl-theme="experiencia-host"] :is(.host-home__hero,.gl-lpv2 .lp-overview-hero) {
    --gx-glass-border:1px solid var(--gl-host-copper-line);
    border-color:var(--gl-host-copper-line);
    box-shadow:var(--gl-shadow-md),inset 0 1px 0 rgba(232,173,137,.14);
}
:root[data-gl-theme="experiencia-host"] .host-home__league { border-color:rgba(217,144,98,.26); }
:root[data-gl-theme="experiencia-host"] .host-home__league:hover { border-color:var(--gl-host-copper); box-shadow:0 0 18px rgba(217,144,98,.14); }

/* Campana y panel de notificaciones: superficies negras y detalles cobres (sus valores base son azul marino/cian). */
:root[data-gl-theme="experiencia-host"] .gl-notification__trigger { background:rgba(16,18,22,.85); }
:root[data-gl-theme="experiencia-host"] .gl-notification__panel { background:rgba(29,34,41,.98); border-color:var(--gl-host-copper-line); box-shadow:0 24px 70px rgba(0,0,0,.7),0 0 0 1px rgba(169,94,62,.25); }

/* Clubes de esta liga: tarjetas negras con borde fino; el velo era azul marino. */
:root[data-gl-theme="experiencia-host"] .gl-lpv2 .lp-guest-team-card { background:var(--gl-bg-elevated)!important; border:1px solid var(--gl-border)!important; }
:root[data-gl-theme="experiencia-host"] .gl-lpv2 .lp-guest-team-card::after { background:linear-gradient(180deg,rgba(16,18,22,.25),rgba(16,18,22,.88)); }
:root[data-gl-theme="experiencia-host"] .gl-lpv2 .lp-guest-team-card:hover { border-color:var(--gl-host-copper)!important; background:var(--gl-host-hover)!important; }

/* ===== Partículas cobre (campo de estrellas CSS reutilizado de Zenit: galaxy-stars.css) ===== */
.page.host-zone { isolation:isolate; }
.host-stars { --astro-star-color-rgb:217,144,98; position:absolute; inset:0; overflow:hidden; pointer-events:none; contain:strict; }
.host-stars--page { position:fixed; z-index:-1; opacity:.75; background:radial-gradient(60% 45% at 50% -8%,rgba(217,144,98,.12),transparent 70%); }
.host-stars .gx-stars { position:absolute; inset:0; overflow:hidden; }
.host-stars .gx-starfield { position:absolute; left:0; display:block; border-radius:50%; color:rgba(var(--astro-star-color-rgb),.8); will-change:transform; }
.host-stars .gx-stars-3,.host-stars .gx-twinkles { --astro-star-color-rgb:232,173,137; }
/* Duraciones: Zenit usa 120/70/40 s; en Host van ~2.5x más rápidas para que se perciba el movimiento. */
.host-stars .gx-stars-1 .gx-starfield { animation-duration:50s; }
.host-stars .gx-stars-2 .gx-starfield { animation-duration:28s; }
.host-stars .gx-stars-3 .gx-starfield { animation-duration:16s; }
.host-stars .gx-flow-up { position:absolute; inset:0; overflow:hidden; transform:scale(-1,-1); }
.host-stars .gx-flow-up .gx-stars-2 .gx-starfield { animation-duration:36s; }
.host-stars .gx-flow-up .gx-stars-3 .gx-starfield { animation-duration:21s; }
.host-stars .gx-twinkle:nth-child(n+9) { animation-duration:5s; }
.host-stars .gx-twinkle:nth-child(9)  { left:6%;  top:30%; animation-delay:-.6s; }
.host-stars .gx-twinkle:nth-child(10) { left:31%; top:8%;  animation-delay:-1.9s; }
.host-stars .gx-twinkle:nth-child(11) { left:57%; top:22%; animation-delay:-3.1s; }
.host-stars .gx-twinkle:nth-child(12) { left:94%; top:68%; animation-delay:-.2s; }
.host-stars .gx-twinkle:nth-child(13) { left:11%; top:84%; animation-delay:-2.4s; }
.host-stars .gx-twinkle:nth-child(14) { left:44%; top:58%; animation-delay:-4s; }
.host-stars .gx-twinkle:nth-child(15) { left:76%; top:52%; animation-delay:-1.2s; }
.host-stars .gx-twinkle:nth-child(16) { left:52%; top:96%; animation-delay:-3.6s; }
/* Tarjeta de /categoria: capas reducidas (la caja de 2560 px se escala) y más tenues. */
.host-stars--card { z-index:0; opacity:1; }
.host-stars--card .gx-flow-up { overflow:hidden; }
.host-stars--card .gx-stars { width:182%; height:182%; transform:scale(.55); transform-origin:0 0; }
/* Pausa: pestaña oculta o fuera de pantalla (js/host-stars.js). */
.host-stars.is-paused *,:root[data-gl-hidden="true"] .host-stars * { animation-play-state:paused !important; }
/* Móvil: la capa lejana (1) queda fija y se omiten las copias invertidas (menos texturas); capas 2 y 3 y destellos se mueven. */
@media (max-width:768px) { .host-stars .gx-stars-1 .gx-starfield { animation:none !important; will-change:auto; } .host-stars .gx-flow-up { display:none; } }
/* Movimiento reducido o modo ligero: sin partículas, solo resplandor cobre estático. */
@media (prefers-reduced-motion:reduce) { .host-stars .gx-stars,.host-stars .gx-twinkles { display:none; } }
:root[data-gl-motion-lite="on"] .host-stars .gx-starfield,:root[data-gl-motion-lite="on"] .host-stars .gx-twinkle { animation:none !important; }

/* Escala Host: /host/ligas es la referencia; el directorio de cartas conserva su ancho. */
html:root[data-gl-theme="experiencia-host"] .page.host-zone .gx-page:not(:has(.hp-shell)) > .gx-wrap {
    max-width:980px;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-shell:not(.hp-shell),.hm-shell,.gc-shell,.et-shell,.hc-shell,.hcp-shell,.host-home) {
    box-sizing:border-box;
    width:100%;
    max-width:none;
    margin-inline:auto;
    padding:clamp(20px,3vw,48px) clamp(20px,3vw,48px) 9rem;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .gx-page .gx-wrap:has(.hp-shell) {
    max-width:1720px;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.gl-adm-page,.gl-lpv2 .lp-wrap) {
    box-sizing:border-box;
    width:min(1480px,100%);
    max-width:1480px;
    margin-inline:auto;
    padding-inline:clamp(20px,3vw,48px);
}
@media(min-width:1200px) {
    html:root[data-gl-theme="experiencia-host"] .page.host-zone .gx-page:not(:has(.hp-shell)) > .gx-wrap { max-width:1360px; }
}
@media(min-width:1600px) {
    html:root[data-gl-theme="experiencia-host"] .page.host-zone .gx-page:not(:has(.hp-shell)) > .gx-wrap { max-width:1480px; }
}

/* Encabezado abierto, tipografía y cifras como en Ligas invitadas. */
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero,.gl-adm-page > header.gl-adm-panel) {
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible;
    padding:0;
    margin-bottom:28px;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .host-home__hero { min-height:0; }
html:root[data-gl-theme="experiencia-host"] .page.host-zone .host-home__hero-inner { min-height:0; padding:0; }
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero)::before,
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero)::after { display:none; }
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero,.lp-head) h1 {
    margin:10px 0;
    color:var(--gl-text);
    font-family:var(--gl-font-display),Saira,Archivo,sans-serif;
    font-size:clamp(2.5rem,6vw,5rem);
    font-style:italic;
    font-weight:900;
    line-height:1;
    letter-spacing:-.025em;
    text-transform:uppercase;
    text-wrap:balance;
    overflow-wrap:anywhere;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero,.lp-head) :is(.hd-eyebrow,.hm-eyebrow,.hc-eyebrow,.et-eyebrow,.host-home__identity,.gl-kicker,.hcp-eyebrow,.lp-kicker) {
    color:var(--gl-cyan);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero,.lp-head) p {
    max-width:75ch;
    color:var(--gl-text-secondary);
    font-size:1rem;
    line-height:1.5;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .hd-hero-stats span {
    display:grid;
    gap:2px;
    min-width:150px;
    padding:14px 18px;
    border-radius:16px;
    background:var(--glass-background);
    border:1px solid var(--gl-border);
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .hd-hero-stats strong {
    color:var(--gl-cyan);
    font-family:var(--gl-font-display),Saira,Archivo,sans-serif;
    font-size:2rem;
    font-style:italic;
    font-weight:800;
    line-height:1;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone [data-gl="fc"] .gl-exp-page header.gl-tn-hero h1.gl-title,
html:root[data-gl-theme="experiencia-host"] .page.host-zone header.gl-tn-hero h1.gl-title {
    font-size:clamp(2.5rem,6vw,5rem);
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone header.gl-tn-hero {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone header.gl-tn-hero .gl-tn-hero__side { justify-items:start; }

/* El hover heredaba amarillo FC; Host usa cobre claro y texto oscuro legible. */
html:root[data-gl-theme="experiencia-host"],
html:root[data-gl-theme="experiencia-host"] [data-gl="fc"] {
    --theme-tertiary:var(--gl-host-copper-light);
    --theme-tertiary-rgb:232,173,137;
    --gl-glow-yellow:0 0 22px rgba(var(--theme-tertiary-rgb),.18);
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .gl-guest-card a:is(:hover,:focus-visible) {
    background:var(--gl-host-copper-light);
    color:var(--gl-text-on-accent);
    box-shadow:0 8px 22px rgba(var(--gl-host-copper-rgb),.2);
}
@media(max-width:620px) {
    html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-shell:not(.hp-shell),.hm-shell,.gc-shell,.et-shell,.hc-shell,.hcp-shell,.host-home) {
        padding:18px 14px 9rem;
    }
    html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.gl-adm-page,.gl-lpv2 .lp-wrap) { padding-inline:14px; }
    html:root[data-gl-theme="experiencia-host"] .page.host-zone :is(.hd-hero,.hm-head,.gc-head,.et-head,.hc-head,.hcp-hero,.host-home__hero,header.gl-tn-hero,.lp-head) h1 {
        font-size:clamp(2rem,10vw,3rem);
    }
    html:root[data-gl-theme="experiencia-host"] .page.host-zone .hd-hero-stats span { flex:1; min-width:95px; padding:12px; }
}

/* Portada Host con la composición de HomeScroll y la paleta grafito/cobre. */
html:root[data-gl-theme="experiencia-host"] .page.host-zone main .content:has(>.host-home-scroll){padding:0}
html:root[data-gl-theme="experiencia-host"] .host-home-scroll{
    --gl-bg-primary:var(--theme-background);
    --gl-bg-secondary:var(--theme-surface);
    --gl-bg-inset:var(--theme-surface);
    --glass-background:var(--theme-surface);
    --glass-background-strong:var(--theme-surface);
    --gl-text:var(--theme-text);
    --gl-text-secondary:var(--host-league-card-muted);
    --gl-cyan:var(--gl-host-copper);
    --gl-blue:var(--gl-host-copper);
    --gl-yellow:var(--gl-host-copper-light);
    --gl-border:var(--gl-host-copper-line);
    --hs-section-bg:var(--theme-background);
}
.host-home-scroll .host-home__main{padding-left:0}
.host-home-scroll .hs-hero__inner{width:min(calc(100% - 2.5rem),1320px);margin-inline:auto}
.host-home-scroll .host-home__landing{min-height:84svh}
.host-home-scroll .host-home__landing-inner{padding-block:clamp(6rem,10vw,9rem)}
.host-home-scroll .hs-hero__copy{position:relative;z-index:1}
.host-home-scroll .hs-hero h1{font-size:clamp(3.2rem,7vw,7.4rem);line-height:.94;letter-spacing:-.045em}
.host-home-scroll .hs-hero__art{background:radial-gradient(circle at 78% 42%,color-mix(in srgb,var(--gl-host-copper) 22%,transparent),transparent 42%);opacity:1}
.host-home-scroll .hs-hero__hint{text-decoration:none}
.host-home-scroll .hs-hero__hint:hover{color:var(--gl-cyan)}
.host-home-scroll .gl-btn--primary{background:var(--gl-cyan);color:var(--gl-text-on-accent)}
.host-home-scroll .gl-btn--primary:hover{background:var(--gl-host-copper-light);color:var(--gl-text-on-accent)}
.host-home-scroll .gl-btn--secondary{border-color:var(--gl-border-strong);color:var(--gl-text)}
.host-home-scroll :is(a,button):focus-visible{outline-color:var(--gl-host-copper-light)}
.host-home-scroll .hs-section{width:min(calc(100% - 2.5rem),1320px);padding-block:clamp(4rem,8vw,7rem);border-bottom:1px solid color-mix(in srgb,var(--gl-cyan) 16%,transparent)}
.host-home-scroll .hs-section__title{font-size:clamp(2.3rem,5vw,5rem)}
.host-home-scroll .hs-section__actions .gl-btn{background:transparent;border:1px solid var(--gl-border-accent);color:var(--gl-cyan)}
.host-home-scroll .hs-section__actions .gl-btn:hover{background:color-mix(in srgb,var(--gl-cyan) 12%,transparent);color:var(--gl-host-copper-light)}
.host-home__emblem{position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:.6rem;width:min(100%,470px)!important;min-height:360px;aspect-ratio:1;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--gl-cyan) 14%,transparent),transparent 64%)}
.host-home__emblem-ring{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--gl-cyan) 45%,transparent);border-radius:50%;box-shadow:0 0 70px color-mix(in srgb,var(--gl-cyan) 12%,transparent),inset 0 0 45px color-mix(in srgb,var(--gl-cyan) 9%,transparent)}
.host-home__emblem-ring::before,.host-home__emblem-ring::after{content:"";position:absolute;inset:10%;border:1px dashed color-mix(in srgb,var(--gl-cyan) 25%,transparent);border-radius:50%}
.host-home__emblem-ring::after{inset:-7%;border-style:solid;opacity:.25}
.host-home__emblem-label{position:relative;color:var(--gl-text-secondary);font-size:.78rem;font-weight:800;letter-spacing:.2em}
.host-home__emblem-label b{color:var(--gl-cyan)}
.host-home__emblem>strong{position:relative;color:var(--gl-text);font:900 clamp(5rem,9vw,9rem)/.9 var(--gl-font-display)}
.host-home__emblem>span:not(.host-home__emblem-ring):not(.host-home__emblem-label){position:relative;color:var(--gl-text-secondary)}
.host-home__emblem-foot{position:relative;display:flex;justify-content:center;gap:1.25rem;margin-top:.4rem;font-size:.85rem;color:var(--gl-text-secondary)}
.host-home__emblem-foot b{color:var(--gl-host-copper-light)}
.host-home__workspace-grid,.host-home__club-grid,.host-home__player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.host-home-scroll :is(.host-home__workspace-link,.host-home__match,.host-home__league,.host-home__club,.host-home__player,.host-home__live-callout,.host-home__results){border:1px solid var(--gl-border);border-radius:var(--gl-radius-lg);background:linear-gradient(155deg,color-mix(in srgb,var(--gl-cyan) 6%,var(--gl-bg-elevated)),var(--gl-bg-elevated));box-shadow:var(--gl-shadow-sm);color:var(--gl-text);text-decoration:none}
.host-home-scroll :is(.host-home__workspace-link,.host-home__match,.host-home__league,.host-home__club,.host-home__player,.host-home__live-callout):hover{border-color:var(--gl-cyan);box-shadow:0 12px 36px color-mix(in srgb,var(--gl-cyan) 13%,transparent);text-decoration:none}
.host-home-scroll .host-home__workspace-link{position:relative;min-height:175px;padding:1.4rem}
.host-home__card-arrow{position:absolute;right:1.25rem;top:1.25rem;font-size:1rem!important}
.host-home__match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.host-home-scroll .host-home__match{min-height:140px;padding:1.35rem}
.host-home-scroll .host-home__match--featured{grid-column:1/-1;min-height:205px;background:linear-gradient(115deg,color-mix(in srgb,var(--gl-cyan) 17%,var(--gl-bg-elevated)),var(--gl-bg-elevated) 68%)}
.host-home-scroll .host-home__match time{width:68px;min-height:68px;border-color:var(--gl-border-accent)}
.host-home-scroll .host-home__match--featured time{width:92px;min-height:92px}
.host-home-scroll .host-home__match--featured time strong{font-size:2.4rem}
.host-home-scroll .host-home__match-teams{gap:.55rem}
.host-home-scroll .host-home__match-teams small{color:var(--gl-cyan);font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.host-home-scroll .host-home__match-teams strong{font-size:clamp(1rem,1.9vw,1.5rem)}
.host-home-scroll .host-home__match--featured .host-home__match-teams strong{font-size:clamp(1.3rem,2.8vw,2.5rem)}
.host-home__match-teams strong span{color:var(--gl-text-muted);font-size:.7em}
.host-home__live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem}
.host-home__live-callout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;min-height:330px;padding:2rem;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--gl-cyan) 19%,transparent),transparent 55%),var(--gl-bg-elevated)!important}
.host-home__live-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--gl-cyan) 17%,transparent);color:var(--gl-cyan);font-size:1.8rem}
.host-home__live-kicker{color:var(--gl-cyan);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.host-home__live-callout strong{max-width:16ch;font:900 clamp(1.7rem,3vw,3rem)/1.1 var(--gl-font-display);font-style:italic;text-transform:uppercase}
.host-home__live-callout>span:last-child{color:var(--gl-host-copper-light);font-weight:800}
.host-home__results{padding:1.4rem}
.host-home__results h3{margin:0 0 1rem;font:800 1.15rem var(--gl-font-display);text-transform:uppercase}
.host-home__results a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--gl-border);color:var(--gl-text);text-decoration:none}
.host-home__results a:hover{color:var(--gl-host-copper-light);text-decoration:none}
.host-home__results a>span{display:grid;gap:.35rem;min-width:0}
.host-home__results a small{color:var(--gl-text-secondary)}
.host-home__results a strong{line-height:1.45}
.host-home__results a em{padding:.25rem .45rem;margin-inline:.2rem;border:1px solid var(--gl-border-accent);border-radius:.4rem;color:var(--gl-cyan);font-style:normal;white-space:nowrap}
.host-home__result-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem;min-width:0}
.host-home__result-side{display:flex;align-items:center;gap:.4rem;min-width:0}
.host-home__result-side>span{min-width:0;overflow-wrap:anywhere}
.host-home__result-score img{width:34px;height:34px;flex:none;object-fit:contain}
.host-home__result-score .host-home__result-side:last-child{justify-content:flex-end}
.host-home-scroll .host-home__league-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.host-home-scroll .host-home__league{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-height:265px;padding:1.35rem}
.host-home__league-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:1rem}
.host-home-scroll .host-home__league-logo{width:72px;height:72px;flex:none}
.host-home__league-status{padding:.3rem .55rem;border:1px solid var(--gl-border);border-radius:99px;color:var(--gl-text-secondary);font-size:.7rem;font-weight:800;text-transform:uppercase}
.host-home-scroll .host-home__league-name{display:grid;gap:.45rem}
.host-home-scroll .host-home__league-name strong{font:800 clamp(1.2rem,2vw,1.6rem)/1.2 var(--gl-font-display);text-transform:uppercase}
.host-home-scroll .host-home__league-meta{grid-column:auto}
.host-home__league-cta{margin-top:auto;color:var(--gl-cyan);font-weight:800}
.host-home__club,.host-home__player{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:255px;padding:1.3rem;gap:.55rem}
.host-home__club-crest,.host-home__player-avatar{display:grid;place-items:center;width:78px;height:78px;overflow:hidden;border:1px solid var(--gl-border-accent);border-radius:18px;color:var(--gl-cyan);font-size:2rem;background:color-mix(in srgb,var(--gl-cyan) 9%,var(--gl-bg-primary))}
.host-home__club-crest img,.host-home__player-avatar img{width:100%;height:100%;object-fit:cover}
.host-home__club strong,.host-home__player strong{font:800 1.25rem/1.2 var(--gl-font-display);overflow-wrap:anywhere}
.host-home__club small,.host-home__player small{color:var(--gl-text-secondary);overflow-wrap:anywhere}
.host-home__club>span:last-child,.host-home__player>span:last-child{margin-top:auto;color:var(--gl-cyan);font-weight:800}
.host-home__player-position{margin-top:.5rem;color:var(--gl-cyan);font-size:.75rem;font-weight:800;text-transform:uppercase}
.host-home__end p{max-width:55ch;margin:0 0 1.3rem;color:var(--gl-text-secondary)}
@media(max-width:980px){.host-home__workspace-grid,.host-home__club-grid,.host-home__player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-home-scroll .host-home__league-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-home-scroll .host-home__landing-inner{grid-template-columns:1fr}.host-home__emblem{grid-row:2;width:min(100%,320px)!important;min-height:280px}}
@media(max-width:640px){.host-home-scroll .hs-section{width:min(calc(100% - 1.5rem),1320px);padding-block:3.5rem}.host-home-scroll .hs-hero__inner{width:min(calc(100% - 1.5rem),1320px)}.host-home-scroll .host-home__landing{min-height:0}.host-home-scroll .host-home__landing-inner{padding-block:5rem 7rem}.host-home-scroll .hs-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.host-home__workspace-grid,.host-home__club-grid,.host-home__player-grid,.host-home__match-grid,.host-home__live-grid,.host-home-scroll .host-home__league-grid{grid-template-columns:1fr}.host-home-scroll .host-home__match--featured{grid-column:auto}.host-home-scroll .host-home__match{flex-wrap:wrap}.host-home-scroll .host-home__match-hour{width:100%;justify-content:flex-end}.host-home-scroll .host-home__match--featured time{width:68px;min-height:68px}.host-home-scroll .host-home__match--featured time strong{font-size:1.4rem}.host-home__emblem{min-height:250px;aspect-ratio:1}.host-home-scroll .hs-section__actions{width:100%}.host-home-scroll .hs-section__actions .gl-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.host-home-scroll *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .gl-adm-page > header.gl-adm-panel h1 {
    margin:10px 0;
    color:var(--gl-text);
    font-family:var(--gl-font-display),Saira,Archivo,sans-serif;
    font-size:clamp(2.5rem,6vw,5rem);
    font-style:italic;
    font-weight:900;
    line-height:1;
    letter-spacing:-.025em;
    text-transform:uppercase;
    text-wrap:balance;
}
html:root[data-gl-theme="experiencia-host"] .page.host-zone .gl-adm-page > header.gl-adm-panel .gx-eyebrow {
    color:var(--gl-cyan);
    font-size:.78rem;
    letter-spacing:.16em;
}
@media(max-width:620px) {
    html:root[data-gl-theme="experiencia-host"] .page.host-zone .gl-adm-page > header.gl-adm-panel h1 {
        font-size:clamp(2rem,10vw,3rem);
    }
}

/* Grafito/cobre: el arte acompaña las superficies sin competir con su contenido. */
html:root[data-gl-theme="experiencia-host"]:not([data-host-palette="azul-noche"]) .tb-experiencia {
    opacity: .37;
}
@media (max-width: 600px) {
    html:root[data-gl-theme="experiencia-host"]:not([data-host-palette="azul-noche"]) .tb-experiencia {
        opacity: .27;
    }
}

/* Los enlaces Host conservan color, hover y foco; el subrayado heredado no aparece en hover. */
html:root[data-gl-theme="experiencia-host"]:not([data-host-palette="azul-noche"]) a:hover,
html:root[data-gl-theme="experiencia-host"]:not([data-host-palette="azul-noche"]) a:hover * {
    text-decoration: none !important;
}

/* Home Host: índice compartido con FC, retematizado en grafito y cobre. */
html:root[data-gl-theme="experiencia-host"] .host-home__index .hs-index {
    border-color:var(--gl-border-strong);
    background:var(--glass-background-strong);
    box-shadow:var(--gl-shadow-md);
}
html:root[data-gl-theme="experiencia-host"] .host-home__index .hs-index a.is-active .hs-index__icon {
    background:var(--gl-cyan);
    color:var(--gl-text-on-accent);
}
html:root[data-gl-theme="experiencia-host"] .host-home__index .hs-index__progress>span {
    background:linear-gradient(to bottom,var(--gl-cyan),var(--gl-host-copper-light));
}
@media(min-width:1024px){.host-home-scroll .host-home__main{padding-left:64px}}

/* Ranking y palmarés: misma superficie, dos lecturas de los datos Host. */
.host-home__rank-modes,.host-home__league-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.host-home__league-tabs{margin-bottom:1.2rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;scrollbar-width:thin}
.host-home__rank-modes button,.host-home__league-tabs button{flex:none;min-height:42px;padding:.55rem .9rem;border:1px solid var(--gl-border);border-radius:999px;background:var(--gl-bg-elevated);color:var(--gl-text-secondary);font:700 .78rem/1.25 var(--gl-font-body);cursor:pointer}
.host-home__rank-modes button.is-active,.host-home__league-tabs button.is-active{border-color:var(--gl-cyan);background:color-mix(in srgb,var(--gl-cyan) 17%,var(--gl-bg-elevated));color:var(--gl-text)}
.host-home__rank-modes button:hover,.host-home__league-tabs button:hover{border-color:var(--gl-cyan);color:var(--gl-text)}
.host-home__rank-empty,.host-home__rank-table-wrap,.host-home__champion{border:1px solid var(--gl-border);border-radius:var(--gl-radius-lg);background:var(--gl-bg-elevated);box-shadow:var(--gl-shadow-sm)}
.host-home__rank-empty{padding:2rem;color:var(--gl-text-secondary)}
.host-home__rank-table-wrap{overflow:auto}
.host-home__rank-table{width:100%;border-collapse:collapse;color:var(--gl-text);font-size:.9rem}
.host-home__rank-table th,.host-home__rank-table td{padding:.85rem 1rem;border-bottom:1px solid var(--gl-border);text-align:left;white-space:nowrap}
.host-home__rank-table tr:last-child td{border-bottom:0}
.host-home__rank-table th{color:var(--gl-text-secondary);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.host-home__rank-table th:first-child,.host-home__rank-table td:first-child{width:56px}
.host-home__rank-table th:nth-child(n+3),.host-home__rank-table td:nth-child(n+3){text-align:right}
.host-home__rank-table td>a{display:flex;align-items:center;gap:.8rem;min-width:0;color:var(--gl-text);text-decoration:none}
.host-home__rank-crest{display:grid;place-items:center;flex:none;width:46px;height:46px;overflow:hidden;border:1px solid var(--gl-border-accent);border-radius:12px;background:color-mix(in srgb,var(--gl-cyan) 9%,var(--gl-bg-primary));color:var(--gl-cyan);font-size:1.3rem}
.host-home__rank-crest img{width:100%;height:100%;object-fit:contain;grid-area:1/1}
.host-home__rank-number,.host-home__rank-points{color:var(--gl-cyan);font-weight:900}
.host-home__champions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.host-home__champion{display:flex;align-items:center;gap:1rem;padding:1.25rem;color:var(--gl-text);text-decoration:none}
.host-home__champion:hover{border-color:var(--gl-cyan)}
.host-home__champion .host-home__rank-crest{width:60px;height:60px}
.host-home__champion-trophy{display:grid;place-items:center;flex:none;width:82px;min-height:100px;border:1px solid var(--gl-border);border-radius:12px;background:color-mix(in srgb,var(--gl-cyan) 8%,var(--gl-bg-inset))}
.host-home__champion-trophy img{display:block;width:82px;height:100px;object-fit:contain;filter:drop-shadow(0 7px 12px color-mix(in srgb,var(--gl-cyan) 22%,transparent))}
.host-home__champion-copy{display:grid;gap:.35rem;min-width:0}
.host-home__champion-copy strong{display:flex;align-items:center;gap:.6rem}
.host-home__champion-club-crest{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--gl-border);border-radius:8px;background:var(--gl-bg-inset);color:var(--gl-cyan)}
.host-home__champion-club-crest>*{grid-area:1/1}
.host-home__champion-club-crest img{width:100%;height:100%;object-fit:contain}
.host-home__champion-club-crest:has(img:not([style*="display: none"]))>i{visibility:hidden}
.host-home__champion small{color:var(--gl-cyan);font-weight:700}
.host-home__champion strong{overflow-wrap:anywhere;font:800 1.2rem/1.2 var(--gl-font-display)}
.host-home__champion>i:last-child{margin-left:auto;color:var(--gl-cyan)}

/* Noticias y comunidad no mezclan publicaciones FC con el ecosistema Host. */
.host-home__news-grid,.host-home__community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.host-home__news-card,.host-home__community-grid>a{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--gl-border);border-radius:var(--gl-radius-lg);background:var(--gl-bg-elevated);box-shadow:var(--gl-shadow-sm);color:var(--gl-text);text-decoration:none}
.host-home__news-card:hover,.host-home__community-grid>a:hover{border-color:var(--gl-cyan);box-shadow:0 12px 36px color-mix(in srgb,var(--gl-cyan) 13%,transparent)}
.host-home__news-art{display:grid;place-items:center;height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--gl-cyan) 22%,var(--gl-bg-primary)),var(--gl-bg-primary));color:var(--gl-cyan);font-size:3rem}
.host-home__news-art>*{grid-area:1/1}
.host-home__news-art img{width:120px;height:120px;object-fit:contain}
.host-home__news-body{display:grid;gap:.55rem;padding:1.25rem;flex:1}
.host-home__news-body small{color:var(--gl-cyan);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.host-home__news-body strong{font:800 1.25rem/1.15 var(--gl-font-display);overflow-wrap:anywhere}
.host-home__news-body>span{color:var(--gl-text-secondary)}
.host-home__news-body>b{margin-top:auto;padding-top:.6rem;color:var(--gl-cyan)}
.host-home__community-grid>a{gap:.8rem;min-height:230px;padding:1.4rem}
.host-home__community-grid>a>i{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--gl-cyan) 14%,var(--gl-bg-primary));color:var(--gl-cyan);font-size:1.5rem}
.host-home__community-grid strong{font:800 1.35rem/1.15 var(--gl-font-display)}
.host-home__community-grid span{color:var(--gl-text-secondary)}
.host-home__community-grid b{margin-top:auto;color:var(--gl-cyan)}

/* El módulo Fundadores es el mismo de FC; su superficie usa tokens Host. */
.host-home-scroll .gl-cc-founder{background:var(--gl-bg-elevated);border-color:var(--gl-border);box-shadow:var(--gl-shadow-sm)}
.host-home-scroll .gl-cc-founder .gl-subtitle{color:var(--gl-text-secondary)}
.host-home-scroll .hs-sponsors{border:0;background:transparent}
.host-home-scroll .hs-sponsors__track img{filter:grayscale(.55);opacity:.8}
.host-home-scroll .hs-sponsors__track img:hover{filter:none;opacity:1}
.host-home-scroll .hs-upcoming__featured{border-color:color-mix(in srgb,var(--gl-host-copper) 50%,var(--gl-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--gl-host-copper) 12%,var(--gl-bg-elevated)),var(--gl-bg-elevated) 70%)}
.host-home-scroll .hs-upcoming__chip{border-color:var(--gl-border-accent);background:color-mix(in srgb,var(--gl-host-copper) 10%,var(--gl-bg-elevated));color:var(--gl-host-copper-light)}
.host-home-scroll .hs-upcoming__middle .gc-countdown--detailed b{color:var(--gl-host-copper-light)}
.host-home-scroll .hs-upcoming .gx-btn.gx-acc-gold{background:var(--gl-host-copper);color:var(--gl-text-on-accent)}
.host-home-scroll .hs-upcoming .gx-link:hover{text-decoration:none;color:var(--gl-host-copper-light)}
.host-home-scroll .hs-clubs-count strong{color:var(--gl-host-copper-light)}
.host-home-scroll #clubes .gl-cc-club-card{background:var(--gl-bg-elevated);border-color:var(--gl-border);box-shadow:var(--gl-shadow-sm)}
.host-home-scroll #clubes .gl-cc-club-card:hover{border-color:var(--gl-host-copper);box-shadow:0 12px 30px color-mix(in srgb,var(--gl-host-copper) 13%,transparent)}
.host-home-scroll #clubes .gl-cc-club-card small i{color:var(--gl-host-copper-light)}
.host-home-scroll #jugadores .host-home__player-footer{max-width:100%;overflow:hidden}
.host-home-scroll #jugadores .host-home__player-footer strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:767px){.host-home-scroll .hs-sponsors__track img{filter:none;opacity:1}}
.host-home__club-crest>i,.host-home__club-crest>img,.host-home__player-avatar>i,.host-home__player-avatar>img,.host-home__rank-crest>i,.host-home__rank-crest>img{grid-area:1/1}
.host-home__club-crest:has(img:not([style*="display: none"]))>i,.host-home__player-avatar:has(img:not([style*="display: none"]))>i,.host-home__rank-crest:has(img:not([style*="display: none"]))>i{visibility:hidden}
@media(max-width:900px){.host-home__news-grid,.host-home__community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.host-home__news-grid,.host-home__community-grid,.host-home__champions{grid-template-columns:1fr}.host-home__rank-modes{width:100%}.host-home__rank-modes button{flex:1}.host-home__rank-table th,.host-home__rank-table td{padding:.7rem .55rem}.host-home__rank-table th:nth-child(5),.host-home__rank-table td:nth-child(5){display:none}.host-home__rank-crest{width:36px;height:36px}}
@media(max-width:640px){.host-home__result-score img{width:28px;height:28px}.host-home__result-score{font-size:.82rem}.host-home__result-side,.host-home__result-score .host-home__result-side:last-child{display:grid;justify-items:center;justify-content:center;gap:.2rem;text-align:center}.host-home__result-side>span{overflow-wrap:normal}.host-home__champion{padding:.9rem;gap:.7rem}.host-home__champion-trophy,.host-home__champion-trophy img{width:68px}.host-home__champion-trophy img{height:84px}.host-home__champion-trophy{min-height:84px}}