/* Cabecera de flyplus.cl · HOJA COMÚN (29-09-2026).
   La marca va de la mano con scripts/cabecera-canonica.mjs, que genera el HTML.
   Se enlaza al FINAL del <head> de cada página, después de sus estilos propios,
   para que la cabecera se vea idéntica aunque la página traiga reglas viejas.

   Valores tomados literalmente de la cabecera del inicio, que era la referencia.
   Colores escritos en literal y no con variables: cada página define sus propias
   variables y algunas difieren; la cabecera no puede depender de eso. */

.topbar{position:sticky;top:0;z-index:50;background:rgba(20,40,80,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(217,186,140,.25);box-shadow:0 4px 24px rgba(15,33,64,.18)}
.topbar-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;
  justify-content:flex-start;gap:26px;padding:14px 24px}
.topbar .brand{font-family:'Montserrat','Archivo',sans-serif;font-weight:800;font-size:26px;
  color:#FCF8EF;text-decoration:none;letter-spacing:.01em;line-height:1.2}
.topbar .brand span{color:#D9BA8C}
.topbar .nav{display:flex;gap:22px;margin-left:auto}
.topbar .nav a{font-family:'Archivo',system-ui,sans-serif;color:#FCF8EF;text-decoration:none;
  font-size:14px;font-weight:500;opacity:.9}
.topbar .nav a:hover{color:#D9BA8C;opacity:1}
.topbar .nav a.nav-forma{color:#D9BA8C;font-weight:700;opacity:1}
.topbar .nav a.nav-aula{opacity:.62}
.topbar .nav a[aria-current="page"]{color:#D9BA8C;opacity:1;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.topbar .top-cta{font-family:'Montserrat','Archivo',sans-serif;font-weight:700;font-size:14px;
  background:#D9BA8C;color:#0F2140;text-decoration:none;padding:10px 18px;border-radius:8px;
  white-space:nowrap;line-height:1.2}
.topbar .top-cta:hover{background:#E3C89E}
.topbar a:focus-visible{outline:3px solid #D9BA8C;outline-offset:3px;border-radius:4px}

@media(max-width:920px){
  .topbar .nav{display:none}
  .topbar .top-cta{margin-left:auto}
}
@media(max-width:480px){
  .topbar-inner{padding:12px 16px;gap:12px}
  .topbar .brand{font-size:23px}
  .topbar .top-cta{padding:9px 14px;font-size:13px}
}
@media print{.topbar{display:none!important}}