@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=League+Gothic&display=swap');
/*
Theme Name: Clásica Child
Template: astra
Version: 1.0
Author: TAPP-LÀ
Description: Child theme de Astra para Radio Clásica. Fuente única de estilo: tokens + base + header + hero. El CSS de los plugins (Player, Cartelera) vive en cada plugin.
*/

/* ================================================================
   1. TOKENS — CLASICA_SYSTEM (capa central, fuente de verdad)
   ================================================================ */
:root{
  /* Fondos */
  --rc-paper:#FAFAF8;
  --rc-paper-alt:#F2F2EE;
  --rc-cream:#F7F2EA;
  --rc-parchment:#EDE6D8;
  --rc-ink:#1A120A;
  --rc-ink-soft:#2E2318;

  /* Marca */
  --rc-orange:#FF4500;
  --rc-orange-dark:#D93A00;
  --rc-aqua:#00E5CC;
  --rc-yellow:#FFC72C;

  /* Texto */
  --rc-text:#1A120A;
  --rc-text-muted:#6B5540;
  --rc-on-dark:#FAFAF8;

  /* UI */
  --rc-border:#E7E1D6;
  --rc-border-dark:rgba(247,242,234,.14);
  --rc-radius:12px;
  --rc-radius-sm:4px;
  --rc-shadow:0 2px 12px rgba(26,18,10,.07);
  --rc-shadow-hover:0 12px 30px rgba(26,18,10,.12);

  /* Categorías */
  --rc-cat-concierto:#FF4500;
  --rc-cat-taller:#E0A526;
  --rc-cat-exposicion:#00A896;
  --rc-cat-teatro:#7A4CC0;
  --rc-cat-presentacion:#2E86AB;
  --rc-cat-otro:#6B5540;

  /* Tipografía */
  --rc-font-display:"League Gothic", Impact, sans-serif;
  --rc-font-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
}

/* ================================================================
   2. BASE / ESCALA TIPOGRÁFICA
   ================================================================ */
body{
  font-family:var(--rc-font-body);
  font-weight:400;font-size:18px;line-height:1.7;
  color:var(--rc-text);background:var(--rc-paper);
}

h1,.entry-content h1{ font-family:var(--rc-font-display); font-weight:400; font-size:clamp(4rem,8vw,8rem);   line-height:.9;  letter-spacing:0; }
h2,.entry-content h2{ font-family:var(--rc-font-display); font-weight:400; font-size:clamp(2.5rem,5vw,4.5rem); line-height:.95; letter-spacing:0; }
h3,.entry-content h3{ font-family:var(--rc-font-body); font-weight:700; font-size:2rem;    line-height:1.15; }
h4,.entry-content h4{ font-family:var(--rc-font-body); font-weight:700; font-size:1.5rem;  line-height:1.2; }
h5,.entry-content h5{ font-family:var(--rc-font-body); font-weight:700; font-size:1.25rem; line-height:1.25; }
h6,.entry-content h6{ font-family:var(--rc-font-body); font-weight:700; font-size:1rem;    line-height:1.3; text-transform:uppercase; letter-spacing:.04em; }
p,.entry-content p{ font-family:var(--rc-font-body); font-size:1.125rem; line-height:1.7; }

a{ color:var(--rc-orange); }
a:hover{ color:var(--rc-aqua); }

/* ================================================================
   3. HEADER EN TINTA
   ================================================================ */
.ast-primary-header-bar,
#ast-desktop-header .main-header-bar,
#ast-mobile-header .ast-primary-header-bar{
  background-color:var(--rc-ink) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--rc-border-dark) !important;
}
.ast-primary-header-bar .main-header-menu .menu-link{
  color:var(--rc-on-dark) !important;
  font-weight:600;letter-spacing:.04em;
}
.ast-primary-header-bar .main-header-menu .menu-link:hover,
.ast-primary-header-bar .main-header-menu .menu-item:hover > .menu-link,
.ast-primary-header-bar .main-header-menu .current-menu-item > .menu-link{
  color:var(--rc-aqua) !important;
}
.ast-header-social-1-wrap .ast-builder-social-element{
  --color:var(--rc-on-dark) !important;
  color:var(--rc-on-dark) !important;
}
.ast-header-social-1-wrap .ast-builder-social-element:hover{
  --color:var(--rc-aqua) !important;
  color:var(--rc-aqua) !important;
}
#ast-mobile-header .menu-toggle .ast-mobile-svg{ fill:var(--rc-on-dark) !important; }
#ast-mobile-header .ast-mobile-header-content,
#ast-mobile-header .main-header-bar-navigation{ background-color:var(--rc-ink) !important; }
#ast-mobile-header .main-header-menu .menu-link{
  color:var(--rc-on-dark) !important;
  border-color:var(--rc-border-dark) !important;
}

/* ================================================================
   4. BLOQUE ARQUETÍPICO · HERO (rc-hero) + variantes
   ================================================================ */
.rc-hero{
  --_bg:var(--rc-yellow);
  --_fg:var(--rc-ink);
  background:var(--_bg);color:var(--_fg);
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  overflow:hidden;
}
.rc-hero__inner{
  max-width:1240px;margin:0 auto;
  padding:clamp(96px,12vh,156px) clamp(24px,6vw,80px) clamp(56px,8vh,96px);
}
.rc-hero__eyebrow{
  margin:0 0 10px !important;color:inherit;
  font-family:var(--rc-font-body);
  font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
}
.rc-hero__title{
  margin:0;color:inherit;
  font-family:var(--rc-font-display);font-weight:400;letter-spacing:.005em;text-transform:uppercase;
}
.rc-hero__dot{ color:var(--rc-orange); }
.rc-hero__rule{
  width:60px;height:3px;border:0;background:var(--_fg);margin:28px 0 20px;
}
.rc-hero__text{
  margin:0;max-width:30ch;color:inherit;
  font-family:var(--rc-font-body);font-weight:500;line-height:1.5;
}

/* Tamaño del título: gana a la escala global de Astra */
.rc-hero__title{ font-size:8.5rem !important; line-height:.82 !important; }
@media (max-width:1200px){ .rc-hero__title{ font-size:7rem !important; } }
@media (max-width:768px) { .rc-hero__title{ font-size:6rem !important; } }
@media (max-width:480px) { .rc-hero__title{ font-size:5rem !important; } }

/* Subtítulo */
.rc-hero__text{ font-size:1.25rem !important; }
@media (max-width:768px){ .rc-hero__text{ font-size:1.1rem !important; } }
@media (max-width:480px){ .rc-hero__text{ font-size:1rem   !important; } }

/* Variantes — solo cambian el fondo (y el texto en fondos oscuros) */
.rc-hero--yellow{ --_bg:var(--rc-yellow); }                                  /* Agenda Cultural */
.rc-hero--aqua  { --_bg:var(--rc-aqua); }                                    /* Podcast (índice) */
.rc-hero--cream { --_bg:var(--rc-parchment); }                               /* Quiénes somos */
.rc-hero--plum  { --_bg:var(--rc-cat-teatro); --_fg:var(--rc-on-dark); }     /* Contacto */
.rc-hero--ink   { --_bg:var(--rc-ink);        --_fg:var(--rc-on-dark); }     /* Podcasts (single) */

/* ================================================================
   5. UTILIDADES / AJUSTES ASTRA
   ================================================================ */
/* Ocultar el copyright/footer por defecto de Astra */
.ast-footer-copyright{ display:none; }