/* Mobile Optimizations */
html,body{overflow-x:hidden}
.mobile-menu{display:none}
@media(max-width:768px){
  body{font-size:15px}
  section{padding:60px 20px!important}
  .header{padding:15px 20px!important}
  .logo svg{height:32px!important}
  .section-title{font-size:1.8rem!important}
  .section-text{font-size:1rem!important}
  .btn-primary,.btn-secondary{padding:14px 24px!important;font-size:11px!important;width:100%;justify-content:center}
  .footer{padding:50px 20px 30px!important}
  .footer-grid{gap:30px!important}
  .footer-bottom{flex-direction:column!important;text-align:center!important;gap:12px!important}
  .hero,.product-hero,.page-hero{min-height:auto!important}
  .hero-eyebrow-line,.page-hero-eyebrow-line{display:none!important}
  .hero-eyebrow,.page-hero-eyebrow{justify-content:center!important}
  .hero-eyebrow-text,.page-hero-eyebrow-text{font-size:12px!important;letter-spacing:.2em!important}
  .section-label-text{font-size:12px!important;letter-spacing:.2em!important}
  .section-label-line{display:none!important}
  .page-hero-content{grid-template-columns:1fr!important;text-align:center!important;padding:85px 20px 60px!important}
  .page-hero-stats{gap:16px!important;flex-wrap:nowrap!important;justify-content:center!important;width:100%!important}
  .hero-stat-number{font-size:1.6rem!important}
  .marquee{padding:12px 0!important}
  .marquee-track{animation:none!important}
  .hero-content,.product-hero-content,.page-hero-content{padding:85px 20px 60px!important;width:100%!important;box-sizing:border-box!important}
  .hero-title,.product-hero-title,.page-hero-title{font-size:clamp(2rem,8vw,3rem)!important;max-width:100%!important;overflow-wrap:break-word!important}
  .product-hero-title span{display:inline!important}
  .hero-desc,.product-hero-desc,.page-hero-desc{font-size:1rem!important}
  .hero-ctas,.product-hero-ctas{flex-direction:column!important;gap:12px!important}
  .hero-visual,.product-hero-visual{display:none!important}
  .hero-ctas,.product-hero-ctas{margin-bottom:30px!important}
  .hero-stats{gap:20px!important;width:100%!important;padding-top:25px!important}
  .product-hero-stats{flex-direction:row!important;gap:10px!important;flex-wrap:nowrap!important;justify-content:center}
  .product-hero-stat-number{font-size:1.5rem!important}
  /* etica-mes specific */
  .product-badge{padding:10px 16px!important;gap:8px!important;border-radius:12px!important}
  .product-badge-text{font-size:10px!important;letter-spacing:.08em!important}
  .realtime-inner,.integration-inner,.overview-header,.modules-header,.benefits-header{width:100%!important;box-sizing:border-box!important}
  .realtime-inner{grid-template-columns:1fr!important;gap:40px!important}
  .realtime-visual{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important;width:100%!important}
  .realtime-stat{padding:20px 12px!important}
  .realtime-stat-number{font-size:1.8rem!important}
  .realtime-item{width:100%!important;box-sizing:border-box!important}
  .realtime-list{width:100%!important}
  .integration-inner{grid-template-columns:1fr!important;gap:40px!important}
  .integration-content{order:-1!important}
  .integration-visual{height:auto!important;display:block!important;order:2!important}
  .integration-diagram{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0!important}
  .integration-diagram svg{display:none!important}
  .integration-node{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;padding:12px 10px!important;border-radius:12px!important;text-align:center!important;white-space:normal!important}
  .integration-node:hover{transform:none!important}
  .integration-node.center{grid-column:1/-1!important;order:-1!important;width:auto!important;height:auto!important;border-radius:12px!important;padding:16px!important;text-align:center!important;margin-bottom:4px!important}
  .integration-node.center:hover{transform:none!important}
  .integration-node.bottom-left{transform:none!important}
  .integration-erps{flex-wrap:nowrap!important;gap:8px!important}
  .integration-erp{padding:10px 14px!important;font-size:.8rem!important;flex-shrink:1!important;min-width:0!important}
  .overview-grid{grid-template-columns:1fr!important}
  .benefits-grid{grid-template-columns:1fr!important}
  .modules-grid{grid-template-columns:1fr!important}
  /* manifesto (sobre page) */
  .manifesto-visual{grid-template-columns:1fr 1fr!important}
  .manifesto-card{padding:20px!important;box-sizing:border-box!important}
  .overview-card,.pillar-card,.feature-card,.module-card,.benefit-card{padding:25px 20px!important}
  .contact-inner{gap:40px!important}
  .form-row{grid-template-columns:1fr!important}
  .cta{padding:60px 20px!important}
  .cta-title{font-size:1.6rem!important}
  .cta-btns{flex-direction:column!important;gap:12px!important}
}
@media(max-width:1023px){
  .mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#003d3d;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;visibility:hidden;transition:all .4s}
  .mobile-menu.active{opacity:1;visibility:visible}
  .mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
  .mobile-menu a:hover,.mobile-menu a.active{color:#b3d72d}
  .menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .menu-btn.active span:nth-child(2){opacity:0}
  .menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
}