/* ============================================================
   nitia - site.css : cabecera y pie, COMPARTIDOS por las 5 paginas
   ------------------------------------------------------------
   Estaban duplicados literalmente en index, recursos, recursos/gracias,
   privacidad y aviso-legal. Se comprobo que los 16 bloques eran
   identicos byte a byte antes de extraerlos.
   Depende de /tokens.css: cargar tokens.css ANTES que este archivo.
   ============================================================ */

/* --- Cabecera --- */
nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--nitia-papel) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}
.nav-logo{height:30px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav-links a{font-family:var(--disp);font-weight:500;font-size:14.5px;color:var(--muted);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-links a[aria-current="page"]{color:var(--text);font-weight:600}
.nav-cta{font-family:var(--disp);font-weight:600;font-size:14px;background:var(--teal);color:var(--on-mint);padding:10px 20px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s}
.nav-cta:hover{background:var(--teal-dark);color:var(--nitia-blanco);transform:translateY(-1px)}

/* --- Pie --- */
footer{padding:44px 0;border-top:1px solid var(--line);background:var(--bg)}
.foot-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot-logo{height:34px;width:auto;display:block}
.foot-in .tag{color:var(--muted);font-size:14px;max-width:40ch}
.foot-in a{color:var(--teal-dark);text-decoration:none;font-size:14px;font-weight:500}
.foot-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.foot-legal{width:100%;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}

/* En movil el nav se queda con logo + boton: los enlaces no caben sin
   apretujarse. Producto y Contacto son anclas que se alcanzan con scroll,
   y Recursos se enlaza tambien desde el pie, asi que no queda huerfano. */
@media (max-width:760px){.nav-links{display:none}}