﻿*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.model-top{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.model-top .wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:50px;height:50px;display:grid;place-items:center}.site-nav{display:flex;align-items:center;gap:8px;z-index:60}.site-nav a{font-weight:800}.menu-toggle{display:none}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900}.float-action{position:fixed;z-index:30;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.24)}.whats{right:22px;bottom:22px;background:#22c55e;color:#fff}.to-top{left:22px;bottom:22px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.section{padding:78px 0}.lead{line-height:1.7}@media(max-width:900px){.model-top .wrap{height:70px}.menu-toggle{display:grid;place-items:center;width:48px;height:48px;border-radius:16px}.site-nav{display:none;position:fixed;inset:70px 16px auto 16px;flex-direction:column;align-items:stretch;padding:18px;border-radius:22px}.site-nav.is-open{display:flex}.site-nav a{text-align:center;padding:12px}.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:56px 0}.actions .btn{width:100%}.float-action{width:50px;height:50px}.hero-grid{grid-template-columns:1fr!important}}

/* Bervion overflow guard: evita que hero/cards estiquem o body no mobile. */
img,svg,canvas,video{max-width:100%;height:auto}.hero,.section{max-width:100%;overflow:hidden}.model-top{max-width:100%;overflow:visible}.hero-grid,.grid-2,.grid-3,.actions,.site-nav{min-width:0}.hero-grid>*,.grid-2>*,.grid-3>*,.card,.btn{min-width:0;max-width:100%}@media(max-width:900px){.wrap{width:100%!important;max-width:100%!important;padding-left:16px;padding-right:16px}.hero h1,.section h2{overflow-wrap:anywhere}.btn{white-space:normal;text-align:center}}


