/* ==========================================================================
   Tema "Cereza" (definitivo) — se carga después de site.css.
   Cereza profunda en capas, oro champaña y marfil. El oro del logo sigue
   siendo el acento: botones, nombre y Ser / Hacer / Tener en hoja de oro.
   ========================================================================== */

:root {
  color-scheme: dark;
  --plum: #1C060D;          /* cereza más profunda: hero, bandas oscuras */
  --plum-2: #48172A;
  --ink: #F8EEE9;           /* marfil: texto principal */
  --porcelain: #2B0B16;     /* fondo base, cereza oscura */
  --blush: #3A1120;         /* superficie alterna */
  --orchid: #C9A45C;        /* acento: oro */
  --orchid-bright: #E4C98E;
  --gold: #D2B071;
  --gold-light: #E4C98E;
  --mauve: #D2B5BB;         /* texto secundario (contraste AA sobre cereza) */
  --line: rgba(201, 164, 92, .22);
  --line-dark: rgba(201, 164, 92, .26);
  --foil: linear-gradient(180deg, #F8E9C3 0%, #E3C284 36%, #B98F48 62%, #EDD49F 100%);
}

::selection { background: var(--gold-light); color: #2B0B16; }
.skip { color: #2B0B16; background: var(--gold-light); }

/* Botones y enlaces */
.btn-primary { background: var(--orchid); color: #2B0B16; }
.btn-primary:hover { background: var(--gold-light); color: #2B0B16; }
.btn-ghost:hover, .on-dark .btn-ghost:hover { background: var(--orchid); color: #2B0B16; border-color: var(--orchid); }
.on-dark .btn-primary:hover, .site-header .btn-primary:hover, .hero .btn-primary:hover, .studio-teaser .btn-primary:hover { background: #F8E9C3; }
.on-dark .form-card .btn-primary { background: var(--orchid); color: #2B0B16; }
.on-dark .form-card .btn-primary:hover { background: var(--gold-light); }
.link, .on-dark .link { color: var(--gold-light); }

/* Bandas oscuras: negro profundo con filete dorado */
.on-dark { background: #1C060D; color: var(--ink); border-block: 1px solid var(--line); }
.on-dark .lede { color: #E8D2D6; }

/* Encabezado */
.site-header { background: #2B0B16; color: var(--ink); box-shadow: 0 1px 0 var(--line); }
.site-header.is-solid { box-shadow: 0 1px 0 var(--line), 0 12px 30px -18px rgba(0, 0, 0, .9); }
@media (max-width: 960px) { .main-nav { background: #1C060D; color: var(--ink); } }

/* Hero */
.hero { background: #1C060D; color: var(--ink); }
.hero-scrim {
  background:
    linear-gradient(90deg, rgba(28, 6, 13, .95) 0%, rgba(28, 6, 13, .78) 40%, rgba(43, 11, 22, .12) 100%),
    linear-gradient(0deg, rgba(28, 6, 13, .95) 0%, rgba(28, 6, 13, 0) 30%),
    linear-gradient(180deg, rgba(28, 6, 13, .6) 0%, rgba(28, 6, 13, 0) 18%);
}
@media (max-width: 860px) {
  .hero-scrim { background: linear-gradient(0deg, rgba(28, 6, 13, .97) 0%, rgba(28, 6, 13, .82) 48%, rgba(43, 11, 22, .3) 100%); }
}
.hero .roles { color: #EEDCDF; }
.hero .award { background: rgba(43, 11, 22, .6); color: var(--ink); border-color: rgba(201, 164, 92, .45); }
.video-toggle { background: rgba(43, 11, 22, .55); border-color: rgba(248, 238, 233, .3); color: var(--ink); }

/* Hoja de oro: nombre y Ser / Hacer / Tener */
.hero h1 { color: #E3C284; }
.hero h1 .line > span,
.stages .word {
  background: var(--foil);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.manifesto .credo { color: var(--gold-light); }

/* Secciones */
.philosophy { border-top-color: var(--line); }
.about, .podcast { background: #240812; }
.portrait { box-shadow: 0 0 0 1px var(--gold); }
.pillars, .voice { border-top-color: var(--gold); }
.method-figure { box-shadow: 0 0 0 1px var(--line), 0 34px 70px -34px rgba(201, 164, 92, .35); }
.play-btn .disc, .short button .disc { background: var(--orchid); color: #2B0B16; }
.play-btn:hover .disc { background: var(--gold-light); }
.short { background: #3A1120; }
.short button { background: linear-gradient(180deg, transparent 45%, rgba(28, 6, 13, .92)); }
.episode .thumb { background: #3A1120; }
.voice .initial { background: #48172A; color: var(--gold-light); }
.studio-teaser { background: #1C060D; border-block: 1px solid var(--line); }

/* Eventos */
.calendar { background: #3A1120; border-color: var(--line); }
.cal-nav { border-color: var(--line); color: var(--ink); }
.cal-nav:hover { border-color: var(--gold); color: var(--gold-light); }
.cal-day { color: var(--ink); }
.cal-day[disabled] { color: #8E6672; }
.cal-day.has-event { color: var(--gold-light); }
.cal-day.has-event:hover, .cal-day.is-selected { background: var(--orchid); color: #2B0B16; }
.tag { background: rgba(201, 164, 92, .12); color: var(--gold-light); }
.tag.is-warn { background: rgba(214, 110, 80, .16); color: #F2A48C; }
.skeleton { background: linear-gradient(90deg, #3A1120, #521B30, #3A1120); background-size: 200% 100%; }
.past-card .count { background: rgba(28, 6, 13, .85); color: var(--gold-light); }

/* Formularios */
.form-card { background: #3A1120; color: var(--ink); border: 1px solid var(--line); }
.field input, .field select, .field textarea { background: #2B0B16; color: var(--ink); border-color: rgba(201, 164, 92, .35); }
.field input::placeholder, .field textarea::placeholder { color: #9C7682; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold-light); box-shadow: 0 0 0 3px rgba(201, 164, 92, .2); }
.field.has-error input, .field.has-error textarea { border-color: #FF9C8F; }
.field .err, .form-status.is-error { color: #FF9C8F; }
.form-done .ref { color: var(--gold-light); }

/* Contacto y pie */
.contact-list small { color: var(--mauve); }
.contact-list a:hover { color: var(--gold-light); }
.socials a { border-color: var(--line-dark); }
.socials a:hover { background: var(--orchid); color: #2B0B16; }
.site-footer { background: #1C060D; color: var(--mauve); border-top: 1px solid var(--line); }
.site-footer a { color: var(--ink); }

/* Diálogos */
dialog { background: #3A1120; color: var(--ink); box-shadow: 0 0 0 1px var(--line), 0 40px 80px -30px rgba(0, 0, 0, .9); }
dialog::backdrop { background: rgba(0, 0, 0, .8); }
.dialog-close { background: rgba(248, 238, 233, .08); color: var(--ink); }
.dialog-close:hover { background: rgba(201, 164, 92, .22); }
dialog.media-dialog { background: #000; }
.media-nav { background: rgba(58, 17, 32, .88); color: var(--gold-light); }
.media-caption { color: #E8D2D6; }

/* Página de evento */
.event-cover, .gallery button { background: #3A1120; }
.facts li, .facts { border-color: var(--line); }

/* Cereza viva como acento secundario */
:root { --cherry: #B8163F; --cherry-bright: #E0466B; }
.on-dark { background: linear-gradient(160deg, #1C060D 0%, #3A0B1D 100%); }
.hero { background: radial-gradient(120% 90% at 85% 30%, #5A0F27 0%, #2B0B16 45%, #1C060D 100%); }
.pillars, .voice { border-top-color: var(--cherry-bright); }
.tag { background: rgba(224, 70, 107, .16); color: #F6B8C6; }