/* Navbar dropdown (mega-menú Sectores) — fuente única, idéntico en todas las páginas */
.nav-dd{ position: relative; list-style: none; }
.nav-dd::after{ content:""; position: absolute; top: 100%; left: -60px; right: -60px; height: 46px; pointer-events: auto; }
.nav-dd-trigger{ background: transparent; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: rgb(240,234,214); font-family: 'Inter Tight', sans-serif; font-size: 13.5px; font-weight: 500; letter-spacing: 0.2px; transition: color 0.22s ease, background 0.22s ease; padding: 8px 16px; border-radius: 999px; white-space: nowrap; }
.nav-dd.dd-open .nav-dd-trigger{ background: rgba(255,255,255,0.05); color:#fff; }
.nav-dd-trigger svg{ transition: transform .25s ease; }
.nav-dd.dd-open .nav-dd-trigger svg{ transform: rotate(180deg); }
.nav-mega{ position: fixed; top: 86px; left: 50%; transform: translateX(-50%) translateY(8px); width: min(820px, 92vw); max-width: 92vw; background: rgb(13,12,16); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 18px; margin: 0; opacity: 0; visibility: hidden; transition: opacity .25s cubic-bezier(0.16,1,0.3,1), visibility .25s cubic-bezier(0.16,1,0.3,1), transform .25s cubic-bezier(0.16,1,0.3,1); z-index: 110; box-shadow: 0 28px 70px -24px rgba(0,0,0,0.85); box-sizing: border-box; }
.nav-dd.dd-open .nav-mega{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.nav-mega-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nav-mega-card{ display: flex; gap: 14px; padding: 14px 16px; border-radius: 11px; text-decoration: none; transition: background .18s ease, border-color .18s ease, transform .18s ease; align-items: flex-start; border: 1px solid transparent; min-width: 0; }
.nav-mega-card:hover{ background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); transform: translateY(-1px); }
.nav-mega-card.is-active{ background: rgba(255,79,31,0.08); border-color: rgba(255,79,31,0.22); }
.nav-mega-icon{ width: 36px; height: 36px; border-radius: 9px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); display: grid; place-items: center; flex-shrink: 0; color: rgb(240,234,214); transition: background .18s ease, border-color .18s ease; }
.nav-mega-card:hover .nav-mega-icon{ background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.18); }
.nav-mega-card.is-active .nav-mega-icon{ background: rgba(255,79,31,0.15); border-color: rgba(255,79,31,0.30); color: #FF4F1F; }
.nav-mega-icon svg{ width: 19px; height: 19px; }
.nav-mega-body{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nav-mega-title{ font-size: 14px; font-weight: 600; color: rgb(240,234,214); letter-spacing: -0.01em; font-family: 'Inter Tight', sans-serif; transition: color .18s ease; }
.nav-mega-card:hover .nav-mega-title{ color: #fff; }
.nav-mega-desc{ font-size: 12px; color: rgba(240,234,214,0.45); line-height: 1.45; overflow-wrap: anywhere; white-space: normal; }
@media (max-width: 880px){ .nav-mega{ width: 92vw; } .nav-mega-grid{ grid-template-columns: 1fr; } }

/* Selector de idioma: pastilla activa en acento crema (no naranja), igual en todas las paginas */
.lang-sw .lang-btn.active{ background: var(--accent, #c8d4e0); color: #111113; }

/* Tap target movil: la hamburguesa minimo 44x44 (accesibilidad) */
.ham{ min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }