/* LCH Stereo · estilos */
:root{
  --fondo:#0E0E10;
  --fondo-2:#121215;
  --tarjeta:#16161A;
  --linea:#26262B;
  --linea-2:#3A3A40;
  --texto:#EDEAE4;
  --texto-2:#A9A6A0;
  --texto-3:#8C8984;
  --dorado:#D9BF8C;
  --dorado-2:#EBD6AD;
  --rojo:#E5484D;
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--dorado)}
a:hover{color:var(--dorado-2)}
:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}

.contenedor{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}
@media (max-width:600px){.contenedor{padding-left:20px;padding-right:20px}}

/* Textos */
.etiqueta{margin:0;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--dorado)}
.etiqueta--gris{color:var(--texto-3)}
.etiqueta--oscura{color:#7A5E28}
.punto-vivo{width:7px;height:7px;border-radius:50%;background:var(--rojo);display:inline-block;animation:latido 1.6s ease-in-out infinite}
@keyframes latido{50%{opacity:.35}}
.titulo-xl{margin:28px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:-.01em}
.titulo-xl em{color:var(--dorado)}
.titulo-l{margin:16px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.4vw,60px);line-height:1.05}

/* Botones */
.botones{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.03em;text-decoration:none;cursor:pointer;border:0;transition:background .2s,color .2s,border-color .2s}
.boton--dorado{background:var(--dorado);color:var(--fondo)}
.boton--dorado:hover{background:var(--dorado-2);color:var(--fondo)}
.boton--borde{border:1px solid var(--linea-2);color:var(--texto);background:transparent}
.boton--borde:hover{border-color:var(--texto);color:var(--texto)}
.boton--negro{background:var(--fondo);color:var(--texto);margin-top:36px}
.boton--negro:hover{background:#2A2A2F;color:var(--texto)}
.boton--ancho{width:100%;min-height:48px}
.boton-circulo{width:44px;height:44px;border-radius:50%;border:1px solid var(--linea-2);background:transparent;color:var(--texto);display:flex;align-items:center;justify-content:center;cursor:pointer}
.boton-circulo:hover{border-color:var(--texto)}
.enlace-flecha{display:inline-block;margin-top:28px;padding:10px 0;font-weight:600;text-decoration:none}

/* Encabezado */
.encabezado{border-bottom:1px solid #222226;position:sticky;top:0;z-index:20;background:rgba(14,14,16,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.encabezado__fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-top:14px;padding-bottom:14px}
.marca{display:flex;align-items:center;gap:14px;color:var(--texto);text-decoration:none}
.marca img{width:46px;height:46px;border-radius:50%}
.marca span{font-size:14px;font-weight:600;letter-spacing:.32em}
.marca:hover{color:var(--texto)}
.menu{display:flex;flex-wrap:wrap;gap:0 32px;font-size:14px;letter-spacing:.04em}
.menu a{color:var(--texto-2);text-decoration:none;padding:10px 0}
.menu a:hover{color:var(--texto)}
@media (max-width:720px){.menu{gap:0 20px;font-size:13px}.encabezado{position:static}}

/* Hero */
.hero{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding-top:96px;padding-bottom:88px}
.hero__texto{flex:1 1 480px;min-width:0}
.hero__bajada{margin:32px 0 0;max-width:480px;font-size:18px;color:var(--texto-2)}
@media (max-width:600px){.hero{padding-top:56px;padding-bottom:64px;gap:48px}}

/* Reproductor */
.reproductor{flex:1 1 400px;min-width:0;max-width:480px;border-radius:32px;background:var(--tarjeta);border:1px solid var(--linea);padding:28px}
.reproductor__escenario{height:300px;border-radius:22px;background:var(--fondo);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.reproductor__logo{width:136px;height:136px;border-radius:50%;position:relative;box-shadow:0 0 0 1px var(--linea-2);transition:transform .6s}
.onda{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:1px solid var(--dorado);opacity:.12;transform:scale(1)}
.onda:nth-child(2){transform:scale(1.5);opacity:.09}
.onda:nth-child(3){transform:scale(2);opacity:.06}
.onda:nth-child(4){transform:scale(2.5);opacity:.04}
.sonando .onda{animation:onda 4s linear infinite;opacity:0}
.sonando .onda:nth-child(2){animation-delay:1s}
.sonando .onda:nth-child(3){animation-delay:2s}
.sonando .onda:nth-child(4){animation-delay:3s}
.sonando .reproductor__logo{transform:scale(1.04)}
@keyframes onda{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.sonando .onda{animation:none;opacity:.1}.punto-vivo{animation:none}}
.reproductor__fila{display:flex;align-items:center;gap:18px;margin-top:24px}
.boton-play{width:64px;height:64px;flex:none;border-radius:50%;border:0;background:var(--texto);color:var(--fondo);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}
.boton-play:hover{transform:scale(1.05)}
.boton-play .icono-pausa{display:none}
.sonando .boton-play .icono-play{display:none}
.sonando .boton-play .icono-pausa{display:block}
.cargando .boton-play{opacity:.7}
.reproductor__info{flex:1;min-width:0}
.reproductor__estado{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--texto-3)}
.reproductor__programa{margin:2px 0 0;font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15}
.reproductor__detalle{margin:0;font-size:14px;color:var(--texto-2)}
.reproductor__siguiente{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--linea);font-size:13px;color:var(--texto-3)}
.reproductor__error{margin:12px 0 0;font-size:14px;color:#FF9C9C}
@media (max-width:600px){.reproductor{padding:20px;border-radius:26px}.reproductor__escenario{height:240px}}

/* Carrusel */
.franja-anunciantes{border-top:1px solid #222226;border-bottom:1px solid #222226;background:var(--fondo-2);padding:56px 0}
.carrusel__cabecera{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.carrusel__controles{display:flex;align-items:center;gap:12px}
.carrusel__puntos{display:flex;gap:8px;margin-right:4px}
.carrusel__punto{width:8px;height:8px;padding:0;border:0;border-radius:4px;background:var(--linea-2);cursor:pointer;transition:width .3s,background .3s}
.carrusel__punto[aria-current="true"]{width:28px;background:var(--dorado)}
.carrusel{overflow:hidden;border-radius:28px;touch-action:pan-y}
.carrusel__pista{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.diapositiva{flex:0 0 100%;min-width:0}

/* Anuncio: mismo tamaño siempre; se acomoda a imágenes horizontales o verticales */
.anuncio{display:block;position:relative;aspect-ratio:1200/450;border-radius:28px;overflow:hidden;background:#1C1C21;color:var(--texto);text-decoration:none}
.anuncio:hover{color:var(--texto)}
.anuncio__fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(30px) brightness(.42) saturate(1.1);transform:scale(1.25);display:none}
.anuncio__contenido{position:relative;height:100%}
.anuncio__pie{display:none}
.anuncio__pie h3{margin:8px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,46px);line-height:1.05}
.anuncio__pie .boton{margin-top:22px;min-height:46px}
/* Horizontal: la imagen ocupa todo el espacio */
.anuncio--horizontal .anuncio__img{width:100%;height:100%;object-fit:cover}
/* Vertical: imagen completa a un lado y el nombre al otro, sobre un fondo difuminado */
.anuncio--vertical .anuncio__fondo{display:block}
.anuncio--vertical .anuncio__contenido{display:flex;align-items:center;gap:48px;padding:28px 56px}
.anuncio--vertical .anuncio__img{height:100%;width:auto;max-width:45%;object-fit:contain;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.anuncio--vertical .anuncio__pie{display:block;flex:1;min-width:0}

/* Celular: si hay anuncios verticales, el carrusel se vuelve más alto para que se lean bien */
@media (max-width:700px){
  .anuncio{border-radius:20px}
  .tiene-vertical .anuncio{aspect-ratio:4/5}
  .tiene-vertical .anuncio__fondo{display:block}
  .tiene-vertical .anuncio__contenido{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center}
  .tiene-vertical .anuncio__img{width:auto;height:auto;max-width:100%;max-height:calc(100% - 96px);object-fit:contain;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.45)}
  .tiene-vertical .anuncio__pie{display:block;flex:none}
  .tiene-vertical .anuncio__pie .etiqueta{justify-content:center}
  .tiene-vertical .anuncio__pie h3{font-size:24px;margin-top:4px}
  .tiene-vertical .anuncio__pie .boton{display:none}
  .tiene-vertical .diapositiva--vacia{aspect-ratio:4/5;align-content:center}
}
.diapositiva--vacia{aspect-ratio:1200/450;border-radius:28px;background:#1C1C21;display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding:40px;color:var(--texto)}
.diapositiva--vacia .vacia__logo{width:120px;height:120px;border-radius:50%;flex:none}
.diapositiva--vacia .vacia__texto{flex:1 1 300px;min-width:0}
.diapositiva--vacia h3{margin:8px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.05}
.diapositiva--vacia p{margin:10px 0 0;color:var(--texto-2);font-size:16px}
.diapositiva--vacia .boton{margin-top:20px;min-height:46px}
@media (max-width:700px){.diapositiva--vacia{aspect-ratio:auto;padding:28px}.diapositiva--vacia .vacia__logo{width:72px;height:72px}.diapositiva--vacia{border-radius:20px}.carrusel{border-radius:20px}}
@media (prefers-reduced-motion:reduce){.carrusel__pista{transition:none}}

/* Secciones */
.seccion{padding-top:112px;padding-bottom:56px}
.seccion--corta{padding-top:56px}
@media (max-width:600px){.seccion{padding-top:72px;padding-bottom:40px}}

/* Programación */
.parrilla{margin-top:56px;border-top:1px solid #2A2A2F}
.dia{display:flex;flex-wrap:wrap;gap:0 32px;border-bottom:1px solid #2A2A2F}
.dia__nombre{flex:0 0 180px;margin:0;padding:34px 0 0;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--dorado)}
.programas{flex:1 1 560px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.programa{padding:32px 28px 32px 0;position:relative}
.programa h3{font-size:clamp(24px,2.2vw,30px)}
@media (max-width:640px){.dia__nombre{flex-basis:100%;padding-top:28px}.programa{padding:16px 0 24px}}
.programa__hora{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3)}
.programa h3{margin:14px 0 0;font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.15}
.programa p:last-child{margin:8px 0 0;color:var(--texto-2)}
.programa.al-aire .programa__hora{color:var(--dorado)}
.programa.al-aire .programa__hora::after{content:" · Al aire";color:var(--rojo)}

/* Escenario */
.escenario{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.escenario__foto{flex:1 1 420px;min-width:0;aspect-ratio:4/3;border-radius:28px;background:#1A1A1E;border:1px solid var(--linea);overflow:hidden;display:flex;align-items:center;justify-content:center}
.escenario__foto img{width:100%;height:100%;object-fit:cover}
.escenario__foto img.escenario__logo{width:42%;height:auto;border-radius:50%;opacity:.9}
.escenario__texto{flex:1 1 420px;min-width:0}
.escenario__descripcion{margin:20px 0 0;max-width:480px;font-size:17px;color:var(--texto-2);white-space:pre-line}

/* Noticias + Facebook */
.noticias{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.noticias__texto{flex:999 1 460px;min-width:0}
.noticias__bajada{margin:20px 0 0;max-width:520px;font-size:17px;color:var(--texto-2)}
.facebook{flex:1 1 340px;min-width:0;max-width:400px;border-radius:24px;background:var(--tarjeta);border:1px solid var(--linea);overflow:hidden}
.facebook__cabecera{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--linea)}
.facebook__icono{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--linea-2);display:flex;align-items:center;justify-content:center;color:var(--dorado)}
.facebook__nombre{margin:0;font-size:15px;font-weight:600}
.facebook__sub{margin:0;font-size:13px;color:var(--texto-3)}
.facebook__ventana{background:#fff;display:flex;justify-content:center;min-height:520px}
.facebook__ventana iframe{max-width:100%}
.facebook__pie{padding:18px 22px}

/* Anunciantes */
.seccion-clara{background:var(--texto);color:var(--fondo);margin-top:72px}
.anunciantes{display:flex;flex-wrap:wrap;gap:64px;padding-top:112px;padding-bottom:112px}
.anunciantes__texto{flex:1 1 420px;min-width:0}
.anunciantes__texto > p:not(.etiqueta){margin:24px 0 0;max-width:460px;font-size:17px;color:#45433F}
.planes{flex:1 1 420px;min-width:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--fondo)}
.planes li{padding:26px 0;border-bottom:1px solid #C9C4B8}
.planes h3{margin:0;font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.2}
.planes p{margin:4px 0 0;color:#5A5751;font-size:15px}
@media (max-width:600px){.anunciantes{padding-top:72px;padding-bottom:72px;gap:40px}}

/* Pie */
.pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:48px;padding-bottom:48px}
.pie__marca{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--texto-3)}
.pie__marca img{width:40px;height:40px;border-radius:50%}
.pie__redes{display:flex;gap:28px;font-size:13px;letter-spacing:.08em}
.pie__redes a{color:var(--texto-2);text-decoration:none;padding:10px 0}
.pie__redes a:hover{color:var(--texto)}