/* ══════════════════════════════════════════════════
   SEGINTEC — NAV UNIFICADO (aplica a todas las páginas)
══════════════════════════════════════════════════ */

/* Hamburger: invisible en PC */
.nav-ham,#nav-ham{display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:38px !important;height:38px !important;background:none !important;border:none !important;cursor:pointer !important;padding:0 !important;flex-shrink:0 !important;margin-left:auto !important;}
.nav-ham span,#nav-ham span{display:block !important;width:22px !important;height:2px !important;background:#1C2E6E !important;border-radius:2px !important;flex-shrink:0 !important;pointer-events:none !important;}

/* Menú móvil: invisible hasta .is-open */
#mobile-menu{
  display:none !important;
  position:fixed !important;
  top:58px !important;left:0 !important;right:0 !important;bottom:auto !important;
  z-index:999999 !important;
  background:#ffffff !important;
  flex-direction:column !important;
  padding:0 !important;margin:0 !important;
  box-shadow:0 6px 28px rgba(15,22,36,.2) !important;
  border-bottom:3px solid #2B7A2B !important;
  max-height:calc(100vh - 58px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  width:100% !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
}
#mobile-menu.is-open{display:flex !important;}

/* Header logo+X dentro del menú */
.smenu-head{
  display:flex !important;align-items:center !important;
  justify-content:space-between !important;
  padding:0 5vw !important;height:54px !important;
  border-bottom:1px solid #E8ECF4 !important;
  background:#ffffff !important;flex-shrink:0 !important;
}
.smenu-logo{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:1.1rem !important;font-weight:900 !important;color:#1C2E6E !important;
  letter-spacing:.01em !important;
}
.smenu-x{
  width:32px !important;height:32px !important;border-radius:50% !important;
  border:none !important;background:#F0F2F7 !important;color:#1C2E6E !important;
  font-size:1.1rem !important;cursor:pointer !important;line-height:1 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
.smenu-x:hover{background:#D0D5E8 !important;}

/* Todos los links del menú */
#mobile-menu a{
  display:flex !important;
  align-items:center !important;
  gap:.75rem !important;
  padding:1.05rem 5vw !important;
  font-size:1rem !important;font-weight:600 !important;
  color:#1C2E6E !important;
  text-decoration:none !important;
  border-bottom:1px solid #F0F2F7 !important;
  background:#ffffff !important;
  transition:background .15s !important;
  border-radius:0 !important;
  margin:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
#mobile-menu a:hover{background:#F0F2F7 !important;}

/* Barra verde email — último link */
#mobile-menu a.mob-email{
  background:#2B7A2B !important;
  color:#ffffff !important;
  font-weight:700 !important;
  justify-content:center !important;
  border-bottom:none !important;
  padding:1.1rem 5vw !important;
}
#mobile-menu a.mob-email:hover{background:#349434 !important;}

/* ══ MÓVIL ≤640px ══ */
@media(max-width:640px){
  /* Ocultar nav de PC */
  .nav-menu{display:none !important;}
  .nav-btn{display:none !important;}
  .nav-thermo{display:none !important;}

  /* Mostrar hamburger */
  .nav-ham,#nav-ham{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;align-items:center !important;
    gap:5px !important;
    width:40px !important;height:40px !important;
    background:transparent !important;
    border:1.5px solid #D8DCE8 !important;
    border-radius:8px !important;
    cursor:pointer !important;padding:8px !important;flex-shrink:0 !important;
  }
  .nav-ham span,#nav-ham span{
    display:block !important;width:20px !important;height:2px !important;
    background:#1C2E6E !important;border-radius:2px !important;
    transition:transform .25s, opacity .25s !important;
  }

  /* Layout nav móvil */
  nav{
    padding:0 4vw !important;height:58px !important;
    gap:8px !important;display:flex !important;
    align-items:center !important;justify-content:flex-start !important;
    overflow:visible !important;width:100% !important;
    box-sizing:border-box !important;
  }
  .nav-brand{flex-shrink:0 !important;margin-right:auto !important;}
  .nav-brand svg{height:26px !important;width:auto !important;}

  /* Layout general móvil */
  html,body{overflow-x:hidden !important;max-width:100vw !important;}
  .exp-band,.riesgo,.mirror,.servicios,
  .sectores,.porq,.contraste,.remoto,.proceso,.resenas,.faq,
  .garantia,.contacto,.footer-main{
    max-width:100vw !important;overflow-x:hidden !important;
    padding-left:5vw !important;padding-right:5vw !important;
    box-sizing:border-box !important;
  }
  main,section{max-width:100vw !important;overflow-x:hidden !important;box-sizing:border-box !important;}
  .hero{padding-left:0 !important;padding-right:0 !important;}

  /* Grids a 1 columna */
  .hero{grid-template-columns:1fr !important;overflow:hidden !important;padding-left:0 !important;padding-right:0 !important;}
  .hero-right{display:none !important;}
  .hero-accent{display:none !important;}
  .hero-left{width:100% !important;padding:1.8rem 4vw 1.4rem !important;box-sizing:border-box !important;}
  .exp-inner,.remoto-grid,.porq-grid,.vs-grid,.svc-head,
  .r-grid,.frow,.mirror-grid,.svc-grid,.steps,.exp-cards,
  .sec-grid,.c-grid{grid-template-columns:1fr !important;}
  .norm{flex-direction:column !important;gap:.3rem !important;text-align:center !important;}
  .norm-sep{display:none !important;}
  .g-cards{flex-direction:column !important;align-items:stretch !important;}
  .gcard{max-width:100% !important;min-width:unset !important;}
  .btn-hero{width:100% !important;justify-content:center !important;}
  .faq-grid{margin-top:1.2rem !important;}
  img{max-width:100% !important;height:auto !important;}
  .c-form{padding:1.4rem 1.2rem !important;}
}