/* ═══════════════════════════════════════════════
   BASE — design system AUXMEC
   ═══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0f1f3d;--navy2:#162544;
  --or:#f97316;--or2:#ea6006;
  --wh:#fff;--off:#f7f8fa;--off2:#eef0f4;
  --tx:#1a202c;--tx2:#4a5568;--tx3:#718096;
  --bd:#e2e8f0;--bd2:#cbd5e0;
  --gr:#16a34a;
  --r:10px;--r2:16px;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--wh);color:var(--tx);overflow-x:hidden;line-height:1.6}
.c{max-width:1100px;margin:0 auto;padding:0 24px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Inter',sans-serif;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:.18s all;white-space:nowrap;line-height:1}
.b-wa{background:#25d366;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.25)}
.b-wa:hover{background:#1aab57;transform:translateY(-2px)}
.b-navy{background:var(--navy);color:#fff}
.b-navy:hover{background:var(--navy2);transform:translateY(-2px)}
.b-out{background:transparent;color:var(--navy);border:1.5px solid rgba(15,23,63,.25)}
.b-out:hover{background:var(--navy);color:#fff}
.b-out-wh{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
.b-out-wh:hover{background:rgba(255,255,255,.1);border-color:#fff}
.b-xl{font-size:16px;padding:16px 28px;border-radius:var(--r2)}
.b-lg{font-size:14px;padding:13px 22px;border-radius:var(--r)}
.b-md{font-size:13px;padding:10px 18px;border-radius:var(--r)}
.b-sm{font-size:12px;padding:8px 14px;border-radius:8px}
.b-fw{width:100%}

/* Topbar */
.topbar{background:var(--navy);padding:10px 0;border-bottom:3px solid var(--or)}
.topbar-i{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.topbar-msg{font-size:13px;font-weight:500;color:rgba(255,255,255,.8)}
.topbar-msg b{color:#fff}
.topbar a{font-size:13px;font-weight:700;color:var(--or);text-decoration:none}
.topbar a:hover{text-decoration:underline}
.tsep{width:1px;height:14px;background:rgba(255,255,255,.15)}

/* Navbar */
.nav{position:sticky;top:0;z-index:300;background:var(--wh);border-bottom:1px solid var(--bd);box-shadow:0 2px 10px rgba(0,0,0,.06);padding:14px 0}
.nav-i{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;color:var(--navy);letter-spacing:1px;text-decoration:none}
.logo b{color:var(--or)}
.nav-r{display:flex;align-items:center;gap:10px}
.nav-tel{font-size:13px;color:var(--tx2);font-weight:500}
.nav-faq{font-size:13px;font-weight:600;color:var(--tx2);text-decoration:none;padding:7px 12px;border-radius:8px;transition:.18s}
.nav-faq:hover{background:var(--off2);color:var(--navy)}

/* Skip link */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}
.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:10px 18px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;z-index:9999;outline:3px solid var(--or)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Breadcrumb */
.breadcrumb{background:var(--off);border-bottom:1px solid var(--bd);padding:9px 0}
.breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none}
.breadcrumb li{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--tx3)}
.breadcrumb li+li::before{content:"›";color:var(--tx3);font-size:13px}
.breadcrumb a{color:var(--tx2);text-decoration:none;transition:.15s}
.breadcrumb a:hover{color:var(--navy)}
.breadcrumb li:last-child{color:var(--navy);font-weight:600}

/* Seções base */
.sec{padding:68px 0}
.sec-off{background:var(--off)}
.sec-lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or);display:block;margin-bottom:8px}
.sec-h{font-family:'Oswald',sans-serif;font-size:clamp(24px,3.5vw,38px);font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:-.5px;line-height:1.05;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--tx2);max-width:520px;margin-bottom:36px;line-height:1.7}


.sv-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--navy);
    text-decoration: none;
    padding: 7px 13px;
    border: 1.5px solid var(--bd2);
    border-radius: 8px;
    transition: .18s;
}

/* ═══════════════════════════════════════════════
   HERO DA PÁGINA DE COMPONENTE
   ═══════════════════════════════════════════════ */
.hero-comp{background:var(--off);padding:44px 0 0;border-bottom:1px solid var(--bd); overflow: clip;}
.hero-comp-g{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:start}
.hero-comp-txt{padding-bottom:44px}
.hero-comp-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.25);border-radius:100px;padding:5px 12px;margin-bottom:18px}
.hero-comp-tag span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or)}
.hero-comp h1{font-family:'Oswald',sans-serif;font-size:clamp(32px,4vw,54px);font-weight:700;color:var(--navy);line-height:1;letter-spacing:-1px;text-transform:uppercase;margin-bottom:14px}
.hero-comp h1 em{color:var(--or);font-style:normal}
.hero-comp-desc{font-size:15px;color:var(--tx2);line-height:1.75;margin-bottom:20px;max-width:500px}
.hero-alerts{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r2);padding:16px 18px;margin-bottom:22px}
.hero-alerts-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:10px}
.hero-alerts-list{display:flex;flex-direction:column;gap:7px}
.ha-item{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--tx2)}
.ha-dot{width:7px;height:7px;border-radius:50%;background:var(--or);flex-shrink:0}
.hero-proof{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--bd);flex-wrap:wrap}
.pi{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx3)}
.pi strong{color:var(--navy)}
.psep{width:1px;height:18px;background:var(--bd2)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--gr);flex-shrink:0;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

/* Card lateral */
.hero-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r2) var(--r2) 0 0;box-shadow:0 8px 36px rgba(0,0,0,.09);overflow:hidden;position:sticky;top:80px;    border-radius: 15px;
    margin-bottom: -16px;}
.hero-card-head{background:var(--navy);padding:16px 20px;border-left:4px solid var(--or)}
.hero-card-head h3{font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.hero-card-head p{font-size:11px;color:rgba(255,255,255,.55);margin-top:2px}
.hero-card-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.fi{background:var(--off);border:1px solid var(--bd);border-radius:8px;padding:11px 13px;font-size:13px;color:var(--tx);font-family:'Inter',sans-serif;width:100%;outline:none;transition:border .18s;resize:none}
.fi::placeholder{color:var(--tx3)}
.fi:focus{border-color:var(--or);background:var(--wh)}
select.fi{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23718096' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.fi-label{font-size:11px;font-weight:600;color:var(--tx2);margin-bottom:4px;display:block}
.hero-card-chips{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid var(--bd)}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--tx3);padding:4px 9px;background:var(--off2);border-radius:100px}
.chip-dot{width:5px;height:5px;border-radius:50%;background:var(--gr)}
.bread-form{}
.bread-form li{float: left;
    margin-left: 24px;}
.bread-form li::marker {

  font-size: 1.2em;
}
.bread-form li:first-of-type{

  margin-left: 0;
}
.bread-form li:first-of-type::marker {
  color: red;
  content: " ";
}


/* ═══════════════════════════════════════════════
   CONTEXTO
   ═══════════════════════════════════════════════ */
.contexto{padding:44px 0;border-bottom:1px solid var(--bd)}
.contexto-g{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.contexto-txt {
    text-align: justify;
}
.contexto-txt h2{font-family:'Oswald',sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:-.3px;margin-bottom:10px}
.contexto-txt p{font-size:14px;color:var(--tx2);line-height:1.8;margin-bottom:12px}
.fn-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.fn-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--tx2)}
.fn-icon{width:20px;height:20px;border-radius:6px;background:rgba(249,115,22,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.fn-icon svg{width:11px;height:11px;fill:var(--or)}
.contexto-alerta{background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.2);border-left:4px solid var(--or);border-radius:var(--r);padding:16px 18px}
.contexto-alerta h4{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px}
.contexto-alerta p{font-size:13px;color:var(--tx2);line-height:1.65}

/* ═══════════════════════════════════════════════
   PROBLEMAS
   ═══════════════════════════════════════════════ */
.prob-sec{padding:68px 0;background:var(--off)}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.prob-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r2);padding:22px 24px;display:flex;gap:14px;transition:.2s;align-items:flex-start;text-decoration:none;color:inherit;position:relative}
.prob-card:hover{border-color:var(--or);box-shadow:0 4px 20px rgba(249,115,22,.12);transform:translateY(-2px)}
.prob-n{font-family:'Oswald',sans-serif;font-size:32px;font-weight:700;color:rgba(249,115,22,.18);line-height:1;flex-shrink:0;min-width:32px}
.prob-body{flex:1}
.prob-t{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:5px;line-height:1.4}
.prob-d{font-size:13px;color:var(--tx2);line-height:1.6;margin-bottom:12px;    font-weight: normal;}
.prob-cta{text-decoration: none;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--or);padding:6px 12px;border:1.5px solid rgba(249,115,22,.35);border-radius:8px;background:rgba(249,115,22,.04);transition:.18s}
.prob-card .prob-cta:hover{background:var(--or);color:#fff;border-color:var(--or)}
.prob-cta svg{width:12px;height:12px;fill:currentColor;transition:transform .18s}

.prob-bar{background:var(--navy);border-radius:var(--r2);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.prob-bar p{font-size:15px;font-weight:600;color:#fff}
.prob-bar p span{color:var(--or)}
.prob-card-more{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--tx2);text-decoration:none;margin-top:6px;margin-left:2px;padding:4px 0;transition:.18s;border-bottom:1px solid transparent}
.prob-card-more:hover{color:var(--navy);border-bottom-color:var(--navy)}
.prob-card-more svg{fill:currentColor;flex-shrink:0}
.prob-card-btns .prob-card-cta{white-space:nowrap}
.prob-card-btns .prob-card-more{white-space:nowrap}
.prob-card-more{position:relative;z-index:1}

/* ═══════════════════════════════════════════════
   COMO TRABALHAMOS
   ═══════════════════════════════════════════════ */
.como{padding:0}
.como-g{display:grid;grid-template-columns:1fr 1fr;min-height:460px}
.como-foto{position:relative;overflow:hidden;min-height:340px;background:var(--off2)}
.como-foto-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,#1e3a6b 100%);font-family:'Oswald',sans-serif;font-size:14px;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase}
.como-foto img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.como-content{background:var(--navy);padding:52px 44px;display:flex;flex-direction:column;justify-content:center}
.como-content .sec-lbl{color:var(--or)}
.como-content .sec-h{color:#fff}
.como-items{display:flex;flex-direction:column;gap:18px;margin:22px 0 28px}
.como-item{display:flex;align-items:flex-start;gap:14px}
.como-num{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;color:rgba(249,115,22,.3);line-height:1;flex-shrink:0;min-width:26px}
.como-item-t{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}
.como-item-d{font-size:13px;color:rgba(255,255,255,.55);line-height:1.6}
figure.foto-como {
   width: 100%;
    height: 100%;
}

figure.foto-como img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* ═══════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════ */
.faq-sec{padding:68px 0;background:var(--off)}
.faq-g{display:grid;grid-template-columns:300px 1fr;gap:52px;align-items:start}
.faq-sidebar{position:sticky;top:88px}
.faq-sidebar h2{font-family:'Oswald',sans-serif;font-size:clamp(20px,2.8vw,30px);font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:-.5px;line-height:1.1;margin-bottom:10px}
.faq-sidebar p{font-size:14px;color:var(--tx2);line-height:1.7;margin-bottom:20px}
.faq-cta-box{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r2);padding:18px;display:flex;flex-direction:column;gap:10px}
.faq-cta-box p{font-size:13px;color:var(--tx2)}
.faq-cta-box p strong{color:var(--navy);display:block;margin-bottom:2px}
.faq-divider{display:flex;align-items:center;gap:12px;margin:8px 0}
.faq-divider span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);white-space:nowrap}
.faq-divider::before,.faq-divider::after{content:'';flex:1;height:1px;background:var(--bd)}
.faq-list{display:flex;flex-direction:column}
.fq{border-bottom:1px solid var(--bd)}
.fq:first-child{border-top:1px solid var(--bd)}
.fq-btn{width:100%;background:none;border:none;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-family:'Inter',sans-serif;font-size:14px;color:var(--navy);text-align:left;transition:color .18s;list-style:none}
.fq-btn::-webkit-details-marker{display:none}
details.fq>summary{list-style:none}
.fq-q{font-size:14px;font-weight:600;margin:0;color:inherit;flex:1}
.fq-btn:hover,.fq[open] .fq-btn{color:var(--or)}
.fq-ico{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--bd2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}
.fq-ico svg{fill:var(--tx3);width:12px;height:12px;transition:transform .2s}
.fq[open] .fq-ico{background:var(--or);border-color:var(--or)}
.fq[open] .fq-ico svg{fill:#fff;transform:rotate(45deg)}
.fq-ans{padding:0 0 16px;font-size:13px;color:var(--tx2);line-height:1.75}

/* ═══════════════════════════════════════════════
   DEPOIMENTOS
   ═══════════════════════════════════════════════ */
.dep-sec{padding:68px 0;background:var(--wh);border-top:1px solid var(--bd)}
.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.dep{background:var(--off);border:1px solid var(--bd);border-radius:var(--r2);padding:22px;position:relative; display: flex;
    flex-direction: column;}
.dep::before{content:'"';position:absolute;top:10px;right:16px;font-family:'Oswald',sans-serif;font-size:48px;font-weight:700;color:rgba(15,31,61,.06);line-height:1}
.dep-stars{color:var(--or);font-size:12px;margin-bottom:6px;letter-spacing:2px}
.dep-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or);background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.2);padding:3px 9px;border-radius:100px;margin-bottom:10px; width: fit-content;}
.dep-txt{font-size:13px;color:var(--tx2);line-height:1.75;font-style:italic;margin-bottom:16px; flex-grow: 1;}
.dep-by{display:flex;align-items:center;gap:10px}
.dep-av{width:34px;height:34px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.dep-name{font-size:13px;font-weight:600;color:var(--navy)}
.dep-role{font-size:11px;color:var(--tx3)}

/* ═══════════════════════════════════════════════
   CTA FINAL
   ═══════════════════════════════════════════════ */
.cta-fin{background:var(--navy);padding:72px 0;text-align:center;overflow:hidden}
.ccta-fin::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 60px);pointer-events:none}
.cta-in{position:relative;z-index:1}
.cta-fin h2{font-family:'Oswald',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;color:#fff;text-transform:uppercase;line-height:1;letter-spacing:-1px;margin-bottom:14px}
.cta-fin h2 em{color:var(--or);font-style:normal}
.cta-fin p{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:28px;line-height:1.6}
.cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.cta-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.cta-chips .chip{color:rgba(255,255,255,.5);background:transparent;border:1px solid rgba(255,255,255,.1)}

.cta-in .vantagens{
       display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;

}

.cta-in .vantagens p:not(:last-child)::after {
  content: "·"; /* O caractere do ponto médio */
  margin-left: 15px; /* Espaço à esquerda do ponto */
  color: #ccc; /* Cor opcional para o ponto */
  font-weight: bold;
}

/* ═══════════════════════════════════════════════
   NAVEGAÇÃO ENTRE COMPONENTES
   ═══════════════════════════════════════════════ */
.nav-comp{padding:40px 0;background:var(--off);border-top:1px solid var(--bd)}
.nav-comp-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);margin-bottom:14px}
.nav-comp-list{display:flex;flex-wrap:wrap;gap:8px}
.nav-comp-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--tx2);text-decoration:none;padding:8px 14px;border:1.5px solid var(--bd2);border-radius:var(--r);background:var(--wh);transition:.18s}
.nav-comp-item:hover{border-color:var(--or);color:var(--or);background:rgba(249,115,22,.04)}
.nav-comp-item.ativo{border-color:var(--navy);color:var(--navy);background:var(--off2);cursor:default}
.nav-comp-item svg{width:12px;height:12px;fill:currentColor}

/* ═══════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════ */
.footer{background:var(--navy);padding:52px 0 0}
.footer-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-logo{font-family:'Oswald',sans-serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:10px}
.foot-logo b{color:var(--or)}
.foot-brand p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:14px;max-width:240px}
.foot-socials{display:flex;gap:10px;margin-bottom:12px}
.foot-soc{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;transition:.18s;text-decoration:none}
.foot-soc:hover{background:var(--or)}
.foot-soc svg{width:15px;height:15px;fill:rgba(255,255,255,.6)}
.foot-soc:hover svg{fill:#fff}
.foot-cnpj{font-size:11px;color:rgba(255,255,255,.25)}
.foot-col h3{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.foot-col li{display:flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,.5)}
.foot-col li svg{fill:rgba(255,255,255,.3);flex-shrink:0}
.foot-col a{color:rgba(255,255,255,.5);text-decoration:none;transition:.15s}
.foot-col a:hover{color:#fff}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;flex-wrap:wrap}
.foot-copy{font-size:11px;color:rgba(255,255,255,.25)}
.foot-links{display:flex;gap:16px}
.foot-links a{font-size:11px;color:rgba(255,255,255,.3);text-decoration:none}
.foot-links a:hover{color:rgba(255,255,255,.7)}

/* FAB WhatsApp */
.wa-fab{position:fixed;bottom:24px;right:24px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.wa-btn{width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:.2s;animation:pulse 3s infinite;text-decoration:none}
.wa-btn:hover{transform:scale(1.08);background:#1aab57}
.wa-btn svg{width:26px;height:26px;fill:#fff}
@keyframes pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 28px rgba(37,211,102,.65)}}
.wa-tip{background:var(--navy);color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px;opacity:0;transform:translateX(6px);transition:.2s}
.wa-fab:hover .wa-tip{opacity:1;transform:none}

/* ═══════════════════════════════════════════════
   SEÇÃO NÚMEROS / ESTATÍSTICAS
   ═══════════════════════════════════════════════ */
.stats-bar{background:var(--navy);padding:40px 0;border-top:3px solid var(--or)}
.stats-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.stat-num{font-family:'Oswald',sans-serif;font-size:42px;font-weight:700;color:var(--wh);line-height:1}
.stat-num sup{font-size:20px;color:var(--or);vertical-align:super}
.stat-label{font-size:13px;color:rgba(255,255,255,.5)}
.stat-sep{width:1px;background:rgba(255,255,255,.1)}

/* ═══════════════════════════════════════════════
   SEÇÃO REGIÃO
   ═══════════════════════════════════════════════ */
.regiao-sec{padding:68px 0;background:var(--wh);border-top:1px solid var(--bd)}
.regiao-g{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center; margin-bottom: 30px;}
.regiao-map{background:var(--off2);border-radius:var(--r2);min-height:320px;overflow:hidden;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;position:relative}
.regiao-map-ph{font-family:'Oswald',sans-serif;font-size:12px;color:var(--tx3);text-transform:uppercase;letter-spacing:.1em}
.regiao-map img{width:100%;height:100%;object-fit:cover;border-radius:var(--r2)}
.regiao-content h2{font-family:'Oswald',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--navy);text-transform:uppercase;line-height:1.1;margin-bottom:12px}
.regiao-content p{font-size:14px;color:var(--tx2);line-height:1.75;margin-bottom:20px}
.cidades-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.cidade-tag{background:var(--off2);border:1px solid var(--bd2);color:var(--tx2);font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px}

.cidades{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0 22px;
}
.cidades .cd {
    background:rgba(15,31,61,.05);
    border:1px solid rgba(15,31,61,.14);
    color:var(--navy);
    font-size:12px;
    font-weight:600;
    padding:7px 16px;
    border-radius:100px;
    transition:.18s;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:5px
  }
.cidades .cd:hover {
    background:var(--navy);
    color:#fff
    }
.cidades .cd svg {
    fill:currentColor;
    flex-shrink:0
    }

/* ═══════════════════════════════════════════════
   SEÇÃO CAUSAS / VERIFICAR
   ═══════════════════════════════════════════════ */
.causas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;margin-bottom: 28px;}
.causa-card{background: var(--off);
    border: 1px solid var(--bd);
    border-radius: var(--r2);
    padding: 22px 20px;
       display: flex;
    flex-direction: column;
    min-height: 100%;}
.causa-ico{width:40px;height:40px;border-radius:var(--r);background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:18px}
.causa-bottom{
   margin-top: auto;
    padding-top: 15px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    width: fit-content;
   
}
.causa-num {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--or);
    margin-bottom: 10px;
}

.causa-card h4{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:6px}
.causa-card p{font-size:13px;color:var(--tx2);line-height:1.65}

/* Verificar — seção com steps + urgency */
.verif-g{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;margin-top:32px}
.steps-list{list-style:none;display:flex;flex-direction:column}
.step-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--bd)}
.step-item:first-child{padding-top:0}
.step-num{width:30px;height:30px;border-radius:50%;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:'Oswald',sans-serif;flex-shrink:0;margin-top:2px}
.step-item b{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.step-item p{font-size:13px;color:var(--tx2);line-height:1.65}
.urgency-box{background:var(--navy);border-radius:var(--r2);padding:24px;position:sticky;top:88px}
.urgency-box h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--or);margin-bottom:14px}
.urg-list{list-style:none;margin-bottom:20px}
.urg-list li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:rgba(255,255,255,.65);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.urg-list li:last-child{border-bottom:none}
.urg-dot{width:6px;height:6px;border-radius:50%;background:var(--or);flex-shrink:0;margin-top:5px}
.urgency-box .sub-txt{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:16px;line-height:1.6}

/* Não resolver — caixa de preço */
.nores-g{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start;margin-top:32px}
.nores-list{list-style:none;display:flex;flex-direction:column}
.nores-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--bd)}
.nores-num{width:28px;height:28px;border-radius:50%;background:rgba(249,115,22,.12);border:1.5px solid rgba(249,115,22,.3);color:var(--or);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px}
.nores-item b{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.nores-item p{font-size:13px;color:var(--tx2);line-height:1.65}
.price-box{background:var(--navy);border-radius:var(--r2);padding:24px;text-align:center;position:sticky;top:88px}
.price-box .plabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:8px}
.price-box .old-price{color:rgba(255,255,255,.35);font-size:15px;text-decoration:line-through;margin-bottom:4px}
.price-box .price{font-family:'Oswald',sans-serif;font-size:48px;font-weight:700;color:var(--or);line-height:1}
.price-box .price sup{font-size:22px;vertical-align:super}
.price-box .price-note{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5;margin:10px 0 18px}

/* Serviços grid */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.srv-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r2);padding:20px;transition:.2s;
   text-decoration: none; display: flex;
    flex-direction: column;}
.srv-card .description{
   flex-grow: 1;
}
.srv-card:hover{border-color:var(--or);box-shadow:0 4px 20px rgba(249,115,22,.1);transform:translateY(-2px)}
.srv-ico{font-size:24px;margin-bottom:12px}
.srv-card h4{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.srv-card p{font-size:12px;color:var(--tx2);line-height:1.6;margin-bottom:12px}
.srv-price{font-size:12px;font-weight:700;color:var(--gr)}

.srv-card .prob-cta{font-size: 11px;}
.srv-card .srv-price{margin-left: 15px;}

/* Responsive */
@media(max-width:820px){
  .hero-comp-g,.contexto-g,.regiao-g,.verif-g,.nores-g{grid-template-columns:1fr}
  .hero-comp-txt{padding-bottom:0}
  .hero-card{border-radius:var(--r2);margin-bottom:0;position:static}
  .faq-sidebar{position:static}
}
@media(max-width:768px){
  .prob-grid,.dep-grid,.como-g,.causas-grid,.srv-grid{grid-template-columns:1fr}
  .faq-g{grid-template-columns:1fr;gap:28px}
  .stats-g{grid-template-columns:repeat(2,1fr)}
  .footer-g{grid-template-columns:1fr 1fr}
  .foot-bottom{flex-direction:column;text-align:center}
  .como-foto{min-height:220px}
  .como-content{padding:32px 22px}
}
@media(max-width:480px){
  .prob-bar{flex-direction:column;text-align:center}
  .cta-btns{flex-direction:column;align-items:center}
  .footer-g{grid-template-columns:1fr}
  .stats-g{grid-template-columns:repeat(2,1fr)}
}


/* ── DIFERENCIAIS ── */
    .dif {
    background:var(--wh);
    border-top:1px solid var(--bd);
    border-bottom:1px solid var(--bd)
    }
    .dif-row {
    display:grid;
    grid-template-columns:repeat(4,1fr)
    }
    .di {
    padding:20px 18px;
    border-right:1px solid var(--bd);
    display:flex;
    align-items:center;
    gap:12px
    }
    .di:last-child {
    border:none
    }
    .di-ico {
    width:38px;
    height:38px;
    border-radius:9px;
    background:var(--off2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
    }
    .di-ico-label {
    background:rgba(249,115,22,.1)
    }
    .di-ico-label svg {
    fill:var(--or)
    }
    .di-ico svg {
    width:18px;
    height:18px;
    fill:var(--navy)
    }
    .di-t {
    font-size:13px;
    font-weight:600;
    color:var(--navy);
    line-height:1.3
    }
    .di-s {
    font-size:11px;
    color:var(--tx3);
    margin-top:1px
    }
    @media(max-width:700px) {
    .dif-row {
    grid-template-columns:1fr 1fr
    }
    .di {
    border-bottom:1px solid var(--bd)
    }
    .di:nth-child(2n) {
    border-right:none
    }
    }
    @media(max-width:480px) {
    .dif-row {
    grid-template-columns:1fr
    }
    .di {
    border-right:none
    }
    }

    .hero-stripe {
    height: 5px;
    background: linear-gradient(90deg, var(--or), var(--navy));
}

a.btn.b-wa.b-lg{align-self: flex-start;}

.fi-note {
    font-size: 11px;
    color: var(--tx3);
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
        padding: 0 0 2px 0;
}
