/* ══ NAV ════════════════════════════════════════════════ */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 68px;
  background: rgba(5,13,26,0.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(27,111,216,0.18);
}
.nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }

.nav-links {
  display: flex; gap: 32px; align-items: center; list-style: none;
}
.nav-links a {
  text-decoration: none; color: #6B8AB8;
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; transition: color .2s;
}
.nav-links a:hover { color: #EDF2FF; }
.nav-links a.active {
  color: #EDF2FF; border-bottom: 2px solid #1B6FD8; padding-bottom: 2px;
}
.nav-links a.nav-news {
  color: #F97316; border: 1px solid rgba(249,115,22,0.35);
  padding: 5px 14px; border-radius: 2px;
}
.nav-links a.nav-news:hover { background: rgba(249,115,22,0.12); }
.nav-links a.nav-instagram {
  color: #E1306C; border: 1px solid rgba(225,48,108,0.35);
  padding: 5px 14px; border-radius: 2px;
}
.nav-links a.nav-instagram:hover { background: rgba(225,48,108,0.10); }

/* ── Desplegable de sección (Calendario) ── */
.nav-drop { position: relative; }
.nav-drop-btn {
  display: flex; align-items: center; gap: 6px;
  background: none; border: none; cursor: pointer;
  color: #6B8AB8; font-family: inherit;
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; padding: 0; transition: color .2s;
}
.nav-drop-btn:hover, .nav-drop.abierto .nav-drop-btn { color: #EDF2FF; }
.nav-drop-btn.active {
  color: #EDF2FF; border-bottom: 2px solid #1B6FD8; padding-bottom: 2px;
}
.nav-drop-flecha { font-size: 9px; transition: transform .2s; }
.nav-drop.abierto .nav-drop-flecha { transform: rotate(180deg); }

.nav-drop-menu {
  position: absolute; top: calc(100% + 14px); left: -14px;
  min-width: 190px; list-style: none; padding: 6px;
  background: #0D1F3C; border: 1px solid rgba(27,111,216,0.3);
  border-radius: 4px; box-shadow: 0 14px 36px rgba(0,0,0,0.55);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .16s, transform .16s, visibility .16s;
}
.nav-drop:hover .nav-drop-menu,
.nav-drop.abierto .nav-drop-menu {
  opacity: 1; visibility: visible; transform: translateY(0);
}
/* Puente invisible para que el ratón llegue al menú sin cerrarlo */
.nav-drop-menu::before {
  content: ''; position: absolute; top: -14px; left: 0; right: 0; height: 14px;
}
.nav-drop-menu a {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 10px 12px; border-radius: 3px;
  border-bottom: none !important;
}
.nav-drop-menu a:hover { background: rgba(27,111,216,0.16); }
.nav-drop-eq { font-size: 12px; font-weight: 700; letter-spacing: 1.2px; }
.nav-drop-comp {
  font-size: 10px; font-weight: 700; letter-spacing: 1px;
  color: #F97316; text-transform: uppercase;
}
.nav-drop-menu a.active .nav-drop-eq { color: #EDF2FF; }

/* Hamburguesa móvil */
.nav-hamburger {
  display: none; background: none; border: none;
  color: #EDF2FF; font-size: 22px; cursor: pointer; padding: 4px;
}

/* Blindaje: ningún <nav> dentro del footer debe heredar la barra fija superior */
footer nav {
  position: static; height: auto; z-index: auto;
  background: none; backdrop-filter: none;
  border-bottom: none; padding: 0;
}

/* ══ FOOTER ═════════════════════════════════════════════ */
footer {
  background: #02060F;
  border-top: 1px solid rgba(27,111,216,0.12);
  padding: 48px;
}
.footer-inner { text-align: center; }
.footer-logo  { margin-bottom: 16px; }
.footer-sub {
  font-size: 12px; color: #2A3A5A; margin-bottom: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.footer-links {
  display: flex; justify-content: center; gap: 28px;
  margin-bottom: 20px; flex-wrap: wrap;
}
.footer-links a {
  text-decoration: none; color: #3A4A6A;
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; transition: color .2s;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.footer-links a:hover { color: #6B8AB8; }
.footer-copy {
  font-size: 11px; color: #1E2C42;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ══ RESPONSIVE ═════════════════════════════════════════ */
@media (max-width: 768px) {
  nav { padding: 0 20px; }
  .nav-hamburger { display: block; }
  .nav-links {
    display: none; position: fixed; top: 68px; left: 0; right: 0;
    background: rgba(5,13,26,0.98); flex-direction: column;
    padding: 20px; gap: 16px; border-bottom: 1px solid rgba(27,111,216,0.18);
  }
  .nav-links.open { display: flex; }

  /* Desplegable como acordeón, sin superposición */
  .nav-drop { width: 100%; }
  .nav-drop-btn { width: 100%; justify-content: space-between; }
  .nav-drop-menu {
    position: static; opacity: 1; visibility: visible; transform: none;
    display: none; width: 100%; margin-top: 12px; padding: 4px;
    box-shadow: none; background: rgba(5,13,26,0.6);
  }
  .nav-drop.abierto .nav-drop-menu { display: block; }
  .nav-drop:hover .nav-drop-menu { display: none; }
  .nav-drop.abierto:hover .nav-drop-menu { display: block; }
  .nav-drop-menu::before { display: none; }
  footer { padding: 36px 20px; }
  .footer-links { gap: 16px; }
}