/* Ligas Central | Fondo global v3.3
   Una sola fotografía para las páginas nativas. No modifica datos ni permisos. */
:root{--yc-yellow:#FFE100;--yc-blue:#0001C5;--yc-navy:#101B4B}
html{
  min-height:100%;
  background:#071B40 url('/central/imagenes/estadio-global-v33.webp?v=255c72a39666') center center / cover fixed no-repeat !important;
}
html body,html body:has(.lc-home),html body:has(.public:not(.lc-home)){
  min-height:100vh;
  background:transparent !important;
}
/* Quitar fondos de página, no los de controles ni tarjetas. */
html body .shell,html body .main,html body .content,
html body .public,html body .lc-home,
html body .lc-home-directory{
  background:transparent !important;
}
/* Portada: texto sobre un panel oscuro, fotografía en toda la pantalla. */
html body:has(.lc-home) .lc-home-hero{
  grid-template-columns:minmax(0,1fr) !important;
  min-height:0 !important;
  background:rgba(7,27,64,.88) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:22px !important;
  padding:clamp(26px,4vw,48px) !important;
  box-shadow:0 16px 48px rgba(0,12,45,.18) !important;
}
html body:has(.lc-home) .lc-home-hero::before,
html body:has(.lc-home) .lc-home-hero::after{content:none !important;display:none !important}
html body:has(.lc-home) .lc-home-hero-copy{
  max-width:850px;min-width:0;padding:0 !important;
}
html body:has(.lc-home) .lc-home-hero-art{display:none !important}
html body:has(.lc-home) .lc-home-hero h1{color:#fff !important}
html body:has(.lc-home) .lc-home-hero h1 span{color:#FFE100 !important}
html body:has(.lc-home) .lc-home-hero-copy>p,
html body:has(.lc-home) .lc-home-hero-bottom{color:#E9EFFF !important}
html body:has(.lc-home) .lc-home-kicker{
  background:rgba(255,225,0,.12) !important;color:#FFE100 !important;
  border-color:rgba(255,225,0,.35) !important;
}
html body:has(.lc-home) .lc-home-primary{
  background:#FFE100 !important;color:#101B4B !important;
}
html body:has(.lc-home) .lc-home-primary:hover{background:#FFF083 !important;color:#101B4B !important}
/* Directorio claro y legible, sin tapar todo el estadio. */
html body:has(.lc-home) .lc-home-directory{
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:24px !important;
}
html body:has(.lc-home) .lc-home-section-head{
  background:transparent !important;box-shadow:none !important;
}
html body:has(.lc-home) .lc-home-section-head h2,
html body:has(.lc-home) .lc-home-directory h2,
html body:has(.lc-home) .lc-home-directory h3{color:#101B4B !important}
html body:has(.lc-home) .lc-home-section-head p:not(.lc-home-overline){color:#52617B !important}
html body:has(.lc-home) .lc-home-results{color:#52617B !important}
html body:has(.lc-home) .lc-home-card,
html body:has(.lc-home) .lc-home-benefits>div{background:#fff !important}
html body:has(.lc-home) .lc-home-topbar{background:#fff !important}
/* Páginas deportivas y panel: el mismo estadio detrás del contenido. */
html body .public:not(.lc-home) .hero{
  background:rgba(7,27,64,.88) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
html body .public:not(.lc-home) .hero h1,
html body .public:not(.lc-home) .hero h2{color:#fff !important}
html body .public:not(.lc-home) .hero p{color:#E9EFFF !important}
html body .public:not(.lc-home) .hero .eyebrow{color:#FFE100 !important}
html body .sidebar{background:linear-gradient(170deg,#0001C5,#101B4B) !important}
html body .context,html body .topbar{background:rgba(255,255,255,.98) !important}
html body .card,html body .metric,html body .table-wrap,
html body dialog,html body .login,html body .sports-intro{
  background:#fff !important;
}
html body .empty{background:#fff !important}
/* Conservar tablas, indicadores, sanciones y sus colores originales. */
html body .lc-standings-table,html body .lc-scorers-table,
html body .lc-defense-table,html body .lc-cards-table{background:#fff}
@media(max-width:760px){
  html body:has(.lc-home) .lc-home-hero{padding:25px 20px !important;border-radius:18px !important}
  html body:has(.lc-home) .lc-home-hero h1{font-size:clamp(30px,8vw,42px) !important;letter-spacing:-1.5px !important}
  html body:has(.lc-home) .lc-home-directory{padding:20px 14px !important}
  html body .public{padding:20px 14px}
}