/* Mz Code Pro UI v13 — camada visual unificada */
:root{--pro-navy:#020817;--pro-panel:#07152e;--pro-panel-2:#0a1c38;--pro-line:#183c68;--pro-blue:#087cff;--pro-cyan:#16dcf3;--pro-shadow:0 24px 70px #0007}
html{color-scheme:dark}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{width:min(1240px,calc(100% - 48px))}
.nav.wrap{height:86px;padding-inline:max(24px,calc((100vw - 1240px)/2));box-shadow:0 10px 38px #0008}
.navlinks>a:not(.btn){position:relative;font-weight:700}.navlinks>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--pro-blue),var(--pro-cyan));transition:.22s}.navlinks>a:not(.btn):hover::after{right:0}
.menuToggle{display:none;width:42px;height:42px;padding:0;border:1px solid #cfe0f0;border-radius:12px;background:#edf6ff;color:#092a52;font-size:22px;cursor:pointer}
.hero{min-height:660px;gap:clamp(40px,6vw,85px)}.heroCopy{max-width:720px}.hero h1{text-wrap:balance}.hero p{text-wrap:pretty}.heroActions .btn{min-height:50px;padding-inline:24px}
.badge{box-shadow:inset 0 0 22px #00ccff0b}.techVisual::before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#057cff24,transparent 68%);filter:blur(6px)}
.brands{min-height:70px}.intro p{max-width:650px;margin-inline:auto}
.grid{gap:25px}.product{position:relative;border-color:#173d6c;box-shadow:0 20px 55px #0004}.product::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#1ee4fa88,transparent);z-index:2}.productMedia{padding:12px}.productMedia img{transition:transform .45s ease}.product:hover .productMedia img{transform:scale(1.025)}.productBody{padding:10px 24px 24px}.miniBtn{display:grid;place-items:center}
.benefits{box-shadow:var(--pro-shadow)}.benefits article{position:relative}.benefits article::after{content:"";position:absolute;inset:auto 28px 0;height:2px;background:linear-gradient(90deg,transparent,var(--pro-cyan),transparent);opacity:.45}
.finalCta{box-shadow:var(--pro-shadow)}
.card,.authCard,.detailImage,.detailBuy{box-shadow:0 22px 65px #0005}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--pro-cyan);box-shadow:0 0 0 3px #16dcf31c}
.productDetail{align-items:start}.detailImage{position:sticky;top:25px}.detailInfo .lead{text-wrap:pretty}
.footer{box-shadow:0 -10px 40px #0002}
@media(max-width:820px){
  .wrap{width:min(100% - 30px,680px)}
  .nav.wrap{height:72px;padding-inline:15px}
  .menuToggle{display:grid;place-items:center;margin-left:auto;margin-right:8px}
  .navlinks{position:absolute;left:15px;right:15px;top:64px;display:none;padding:12px;border:1px solid #cfe0f0;border-radius:16px;background:#f7fbff;box-shadow:0 22px 60px #0008;flex-direction:column;align-items:stretch;gap:3px}
  .nav.menu-open .navlinks{display:flex}.navlinks>a:not(.btn),.navlinks a[href*="login"],.navlinks a[href*="cliente"]{display:block!important;padding:12px 14px;border-radius:10px;color:#17355a;font-size:13px}.navlinks>a:not(.btn):hover{background:#e8f3ff}.navlinks>a:not(.btn)::after{display:none}.navlinks .cartbtn{width:100%;margin-top:5px;font-size:13px}.cartbtn::before{display:none}
  .hero{padding:46px 0 20px;gap:12px}.hero h1{font-size:clamp(42px,12vw,56px)}.heroActions{display:grid;grid-template-columns:1fr 1fr}.heroActions .btn{width:100%;padding-inline:10px}
  .techVisual{height:390px}.brands{width:100vw;min-height:62px}.intro{padding-top:62px}.grid{gap:18px}.productBody{min-height:205px}.benefits{border-radius:18px}.finalCta{padding:55px 20px;border-radius:22px}
  .productDetail{padding-top:42px}.detailImage{position:relative;top:auto}.detailInfo h1{font-size:38px}
}
@media(max-width:420px){.officialLogo img{width:145px;height:47px}.hero h1{font-size:41px}.heroActions{grid-template-columns:1fr}.floatcard b{font-size:14px}.brands{font-size:7px}.footergrid{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
