/* Menú: barra + panel. Este archivo manda sobre estilos.css */
.nav-toggle { display: none !important; }

.navwrap nav { display: block !important; }

.navwrap nav > ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 8px !important;
}

.navwrap li {
  list-style: none !important;
  position: relative !important;
}

.navwrap nav > ul > li > a,
.navwrap summary {
  display: block;
  padding: 12px 11px;
  font-weight: 800;
  font-size: .9rem;
  font-family: inherit;
  color: #1a2b4a;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
}

.navwrap summary { list-style: none; }
.navwrap summary::-webkit-details-marker { display: none; }
.navwrap .has-drop > a::after,
.navwrap summary::after { content: " ▾"; font-size: .8em; }

.navwrap .cta a {
  background: #ff8a00;
  color: #fff !important;
  border-radius: 999px;
  padding: 7px 14px !important;
}

/* El panel NO entra en la fila */
.navwrap .has-drop > ul,
.navwrap .has-drop details > ul {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 230px !important;
  background: #1565c0 !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
  z-index: 300 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.2);
}

.navwrap .has-drop > ul a,
.navwrap .has-drop details > ul a {
  display: block !important;
  color: #fff !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
}

.navwrap .has-drop > ul a:hover,
.navwrap .has-drop details > ul a:hover {
  background: #0d47a1 !important;
}

@media (min-width: 768px) {
  .navwrap .has-drop:hover > ul,
  .navwrap .has-drop.open > ul,
  .navwrap .has-drop details[open] > ul,
  .navwrap .has-drop details:hover > ul {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .navwrap nav > ul { overflow-x: auto !important; }
  .navwrap .has-drop > a,
  .navwrap .has-drop summary { display: none !important; }
  .navwrap .has-drop,
  .navwrap .has-drop details { display: contents !important; }
  .navwrap .has-drop > ul,
  .navwrap .has-drop details > ul {
    display: contents !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .navwrap .has-drop ul a { color: #1a2b4a !important; }
}

.org-etapas {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 8px 0 28px;
}
.org-etapas a {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px;
  background: #e8f1fc;
  color: #1a2b4a !important;
  padding: 16px;
  border-radius: 14px;
  font-weight: 800;
}
.org-etapas small { display: block; font-weight: 600; color: #5b6b82; }
@media (max-width: 767px) { .org-etapas { grid-template-columns: 1fr; } }
.prose p, .article p, .icon-p p { max-width: 100% !important; width: 100% !important; }