/* ── HAMBURGER UNIVERSAL — fluenciaai.com ─────────────────────── */
.m-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;padding:10px;flex-shrink:0;}
.m-burger span{display:block;width:22px;height:2px;background:#94a3b8;border-radius:2px;transition:all .2s cubic-bezier(.16,1,.3,1);}
.m-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.m-burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.m-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.m-drawer{display:none;position:fixed;left:0;right:0;background:rgba(3,3,5,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08);z-index:199;padding:1rem 1.5rem 1.75rem;flex-direction:column;gap:.25rem;max-height:calc(100vh - 60px);overflow-y:auto;}
.m-drawer.open{display:flex!important;}
.m-link{display:block;padding:.875rem 1rem;border-radius:10px;color:#94a3b8;text-decoration:none;font-size:.9375rem;font-weight:500;transition:background .15s,color .15s;font-family:inherit;}
.m-link:hover{background:rgba(255,255,255,.05);color:#f1f5f9;}
.m-cta{margin-top:.75rem;background:#25D366;color:#fff!important;font-weight:700;border-radius:10px;text-align:center;padding:1rem;}
.m-cta:hover{background:#1da855!important;color:#fff!important;}
.m-divider{height:1px;background:rgba(255,255,255,.08);margin:.5rem 0;}
.nav__wordmark-fix{font-size:1.125rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 40%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

@media(max-width:768px){
  .nav__links{display:none!important;}
  .nav__actions .nav__link{display:none!important;}
  .nav__actions .btn-wa,.nav__actions .btn.btn-wa{display:none!important;}
  .m-burger{display:flex!important;}
}

/* ════════════════════════════════════════════════════════════════════
   COMPACTADO MÓVIL PÁGINAS INTERNAS (≤640px)
   Carga después del <style> inline de cada página => gana por orden de
   fuente con la misma especificidad (sin !important).
   ════════════════════════════════════════════════════════════════════ */
@media(max-width:640px){
  /* — Soluciones (15 páginas generadas) — */
  .hero-sector{padding:5.5rem 0 2.5rem;}
  .problems-section,.solutions-section,.casos-section,.cities-section,.faq-section{padding:2.75rem 0;}
  .cta-sector{padding:3rem 0;}

  /* — Servicios (layout unificado: .section + .hero + .section-head) — */
  .hero{padding:5.5rem 0 3rem;}
  .section{padding:3.25rem 0;}
  .section-head{margin:0 auto 2rem;}

  /* — Servicios (ciberseguridad: clases propias a 80/100px) — */
  .dolor,.revision,.proceso,.paquetes,.diferenciador,.comparativa,
  .sectores,.sin-intrusion,.faq,.cta-final{padding:3.25rem 0;}
}