/* =====================================================
   menu-fix.css — Corrige submenús del menú principal
   Cargar DESPUÉS de estilos.css y responsive.css
===================================================== */
.nav li{position:relative}

/* Submenú OCULTO por defecto */
.nav li .drop{
  display:none;
  position:absolute; left:0; top:100%;
  min-width:250px; padding:6px 0;
  background:#FFFFFF;
  border-top:3px solid #C0202A;
  border-radius:0 0 8px 8px;
  box-shadow:0 12px 28px rgba(13,42,74,.16);
  z-index:1000;
  list-style:none;
}
.nav li .drop li{display:block; position:static}
.nav li .drop a{
  display:block; padding:10px 16px;
  font:500 13px/1.5 'Inter',system-ui,sans-serif;
  color:#22303F; text-transform:none; letter-spacing:0;
  background:transparent; box-shadow:none;
  border-bottom:1px solid #F5F7FA;
}
.nav li .drop li:last-child a{border-bottom:0}
.nav li .drop a:hover{background:#F5F7FA; color:#C0202A; padding-left:20px}

/* Se muestra SOLO con hover (desktop) */
.nav li.has:hover > .drop{display:block}
.nav li.has > a::after{content:" ▾"; font-size:9px}

/* ---------- Móvil (≤768px) ---------- */
@media (max-width:768px){
  .nav li .drop{
    position:static; min-width:0;
    background:#0A1F35; border-top:0; border-radius:0;
    box-shadow:none;
  }
  .nav li .drop a{color:#CFD8E3; border-bottom:1px solid rgba(255,255,255,.06)}
  .nav li .drop a:hover{background:transparent; color:#fff; padding-left:26px}
  .nav li.has:hover > .drop{display:none}  /* desactiva hover táctil */
  .nav li.open > .drop{display:block}      /* abre con tap (JS) */
}