/* ============================================================
   EDUKA · barra de navegación
   Fija arriba; se compacta al hacer scroll (.stuck) y en mobile
   se abre a pantalla completa con la hamburguesa (.open).
   ============================================================ */

.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--pad);transition:padding .4s ease,background .4s ease,box-shadow .4s ease;
}
.nav.stuck{padding:12px var(--pad);background:rgba(237,227,210,.9);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linea)}

.nav-logo{font-family:var(--serif);font-size:24px;letter-spacing:.14em;color:var(--cuero)}

.nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px)}
.nav-links a{font-size:14px;letter-spacing:.02em;color:var(--tinta);opacity:.85}
.nav-links a em{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;opacity:.5;margin-right:7px}
.nav-links a:hover{opacity:1;color:var(--fuego)}

.nav-cta{
  border:1px solid var(--linea);border-radius:var(--pildora);padding:9px 20px;color:var(--cuero)!important;
  transition:background .35s ease,color .35s ease,border-color .35s ease;
}
.nav-cta:hover{background:var(--cuero);color:var(--crema-alta)!important;border-color:var(--cuero)}

/* ---------- hamburguesa: dos rayas que se cruzan ---------- */
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:26px;height:1px;background:var(--tinta);transition:transform .35s ease,opacity .3s ease}
.burger span+span{margin-top:7px}
.nav.open .burger span:first-child{transform:translateY(4px) rotate(45deg)}
.nav.open .burger span:last-child{transform:translateY(-4px) rotate(-45deg)}

@media (max-width:900px){
  .burger{display:block}
  .nav-links{
    position:fixed;inset:0;background:var(--crema);flex-direction:column;justify-content:center;
    gap:26px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;overscroll-behavior:contain;
  }
  .nav.open .nav-links{opacity:1;visibility:visible}
  .nav-links a{font-family:var(--serif);font-size:34px}
  .nav-links a em{font-size:11px}
  .nav.open{background:var(--crema);backdrop-filter:none;-webkit-backdrop-filter:none}
}