:root{color-scheme:light;--hh:96px;--lh:86px;--navy:#0b3a6b;--aqua:#19b5d6;--sun:#f5a623;--bg:#fff;--card:#fff;--text:#16324f;--muted:#5b7188;--line:#dbe8f3;--band:#f1f8fd;
--pool:url(../img/piscina.jpg);--hero:url(../img/hero.jpg);--i1:url(../img/entrega.jpg);--i2:url(../img/produtos.jpg);--store:url(../img/loja.jpg)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2ac6e6,#119ac0);color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;border:0;cursor:pointer;box-shadow:0 6px 16px rgba(17,154,192,.35);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(17,154,192,.45)}
.btn.sun{background:linear-gradient(135deg,#ffbd45,#f08c0a);box-shadow:0 6px 16px rgba(240,140,10,.35)}
header{position:fixed;top:0;left:0;right:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(rgba(5,30,62,.55),rgba(5,30,62,0));transition:background .35s,box-shadow .35s}
header.solid{background:rgba(11,58,107,.96);backdrop-filter:blur(8px);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--hh);gap:16px}
.logo{display:block;height:var(--lh);width:auto;flex:none;filter:drop-shadow(0 0 14px rgba(255,255,255,.35)) drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .3s}
.brand:hover .logo{transform:scale(1.05)}
.logo.flogo{height:84px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.1rem}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
nav a{position:relative;display:inline-block;color:#fff;font-size:.95rem;font-weight:500;padding:6px 2px;transition:transform .25s,color .25s,text-shadow .25s;text-shadow:0 1px 6px rgba(0,0,0,.35)}
nav a::after{content:"";position:absolute;left:50%;bottom:0;height:3px;width:0;border-radius:3px;background:linear-gradient(90deg,var(--sun),#ffd47a);transform:translateX(-50%);transition:width .3s}
nav a:hover{transform:scale(1.15);color:#fff;text-shadow:0 2px 12px rgba(255,255,255,.55)}
nav a:hover::after{width:100%}
.hcta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffb53a,#f08c0a);color:#fff;font-weight:600;font-size:.92rem;padding:10px 20px;border-radius:999px;box-shadow:0 4px 14px rgba(240,140,10,.45);transition:transform .25s,box-shadow .25s}
.hcta svg{width:18px;height:18px;fill:#fff}
.hcta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}
.hcta:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 22px rgba(240,140,10,.55)}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.menu{display:none;width:44px;height:44px;border:0;border-radius:10px;background:rgba(255,255,255,.15);cursor:pointer;padding:0;position:relative}
.menu span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:.3s}
.menu span:nth-child(1){top:14px}.menu span:nth-child(2){top:21px}.menu span:nth-child(3){top:28px}
.menu.on span:nth-child(1){top:21px;transform:rotate(45deg)}.menu.on span:nth-child(2){opacity:0}.menu.on span:nth-child(3){top:21px;transform:rotate(-45deg)}
.hero{position:relative;color:#fff;min-height:680px;display:flex;align-items:center;padding:calc(var(--hh) + 30px) 0 130px;background:linear-gradient(100deg,rgba(6,22,48,.62),rgba(6,22,48,.08) 62%),var(--hero) 60% center/cover}
.hero>.wrap{width:100%}
.eyebrow{display:block;color:var(--sun);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.7rem);letter-spacing:.3em;text-transform:uppercase;margin-bottom:6px;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin:0 0 14px;max-width:640px;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.hero h1 span{color:#ffd98a}
.hero p{font-size:1.1rem;max-width:520px;margin:0 0 26px;color:#eaf6ff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero .row{display:flex;gap:12px;flex-wrap:wrap}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:-70px;position:relative}
.card{position:relative;background:var(--card);border-radius:12px;box-shadow:0 8px 28px rgba(11,58,107,.12);overflow:hidden;border:1px solid var(--line);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.card::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:linear-gradient(90deg,var(--aqua),var(--sun));transition:width .4s}
.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 22px 44px rgba(11,58,107,.25);border-color:var(--aqua)}
.card:hover::after{width:100%}
.card .ph{position:relative;height:180px;overflow:hidden}
.card .ph i{position:absolute;inset:0;background:center/cover;transition:transform .7s}
.card:hover .ph i{transform:scale(1.14)}
.ph i.i1{background-image:var(--i1)}.ph i.i2{background-image:var(--i2)}.ph i.i3{background-image:var(--pool)}
.card .tx{padding:16px 20px 22px;text-align:center}
.card h3{margin:0 0 4px;color:var(--navy);font-size:1.08rem;transition:color .3s}
.card:hover h3{color:var(--aqua)}
.card p{margin:0;color:var(--muted);font-size:.9rem}
section{padding:64px 0}
h2{text-align:center;color:var(--navy);font-size:clamp(1.5rem,3.2vw,2.1rem);margin:0 0 8px;line-height:1.25}
.sub{text-align:center;color:var(--muted);margin:0 auto 34px;max-width:620px}
.band{background:var(--band);text-align:center}
.white{background:#fff;text-align:center;padding-top:80px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.feat div{display:flex;gap:12px;align-items:center;justify-content:center;text-align:left}
.ico{font-size:1.8rem;display:inline-block;transition:transform .35s}
.feat b{display:block;color:var(--navy)}.feat small{color:var(--muted)}
.prod{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prod .card{padding:24px;text-align:center}
.prod .ico{font-size:2.4rem;display:block;margin-bottom:6px}
.prod .card:hover .ico{transform:translateY(-6px) scale(1.2) rotate(-6deg)}
.prod ul{list-style:none;margin:10px 0 16px;padding:0;color:var(--muted);font-size:.88rem}
.about{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"img t" "img txt";grid-template-rows:auto 1fr;column-gap:40px;row-gap:14px;align-items:start;text-align:left}
.about .t{grid-area:t;text-align:left;align-self:end;margin:0}
.about .txt{grid-area:txt}
.about .img{grid-area:img;height:100%;min-height:380px;border-radius:14px;background:var(--store) center/cover;box-shadow:0 10px 30px rgba(11,58,107,.2);transition:transform .4s}
.about .img:hover{transform:scale(1.02)}
.about p{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips span{background:var(--card);border:1px solid var(--line);padding:8px 18px;border-radius:999px;font-size:.92rem;transition:.25s}
.chips span:hover{background:var(--aqua);color:#fff;transform:translateY(-3px)}
.chips span::before{content:"📍 "}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rev .card{padding:24px}.stars{color:var(--sun);letter-spacing:2px}
.rev p{font-style:italic;color:var(--muted);margin:10px 0 14px}.rev b{color:var(--navy)}
.contact{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"loc hrs" "map map";gap:22px;text-align:left}
.c-loc{grid-area:loc}.c-hrs{grid-area:hrs}.contact .mapcard{grid-area:map;margin-top:0}
.contact .card{padding:28px}
.contact h3{margin:0 0 14px;color:var(--navy)}
.contact:hover h3{color:var(--navy)}
.hrs{width:100%;border-collapse:collapse;font-size:.93rem}
.hrs td{padding:7px 4px;border-bottom:1px dashed var(--line)}.hrs td:last-child{text-align:right;color:var(--muted)}
.hrs tr.today td{color:var(--navy);font-weight:600;background:var(--band)}
.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:12px;background:#e8f7ee;color:#1a8a4a}
.badge.off{background:#fdeaea;color:#c23a3a}
.info{list-style:none;margin:0 0 18px;padding:0}.info li{padding:6px 0;color:var(--muted)}.info b{color:var(--navy)}
.info a{color:var(--aqua);font-weight:500}
.mapcard{display:block;position:relative;margin-top:22px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 28px rgba(11,58,107,.12);transition:transform .35s,box-shadow .35s}
.mapcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(11,58,107,.25)}
.mapcard svg{display:block;width:100%;height:340px}
.mapcard .go{position:absolute;right:16px;bottom:16px}
.mapcard .cap{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);color:var(--muted);font-size:.78rem;padding:4px 12px;border-radius:999px}
.pp{transform-box:fill-box;transform-origin:center;animation:pp 2s infinite}
@keyframes pp{0%{transform:scale(.6);opacity:.6}100%{transform:scale(2.6);opacity:0}}

.cta{background:linear-gradient(120deg,#0b3a6b,#119ac0);color:#fff;text-align:center}
.cta h2{color:#fff}.cta p{margin:0 auto 24px;max-width:520px;color:#dff3ff}
footer{background:#071f3a;color:#b9d2e8;padding:34px 0 22px;font-size:.9rem}
.fr{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
footer a:hover{color:var(--sun)}
footer small{display:block;text-align:center;margin-top:22px;opacity:.7}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;flex-direction:row-reverse;gap:0}
.wa .dot{position:relative;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#3be07c,#13a851);display:grid;place-items:center;box-shadow:0 8px 22px rgba(19,168,81,.5);transition:transform .3s}
.wa .dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.5;animation:pulse 2s infinite}
.wa svg{position:relative;width:34px;height:34px;fill:#fff}
.wa .lb{max-width:0;overflow:hidden;white-space:nowrap;background:#fff;color:#13a851;font-weight:600;font-size:.9rem;border-radius:999px 0 0 999px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:max-width .35s,padding .35s;margin-right:-26px}
.wa:hover .lb{max-width:180px;padding:12px 38px 12px 18px}
.wa:hover .dot{transform:scale(1.1) rotate(-8deg)}
@keyframes pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.7);opacity:0}}



@media (hover:none){.wa .lb{display:none}}

/* ===== Responsivo ===== */
.hcta{margin-left:auto}
@media (max-width:1024px){:root{--hh:92px;--lh:80px}.wrap{padding:0 24px}}
@media (max-width:960px){
.menu{display:block}
nav{position:absolute;top:100%;left:0;right:0;background:#0b3a6b;display:none;padding:12px 24px 22px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
nav.open{display:block}nav ul{flex-direction:column;gap:6px}nav a{display:block;padding:10px 4px;font-size:1.05rem}nav a::after{bottom:4px}
nav a:hover{transform:none}
.prod{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr;grid-template-areas:"loc" "map" "hrs"}
.about{grid-template-columns:1fr;grid-template-areas:"t" "img" "txt";row-gap:20px}
.about .t{text-align:center;align-self:auto}.about .img{height:320px;min-height:0}
.feat{grid-template-columns:1fr;gap:18px;max-width:340px;margin:30px auto 0}
.cards3{gap:16px}.card .ph{height:150px}.card .tx{padding:12px 12px 18px}.card h3{font-size:.98rem}
}
@media (max-width:760px){
:root{--hh:80px;--lh:68px}.wrap{padding:0 18px}
.cards3{grid-template-columns:1fr;margin-top:-70px}.card .ph{height:200px}
.rev{grid-template-columns:1fr}
.hero{min-height:600px;padding-bottom:120px;background:linear-gradient(rgba(6,22,48,.5),rgba(6,22,48,.28)),var(--hero) 54% center/cover}
.hero .row .btn{flex:1 1 100%;justify-content:center}
section{padding:48px 0}.white{padding-top:56px}
.about .img{height:240px}
.fr{flex-direction:column;text-align:center}footer ul{justify-content:center}
.logo.flogo{height:74px}
}
@media (max-width:560px){
.prod{grid-template-columns:1fr}.hero h1{font-size:2.1rem}.hero p{font-size:1rem}
.contact .card{padding:20px}.hrs{font-size:.85rem}
.mapcard svg{height:260px}.mapcard .cap{display:none}.mapcard .go{left:14px;right:14px;justify-content:center}
}
@media (max-width:480px){.hcta{display:none}.menu{margin-left:auto}}
@media (hover:none){.wa .lb{display:none}}

/* ===== Barra de rolagem preta ===== */
html{scrollbar-color:#3a3f45 #000}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:#3a3f45;border-radius:8px;border:2px solid #000}
::-webkit-scrollbar-thumb:hover{background:var(--aqua)}
@media (max-width:560px){.eyebrow{font-size:1.65rem;letter-spacing:.24em}}

/* ===== Menu centralizado (desktop) ===== */
.mcta{display:none}
@media (min-width:961px){
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav .brand{justify-self:start}.nav nav{justify-self:center}.nav .hcta{justify-self:end;margin-left:0}
}
/* ===== Transição suave no fim da imagem inicial ===== */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 40%,rgba(255,255,255,.8) 75%,#fff 100%)}
/* ===== Botão de menu (celular/tablet) ===== */
.menu{width:50px;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.28);transition:background .3s,transform .25s,border-color .3s;animation:menuGlow 2.8s infinite}
.menu:active{transform:scale(.92)}
.menu span{left:13px;height:3px;border-radius:3px;background:#fff;width:24px;transition:all .35s cubic-bezier(.3,.9,.3,1)}
.menu span:nth-child(1){top:16px;width:24px}
.menu span:nth-child(2){top:23.5px;width:16px;background:linear-gradient(90deg,#ffd47a,#f5a623)}
.menu span:nth-child(3){top:31px;width:20px}
.menu:hover span:nth-child(n){width:24px}
.menu.on{background:linear-gradient(135deg,#ffb53a,#f08c0a);border-color:transparent;animation:none;box-shadow:0 6px 18px rgba(240,140,10,.5)}
.menu.on span{background:#fff}
.menu.on span:nth-child(1){top:23.5px;width:24px;transform:rotate(45deg)}
.menu.on span:nth-child(2){opacity:0;width:0}
.menu.on span:nth-child(3){top:23.5px;width:24px;transform:rotate(-45deg)}
@keyframes menuGlow{0%{box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:960px){
nav{border-radius:0 0 20px 20px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0b3a6b,#0a2f57)}
nav.open{animation:dropIn .35s ease both}
nav li a{border-bottom:1px solid rgba(255,255,255,.1)}
nav li:last-child a,nav li.mcta a{border-bottom:0}
nav.open li{opacity:0;animation:liIn .4s ease forwards}
nav.open li:nth-child(1){animation-delay:.05s}nav.open li:nth-child(2){animation-delay:.1s}nav.open li:nth-child(3){animation-delay:.15s}nav.open li:nth-child(4){animation-delay:.2s}nav.open li:nth-child(5){animation-delay:.25s}nav.open li:nth-child(6){animation-delay:.3s}nav.open li:nth-child(7){animation-delay:.36s}
.mcta{display:block;margin-top:10px}
.mcta a{background:linear-gradient(135deg,#ffb53a,#f08c0a);border-radius:999px;text-align:center;font-weight:600;padding:13px 4px;box-shadow:0 6px 16px rgba(240,140,10,.4)}
.mcta a::after{display:none}
}
@keyframes dropIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes liIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}

/* ===== Produtos: cards com carrossel ===== */
.prod{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.prod .pc{flex:0 1 calc((100% - 40px)/3);min-width:0;padding:22px 0 24px;display:flex;flex-direction:column;align-items:stretch;text-align:center}
.pc-head .ico{display:block;font-size:2rem;margin:0 0 2px}
.pc-head h3{margin:0 0 12px;font-size:1.12rem}
.pwrap{position:relative;margin:0 18px}
.ptrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:14px;outline-offset:3px}
.ptrack::-webkit-scrollbar{display:none}
.ps{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}
.pimg{aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#e3f3fb,#fff 80%);border:1px solid var(--line)}
.pimg img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transition:transform .6s}
.pimg.cut img{object-fit:contain;mix-blend-mode:multiply}
.pc:hover .pimg img{transform:scale(1.06)}
.pnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--navy);font-size:1.6rem;line-height:1;padding:0 0 3px;cursor:pointer;box-shadow:0 4px 14px rgba(11,58,107,.3);z-index:2;transition:transform .25s,background .25s}
.pnav:hover{transform:translateY(-50%) scale(1.12)}
.pnav.prev{left:8px}.pnav.next{right:8px}
.pcount{position:absolute;top:10px;right:10px;z-index:2;background:rgba(7,40,80,.78);color:#fff;font-size:.74rem;font-weight:600;padding:2px 10px;border-radius:999px}
.pcap{padding:12px 18px 0;min-height:5.6em}
.pcap h4{margin:0 0 2px;color:var(--navy);font-size:1.02rem;line-height:1.3}
.pcap p{margin:0;color:var(--muted);font-size:.84rem}
.pdots{display:flex;justify-content:center;gap:7px;min-height:12px;margin:8px 0 12px}
.pdots button{width:9px;height:9px;border:0;border-radius:9px;padding:0;background:#cfe0ee;cursor:pointer;transition:width .3s,background .3s}
.pdots button.on{width:24px;background:linear-gradient(90deg,var(--aqua),var(--sun))}
.pc .pcta{align-self:center;margin-top:auto}
@media (max-width:960px){.prod .pc{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:640px){.prod .pc{flex-basis:min(100%,440px)}.pnav{width:36px;height:36px}}
@media (hover:none){.pc:hover .pimg img{transform:none}}
.g-sol{background-image:url(../img/gal-sol.jpg)}
.g-piscina{background-image:url(../img/gal-piscina.jpg)}
.g-entrega{background-image:url(../img/gal-entrega.jpg)}
.g-loja{background-image:url(../img/gal-loja.jpg)}
.g-capa-1{background-image:url(../img/gal-capa-1.jpg)}
.g-bomba-1{background-image:url(../img/gal-bomba-1.jpg)}
.g-capa-2{background-image:url(../img/gal-capa-2.jpg)}
.g-capa-3{background-image:url(../img/gal-capa-3.jpg)}
.g-capa-4{background-image:url(../img/gal-capa-4.jpg)}
.g-bomba-2{background-image:url(../img/gal-bomba-2.jpg)}
.g-bomba-3{background-image:url(../img/gal-bomba-3.jpg)}
.g-produtos{background-image:url(../img/gal-produtos.jpg)}

/* ===== Realizações: duas faixas em movimento ===== */
.marquee{overflow:hidden;margin-bottom:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 55s linear infinite;will-change:transform}
.mq-track.rev{animation-direction:reverse}
.marquee:hover .mq-track,.marquee:active .mq-track{animation-play-state:paused}
.mq-item{flex:none;width:300px;height:200px;margin-right:14px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 6px 18px rgba(11,58,107,.18);transition:transform .35s,box-shadow .35s}
.mq-item:hover{transform:scale(1.05);box-shadow:0 14px 28px rgba(11,58,107,.3)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}.marquee{overflow-x:auto}}
@media (max-width:760px){.mq-item{width:230px;height:158px}.mq-track{animation-duration:45s}}
/* ===== Números do "Sobre" ===== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.stats>div{background:var(--band);border-radius:12px;padding:14px 8px;text-align:center}
.stats b{display:block;font-size:1.4rem;line-height:1.2;color:var(--aqua)}
.stats span{display:block;font-size:.78rem;color:var(--muted);line-height:1.3;margin-top:2px}
@media (max-width:760px){.stats b{font-size:1.2rem}.stats span{font-size:.72rem}.about .txt .btn{display:flex;justify-content:center;width:100%}}