/* Correção mobile — mantém o layout desktop aprovado */
@media (max-width: 760px) {
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .wrap{width:100%;max-width:100%;padding-left:22px!important;padding-right:22px!important;margin-left:auto;margin-right:auto}
  .site-header{height:72px}
  .site-header .header-row{height:72px!important;min-height:72px!important;padding-top:0!important;padding-bottom:0!important;gap:10px}
  .site-header .brand{width:185px!important;max-width:calc(100% - 72px);height:65px!important;flex-shrink:1!important}
  .site-header .brand-logo{width:100%;max-width:185px!important;height:62px!important;object-fit:contain;object-position:left center}
  .mobile-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:12px;background:#eaf3ff;color:#1168ed;font-size:23px}
  .site-header .site-nav{display:none!important;position:absolute;top:72px;left:0;right:0;z-index:101;background:#fff;box-shadow:0 16px 25px #08244920;padding:16px 22px;flex-direction:column;gap:0;align-items:stretch;white-space:normal}
  .site-header .site-nav.open,.site-header .site-nav.active{display:flex!important}
  .site-header .site-nav a{padding:13px 8px;border-bottom:1px solid #edf2f9}
  .site-header .header-contact{display:none!important}
  .hero{overflow:hidden!important}
  .hero .hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;padding-top:40px!important;padding-bottom:0!important;grid-template-columns:none!important}
  .hero-grid>div:first-child{width:100%;min-width:0;max-width:100%;padding:0!important}
  .hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:16px}
  .hero h1{font-size:clamp(32px,8.5vw,42px)!important;line-height:1.17!important;letter-spacing:-1.3px!important;margin:0 0 18px!important;max-width:100%!important;overflow-wrap:break-word}
  .hero p{font-size:14px!important;line-height:1.65!important;max-width:100%;margin-bottom:0}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important;width:100%}
  .hero-actions .btn{display:flex;width:100%;min-height:48px;padding:12px 14px;font-size:13px}
  .hero-checks{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:10px!important;margin-top:23px!important}
  .hero-checks span{font-size:11px!important;line-height:1.4}
  .hero-visual{width:100%!important;max-width:100%!important;height:280px!important;min-height:280px!important;margin-top:20px!important;align-self:stretch!important;position:relative!important;overflow:visible}
  .laptop{width: min(330px,94%)!important;max-width:94%!important;right:0!important;top:30px!important;transform:perspective(900px) rotateY(-5deg) rotateX(2deg) scale(.91)!important;transform-origin:right top}
  .laptop-screen{height:215px!important;border-width:7px!important;border-bottom-width:12px!important}
  .laptop-base{height:12px!important;margin-left:-12px!important;margin-right:-12px!important}
  .dash-nav{width:65px!important;padding:9px 5px!important;gap:10px!important}
  .dash-nav strong{font-size:10px!important}.dash-nav small{font-size:6px!important}
  .dash-content{padding:9px!important}.dash-heading b{font-size:12px!important}.dash-heading small{font-size:7px!important}
  .dash-kpis{gap:4px!important;margin-top:9px!important}.dash-kpis div{padding:5px!important}.dash-kpis b{font-size:15px!important}.dash-kpis small,.dash-kpis span{font-size:6px!important}
  .dash-graph{height:63px!important;padding:5px!important;margin-top:7px!important}.dash-graph span{font-size:8px!important}.dash-graph svg{height:38px!important}
  .hero-mascot{width:clamp(135px,42vw,175px)!important;left:-12px!important;bottom:0!important;z-index:5}
  .halo-one{width:100%!important;right:0!important}.halo-two{width:160px!important;height:160px!important;left:0!important;bottom:0!important}
  #solucoes .category-grid{grid-template-columns:1fr!important}
  .section{padding-top:54px;padding-bottom:54px}.section-head h2{font-size:30px!important}
  .app-grid,.steps,.plan-grid,.contact-grid,.footer-grid{grid-template-columns:1fr!important}
  .contact-form{min-width:0}.contact-grid>*{min-width:0}
}
@media (max-width: 380px){.hero h1{font-size:31px!important}.hero-visual{height:235px!important;min-height:235px!important}.laptop{width:285px!important}.hero-mascot{width:130px!important}}
