/* Nav dropdown · Soluciones (sprint 2026-06-22)
   Shared entre index, cliente, soluciones, cotizar, agendar, membresia,
   por-que, resultados. Hover-only en desktop, CSS puro sin JS extra. En
   mobile el drawer (js/mobile-menu.js) detecta .nav-dd y renderea los
   sub-items con .mobile-menu-sublink indentado. */

/* Fix navbar 2026-06-22 (Gael): "Cotizador inteligente" se partia en 2
   lineas con la fuente uppercase + letter-spacing actual, desbalanceando
   el espacio entre items. Nowrap fuerza que todos los nav-link queden en
   una sola linea. Vive aqui (no en el style block de cada HTML) porque
   ya es el archivo shared importado por los 8 archivos del sitio. */
.nav-link{white-space:nowrap;}

.nav-dd{position:relative;display:inline-flex;align-items:center;}
.nav-dd-trigger{display:inline-flex;align-items:center;gap:.35rem;}
.nav-dd-trigger svg{transition:transform .25s;opacity:.7;}
.nav-dd:hover .nav-dd-trigger svg{transform:rotate(180deg);opacity:1;}
.nav-dd-panel{
  position:absolute;top:calc(100% + .65rem);left:-.85rem;
  min-width:280px;padding:.55rem;
  background:rgba(8,8,10,.97);backdrop-filter:blur(16px);
  border:1px solid var(--line-2);border-radius:10px;
  box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 0 1px rgba(233,30,140,.08) inset;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .22s,visibility .22s,transform .22s;
  z-index:60;
}
/* Hit-area invisible para que el cursor no pierda hover al bajar al panel */
.nav-dd-panel::before{
  content:"";position:absolute;top:-.65rem;left:0;right:0;height:.65rem;
}
.nav-dd:hover .nav-dd-panel,
.nav-dd:focus-within .nav-dd-panel{
  opacity:1;visibility:visible;transform:translateY(0);
}
.nav-dd-item{
  display:flex;align-items:center;justify-content:space-between;gap:.65rem;
  padding:.55rem .75rem;border-radius:6px;
  font-family:'Inter',sans-serif;font-weight:500;font-size:.78rem;
  color:rgba(255,255,255,.78);text-decoration:none;
  text-transform:none;letter-spacing:0;
  transition:all .18s;
}
.nav-dd-item:hover{background:rgba(233,30,140,.1);color:#fff;}
.nav-dd-chip{
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--pink);background:rgba(233,30,140,.12);
  padding:.18rem .45rem;border-radius:3px;
  border:1px solid rgba(233,30,140,.25);
}
.nav-dd-sep{height:1px;background:var(--line);margin:.4rem .35rem;}

/* Sub-links del dropdown Soluciones en el drawer mobile (mobile-menu.js
   añade clase mobile-menu-sublink). Indentados, smaller, más sutiles. */
.mobile-menu-sublink{font-size:1.05rem!important;font-weight:500!important;padding-left:1rem!important;color:rgba(255,255,255,.6)!important;border-bottom-color:rgba(255,255,255,.05)!important;}
.mobile-menu-sublink::before{content:"›";color:var(--pink);margin-right:.55rem;opacity:.7;}
.mobile-menu-sublink:hover,.mobile-menu-sublink:active{color:var(--pink)!important;padding-left:1.4rem!important;}