:root{color-scheme:only light;
  --fondo:#FAF7F0;--superficie:#FFF;--texto:#29251F;--muted:#665F55;--ambar:#9A5B00;--boton:#8A4F00;--texto-boton:#FFF;
  --linea:#DDD5C8;--lineaFina:#E9E3D9;--verde:#267A48;--rojo:#B42318;--oro:var(--ambar);
  --anton:'Anton',Impact,'Arial Narrow',sans-serif;--barlow:'Barlow','Trebuchet MS',sans-serif;
  --radio:8px;--ancho:1280px;--texto-base:17px;--espacio-seccion:64px;
  --oscuro:#1F1B16;--texto-suave:#6B645B;--linea-suave:#E9E3D9;--radio-boton:12px;--radio-tarjeta:12px;--sombra-1:0 1px 2px rgba(41,37,31,.06),0 8px 24px rgba(41,37,31,.08);--alto-cabecera:64px;--alto-banda:44px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{background:var(--fondo);color:var(--texto);font-family:var(--barlow);font-size:var(--texto-base);line-height:1.55;overflow-x:hidden}
img{max-width:100%}::selection{background:#F2D9AD;color:var(--texto)}
.aviso-superior{padding:.65rem 1rem;background:var(--superficie);border-bottom:1px solid var(--linea);color:var(--texto);font-size:.875rem;font-weight:600;text-align:center}
header{position:relative;background:var(--fondo);border-bottom:1px solid var(--linea)}
.nav{max-width:var(--ancho);min-height:68px;margin:auto;padding:0 1.5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}
.celda-logo{display:flex;align-items:center;text-decoration:none;color:var(--texto)}
nav.menu{display:flex;align-items:center;gap:.35rem}nav.menu a,nav.menu .menu-proximamente{min-height:44px;padding:0 1rem;display:flex;align-items:center;color:var(--texto);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;border-radius:var(--radio)}
nav.menu a:hover{background:var(--superficie);color:var(--ambar)}nav.menu .menu-proximamente{color:var(--muted)}
.celda-cesta{display:flex;align-items:center}.cesta,.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radio);font-weight:700;text-decoration:none;cursor:pointer}
.cesta{padding:.65rem 1rem;background:var(--boton);color:var(--texto-boton)}
.menu-boton{display:none;min-width:44px;min-height:44px;background:transparent;border:0;cursor:pointer;padding:.55rem}.menu-boton span{display:block;width:25px;height:2px;margin:5px;background:var(--texto);transition:.15s}.menu-boton[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-boton[aria-expanded=true] span:nth-child(2){opacity:0}.menu-boton[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ambar);outline-offset:3px}
.hero{max-width:var(--ancho);margin:var(--espacio-seccion) auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);padding:0 1.5rem}.hero-izq{padding:clamp(1rem,4vw,3rem) 0}.hero-izq .pix-titulo{color:var(--ambar);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.hero-izq h1{font-family:var(--anton);font-size:clamp(3rem,7.5vw,6.5rem);line-height:.94;text-transform:uppercase}.hero-izq h1 em{font-style:normal;color:var(--ambar)}.hero-izq p.sub{max-width:34rem;margin:1.5rem 0 2rem;color:var(--muted);font-size:1.08rem}.btn{padding:.8rem 1.2rem;border:1px solid transparent;font-size:.95rem}.btn-a{background:var(--boton);color:var(--texto-boton)}.btn-a:hover{filter:brightness(.92)}.btn-b{margin-left:.6rem;border-color:var(--linea);background:var(--superficie);color:var(--texto)}.btn-b:hover{border-color:var(--ambar);color:var(--ambar)}
.hero-der{display:flex;flex-direction:column;align-self:stretch;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.panel-directo{flex:1;padding:2rem}.en-vivo{display:inline-flex;align-items:center;gap:.5rem;color:var(--rojo);font-size:.75rem;font-weight:700;letter-spacing:.14em}.en-vivo i{width:9px;height:9px;background:var(--rojo);border-radius:50%}.panel-directo h2,.panel-directo h3{margin:.75rem 0 .35rem;font-family:var(--anton);font-size:1.8rem;text-transform:uppercase}.panel-directo p{color:var(--muted)}.cuenta{display:flex;gap:.6rem;margin-top:1.3rem}.cuenta div{flex:1;padding:.8rem .25rem;background:var(--fondo);border-radius:var(--radio);text-align:center}.cuenta b{display:block;color:var(--ambar);font-size:1.5rem}.cuenta small{color:var(--muted);font-size:.7rem}.cuenta.en-directo{display:block;padding:1rem;color:var(--rojo);border:1px solid var(--rojo);text-align:center;font-weight:700}.panel-promesa{padding:1.1rem 2rem;border-top:1px solid var(--linea);color:var(--texto);font-size:.85rem;text-align:center}
.seccion{max-width:var(--ancho);margin:var(--espacio-seccion) auto;padding:0 1.5rem}.titulo{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.titulo h2{font-family:var(--anton);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.02em;text-transform:uppercase}.titulo .cont{margin-left:auto;color:var(--muted);font-size:.875rem}.rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.hueco{padding:1rem;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio)}.hueco .marco-foto{aspect-ratio:1;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:var(--fondo);border-radius:var(--radio)}.hueco .plat{color:var(--muted);font-weight:700}.hueco small{color:var(--muted)}
.monitores{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.monitor{padding:1rem 0}.monitor .icono{display:block;margin-bottom:.8rem;color:var(--ambar);font-size:1.35rem}.monitor h3{margin-bottom:.45rem;font-family:var(--anton);font-size:1.45rem;text-transform:uppercase}.monitor p{color:var(--muted)}
footer{max-width:var(--ancho);margin:var(--espacio-seccion) auto 2rem;padding:0 1.5rem}.foot-arriba{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;padding-top:2.5rem;border-top:1px solid var(--linea)}.foot-celda{padding:.5rem 0}.foot-celda h2,.foot-celda h4{margin-bottom:.8rem;color:var(--texto);font-size:.8rem;text-transform:uppercase}.foot-celda a{color:var(--muted);text-decoration:none}.foot-celda a:hover{color:var(--ambar)}.foot-celda p{color:var(--muted)}.foot-celda .marca{font-family:var(--anton);font-size:1.7rem;line-height:1}.foot-celda .marca span{display:block;margin-top:.35rem;color:var(--ambar);font-family:var(--barlow);font-size:.75rem}.foot-abajo{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--linea);color:var(--muted);font-size:.75rem}.foot-abajo b{color:var(--texto)}
@media(max-width:980px){.hero{grid-template-columns:1fr}.rejilla{grid-template-columns:repeat(2,1fr)}.monitores{grid-template-columns:1fr}.foot-arriba{grid-template-columns:1fr 1fr}.nav{display:grid;grid-template-columns:auto 1fr auto}.menu-boton{display:block;grid-column:1;grid-row:1}.celda-logo{grid-column:2;grid-row:1;justify-self:center}.celda-cesta{grid-column:3;grid-row:1}nav.menu{visibility:hidden;position:fixed;inset:var(--menu-inicio,var(--alto-cabecera)) 0 auto 0;z-index:50;padding:8px 16px 16px;background:var(--superficie);border-bottom:1px solid var(--linea-suave);border-radius:0 0 12px 12px;box-shadow:var(--sombra-1);flex-direction:column;align-items:stretch;transform-origin:top;transform:scaleY(.98);opacity:0;transition:transform 180ms,opacity 180ms,visibility 0s linear 180ms}nav.menu.abierto{visibility:visible;display:flex;transform:scaleY(1);opacity:1;transition-delay:0s}nav.menu a,nav.menu .menu-proximamente{justify-content:flex-start;min-height:48px;color:var(--texto);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}.menu-capa{position:fixed;inset:var(--menu-inicio,var(--alto-cabecera)) 0 0;z-index:49;background:rgba(31,27,22,.5)}}
@media(max-width:560px){.nav{padding:0 .8rem;gap:.35rem}.cesta{padding:.6rem .55rem}.cesta-texto{display:none}.hero,.seccion,footer{padding-left:1rem;padding-right:1rem}.hero{margin:2rem auto;gap:1.5rem}.hero-izq h1{font-size:clamp(2.8rem,16vw,4rem)}.hero-izq .btn{width:100%}.hero-izq .btn-b{margin:.75rem 0 0}.panel-directo{padding:1.4rem}.panel-promesa{padding:1rem}.titulo{align-items:flex-start;flex-direction:column;gap:.25rem}.titulo .cont{margin-left:0}.rejilla{grid-template-columns:1fr;gap:1.25rem}.monitores{gap:1rem}.foot-arriba{grid-template-columns:1fr}.foot-abajo{justify-content:center;text-align:center;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.hero--sin-directo{grid-template-columns:minmax(0,48rem);justify-content:center;text-align:center}.hero--sin-directo .hero-izq p.sub{margin-inline:auto}
