/* Brand theme for this deployment: YaContesta Academy (cursos.yacontesta.pro).
 * Colors are yacontesta.pro's, which since 2026-11-07 are Aday Interactive's heritage palette with a
 * safety-orange trades accent: ink #1F2E2A (the old forest #163327), orange text #A8440E (the old gold
 * #8A6D28), safety orange #E8641B for fills and rules only, ivory #FBFAF6. Space-separated RGB channels so Tailwind opacity
 * modifiers work (e.g. bg-brand-primary/10). No rebuild needed for changes here. */
:root {
  --brand-primary: 31 46 42;        /* #1F2E2A forest: buttons, headings */
  --brand-primary-dark: 24 36 31;   /* #18241F hover */
  --brand-accent: 168 68 14;       /* #A8440E orange: links, badges */
  --brand-accent-dark: 122 48 10;    /* #7A300A hover */
  --brand-accent-deep: 168 68 14;  /* italic headline accent */
  --brand-cream: 245 240 229;       /* #F5F0E5 soft panels */
  --brand-canvas: 251 250 246;      /* #FBFAF6 page background */
  --brand-ink: 31 46 42;            /* #1F2E2A body text */
  --brand-rule: 229 221 201;        /* #E5DDC9 hairlines */

  --font-display: 'Cormorant Garamond', 'Cormorant Garamond Fallback', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', system-ui, sans-serif;
  --radius-brand: 1rem;

  --display-weight: 600;
  --headline-weight: 600;

  /* Buttons: yacontesta.pro's rounded-xl, sentence case */
  --button-radius: 9999px;        /* pills, as on yacontesta.pro since 2026-11-08 */
  --button-size: 0.875rem;
  --button-weight: 600;
  --button-tracking: 0.01em;
  --button-case: none;
  --button-ink: 251 250 246;

  /* Labels: small spaced gold capitals */
  --eyebrow-size: 0.6875rem;
  --eyebrow-tracking: 0.2em;
  --eyebrow-ink: 168 68 14;
  --eyebrow-dot: 232 100 27;        /* #E8641B */
  --eyebrow-dot-display: none;

  --card-shadow: 0 2px 10px rgb(31 46 42 / 0.06);

  /* Header: cream over the page, hairline */
  --header-bg: 12 18 16;          /* night, 2026-11-08 */
  --header-bg-alpha: 0.92;
  --header-blur: 16px;
  --header-rule: 38 46 43;

  /* Footer: forest, light text (brand.php footer.tone = 'dark') */
  --footer-bg: 12 18 16;          /* night, 2026-11-08 (was forest) */
  --footer-ink: 229 221 201;
  --footer-rule: 38 46 43;
  --footer-heading-font: "Plus Jakarta Sans", system-ui, sans-serif;
  --footer-heading-size: 0.75rem;
  --footer-heading-weight: 700;
  --footer-heading-case: uppercase;
  --footer-heading-tracking: 0.12em;
  --footer-heading-ink: 245 162 107;   /* #F5A26B */
  --footer-link-hover: 245 162 107;
  --footer-muted: 168 182 172;
  --footer-divider: 38 46 43;
  --footer-chip: 38 46 43;
}

/* Phone menu open (config/partials/nav.php): stop the page scrolling behind the drawer. */
.ada-nav-locked { overflow: hidden; }

/* Scrollbar: the same 8px bar as yacontesta.pro (its app.css). With the browser's wider default bar the
   page was a few pixels narrower here, so the centered header sat a few pixels left of the main
   site's when moving between the two (2026-11-07). */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F5F0E5; }
::-webkit-scrollbar-thumb { background: #CFC3AF; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #E8641B; }

/* ── Cinematic layer (2026-11-08), matching yacontesta.pro's site.css: buttons are orange
   pills with a glow (ink #18241F on orange, 4.78:1), big headlines in condensed caps
   (Big Shoulders Display), and the course pages open on a night hero (.yc-cine). ── */
.btn-primary, .btn-accent { background-color: #E8641B; color: #18241F; box-shadow: 0 2px 36px rgb(232 100 27 / 0.35); }
.btn-primary:hover, .btn-accent:hover { background-color: #F07A3A; color: #18241F; }
.yc-cine { position: relative; overflow: hidden; background: #0C1210; color: #F4EFE6; }
.yc-cine::before { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(90% 70% at 0% 100%, rgb(232 100 27 / 0.32) 0%, transparent 60%), radial-gradient(60% 50% at 100% 0%, rgb(245 162 107 / 0.10) 0%, transparent 70%); }
.yc-cine > * { position: relative; }
.yc-cine-photo { position: absolute !important; inset: 0 0 0 auto; width: min(58%, 900px); height: 100%; object-fit: cover; opacity: .5; }
.yc-cine-shade { position: absolute !important; inset: 0; pointer-events: none; background: linear-gradient(90deg, #0C1210 38%, rgb(12 18 16 / 0.55) 70%, rgb(12 18 16 / 0.75) 100%), linear-gradient(0deg, #0C1210 0%, transparent 35%); }
@media (max-width: 1023px) { .yc-cine-photo { width: 100%; opacity: .22; } }
.yc-cine h1, .yc-cine .yc-cine-title { font-family: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .005em; line-height: .92 !important; color: #F4EFE6 !important; }
.yc-cine p, .yc-cine li { color: #B9C2BD; }
.yc-cine strong { color: #F4EFE6; }
.yc-cine a:not(.btn) { color: #F5A26B; }
.yc-cine .eyebrow, .yc-cine .yc-kicker { color: #F5A26B !important; }
.yc-cine .btn-outline { border-color: rgb(255 255 255 / 0.3); color: #F4EFE6; background: rgb(255 255 255 / 0.04); }
.yc-cine .btn-outline:hover { border-color: rgb(255 255 255 / 0.6); color: #F4EFE6; }
.yc-display { font-family: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .005em; line-height: .95 !important; }
.yc-cine h1 em, .yc-cine h1 .emphasis { font-family: 'Cormorant Garamond', 'Cormorant Garamond Fallback', Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: 0;
  background: linear-gradient(90deg, #FFD9B5 0%, #F5A26B 45%, #F07A3A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.yc-cine .text-stone-500, .yc-cine .text-stone-600 { color: #B9C2BD; }
.yc-cine .bg-brand-cream { background: rgb(245 162 107 / 0.14); color: #F5A26B; }