/* Paleta del usuario */
:root {
  --c1: #F5B82A; --c2: #DB6816; --c3: #F5E7D3; --c4: #00967D; --c5: #83D4A9;
  --bg: var(--c3); --surface:#fff; --text:#0d1b2a; --muted:#6c757d; --accent:var(--c4); --accent-2:var(--c1); --border:#e3e5ea;
  --radius-xl:1.25rem; --radius-lg:1rem; --radius-md:.75rem; --shadow-soft:0 10px 30px rgba(0,0,0,.08); --shadow-mid:0 10px 40px rgba(0,0,0,.12);
  --font-scale:1;
}
.hc, .hc body { --bg:#000; --surface:#000; --text:#fff; --muted:#d0d0d0; --accent:#00ffc8; --accent-2:#ffd24a; --border:#444; }
html{scroll-behavior:smooth} body{background:var(--bg);color:var(--text);font-family:"Atkinson Hyperlegible",system-ui,-apple-system,Segoe UI,Roboto,Arial; font-size:calc(16px*var(--font-scale));line-height:1.6;padding-top:72px;padding-bottom:56px}
h1,h2,h3,h4,h5,h6,.navbar-brand,.brand-logo,.section-title{font-family:"Poppins",system-ui,sans-serif}
.dyslexic{font-family:"Atkinson Hyperlegible",system-ui,sans-serif!important}
.bg-accent{background:linear-gradient(90deg,var(--accent),var(--accent-2))} .navbar .nav-link{color:rgba(255,255,255,.9)} .navbar .nav-link:hover{color:#fff;text-decoration:underline}
.footer{backdrop-filter:blur(6px);background:rgba(0,0,0,.85)!important}
.btn-accent{background:var(--accent);color:#fff;border:none}.btn-accent:hover{filter:brightness(.95);color:#fff}.btn-accent-2{background:var(--accent-2);color:#351d00;border:none}.btn-accent-2:hover{filter:brightness(.95);color:#351d00}
.section-pad{padding:clamp(2.5rem,3vw,4rem) 0} .bg-soft{background:color-mix(in srgb,var(--surface) 85%,var(--bg))}
.section-title{font-weight:800;letter-spacing:.2px}
.media-16x9{aspect-ratio:16/9;background:#000} .media-16x9>img,.hero-slide>img{width:100%;height:100%;object-fit:cover;display:block}
.hero{position:relative}.hero .hero-caption{position:absolute;inset:auto 0 8%;color:#fff}.hero .hero-caption h1,.hero .hero-caption .h1{text-shadow:0 4px 24px rgba(0,0,0,.4)} .swiper-button-prev,.swiper-button-next{color:#fff}.swiper-pagination-bullet{background:rgba(255,255,255,.7)}.swiper-pagination-bullet-active{background:#fff}
.timeline{position:relative;margin-left:.75rem;padding-left:1.5rem;border-left:3px solid var(--accent)} .timeline-item{position:relative;margin-bottom:1rem}
.timeline-dot{position:absolute;left:-1.15rem;top:.3rem;width:.9rem;height:.9rem;background:var(--accent-2);border:2px solid var(--accent);border-radius:50%}
.timeline-card{background:var(--surface);border-radius:var(--radius-md);padding:.75rem 1rem;border:1px solid var(--border)}
.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-mid);transition:.2s ease-in-out}
.gradient-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 20%,#000),color-mix(in srgb,var(--accent-2) 20%,#fff));color:#102a43}
.a11y-panel{position:fixed;right:1rem;top:80px;z-index:1080;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.8rem;display:none}
.a11y-panel.show{display:block} #speech-status{min-height:1.25rem}
.back-to-top{position:fixed;right:1rem;bottom:4.2rem;z-index:1070;background:var(--accent);color:#fff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:var(--shadow-soft);display:none}
.back-to-top.show{display:grid}
:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}
.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--accent) 25%,transparent)}
.visually-hidden-focusable:not(:focus):not(:active){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Print (para rutas/kits) */
@media print{
  .navbar,.footer,.back-to-top,.a11y-panel,.btn,.swiper,.swiper-wrapper,.swiper-slide,.swiper-pagination,.swiper-button-prev,.swiper-button-next{display:none!important}
  body{padding:0;background:#fff;color:#000}
  a[href]:after{content:" (" attr(href) ")";font-size:.8em}
}

/* Embeds responsive dentro de 16:9 */
.media-16x9 iframe{width:100%;height:100%;border:0;display:block}