body{margin:0;background:#F5F4F2}
a{color:#2B3F4E}a:hover{color:#B24A1E}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.btn-primary:hover{background:#FF8C5E !important}
.btn-ghost:hover{background:rgba(255,255,255,0.08) !important}
.navlink{color:#2B3F4E;text-decoration:none;font-weight:500}
.navlink:hover{color:#B24A1E}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(43,63,78,0.12) !important}
.slide{position:absolute;inset:0;overflow:hidden;transition:opacity .9s ease}
.hero-art-full{position:absolute;inset:0;width:100%;height:100%;display:block}
.scrim{position:absolute;inset:0}
.slide-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px;padding-bottom:60px}
.slide-content > *{max-width:620px}
.rain-box{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rain{position:absolute;left:-60px;top:-120px;width:calc(100% + 120px);height:calc(100% + 120px);animation:hsRain .55s linear infinite}
.flash{position:absolute;inset:0;background:#DCE8F2;opacity:0;pointer-events:none;animation:hsFlash 7s infinite}
.bolt{opacity:0;animation:hsBolt 7s infinite}
.bolt2{opacity:0;animation:hsBolt 7s infinite 3.4s}
.flash-late{animation-delay:3.4s}
.pulse{animation:hsPulse 1.2s ease-in-out infinite}
@keyframes hsRain{from{transform:translate(0,0)}to{transform:translate(-14px,120px)}}
@keyframes hsFlash{0%,86%,100%{opacity:0}87%{opacity:.55}88%{opacity:.05}90%{opacity:.4}93%{opacity:0}}
@keyframes hsBolt{0%,86%,100%{opacity:0}87%{opacity:1}88%{opacity:.2}90%{opacity:1}93%{opacity:0}}
@keyframes hsPulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (max-width:860px){.scrim{background:rgba(14,21,27,0.78) !important}.slide-content{justify-content:flex-start;padding-top:48px}}
@media (prefers-reduced-motion:reduce){.rain,.flash,.bolt,.bolt2,.pulse{animation:none}.slide{transition:none}}
.model:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(43,63,78,0.12) !important}

/* Pontos dos carrosséis */
.dot-hero .dot-bar{width:14px;background:rgba(255,255,255,.45)}
.dot-hero[aria-current="true"] .dot-bar{width:34px;background:#F67A4A}
.dot-b .dot-bar,.dot-h .dot-bar{width:8px;background:rgba(23,35,44,.55)}
.dot-b[aria-current="true"] .dot-bar,.dot-h[aria-current="true"] .dot-bar{width:22px;background:#F67A4A}
/* Botão flutuante de WhatsApp */
.whats-float{position:fixed;right:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#0B3B1E;text-decoration:none;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:16px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);min-height:56px;box-sizing:border-box;transition:transform .2s,box-shadow .2s}
.whats-float:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.3);color:#0B3B1E}
.whats-float:focus-visible{outline:3px solid #2B3F4E;outline-offset:3px}
@media (max-width:600px){.whats-label{display:none}.whats-float{padding:13px;border-radius:50%;width:58px;height:58px;justify-content:center}}
/* Menu no celular: mantém só o botão de orçamento */
@media (max-width:760px){.navlink{display:none}header .wrap{flex-wrap:nowrap !important}header img{height:36px !important}header nav a{padding:10px 14px !important;font-size:14px}}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a:focus-visible,button:focus-visible{outline:3px solid #F67A4A;outline-offset:2px}
