/* ═══════════════════════════════════════════════════════════════════
   AEROSUBLOS — estilos compartidos entre páginas (nav, footer, reset)
   Se cachea en el navegador entre navegaciones internas del sitio.
   No todas las páginas usan exactamente lo mismo -- cada una puede
   seguir sobreescribiendo puntualmente en su propio <style>.
   ═══════════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ── NAV ── */
nav {
  position: sticky; top: 0; left: 0; right: 0;
  height: 60px; padding: 0 8vw;
  display: flex; align-items: center; justify-content: space-between;
  z-index: 100;
  background: rgba(8,18,32,0.95);
  border-bottom: 1px solid rgba(245,166,35,0.18);
}
.nav-logo {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: var(--blanco, #f4f7ff);
  text-decoration: none;
}

/* ── FOOTER ── */
footer {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding: 28px 8vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.footer-logo {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: rgba(244,247,255,0.5);
  text-decoration: none;
}
footer p { color: var(--gris, #94a3b8); font-size: 0.75rem; }

@media (max-width: 768px) {
  nav { padding: 0 4vw; }
  footer { flex-direction: column; text-align: center; padding: 24px 6vw; }
}