/* STOP INSET - /public_html/css/stop.css */
:root{--vermelho:#c8102e;--vermelho-esc:#9e0c24;--vermelho-claro:#fdeaed;--tinta:#1d1f24;--cinza:#5b616b;--cinza-2:#8a9099;--linha:#e6e8ec;--fundo:#f5f6f8;--escuro:#17191d;--verde:#1f9d55;--raio:16px;--sombra:0 18px 40px -24px rgba(20,22,28,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--vermelho)}
h1,h2,h3,h4{font-family:Montserrat,Inter,sans-serif;line-height:1.2;color:var(--tinta);margin:0 0 .5em;letter-spacing:-.01em}
.env{width:min(1180px,100% - 40px);margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--vermelho);color:#fff;text-decoration:none;font-weight:700;font-size:.97rem;border:2px solid var(--vermelho);border-radius:999px;padding:12px 24px;transition:background .2s,transform .2s;cursor:pointer}
.btn:hover{background:var(--vermelho-esc);border-color:var(--vermelho-esc);transform:translateY(-1px)}
.btn--claro{background:#fff;color:var(--vermelho);border-color:#f3c5cd}.btn--claro:hover{background:var(--vermelho-claro);color:var(--vermelho-esc)}
.btn--branco{background:#fff;color:var(--vermelho);border-color:#fff}.btn--branco:hover{background:#fff;color:var(--vermelho-esc)}
.btn--linha{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}.btn--linha:hover{background:#fff;color:var(--vermelho);border-color:#fff}
.btn--linha-branca{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.8);color:#fff}.btn--linha-branca:hover{background:#fff;color:var(--vermelho);border-color:#fff}
.btn--grande{padding:15px 28px;font-size:1.03rem}
.rotulo{display:inline-block;font:800 .75rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vermelho);background:var(--vermelho-claro);padding:7px 12px;border-radius:999px;margin-bottom:14px}

/* topo */
.faixa{background:var(--escuro);color:#d7d9de;font-size:.83rem}
.faixa .env{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px}
.faixa-tel{display:flex;gap:16px}.faixa-tel a{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.cab{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.cab .env{display:flex;align-items:center;gap:20px;min-height:84px}
.marca img{height:62px;width:auto}
#nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.menu{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}
.menu>li{position:relative}
.menu>li>a,.sub-botao{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;border-radius:999px;color:var(--tinta);text-decoration:none;font:600 .93rem Inter,sans-serif;background:none;border:0;cursor:pointer}
.menu>li>a:hover,.sub-botao:hover,.menu>li>a.ativo,.tem-sub.ativo>.sub-botao{background:var(--vermelho-claro);color:var(--vermelho-esc)}
.sub-botao span{font-size:.7rem}
.sub{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 6px);left:0;min-width:250px;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.tem-sub:hover .sub,.tem-sub:focus-within .sub,.tem-sub.aberto .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:8px 12px;border-radius:9px;color:var(--tinta);text-decoration:none;font-size:.92rem}
.sub a:hover,.sub a[aria-current]{background:var(--fundo);color:var(--vermelho)}
.btn--cab{margin-left:8px;padding:10px 20px}
.menu-botao{display:none;margin-left:auto;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:9px 18px;font:700 .9rem Inter,sans-serif;cursor:pointer}

/* home */
.hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(17,19,23,.92) 0%,rgba(17,19,23,.75) 45%,rgba(17,19,23,.2) 100%),url(../img/homepage-slider/pest-control.jpg) 70% center/cover no-repeat;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--vermelho)}
.hero-grade{padding:90px 0 96px}
.hero-txt{max-width:640px}
.selo{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;background:var(--vermelho);padding:7px 14px;border-radius:999px;margin-bottom:18px}
.hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;margin-bottom:16px}
.hero p{font-size:1.12rem;color:rgba(255,255,255,.88);margin:0 0 28px}
.hero-acoes{display:flex;flex-wrap:wrap;gap:12px}
.hero-selos{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px 26px;font-size:.92rem;color:rgba(255,255,255,.85)}
.hero-selos li{display:flex;align-items:center;gap:8px}.hero-selos svg{color:#ff6b7f}
.faixa-confianca{background:#fff;border-bottom:1px solid var(--linha)}
.faixa-confianca .env{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 0}
.faixa-confianca .env>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.faixa-confianca svg{grid-row:span 2;color:var(--vermelho);width:30px;height:30px}
.faixa-confianca strong{font-family:Montserrat,sans-serif;font-size:.98rem}
.faixa-confianca span{font-size:.85rem;color:var(--cinza);line-height:1.35}
.secao{padding:84px 0}.secao--cinza{background:var(--fundo)}
.cab-secao{max-width:680px;margin:0 auto 40px;text-align:center}
.cab-secao h2,.sobre h2,.regioes h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.cab-secao p{color:var(--cinza)}
.sobre{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.sobre p{color:var(--cinza)}
.sobre-foto{margin:0;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);background:#8bbd2e}
.sobre-foto img{width:100%}
.sobre-foto figcaption{background:var(--escuro);color:#fff;font-weight:600;padding:14px 18px;font-size:.95rem}
.servicos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.servico{display:flex;flex-direction:column;background:#fff;border-radius:var(--raio);overflow:hidden;text-decoration:none;color:var(--tinta);box-shadow:var(--sombra);border:1px solid var(--linha);transition:transform .25s}
.servico:hover{transform:translateY(-4px)}
.servico img{aspect-ratio:4/3;object-fit:cover;width:100%}
.servico div{padding:22px 22px 24px}
.servico h3{font-size:1.2rem}.servico p{color:var(--cinza);font-size:.95rem;margin:0 0 12px}
.seta{color:var(--vermelho);font-weight:700;font-size:.92rem}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.mini{display:block;background:#fff;border:1px solid var(--linha);border-left:5px solid var(--vermelho);border-radius:12px;padding:20px 22px;text-decoration:none;color:var(--tinta);transition:border-color .2s,transform .2s}
.mini:hover{transform:translateY(-3px)}
.mini h3{font-size:1.05rem;margin-bottom:6px}.mini p{margin:0;color:var(--cinza);font-size:.92rem}
.pragas{display:grid;grid-template-columns:repeat(9,1fr);gap:14px}
.praga{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font-weight:700;font-size:.92rem}
.praga img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--linha),0 10px 20px -12px rgba(0,0,0,.4);transition:box-shadow .2s,transform .2s}
.praga:hover img{box-shadow:0 0 0 3px var(--vermelho);transform:scale(1.04)}
.regioes{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.regioes p{color:var(--cinza)}
.regioes-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.regioes-lista a{display:block;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:11px 14px;text-decoration:none;color:var(--tinta);font-weight:600;font-size:.92rem}
.regioes-lista a:hover{border-color:var(--vermelho);color:var(--vermelho)}

/* páginas internas */
.capa-int{background:linear-gradient(120deg,#16181c,#2a2d33);color:#fff;border-bottom:6px solid var(--vermelho)}
.capa-int .env{padding:46px 0}
.capa-int-grade{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.capa-int h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin:6px 0 8px}
.capa-int-sub{margin:0;color:rgba(255,255,255,.7)}
.trilha{font-size:.85rem;color:rgba(255,255,255,.65)}.trilha a{color:#fff;text-decoration:none}
.capa-foto{margin:0;width:200px;height:200px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 0 0 4px var(--vermelho)}
.capa-foto img{width:100%;height:100%;object-fit:cover}
.pagina{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;padding:56px 0 80px;align-items:start}
.texto{font-size:1.04rem}
.texto h2{font-size:1.55rem;margin-top:1.6em;padding-top:.2em}
.texto h3{font-size:1.2rem;margin-top:1.4em;color:var(--vermelho-esc)}
.texto h4{font-size:1.04rem;margin:1.3em 0 .3em;color:var(--tinta)}
.texto>:first-child{margin-top:0}
.texto p{margin:0 0 1em;color:#33373e}
.lista{list-style:none;padding:0;margin:0 0 1.2em;display:grid;gap:8px}
.lista li{position:relative;padding:10px 14px 10px 42px;background:var(--fundo);border-radius:10px}
.lista li::before{content:"";position:absolute;left:14px;top:15px;width:16px;height:16px;border-radius:50%;background:var(--vermelho) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.foto{margin:0 0 1.4em;border-radius:var(--raio);overflow:hidden;width:fit-content;max-width:min(520px,100%);box-shadow:var(--sombra)}
.foto img{min-width:260px}
.foto--larga{max-width:none}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--raio);overflow:hidden;margin:0 0 1.4em;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lado{position:sticky;top:110px;display:grid;gap:20px}
.lado-cta{background:linear-gradient(160deg,var(--vermelho),var(--vermelho-esc));color:#fff;border-radius:var(--raio);padding:24px;box-shadow:var(--sombra)}
.lado-cta strong{display:block;font:800 1.25rem Montserrat,sans-serif}
.lado-cta p{margin:6px 0 16px;color:rgba(255,255,255,.85);font-size:.95rem}
.lado-cta .btn{width:100%;margin-bottom:10px;background:#fff;color:var(--vermelho);border-color:#fff}
.lado-cta .btn--claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.lado-form{display:block;text-align:center;color:#fff;font-weight:600;font-size:.9rem;margin-top:4px}
.lado-links{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px}
.lado-links h2{font-size:1.05rem;margin-bottom:10px}
.lado-links ul{list-style:none;padding:0;margin:0}
.lado-links li a{display:block;padding:8px 0;border-bottom:1px solid var(--linha);color:var(--tinta);text-decoration:none;font-size:.94rem}
.lado-links li:last-child a{border-bottom:0}
.lado-links a:hover,.lado-links a[aria-current]{color:var(--vermelho);font-weight:600}
.lado-links p{display:flex;gap:8px;margin:0;color:var(--cinza);font-size:.94rem}
.form{display:grid;gap:16px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px;box-shadow:var(--sombra)}
.form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.form input,.form textarea{font:inherit;padding:12px 14px;border:1px solid #d5d8de;border-radius:10px}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--vermelho);box-shadow:0 0 0 3px var(--vermelho-claro)}
.form .btn{justify-self:start}
.oculto{position:absolute!important;left:-9999px}

/* rodapé */
.cta{background:var(--vermelho);color:#fff}
.cta .env{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:44px 0}
.cta h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;margin:0 0 6px}
.cta p{margin:0;color:rgba(255,255,255,.88)}
.cta-acoes{display:flex;gap:12px;flex-wrap:wrap}
.rod{background:var(--escuro);color:#b9bdc5;font-size:.93rem}
.rod-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 0 36px}
.rod-marca img{height:56px;width:auto;background:#fff;border-radius:10px;padding:6px 10px;margin-bottom:14px}
.rod-marca p{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px}.rod-marca svg{flex:none;color:#ff6b7f}
.rod h3{color:#fff;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.rod ul{list-style:none;padding:0;margin:0}
.rod li{margin:6px 0}
.rod a{color:#d7d9de;text-decoration:none}.rod a:hover{color:#fff;text-decoration:underline}
.rod-regioes{border-top:1px solid #2c2f35;padding:26px 0}
.rod-regioes ul{display:flex;flex-wrap:wrap;gap:6px 18px}
.rod-fim{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2c2f35;padding:18px 0 26px;font-size:.85rem}
.flutua{display:none;position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--vermelho);color:#fff;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.3)}
.flutua svg{width:26px;height:26px}

@media (max-width:1100px){
  .menu-botao{display:block}
  #nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linha);flex-direction:column;align-items:stretch;padding:12px 20px 20px;display:none;max-height:calc(100vh - 84px);overflow:auto}
  #nav.aberto{display:flex}
  .menu{flex-direction:column;align-items:stretch}
  .menu>li>a,.sub-botao{width:100%;justify-content:space-between;border-radius:10px}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none;padding:0 0 6px 12px}
  .tem-sub.aberto .sub{display:block}
  .tem-sub:hover .sub{display:none}.tem-sub.aberto:hover .sub{display:block}
  .btn--cab{margin:10px 0 0}
  .pragas{grid-template-columns:repeat(5,1fr)}
  .faixa-confianca .env{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .faixa span:first-child{display:none}.faixa .env{justify-content:center}
  .sobre,.regioes,.pagina{grid-template-columns:1fr;gap:32px}
  .servicos,.minis{grid-template-columns:1fr}
  .rod-grade{grid-template-columns:1fr 1fr}
  .lado{position:static}
  .capa-int-grade{grid-template-columns:1fr}
  .capa-foto{width:130px;height:130px;order:-1}
  .hero{background-position:72% center}
  .hero-grade{padding:64px 0 70px}
  .flutua{display:flex}
}
@media (max-width:560px){
  body{font-size:16px}
  .marca img{height:50px}
  .pragas{grid-template-columns:repeat(3,1fr)}
  .regioes-lista{grid-template-columns:1fr}
  .rod-grade{grid-template-columns:1fr}
  .faixa-confianca .env{grid-template-columns:1fr}
  .hero-acoes .btn{width:100%}
  .secao{padding:60px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.btn--zap{background:#1faf54;border-color:#1faf54;color:#fff}.btn--zap:hover{background:#178a42;border-color:#178a42;color:#fff}
.lado-cta .btn--zap{background:#1faf54;color:#fff;border-color:#1faf54}
.flutua{background:#1faf54}
.lado-cta .btn{white-space:nowrap;font-size:.92rem;padding:12px 14px}

/* botão de WhatsApp flutuante (computador) e barra fixa (celular) */
.flutua{display:none!important}
.zap-flutua{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:12px;text-decoration:none}
.zap-bola{position:relative;width:64px;height:64px;border-radius:50%;background:#1faf54;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(31,175,84,.7)}
.zap-bola svg{width:32px;height:32px}
.zap-bola::before,.zap-bola::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1faf54;animation:zap-onda 2.4s ease-out infinite}
.zap-bola::after{animation-delay:1.2s}
@keyframes zap-onda{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.zap-ponto{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--vermelho);border:3px solid #fff}
.zap-balao{background:#fff;color:var(--tinta);border-radius:16px 16px 4px 16px;padding:10px 16px;font-size:.85rem;line-height:1.3;box-shadow:0 14px 34px -14px rgba(0,0,0,.4);border:1px solid var(--linha);opacity:0;transform:translateX(12px);animation:zap-entra .5s ease 3s forwards}
.zap-balao strong{display:block;font-size:.98rem;color:#178a42}
@keyframes zap-entra{to{opacity:1;transform:none}}
.zap-flutua:hover .zap-bola{transform:scale(1.06)}
.zap-barra{display:none}
@media (max-width:900px){
  .zap-flutua{display:none}
  .zap-barra{display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#1faf54;color:#fff;text-decoration:none;padding:11px 16px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.18);font-size:.82rem;line-height:1.25}
  .zap-barra svg{width:28px;height:28px;flex:none;animation:zap-pula 2.6s ease-in-out infinite}
  .zap-barra strong{display:block;font-size:1rem}
  @keyframes zap-pula{0%,80%,100%{transform:none}86%{transform:rotate(-14deg) scale(1.1)}93%{transform:rotate(12deg) scale(1.1)}}
  body{padding-bottom:64px}
}
@media (prefers-reduced-motion:reduce){.zap-bola::before,.zap-bola::after,.zap-barra svg{animation:none}.zap-balao{animation:none;opacity:1;transform:none}}

/* formulário de cotação — VigHome 2026-11 */
.cotacao fieldset{border:0;margin:0;padding:0 0 6px;display:grid;gap:12px;min-width:0}
.cotacao legend{display:flex;align-items:center;gap:10px;font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:1.08rem;color:var(--tinta);margin-bottom:6px}
.cotacao legend span{width:28px;height:28px;border-radius:50%;background:var(--vermelho);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.cot-dica,.cot-rot{margin:0;font-size:.9rem;color:var(--cinza)}.cot-rot{font-weight:600;color:var(--tinta)}.cot-rot small{font-weight:400;color:var(--cinza)}
.cot-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cot-grade[hidden]{display:none}
.cotacao select{font:inherit;padding:12px 14px;border:1px solid #d5d8de;border-radius:10px;background:#fff;width:100%}
.cotacao select:focus{outline:none;border-color:var(--vermelho);box-shadow:0 0 0 3px var(--vermelho-claro)}
.cotacao input,.cotacao textarea{width:100%;min-width:0}
.cot-opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.cot-opcoes label{position:relative;display:block;cursor:pointer;font-weight:600}
.cot-opcoes input{position:absolute;opacity:0;width:1px;height:1px}
.cot-opcoes span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:8px 10px;border:1.5px solid var(--linha);border-radius:10px;background:var(--fundo);font-size:.9rem;transition:.15s}
.cot-opcoes input:checked+span{border-color:var(--vermelho);background:var(--vermelho-claro);color:var(--vermelho-esc)}
.cot-opcoes input:focus-visible+span{outline:3px solid var(--vermelho-claro);outline-offset:1px}
.cot-opcoes--peq span{min-height:40px;font-size:.85rem;font-weight:500}
.cot-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:.9rem!important;color:var(--cinza)}
.cot-check input{width:18px!important;height:18px;margin-top:2px;flex:none;accent-color:var(--vermelho)}
.cot-arquivo input{padding:10px;border:1.5px dashed #c9cdd4;background:var(--fundo)}
.cot-aviso{border-radius:10px;padding:14px 16px;font-weight:600}
.cot-aviso--ok{background:#e7f6ee;color:#14663a}.cot-aviso--erro{background:var(--vermelho-claro);color:var(--vermelho-esc)}
