/* =====================================================================
   AMPARA CORRETORA DE SEGUROS · style.css
   Cores e fontes: edite as variáveis abaixo.
   ===================================================================== */
:root{
  --petroleo:#0b3b47;
  --petroleo-2:#11576a;
  --petroleo-esc:#062832;
  --coral:#ff7a5c;
  --coral-esc:#c94a2c;      /* coral com contraste para textos sobre fundo claro */
  --menta:#9fe3cf;
  --menta-clara:#e5f5f0;
  --creme:#f7f4ef;
  --branco:#fff;
  --tinta:#10252b;
  --cinza:#55676d;
  --linha:#dbe4e3;
  --raio:22px;
  --raio-sm:12px;
  --sombra:0 18px 50px -20px rgba(11,59,71,.35);
  --sombra-sm:0 6px 20px -8px rgba(11,59,71,.25);
  --f-tit:"Bricolage Grotesque",system-ui,sans-serif;
  --f-txt:"DM Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.8,.26,1);
}
html{overflow-x:hidden}
html,body{overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/1.6 var(--f-txt);color:var(--tinta);background:var(--branco);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-tit);line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em}
h2{font-size:clamp(30px,4vw,48px);font-weight:800}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.pular{position:absolute;left:-999px;top:8px;z-index:200;background:var(--coral);color:#fff;padding:10px 16px;border-radius:8px}
.pular:focus{left:8px}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.i--lg{width:30px;height:30px}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;font:700 16px/1 var(--f-txt);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn .i{transition:transform .25s var(--ease)}
.btn:hover .i{transform:translateX(3px)}
.btn--coral{background:var(--coral);color:#2a0e05;box-shadow:0 10px 24px -10px rgba(255,122,92,.8)}
.btn--coral:hover{background:#ff8d73}
.btn--sm{padding:10px 18px;font-size:15px}
.btn--link{background:transparent;color:var(--petroleo);padding-inline:8px}
.btn--ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn--ghost:hover{border-color:#fff}
.btn--ghost-esc{background:transparent;border-color:var(--petroleo);color:var(--petroleo)}
.btn--ghost-esc:hover{background:var(--petroleo);color:#fff}
.btn--wa{background:#1fae5b;color:#fff}
.btn--wa:hover{background:#18964d}
.btn--full{width:100%}

/* ---------- Topo ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.topo.rolou{border-color:var(--linha);box-shadow:0 8px 30px -18px rgba(11,59,71,.4)}
.topo__in{display:flex;align-items:center;gap:24px;height:74px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--petroleo)}
.logo__marca{width:36px;height:36px}
.logo__marca path:first-child{fill:var(--petroleo)}
.logo__check{fill:none;stroke:var(--coral);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.logo strong{display:block;font:800 23px/1 var(--f-tit);letter-spacing:-.03em}
.logo small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-top:2px}
.logo--claro{color:#fff}.logo--claro small{color:var(--menta)}
.logo--claro .logo__marca path:first-child{fill:var(--petroleo-2)}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{text-decoration:none;font-weight:500;font-size:15.5px;padding:8px 11px;border-radius:999px;color:var(--tinta);transition:background .2s,color .2s}
.menu a:hover,.menu a.ativo{background:var(--menta-clara);color:var(--petroleo)}
.topo__acoes{display:flex;align-items:center;gap:12px}
.susep-pill{font-size:12px;font-weight:700;color:var(--petroleo);background:var(--menta-clara);border:1px solid #c5e9de;padding:6px 10px;border-radius:999px;white-space:nowrap}
.hamb{display:none;width:44px;height:44px;border:0;background:var(--menta-clara);border-radius:12px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.hamb span{width:20px;height:2px;background:var(--petroleo);border-radius:2px;transition:transform .3s,opacity .3s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{position:relative;padding:56px 0 80px;overflow:hidden;contain:paint;background:linear-gradient(180deg,#fff 0%,var(--creme) 100%)}
.hero__bg{position:absolute;inset:0;overflow:hidden;contain:paint;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.blob--1{width:520px;height:520px;background:var(--menta);right:-120px;top:-140px;animation:flutua 14s ease-in-out infinite}
.blob--2{width:380px;height:380px;background:#ffd2c5;left:-140px;bottom:-160px;animation:flutua 18s ease-in-out infinite reverse}
@keyframes flutua{50%{transform:translate(-30px,30px) scale(1.06)}}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.etq{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--petroleo);background:#fff;border:1px solid var(--linha);padding:7px 14px;border-radius:999px;box-shadow:var(--sombra-sm)}
.pulse{width:9px;height:9px;border-radius:50%;background:#1fae5b;box-shadow:0 0 0 0 rgba(31,174,91,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(31,174,91,0)}100%{box-shadow:0 0 0 0 rgba(31,174,91,0)}}
.hero h1{font-size:clamp(40px,5.6vw,72px);font-weight:800;margin:22px 0 18px;color:var(--petroleo)}
.hero h1 em{font-style:normal;color:var(--coral-esc);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.16em;background:var(--menta);z-index:-1;border-radius:4px;transform-origin:left;animation:sublinha 1.2s .6s var(--ease) both}
@keyframes sublinha{from{transform:scaleX(0)}}
.hero__lead{font-size:19px;color:var(--cinza);max-width:560px}
.seletor{margin-top:26px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;box-shadow:var(--sombra)}
.seletor__tit{font:700 16px/1.2 var(--f-tit);color:var(--petroleo);margin-bottom:12px}
.seletor__chips{display:flex;flex-wrap:wrap;gap:8px}
.pchip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1.5px solid var(--linha);background:#fff;color:var(--tinta);font:500 14.5px/1 var(--f-txt);cursor:pointer;transition:all .2s var(--ease)}
.pchip .i{width:18px;height:18px;color:var(--petroleo-2)}
.pchip:hover{border-color:var(--petroleo-2)}
.pchip[aria-pressed="true"]{background:var(--petroleo);border-color:var(--petroleo);color:#fff}
.pchip[aria-pressed="true"] .i{color:var(--menta)}
.seletor__acao{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.hero__selos{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;color:var(--cinza)}
.hero__selos li{display:flex;align-items:center;gap:7px}
.hero__selos .i{color:#1a9a76;width:18px;height:18px;stroke-width:2.4}
.hero__visual{position:relative;padding:30px 0 30px 30px}
.hero__foto{border-radius:220px 220px 32px 32px;overflow:hidden;contain:paint;aspect-ratio:4/5;box-shadow:var(--sombra);transform:translateY(var(--par,0px))}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.05)}
.flut{position:absolute}
.flut--escudo{width:118px;right:-14px;top:0;filter:drop-shadow(0 16px 24px rgba(11,59,71,.35));animation:boia 6s ease-in-out infinite}
.escudo-check{stroke-dasharray:80;stroke-dashoffset:80;animation:traço 1.2s 1s var(--ease) forwards}
@keyframes traço{to{stroke-dashoffset:0}}
@keyframes boia{50%{transform:translateY(-10px)}}
.flut--card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 16px 12px 12px;box-shadow:var(--sombra);font-size:14px;line-height:1.3;max-width:290px}
.flut--card strong{display:block;font-family:var(--f-tit);font-size:15.5px;color:var(--petroleo)}
.flut--card small{color:var(--cinza);font-size:13px}
.flut__ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.flut__ico--menta{background:var(--menta-clara);color:var(--petroleo)}
.flut__ico--coral{background:#ffe4dc;color:var(--coral-esc)}
.flut--apolice{left:-10px;top:38%;animation:boia 7s 1s ease-in-out infinite}
.flut--sinistro{right:-10px;bottom:0;flex-wrap:wrap;animation:boia 8s .5s ease-in-out infinite}
.flut__barra{flex-basis:100%;height:6px;border-radius:6px;background:var(--menta-clara);overflow:hidden}
.flut__barra i{display:block;height:100%;width:75%;background:linear-gradient(90deg,var(--menta),#1a9a76);border-radius:6px;animation:barra 2.4s 1.2s var(--ease) both}
@keyframes barra{from{width:0}}

/* ---------- Parceiros ---------- */
.parceiros{padding:34px 0 30px;border-bottom:1px solid var(--linha);background:var(--creme)}
.parceiros__tit{text-align:center;font-weight:700;color:var(--petroleo);margin-bottom:18px}
.parceiros__trilho{overflow:hidden;contain:paint;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.parceiros__faixa{display:flex;gap:18px;width:max-content;animation:desliza 36s linear infinite}
@keyframes desliza{to{transform:translateX(-50%)}}
.parc{display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:14px;background:#fff;border:1px dashed #c6d3d2;color:#7b8c90;font:700 16px/1 var(--f-tit);white-space:nowrap}
.parc svg{width:26px;height:26px}
.parceiros__nota{text-align:center;font-size:12.5px;color:var(--cinza);margin:14px 0 0}

/* ---------- Seções ---------- */
.sec{padding:110px 0}
.sec--petroleo{background:var(--petroleo);color:#e9f4f2;position:relative;overflow:hidden;contain:paint}
.sec--petroleo h2{color:#fff}
.sec--menta{background:var(--menta-clara)}
.sec--creme{background:var(--creme)}
.sec__cab{max-width:720px;margin:0 auto 54px;text-align:center}
.sec__cab p{color:var(--cinza);font-size:18px}
.sec__cab--esq{margin:0 0 36px;text-align:left}
.sec h2{color:var(--petroleo)}
.sec--petroleo .sec__cab p,.sec--petroleo p{color:#bfd9d6}
.kicker{display:inline-block;font:700 13px/1 var(--f-txt);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-esc);margin-bottom:14px}
.kicker--menta{color:var(--menta)}

/* ---------- Produtos ---------- */
.produtos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prod{position:relative;text-align:left;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px 26px 24px;cursor:pointer;font:inherit;color:inherit;overflow:hidden;contain:paint;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.prod::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:var(--c,var(--menta));opacity:.12;transition:transform .5s var(--ease)}
.prod:hover{transform:translateY(-6px);box-shadow:var(--sombra);border-color:transparent}
.prod:hover::before{transform:scale(1.6)}
.prod__ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--petroleo);color:#fff;margin-bottom:18px;position:relative}
.prod__ico .i{width:28px;height:28px;stroke-width:1.6}
.prod__ico::after{content:"";position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--c);border:3px solid #fff}
.prod h3{color:var(--petroleo);margin-bottom:8px}
.prod p{color:var(--cinza);font-size:15.5px;margin-bottom:18px}
.prod__mais{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--petroleo)}
.prod__mais .i{width:17px;height:17px;transition:transform .3s var(--ease)}
.prod:hover .prod__mais .i{transform:translateX(4px)}

/* ---------- Overlay ---------- */
.ov{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.ov[hidden]{display:none}
.ov__fundo{position:absolute;inset:0;background:rgba(6,40,50,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .3s}
.ov__painel{position:relative;width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);animation:sobe .4s var(--ease)}
@keyframes fade{from{opacity:0}}
@keyframes sobe{from{opacity:0;transform:translateY(30px) scale(.98)}}
.ov__x{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:24px;line-height:1;cursor:pointer;color:var(--petroleo);box-shadow:var(--sombra-sm)}
.ovp__topo{display:flex;gap:18px;align-items:center;padding:34px 34px 26px;background:linear-gradient(135deg,var(--petroleo),var(--petroleo-2));color:#fff}
.ovp__topo--foto{min-height:220px;align-items:flex-end;background-size:cover;background-position:center}
.ovp__topo h3{font-size:clamp(26px,3vw,34px);margin:0;color:#fff}
.ovp__topo small{color:var(--menta);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.ovp__corpo{padding:28px 34px 34px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
.ovp__corpo h4{font:700 15px/1.2 var(--f-tit);color:var(--petroleo);margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}
.ovp__corpo p{color:var(--cinza)}
.lista-check{list-style:none;padding:0;margin:0 0 18px}
.lista-check li{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--linha);font-size:15.5px}
.lista-check .i{color:#1a9a76;stroke-width:2.4;margin-top:3px;width:18px;height:18px}
.ovp__box{background:var(--menta-clara);border-radius:16px;padding:18px;margin-bottom:18px;font-size:15.5px}
.ovp__acoes{display:flex;flex-direction:column;gap:10px}
.ovp__nota{font-size:13px;color:var(--cinza);margin-top:12px}
body.travado{overflow:hidden}

/* ---------- Cotação ---------- */
.sec--petroleo::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:80px solid rgba(159,227,207,.06);left:-260px;top:-200px;pointer-events:none}
.cot{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start;position:relative}
.cot__intro{position:sticky;top:110px}
.cot__intro > p{font-size:18px}
.cot__passos{list-style:none;padding:0;margin:28px 0;display:grid;gap:10px}
.cot__passos li{display:flex;align-items:center;gap:14px;font-weight:700;color:#9cc2be;transition:color .3s}
.cot__passos b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(159,227,207,.35);font-size:15px;transition:all .3s}
.cot__passos li.ativo{color:#fff}
.cot__passos li.ativo b{background:var(--coral);border-color:var(--coral);color:#2a0e05}
.cot__passos li.feito b{background:var(--menta);border-color:var(--menta);color:var(--petroleo)}
.cot__aviso{font-size:14px;border-left:3px solid var(--coral);padding-left:12px}
.cot__card{background:#fff;color:var(--tinta);border-radius:28px;padding:34px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);position:relative;overflow:hidden;contain:paint;min-height:520px;display:flex;flex-direction:column}
.cot__prog{position:absolute;left:0;top:0;right:0;height:6px;background:var(--menta-clara)}
.cot__prog i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--menta),var(--coral));transition:width .5s var(--ease)}
.etapa{border:0;padding:0;margin:0;display:none;min-width:0}
.etapa.ativa{display:block;animation:entra .45s var(--ease)}
@keyframes entra{from{opacity:0;transform:translateX(24px)}}
.etapa legend{font:800 26px/1.15 var(--f-tit);color:var(--petroleo);margin-bottom:22px;padding:0;letter-spacing:-.02em}
.cot__produtos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cprod{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;border:1.5px solid var(--linha);background:#fff;cursor:pointer;font:700 15px/1.2 var(--f-txt);color:var(--tinta);text-align:left;transition:all .2s var(--ease)}
.cprod .i{width:26px;height:26px;color:var(--petroleo-2)}
.cprod:hover{border-color:var(--petroleo-2);transform:translateY(-2px)}
.cprod[aria-pressed="true"]{border-color:var(--petroleo);background:var(--petroleo);color:#fff;box-shadow:var(--sombra-sm)}
.cprod[aria-pressed="true"] .i{color:var(--menta)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo--full{grid-column:1/-1}
.campo label,.campo__lab{font-weight:700;font-size:15px;color:var(--petroleo)}
.campo__ajuda{font-size:13px;color:var(--cinza);margin:-2px 0 0}
.campo input,.campo select,.campo textarea{font:inherit;font-size:16px;padding:13px 15px;border-radius:12px;border:1.5px solid var(--linha);background:#fbfcfc;color:var(--tinta);width:100%;transition:border-color .2s,box-shadow .2s}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--petroleo-2);box-shadow:0 0 0 4px rgba(17,87,106,.15);background:#fff}
.campo.invalido input,.campo.invalido select,.campo.invalido .chips{border-color:#d2462a}
.campo.invalido .chips{border:1.5px solid #d2462a;border-radius:14px;padding:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:10px 14px;border-radius:999px;border:1.5px solid var(--linha);background:#fff;font:500 15px/1 var(--f-txt);color:var(--tinta);cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--petroleo-2)}
.chip[aria-checked="true"],.chip[aria-pressed="true"]{background:var(--menta-clara);border-color:#1a9a76;color:var(--petroleo);font-weight:700}
.chip[aria-pressed="true"]::before{content:"✓ "}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--cinza);cursor:pointer}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--petroleo);flex:none}
.erro{color:#c0391b;font-weight:700;font-size:14.5px;margin:14px 0 0;min-height:1em}
.erro:empty{display:none}
.cot__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:auto;padding-top:26px;flex-wrap:wrap}
.cot__nav .btn--ghost{color:var(--petroleo);border-color:var(--linha)}
.cot__nav .btn--ghost:hover{border-color:var(--petroleo)}
.resumo{border-radius:18px;background:var(--creme);padding:20px 22px;display:grid;gap:4px}
.resumo__prod{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--linha)}
.resumo__prod span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--petroleo);color:#fff}
.resumo__prod strong{font:800 20px/1.1 var(--f-tit);color:var(--petroleo)}
.resumo dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 16px;font-size:15px}
.resumo dt{color:var(--cinza)}
.resumo dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.resumo__editar{background:none;border:0;color:var(--coral-esc);font:700 13px var(--f-txt);cursor:pointer;justify-self:start;padding:4px 0;text-decoration:underline}
.resumo__nota{font-size:14px;color:var(--cinza);margin-top:14px}

/* ---------- Comparativo ---------- */
.comp{max-width:980px;margin:0 auto}
.comp__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.comp__tab{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1.5px solid var(--linha);background:#fff;font:700 15px/1 var(--f-txt);color:var(--tinta);cursor:pointer;transition:all .2s}
.comp__tab .i{width:18px;height:18px}
.comp__tab[aria-selected="true"]{background:var(--petroleo);border-color:var(--petroleo);color:#fff}
.comp__tabela{border-radius:24px;border:1px solid var(--linha);overflow:hidden;contain:paint;box-shadow:var(--sombra-sm);background:#fff}
.ctab{width:100%;border-collapse:collapse;table-layout:fixed}
.ctab th,.ctab td{padding:15px 18px;text-align:center;border-bottom:1px solid var(--linha)}
.ctab tbody tr:last-child td,.ctab tbody tr:last-child th{border-bottom:0}
.ctab th[scope="row"]{text-align:left;font-weight:500;font-size:15.5px;width:42%}
.ctab thead th{padding:0;vertical-align:bottom;background:var(--creme)}
.ctab thead th:first-child{text-align:left;padding:18px;font:700 14px var(--f-txt);color:var(--cinza);text-transform:uppercase;letter-spacing:.08em}
.cplano{width:100%;padding:20px 10px 16px;border:0;background:transparent;font:800 18px/1.1 var(--f-tit);color:var(--petroleo);cursor:pointer;position:relative;transition:background .25s,color .25s}
.cplano small{display:block;font:500 12.5px var(--f-txt);color:var(--cinza);margin-top:5px}
.cplano:hover{background:var(--menta-clara)}
.ctab .sel{background:#f0faf6}
.ctab thead .sel .cplano{background:var(--petroleo);color:#fff}
.ctab thead .sel .cplano small{color:var(--menta)}
.nv{display:inline-block;width:26px;height:26px;border-radius:50%;vertical-align:middle;position:relative}
.nv--2{background:#1a9a76}
.nv--2::after{content:"";position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.nv--1{background:#fff;border:2px solid var(--coral)}
.nv--1::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--coral-esc);font:800 15px/1 var(--f-txt)}
.nv--0{background:transparent}
.nv--0::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#b9c6c5;border-radius:2px}
.ctab tfoot td{padding:16px 10px;background:var(--creme)}
.ctab tfoot .btn{padding:10px 14px;font-size:14px}
.comp__leg{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:18px;font-size:14px;color:var(--cinza)}
.comp__leg span{display:flex;align-items:center;gap:8px}
.comp__leg .nv{transform:scale(.8)}
.comp__nota{text-align:center;font-size:13.5px;color:var(--cinza);margin-top:10px}
.ctab tbody tr{animation:linha .4s var(--ease) both}
@keyframes linha{from{opacity:0;transform:translateY(8px)}}

/* ---------- Sinistro ---------- */
.sin{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}
.sin__passos{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:p;position:relative}
.sin__passos::before{content:"";position:absolute;left:31px;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(var(--petroleo-2) 0 6px,transparent 6px 12px);opacity:.35}
.sin__passos li{counter-increment:p;position:relative;display:grid;grid-template-columns:64px 1fr;gap:18px;background:#fff;border-radius:20px;padding:20px 22px 20px 0;box-shadow:var(--sombra-sm)}
.sin__passos li::before{content:counter(p);width:44px;height:44px;margin-left:10px;border-radius:14px;display:grid;place-items:center;background:var(--petroleo);color:#fff;font:800 19px var(--f-tit);position:relative;z-index:1}
.sin__passos li:nth-child(3)::before{background:var(--coral);color:#2a0e05}
.sin__passos h3{margin:2px 0 4px;color:var(--petroleo)}
.sin__passos p{margin:0;color:var(--cinza);font-size:15.5px}
.sin__tel{background:var(--petroleo);color:#e7f3f1;border-radius:26px;padding:30px;box-shadow:var(--sombra);position:sticky;top:100px}
.sin__telcab{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--menta)}
.sin__telcab h3{margin:0;color:#fff;font-size:22px}
.sin__tel ul{list-style:none;padding:0;margin:0}
#sinTelefones li{padding:13px 0;border-bottom:1px solid rgba(159,227,207,.18)}
#sinTelefones strong{display:block;font-size:14.5px;color:#cfe5e2;font-weight:500}
#sinTelefones a{font:800 22px/1.2 var(--f-tit);color:#fff;text-decoration:none;letter-spacing:-.01em}
#sinTelefones a:hover{color:var(--menta)}
#sinTelefones small{display:block;font-size:13px;color:#9cc2be}
.sin__emerg{display:flex;gap:8px;margin:16px 0 !important}
.sin__emerg li{flex:1;text-align:center;background:rgba(255,255,255,.07);border-radius:12px;padding:9px 4px;font-size:13px;color:#bfd9d6}
.sin__emerg b{display:block;font:800 20px var(--f-tit);color:var(--coral)}
.sin__aviso{font-size:12.5px;color:#9cc2be;margin-bottom:16px}

/* ---------- Por que corretor ---------- */
.pq{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.pq__foto{position:relative}
.pq__foto img{border-radius:var(--raio) var(--raio) var(--raio) 160px;aspect-ratio:5/6;object-fit:cover;width:100%;box-shadow:var(--sombra)}
.pq__selo{position:absolute;right:-14px;bottom:30px;display:flex;align-items:center;gap:10px;background:#fff;padding:14px 18px;border-radius:16px;box-shadow:var(--sombra);font-weight:700;color:var(--petroleo);font-size:14.5px}
.pq__selo .i{color:#1a9a76;width:26px;height:26px}
.pq__itens{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pq__itens li{padding:22px;border-radius:18px;background:var(--creme);transition:transform .3s var(--ease),background .3s}
.pq__itens li:hover{transform:translateY(-4px);background:var(--menta-clara)}
.pq__itens .i{width:30px;height:30px;color:var(--coral-esc);margin-bottom:10px}
.pq__itens h3{font-size:18px;color:var(--petroleo);margin-bottom:6px}
.pq__itens p{margin:0;font-size:15px;color:var(--cinza)}
.numeros{list-style:none;padding:0;margin:80px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.numeros li{text-align:center;padding:26px 12px;border-radius:20px;border:1px solid var(--linha)}
.numeros strong{display:block;font:800 clamp(34px,4vw,48px)/1 var(--f-tit);color:var(--petroleo);letter-spacing:-.03em}
.numeros span{color:var(--cinza);font-size:15px}

/* ---------- Depoimentos ---------- */
.dep{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
.resp{margin:0;position:relative;border-radius:var(--raio);overflow:hidden;contain:paint;box-shadow:var(--sombra)}
.resp img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%}
.resp figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:16px 18px}
.resp blockquote{margin:0 0 10px;font:500 15px/1.45 var(--f-txt);color:var(--tinta)}
.resp strong{display:block;color:var(--petroleo);font-family:var(--f-tit)}
.resp small{color:var(--cinza);font-size:12.5px}
.dep__ex{font-size:14px !important}
.slider__vp{overflow:hidden;contain:paint;border-radius:var(--raio)}
.slider__trilho{display:flex;transition:transform .6s var(--ease)}
.depo{flex:0 0 100%;padding:34px;background:#fff;border-radius:var(--raio);border:1px solid var(--linha);margin:0}
.depo__aspas{font:800 80px/0.6 var(--f-tit);color:var(--coral);display:block;height:34px}
.depo blockquote{margin:0 0 20px;font:500 clamp(18px,2vw,22px)/1.5 var(--f-txt);color:var(--tinta)}
.depo figcaption{display:flex;align-items:center;gap:12px}
.depo__av{width:46px;height:46px;border-radius:50%;background:var(--menta-clara);color:var(--petroleo);display:grid;place-items:center;font:800 17px var(--f-tit)}
.depo figcaption strong{display:block;color:var(--petroleo)}
.depo figcaption small{color:var(--cinza)}
.slider__ctrl{display:flex;align-items:center;gap:14px;margin-top:20px}
.slider__btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--linha);background:#fff;color:var(--petroleo);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.slider__btn:hover{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}
.slider__dots{display:flex;gap:7px;flex:1;justify-content:center}
.slider__dots button{width:9px;height:9px;padding:0;border-radius:9px;border:0;background:#c3d1cf;cursor:pointer;transition:all .3s}
.slider__dots button[aria-current="true"]{width:28px;background:var(--coral)}

/* ---------- FAQ ---------- */
.faqw{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font:700 18.5px/1.3 var(--f-tit);color:var(--petroleo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:var(--menta-clara) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3b47' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:#ffe4dc}
.faq details p{color:var(--cinza);padding:0 50px 20px 0;margin:0;animation:fade .4s}

/* ---------- Contato ---------- */
.ct{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.ct__lista{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px}
.ct__lista li{display:flex;gap:16px;align-items:flex-start}
.ct__lista > li > .i{width:46px;height:46px;padding:12px;border-radius:14px;background:rgba(159,227,207,.12);color:var(--menta)}
.ct__lista small{display:block;font-size:13px;color:#9cc2be;text-transform:uppercase;letter-spacing:.1em}
.ct__lista a,.ct__lista span span{color:#fff;font-size:18px;font-weight:500;text-decoration:none}
.ct__lista a:hover{color:var(--menta)}
.ct__form{background:#fff;color:var(--tinta);border-radius:26px;padding:32px;display:grid;gap:16px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.ct__form h3{color:var(--petroleo);font-size:24px;margin:0}

/* ---------- Rodapé ---------- */
.rodape{background:var(--petroleo-esc);color:#b5cfcc;padding:64px 0 30px;font-size:15px}
.rodape__grid{display:grid;grid-template-columns:1.1fr 1.3fr .8fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(159,227,207,.15)}
.rodape__slogan{margin-top:14px}
.rodape__dados p{margin:0 0 6px}
.rodape__dados strong{color:#fff}
.rodape a{color:#d9ecea}
.rodape a:hover{color:var(--menta)}
.rodape__links{display:flex;flex-direction:column;gap:8px}
.rodape__links a{text-decoration:none}
.rodape__aviso{font-size:12.5px;line-height:1.55;color:#8fb0ac;margin:24px 0 14px;max-width:960px}
.rodape__cred{font-size:13.5px;margin:0;color:#8fb0ac;padding-bottom:40px}

/* ---------- WhatsApp flutuante ---------- */
.wa-flut{position:fixed;right:18px;bottom:18px;z-index:80;width:58px;height:58px;border-radius:50%;background:#1fae5b;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(31,174,91,.7);transition:transform .3s var(--ease)}
.wa-flut .i{width:30px;height:30px}
.wa-flut:hover{transform:scale(1.08)}

/* ---------- Animações de entrada ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.visivel{opacity:1;transform:none}
.js .produtos .prod{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .35s,border-color .35s}
.js .produtos .prod.visivel{opacity:1;transform:none}
.js .produtos .prod.visivel:hover{transform:translateY(-6px)}

/* ---------- Responsivo ---------- */
@media (max-width:1180px){
  .susep-pill{display:none}
  .menu a{padding:8px 8px;font-size:15px}
}
@media (max-width:980px){
  .hamb{display:flex}
  .menu{position:fixed;left:0;right:0;top:74px;flex-direction:column;background:#fff;padding:14px 20px 24px;gap:2px;border-bottom:1px solid var(--linha);box-shadow:0 20px 40px -20px rgba(11,59,71,.4);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .3s var(--ease)}
  .menu.aberto{transform:none;opacity:1;visibility:visible}
  .menu a{padding:13px 12px;font-size:17px}
  .topo__acoes{margin-left:auto}
  .hero__grid,.cot,.sin,.pq,.dep,.faqw,.ct{grid-template-columns:1fr;gap:40px}
  .hero__visual{max-width:520px;margin:0 auto;width:100%}
  .cot__intro,.sin__tel{position:static}
  .produtos{grid-template-columns:1fr 1fr}
  .numeros{grid-template-columns:1fr 1fr}
  .rodape__grid{grid-template-columns:1fr 1fr}
  .resp{max-width:420px}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .sec{padding:76px 0}
  .topo__in{height:66px;gap:10px}
  .menu{top:66px}
  .logo strong{font-size:21px}
  .logo small{font-size:10px}
  .topo__acoes .btn--sm{padding:9px 14px;font-size:14px}
  .hero{padding:30px 0 56px}
  .hero h1{font-size:40px;margin:16px 0 14px}
  .hero h1 em{white-space:normal}
  .hero__lead{font-size:17px}
  .seletor{padding:16px;margin-top:20px}
  .pchip{padding:8px 11px;font-size:14px}
  .seletor__acao .btn--coral{flex:1}
  .hero__visual{padding:20px 0 30px 0}
  .hero__foto{border-radius:160px 160px 26px 26px;aspect-ratio:1/1}
  .flut--escudo{width:84px;right:-4px;top:4px}
  .flut--apolice{left:-4px;top:auto;bottom:90px}
  .flut--sinistro{right:-4px;bottom:0;max-width:250px}
  .flut--card{padding:10px 12px 10px 10px}
  .flut--card strong{font-size:14px}
  .flut--card small{font-size:12px}
  .flut__ico{width:36px;height:36px}
  .sec__cab{margin-bottom:36px}
  .sec__cab p{font-size:16.5px}
  .produtos{grid-template-columns:1fr;gap:14px}
  .prod{padding:22px 20px 20px;display:grid;grid-template-columns:52px 1fr;column-gap:16px}
  .prod__ico{width:52px;height:52px;margin:0;grid-row:span 3}
  .prod p{margin-bottom:10px}
  .ov{padding:0;place-items:end center}
  .ov__painel{border-radius:24px 24px 0 0;max-height:92vh}
  .ovp__topo{padding:28px 22px 22px}
  .ovp__corpo{grid-template-columns:1fr;padding:22px;gap:6px}
  .cot__card{padding:26px 18px 20px;border-radius:22px;min-height:0}
  .etapa legend{font-size:22px}
  .cot__produtos{grid-template-columns:1fr 1fr}
  .cprod{padding:13px;font-size:14px;flex-direction:row;align-items:center}
  .cprod .i{width:22px;height:22px}
  .campos{grid-template-columns:1fr}
  .cot__nav .btn{flex:1}
  .cot__passos{grid-template-columns:repeat(4,1fr);gap:6px;margin:22px 0}
  .cot__passos li{flex-direction:column;gap:6px;font-size:12.5px;text-align:center}
  .resumo dl{grid-template-columns:1fr;gap:0}
  .resumo dd{margin-bottom:8px}
  .comp__tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
  .comp__tab{flex:none;padding:10px 14px}
  .ctab th,.ctab td{padding:12px 6px}
  .ctab th[scope="row"]{width:40%;font-size:14px;padding-left:14px}
  .ctab thead th:first-child{padding:14px;font-size:11px}
  .cplano{font-size:14px;padding:16px 4px 12px}
  .cplano small{display:none}
  .nv{width:22px;height:22px}
  .nv--2::after{left:7.5px;top:4px;width:5px;height:10px}
  .nv--0::after{top:10px}
  .ctab tfoot .btn{padding:9px 6px;font-size:12px}
  .sin__passos li{grid-template-columns:54px 1fr;gap:12px;padding:18px 18px 18px 0}
  .sin__passos li::before{width:40px;height:40px;margin-left:8px}
  .sin__passos::before{left:27px}
  .sin__tel{padding:24px 20px}
  .pq__itens{grid-template-columns:1fr}
  .pq__foto img{border-radius:var(--raio) var(--raio) var(--raio) 100px}
  .pq__selo{right:8px;bottom:16px;font-size:13px;padding:11px 14px}
  .numeros{margin-top:50px;gap:10px}
  .numeros li{padding:20px 8px}
  .numeros span{font-size:13.5px;display:block;line-height:1.35;margin-top:6px}
  .depo{padding:24px}
  .faq summary{font-size:17px;padding:18px 0}
  .faq details p{padding-right:0}
  .ct__form{padding:24px 18px}
  .ct__lista a,.ct__lista span span{font-size:16px;overflow-wrap:anywhere}
  .rodape__grid{grid-template-columns:1fr;gap:26px}
  .rodape__cred{padding-bottom:60px}
  .wa-flut{width:52px;height:52px;right:14px;bottom:14px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .js .reveal,.js .produtos .prod{opacity:1;transform:none}
  .escudo-check{stroke-dashoffset:0}
}
/* ajustes de topo */
.menu a,.logo small,.btn{white-space:nowrap}
.topo__in{gap:18px}
.menu{gap:0}
@media (max-width:1360px){.susep-pill{display:none}}
[hidden]{display:none !important}
.sec.sec--petroleo h2{color:#fff}
.dep{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.dep > *,.cot > *,.sin > *,.pq > *,.faqw > *,.ct > *,.hero__grid > *{min-width:0}
@media (max-width:980px){.dep{grid-template-columns:minmax(0,1fr)}}
.pl-sm{display:none}
@media (max-width:640px){
  .pl-lg{display:none}.pl-sm{display:inline}
  .ctab th[scope="row"]{width:38%}
  .topo__in{gap:8px}
  .logo{gap:8px}.logo__marca{width:32px;height:32px}
  .logo strong{font-size:20px}.logo small{font-size:9px;letter-spacing:.1em}
  .topo__acoes{gap:8px}
  .topo__acoes .btn--sm{padding:9px 12px;font-size:13.5px}
  .hamb{width:42px;height:42px}
  .flut--apolice{top:44px;bottom:auto;left:-4px}
}
.flut--card > span:nth-child(2){flex:1;min-width:0}