/* =====================================================================
   Site de motores — tema "marketplace claro" inspirado na Vip Leilões
   Azul-ciano vibrante sobre branco + navy. Cor primária configurável.
   Fontes: Manrope (títulos), Inter (texto), IBM Plex Mono (dados/eyebrows)
   ===================================================================== */
:root {
  --cor-primaria: #00A8E8;
  --cor-primaria-escura: color-mix(in srgb, var(--cor-primaria) 82%, #000);
  --cor-primaria-clara: color-mix(in srgb, var(--cor-primaria) 12%, #fff);
  --cor-primaria-suave: color-mix(in srgb, var(--cor-primaria) 55%, #fff);
  --cor-primaria-glow: color-mix(in srgb, var(--cor-primaria) 30%, transparent);
  --branco:#fff; --cinza-claro:#F2F6FA; --cinza-borda:#E2E8F0; --cinza:#64748B; --cinza-texto:#52607A;
  --grafite:#334155; --preto:#0B2545; --preto-2:#0A1F3C; --preto-3:#081A33; --navy:#0B2545;
  --escuro-texto:rgba(255,255,255,.86); --escuro-texto-2:rgba(255,255,255,.62); --escuro-linha:rgba(255,255,255,.12);
  --verde:#15A34A; --verde-claro:#E4F7EC; --amarelo:#B7791F; --amarelo-claro:#FEF3C7;
  --vermelho:#DC2626; --vermelho-claro:#FDECEA; --azul:#1A56DB; --whats:#25D366;
  --raio:12px; --raio-p:8px; --raio-g:18px;
  --sombra:0 6px 20px rgba(11,37,69,.08); --sombra-forte:0 20px 50px rgba(11,37,69,.18);
  --fonte-titulo:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fonte-texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fonte-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --container:1180px; --transicao:.2s ease;
}
@supports not (color: color-mix(in srgb, red 50%, white)) {
  :root{--cor-primaria-escura:#0086BA;--cor-primaria-clara:#E0F4FD;--cor-primaria-suave:#7FD3F3;--cor-primaria-glow:rgba(0,168,232,.3);}
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--fonte-texto);font-size:16px;line-height:1.55;color:var(--grafite);background:var(--branco);-webkit-font-smoothing:antialiased;}
img,svg{max-width:100%;display:block;}
a{color:var(--cor-primaria-escura);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:var(--fonte-titulo);font-weight:800;line-height:1.1;margin:0 0 .5em;color:var(--preto);letter-spacing:-.02em;}
h1{font-size:clamp(2.1rem,5vw,3.4rem);}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);}
h3{font-size:1.2rem;}
p{margin:0 0 1em;}
button,input,select,textarea{font:inherit;color:inherit;}
:focus-visible{outline:3px solid var(--cor-primaria-suave);outline-offset:2px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
[hidden]{display:none!important;}
.hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px;}
.secao{padding:72px 0;}
.secao--cinza{background:var(--cinza-claro);}
.secao--escura{background:var(--preto);color:var(--escuro-texto);}
.secao--escura h2,.secao--escura h3{color:#fff;}
.secao--escura p{color:var(--escuro-texto-2);}
.ciano{color:var(--cor-primaria);}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fonte-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cor-primaria-escura);margin-bottom:12px;font-weight:600;}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--cor-primaria);}
.secao--escura .eyebrow{color:var(--cor-primaria-suave);}
.secao__cabeca{text-align:center;max-width:640px;margin:0 auto 44px;}
.secao__cabeca .eyebrow{justify-content:center;}
.secao__cabeca p{color:var(--cinza-texto);margin:8px 0 0;}
.texto-suave{color:var(--cinza-texto);}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:12px;border:1.5px solid transparent;font-family:var(--fonte-titulo);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none!important;transition:background var(--transicao),color var(--transicao),transform var(--transicao),box-shadow var(--transicao),border-color var(--transicao);white-space:nowrap;}
.btn svg{width:20px;height:20px;flex:none;}
.btn--primaria{background:var(--cor-primaria);color:#fff;box-shadow:0 10px 26px var(--cor-primaria-glow);}
.btn--primaria:hover{background:var(--cor-primaria-escura);transform:translateY(-2px);}
.btn--escuro{background:var(--preto);color:#fff;}
.btn--escuro:hover{background:var(--navy);transform:translateY(-2px);}
.btn--contorno{background:transparent;border-color:var(--cinza-borda);color:var(--grafite);}
.btn--contorno:hover{border-color:var(--cor-primaria);color:var(--cor-primaria-escura);}
.btn--fantasma{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;}
.btn--fantasma:hover{background:rgba(255,255,255,.18);border-color:#fff;}
.btn--whats{background:var(--whats);color:#fff;box-shadow:0 10px 26px rgba(37,211,102,.32);}
.btn--whats:hover{background:#1DA851;transform:translateY(-2px);}
.btn--bloco{width:100%;}
.btn--grande{min-height:58px;font-size:1.05rem;padding:0 30px;}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}
/* Botão piscando (chama atenção) */
.btn.pisca{animation:pisca-btn 1.2s ease-in-out infinite;}
.btn.pisca:hover{animation:none;}
@keyframes pisca-btn{
  0%,100%{box-shadow:0 0 0 0 rgba(0,168,232,.55);transform:scale(1);}
  50%{box-shadow:0 0 0 10px rgba(0,168,232,0);transform:scale(1.06);background:var(--cor-primaria-escura);}
}
@media(prefers-reduced-motion:reduce){.btn.pisca{animation:none;}}

/* ---------- Barra superior (tipo "Ao vivo" da Vip) ---------- */
.barra-topo{background:var(--cor-primaria);color:#fff;font-size:.82rem;}
.barra-topo__in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;padding:7px 20px;}
.barra-topo span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.barra-topo svg{width:15px;height:15px;}
.barra-topo a{color:#fff;font-weight:700;}
@media(max-width:620px){.barra-topo__in span:nth-child(n+3){display:none;}}

/* ---------- Cabeçalho (branco) ---------- */
.cabecalho{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cinza-borda);box-shadow:0 2px 12px rgba(11,37,69,.04);}
.cabecalho__in{display:flex;align-items:center;gap:16px;min-height:86px;padding:8px 0;}
.marca{display:flex;align-items:center;gap:10px;color:var(--preto);font-family:var(--fonte-titulo);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;text-decoration:none!important;}
.marca img{height:64px;width:auto;max-width:260px;object-fit:contain;}
@media(max-width:560px){.marca img{height:52px;max-width:180px;}}
.marca .ico-marca{width:40px;height:40px;display:grid;place-items:center;background:var(--cor-primaria);border-radius:10px;}
.marca .ico-marca svg{width:24px;height:24px;color:#fff;}
.cabecalho__nav{display:none;margin-left:auto;gap:26px;align-items:center;}
.cabecalho__nav a{color:var(--grafite);font-weight:600;font-size:.95rem;}
.cabecalho__nav a:hover{color:var(--cor-primaria-escura);text-decoration:none;}
.cabecalho__acoes{margin-left:auto;display:flex;align-items:center;gap:10px;}
.cabecalho__acoes .btn{min-height:42px;padding:0 16px;font-size:.92rem;}
#abrir-menu{display:inline-flex;background:var(--cinza-claro);border-color:var(--cinza-borda);color:var(--preto);}
@media(min-width:900px){.cabecalho__nav{display:flex;}.cabecalho__acoes{margin-left:26px;}#abrir-menu{display:none;}}

/* ---------- Hero (claro) ---------- */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 500px at 80% -10%,var(--cor-primaria-glow),transparent 60%),
  linear-gradient(180deg,#E8F6FD 0%,#F4FAFE 55%,#fff 100%);color:var(--preto);}
.hero__in{position:relative;z-index:2;display:grid;gap:40px;padding:64px 0 76px;align-items:center;}
@media(min-width:960px){.hero__in{grid-template-columns:1.05fr .95fr;padding:84px 0 92px;}}
.hero h1{color:var(--preto);margin:0 0 18px;text-transform:uppercase;font-weight:800;letter-spacing:-.025em;line-height:1.02;font-size:clamp(2.3rem,5.6vw,4rem);}
.hero h1 .destaque{color:var(--cor-primaria);}
.hero__foto{border-radius:var(--raio-g);overflow:hidden;box-shadow:var(--sombra-forte);aspect-ratio:4/3;}
.hero__foto img{width:100%;height:100%;object-fit:cover;}

/* Topo com imagem de motor de fundo (hero + chamada de pedido) */
.topo--imagem{background-size:cover;background-position:center;}
.topo--imagem .hero{background:transparent;color:#fff;}
.topo--imagem .hero__grade{opacity:.12;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);}
.topo--imagem .hero h1{color:#fff;}
.topo--imagem .hero__texto{color:rgba(255,255,255,.92);}
.topo--imagem .hero__selo{color:#fff;}
.topo--imagem .hero__selo svg{color:var(--cor-primaria-suave);}
.topo--imagem .hero .eyebrow{color:var(--cor-primaria-suave);}
.topo--imagem .hero__in{grid-template-columns:1fr;}
.topo--imagem .hero__in > div{max-width:680px;}
.topo--imagem .cta-destaque{padding-top:0;}
.hero__texto{font-size:1.12rem;color:var(--cinza-texto);max-width:48ch;margin:0 0 26px;}
.hero__acoes{display:flex;flex-wrap:wrap;gap:12px;}
.hero__selos{display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:28px;}
.hero__selo{display:flex;align-items:center;gap:9px;font-size:.92rem;color:var(--grafite);font-weight:600;}
.hero__selo svg{width:20px;height:20px;color:var(--cor-primaria);flex:none;}
.hero__brilho{position:absolute;inset:0;z-index:1;pointer-events:none;}
.hero__grade{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(11,37,69,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,37,69,.05) 1px,transparent 1px);
  background-size:52px 52px;mask-image:radial-gradient(70% 70% at 70% 20%,#000,transparent 75%);}

/* Visual animado do hero (engrenagens + pistão) */
.motor-anim{position:relative;aspect-ratio:1/1;max-width:460px;margin-inline:auto;filter:drop-shadow(0 24px 50px rgba(0,168,232,.25));}
.motor-anim .gira-h{animation:girar 14s linear infinite;transform-origin:center;}
.motor-anim .gira-a{animation:girar-inv 10s linear infinite;transform-origin:center;}
.motor-anim .pulsa{animation:pulsar 2.6s ease-in-out infinite;transform-origin:center;}
.motor-anim .piston{animation:pistonar 1.1s ease-in-out infinite;}
@keyframes girar{to{transform:rotate(360deg);}}
@keyframes girar-inv{to{transform:rotate(-360deg);}}
@keyframes pulsar{0%,100%{opacity:.45;}50%{opacity:1;}}
@keyframes pistonar{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
@keyframes flutuar{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.flutua{animation:flutuar 6s ease-in-out infinite;}

/* ---------- Destaque "Faça seu pedido" (chama atenção) ---------- */
.cta-destaque{padding:30px 0;}
.cta-destaque__box{background:linear-gradient(120deg,var(--cor-primaria),var(--cor-primaria-escura));border-radius:var(--raio-g);padding:30px 34px;box-shadow:0 22px 48px var(--cor-primaria-glow);display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;color:#fff;}
.cta-destaque__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-weight:700;font-size:.82rem;margin-bottom:12px;}
.cta-destaque__tag svg{width:16px;height:16px;}
.cta-destaque__txt h2{color:#fff;margin:0 0 6px;font-size:clamp(1.5rem,3.4vw,2.2rem);}
.cta-destaque__txt p{color:rgba(255,255,255,.92);margin:0;max-width:54ch;}
.cta-destaque__btn{background:#fff;color:var(--cor-primaria-escura);border:0;box-shadow:0 10px 24px rgba(0,0,0,.2);animation:pulso-cta 1.8s ease-in-out infinite;white-space:nowrap;}
.cta-destaque__btn:hover{background:#fff;transform:translateY(-2px) scale(1.02);}
.cta-destaque__btn svg{color:var(--whats);}
.cta-destaque__seta svg{color:var(--cor-primaria-escura);animation:seta-cta 1.2s ease-in-out infinite;}
@keyframes pulso-cta{0%,100%{box-shadow:0 10px 24px rgba(0,0,0,.2);}50%{box-shadow:0 0 0 6px rgba(255,255,255,.35),0 10px 24px rgba(0,0,0,.2);}}
@keyframes seta-cta{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}
@media(max-width:760px){.cta-destaque__box{flex-direction:column;align-items:flex-start;}.cta-destaque__btn{width:100%;}}
@media(prefers-reduced-motion:reduce){.cta-destaque__btn,.cta-destaque__seta svg{animation:none;}}

/* ---------- Estatísticas (contadores) ---------- */
.stats{display:grid;gap:18px;grid-template-columns:repeat(2,1fr);}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr);}}
.stat{background:#fff;border:1px solid var(--cinza-borda);border-radius:var(--raio);padding:22px 18px;text-align:center;box-shadow:var(--sombra);}
.stat strong{display:block;font-family:var(--fonte-titulo);font-size:2.3rem;font-weight:800;color:var(--preto);line-height:1;letter-spacing:-.03em;}
.stat strong .suf{color:var(--cor-primaria);}
.stat span{display:block;margin-top:8px;font-size:.86rem;color:var(--cinza-texto);}

/* ---------- Passos (como funciona) ---------- */
.passos{display:grid;gap:22px;grid-template-columns:1fr;}
@media(min-width:760px){.passos{grid-template-columns:repeat(3,1fr);}}
.passos--4{grid-template-columns:1fr;}
@media(min-width:560px){.passos--4{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.passos--4{grid-template-columns:repeat(4,1fr);}}
.passo{position:relative;background:#fff;border:1px solid var(--cinza-borda);border-radius:var(--raio-g);padding:30px 26px;box-shadow:var(--sombra);transition:transform var(--transicao),box-shadow var(--transicao);}
.passo:hover{transform:translateY(-4px);box-shadow:var(--sombra-forte);}
.passo__num{position:absolute;top:-18px;left:26px;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--cor-primaria);color:#fff;font-family:var(--fonte-titulo);font-weight:800;font-size:1.2rem;box-shadow:0 8px 20px var(--cor-primaria-glow);}
.passo h3{margin:14px 0 6px;}
.passo p{margin:0;color:var(--cinza-texto);}

/* ---------- Diferenciais ---------- */
.cards{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr);}}
@media(min-width:960px){.cards{grid-template-columns:repeat(4,1fr);}}
.card-feat{background:#fff;border:1px solid var(--cinza-borda);border-radius:var(--raio-g);padding:26px 22px;box-shadow:var(--sombra);}
.card-feat .ico{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--cor-primaria-clara);color:var(--cor-primaria-escura);margin-bottom:16px;}
.card-feat .ico svg{width:26px;height:26px;}
.card-feat{min-height:168px;}
.card-feat h3{margin:0 0 6px;font-size:1.08rem;}
.card-feat p{margin:0;color:var(--cinza-texto);font-size:.95rem;}

/* Descrição dos cartões (serviços e diferenciais): aparece ao passar o mouse
   — menos texto na tela, mais interativo. No celular (sem hover) aparece normal. */
.servico-card p, .card-feat p{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease;}
.servico-card:hover p, .servico-card:focus-within p, .card-feat:hover p, .card-feat:focus-within p{max-height:160px;opacity:1;margin-top:6px;}
.servico-card h3, .card-feat h3{transition:color var(--transicao);}
.servico-card:hover h3{color:var(--cor-primaria);}
.card-feat:hover h3{color:var(--cor-primaria-escura);}
@media (hover:none){.servico-card p, .card-feat p{max-height:none;opacity:1;}}

/* ---------- Formulário de pedido ---------- */
.pedido-wrap{display:grid;gap:36px;align-items:start;grid-template-columns:minmax(0,1fr);}
.pedido-wrap>*{min-width:0;}
@media(min-width:960px){.pedido-wrap{grid-template-columns:.8fr minmax(0,1.2fr);}}
.pedido-lado h2{color:var(--preto);}
.pedido-lado ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px;}
.pedido-lado li{display:flex;gap:12px;align-items:flex-start;color:var(--grafite);}
.pedido-lado li svg{width:22px;height:22px;color:var(--cor-primaria);flex:none;margin-top:2px;}
.form-pedido{background:#fff;border-radius:var(--raio-g);padding:28px;box-shadow:var(--sombra-forte);color:var(--grafite);border:1px solid var(--cinza-borda);}
.form-pedido h3{margin:0 0 4px;}
.form-pedido .sub{color:var(--cinza-texto);margin:0 0 20px;font-size:.95rem;}
.form-grid{display:grid;gap:14px;grid-template-columns:1fr;}
@media(min-width:560px){.form-grid{grid-template-columns:1fr 1fr;}.form-grid .largo{grid-column:1/-1;}}
.campo{display:flex;flex-direction:column;gap:6px;}
.campo label{font-weight:600;font-size:.88rem;}
.campo label .op{font-weight:400;color:var(--cinza);}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid var(--cinza-borda);border-radius:var(--raio-p);background:#fff;transition:border-color var(--transicao),box-shadow var(--transicao);}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--cor-primaria);box-shadow:0 0 0 3px var(--cor-primaria-clara);outline:none;}
.campo select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230B2545' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.campo textarea{min-height:96px;resize:vertical;}
.check-linha{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--cinza-borda);border-radius:var(--raio-p);cursor:pointer;}
.check-linha input{width:20px;height:20px;}
.form-pedido .rodape{margin-top:20px;}
.form-pedido .obs-zap{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;font-size:.85rem;color:var(--cinza-texto);}
.form-pedido .obs-zap svg{width:16px;height:16px;color:var(--whats);}

/* ---------- Vitrine de motores ---------- */
.motores-grid{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:560px){.motores-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.motores-grid{grid-template-columns:repeat(3,1fr);}}
.motor-card{background:#fff;border:1px solid var(--cinza-borda);border-radius:var(--raio-g);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sombra);transition:transform var(--transicao),box-shadow var(--transicao);}
.motor-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-forte);}
.motor-card__foto{position:relative;display:block;aspect-ratio:4/3;background:var(--cinza-claro);overflow:hidden;}
.motor-card__foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.motor-card:hover .motor-card__foto img{transform:scale(1.05);}
/* Slideshow automático das fotos do motor */
.motor-card__slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;}
.motor-card__slide.ativo{opacity:1;}
.motor-card__semfoto{position:absolute;inset:0;display:grid;place-items:center;color:var(--cinza-borda);}
.motor-card__semfoto svg{width:72px;height:72px;}
.motor-card__tag{position:absolute;top:10px;left:10px;background:var(--cor-primaria);color:#fff;font-size:.72rem;font-weight:800;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 4px 12px var(--cor-primaria-glow);}
.motor-card__corpo{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.motor-card__corpo h3{margin:0;font-size:1.05rem;}
.motor-card__corpo h3 a{color:var(--preto);}
.motor-card__corpo h3 a:hover{color:var(--cor-primaria-escura);text-decoration:none;}
.motor-card__veic{margin:0;color:var(--cinza-texto);font-size:.9rem;flex:1;}
.motor-card .btn--whats{margin-top:6px;}
.btn--consultar{white-space:normal;min-height:48px;height:auto;line-height:1.25;padding-top:10px;padding-bottom:10px;}

/* Badges no site (disponibilidade dos motores) */
.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.02em;}
.badge--verde{background:var(--verde-claro);color:var(--verde);}
.badge--azul{background:#E1F2FD;color:var(--cor-primaria-escura);}
.badge--cinza{background:var(--cinza-borda);color:var(--grafite);}
.badge--amarelo{background:var(--amarelo-claro);color:var(--amarelo);}

/* Página do motor (galeria) */
.motor-topo{background:var(--preto);color:#fff;padding:40px 0;}
.motor-topo h1{color:#fff;margin:0 0 6px;}
.motor-galeria{display:grid;gap:12px;}
.motor-galeria__principal{aspect-ratio:4/3;border-radius:var(--raio-g);overflow:hidden;background:var(--cinza-claro);}
.motor-galeria__principal img{width:100%;height:100%;object-fit:cover;}
.motor-galeria__miniaturas{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));}
.motor-galeria__miniaturas img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;}
.motor-galeria__miniaturas img:hover{border-color:var(--cor-primaria);}

/* ---------- Nossos serviços (estilo Oranssi — bloco escuro) ---------- */
.titulo-oranssi{text-transform:uppercase;font-weight:800;letter-spacing:-.02em;line-height:1.02;font-size:clamp(2rem,5vw,3.2rem);color:#fff;margin:0;}
.servicos-grid{display:grid;gap:18px;grid-template-columns:1fr;}
@media(min-width:560px){.servicos-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.servicos-grid{grid-template-columns:repeat(4,1fr);}}
.servico-card{background:#fff;border-radius:var(--raio-g);padding:28px 22px;display:flex;flex-direction:column;gap:10px;min-height:200px;transition:transform var(--transicao);}
.servico-card:hover{transform:translateY(-5px);}
.servico-card__ico{width:48px;height:48px;color:var(--cor-primaria-escura);}
.servico-card__ico svg{width:40px;height:40px;}
.servico-card h3{margin:6px 0 0;font-size:1.15rem;color:var(--preto);}
.servico-card p{margin:0;color:var(--cinza-texto);font-size:.93rem;}

/* ---------- Nossa equipe ---------- */
.equipe-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);}
@media(min-width:760px){.equipe-grid{grid-template-columns:repeat(4,1fr);}}
.equipe-card{text-align:center;}
.equipe-card__foto{width:140px;height:140px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:var(--cinza-claro);display:grid;place-items:center;border:3px solid #fff;box-shadow:var(--sombra);}
.equipe-card__foto img{width:100%;height:100%;object-fit:cover;}
.equipe-card__foto svg{width:64px;height:64px;color:var(--cinza-borda);}
.equipe-card h3{margin:0;font-size:1.1rem;color:var(--preto);}
.equipe-card p{margin:4px 0 0;color:var(--cor-primaria-escura);font-weight:600;font-size:.9rem;}

/* ---------- Mapa (localização) ---------- */
.mapa-wrap{border-radius:var(--raio-g);overflow:hidden;box-shadow:var(--sombra);line-height:0;border:1px solid var(--cinza-borda);}
.mapa-wrap iframe{width:100%!important;height:440px!important;border:0!important;display:block;}
@media(max-width:560px){.mapa-wrap iframe{height:320px!important;}}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px;}
.faq__item{background:#fff;border:1px solid var(--cinza-borda);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);}
.faq__item summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700;font-family:var(--fonte-titulo);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--preto);}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__mais{font-size:1.5rem;line-height:1;color:var(--cor-primaria);transition:transform var(--transicao);flex:none;}
.faq__item[open] .faq__mais{transform:rotate(45deg);}
.faq__resp{padding:0 20px 18px;color:var(--cinza-texto);}

/* ---------- Página institucional ---------- */
.pagina-conteudo{max-width:760px;margin:0 auto;}
.pagina-conteudo p{margin:0 0 1em;}
.pagina-topo{background:var(--preto);color:#fff;padding:48px 0;}
.pagina-topo h1{color:#fff;margin:0;}

/* ---------- Rodapé ---------- */
footer.rodape{background:var(--preto-2);color:var(--escuro-texto-2);padding:56px 0 28px;}
.rodape__grid{display:grid;gap:28px;grid-template-columns:1fr;}
@media(min-width:760px){.rodape__grid{grid-template-columns:2fr 1fr 1fr;}}
.rodape h4{color:#fff;font-size:1rem;margin:0 0 12px;}
.rodape .marca{color:#fff;}
.rodape a{color:var(--escuro-texto-2);}
.rodape a:hover{color:#fff;}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.rodape__fim{margin-top:34px;padding-top:20px;border-top:1px solid var(--escuro-linha);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.84rem;}
.redes{display:flex;gap:10px;}
.redes a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08);}
.redes a svg{width:20px;height:20px;}
.rodape-mapa{margin-top:34px;}
.rodape-mapa__end{display:flex;align-items:center;gap:8px;color:var(--escuro-texto);font-size:.92rem;margin:0 0 10px;}
.rodape-mapa__end svg{width:18px;height:18px;color:var(--cor-primaria-suave);flex:none;}
.rodape-mapa__box{border-radius:12px;overflow:hidden;line-height:0;}
.rodape-mapa__box iframe{width:100%!important;height:220px!important;border:0!important;display:block;}

/* ---------- Botão flutuante do WhatsApp ---------- */
.zap-flutua{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--whats);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.45);animation:flutuar 4s ease-in-out infinite;}
.zap-flutua svg{width:32px;height:32px;}
.zap-flutua:hover{text-decoration:none;transform:scale(1.06);}

/* ---------- Revelar ao rolar ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.reveal--on{opacity:1;transform:none;}
.reveal[data-atraso="1"]{transition-delay:.08s;}.reveal[data-atraso="2"]{transition-delay:.16s;}.reveal[data-atraso="3"]{transition-delay:.24s;}.reveal[data-atraso="4"]{transition-delay:.32s;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .gira-h,.gira-a,.pulsa,.piston,.flutua,.zap-flutua{animation:none!important;}
  html{scroll-behavior:auto;}
}

/* ---------- Mensagens (flash) ---------- */
.flash{padding:12px 16px;border-radius:10px;margin-bottom:14px;font-size:.93rem;}
.flash--sucesso{background:var(--verde-claro);color:var(--verde);}
.flash--erro{background:var(--vermelho-claro);color:var(--vermelho);}
.flash--aviso{background:var(--amarelo-claro);color:var(--amarelo);}
.erro-campo{color:var(--vermelho);font-size:.82rem;}

/* ---------- Página de erro ---------- */
.pagina-erro{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 20px;}
.pagina-erro .cod{font-family:var(--fonte-mono);font-size:4rem;color:var(--cor-primaria);font-weight:700;}