@charset "UTF-8";
/* ProtectMe - home (portal.jsp). Mundo do DESIGN.md (Figtree, zinco, um laranja de ação, linhas de metrô).
   Carregado só na home; o Bootstrap 3 continua carregado por baixo (JS padrão do site), por isso as classes evitam .btn/.lead. */

:root{--ink:#18181b;--ink2:#3f3f46;--muted:#5f5f68;--line:#e4e4e7;--field:#8a8a93;--bg:#fafafa;--sur:#fff;--sub:#f4f4f5;--act:#c2410c;--acth:#9a3412;--logo:#f26a4f;--ok:#15803d;--seal:#fff7ed;--seall:#fdba74;
--porto:#1f6fd1;--tokio:#2a9d5c;--suhai:#d62828;--youse:#7b4fb3;--azul:#e09b00;--ituran:#64748b;--neutra:#a1a1aa;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:#fed7aa}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.w{max-width:1312px;margin:0 auto;padding:0 32px}
svg.i{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pmb{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:10px;font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s var(--ease)}
.pmb.p{background:var(--act);color:#fff}.pmb.p:hover{background:var(--acth)}
.pmb.o{border:1px solid var(--ink);background:var(--sur)}.pmb.o:hover{background:var(--sub)}
.pmb.t{padding:0 4px;text-decoration:underline;text-underline-offset:4px}
.pmb svg{width:22px;height:22px}
h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:800}
.sub{font-size:clamp(17px,1.4vw,20px);color:var(--muted);line-height:1.5;max-width:620px}
section{padding:112px 0}
/* revelação na rolagem (só onde há suporte e movimento permitido) */
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
 .rev{animation:rev linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
 @keyframes rev{from{opacity:0;transform:translateY(28px)}}
}}

/* ---------- topo ---------- */
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.top .w{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-weight:800;font-size:28px;color:var(--logo);letter-spacing:-.02em;text-decoration:none}
nav{display:flex;gap:32px;font-size:16px;font-weight:600}
nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}
.corretor{border:1px solid var(--ink);border-radius:8px;padding:9px 16px;font-weight:700;font-size:15px;text-decoration:none}

/* ---------- hero (versão A) ---------- */
.hero{padding:64px 0 96px}
.hero .w{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:start}
.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.hero h1 em{font-style:normal;color:var(--act)}
.hero .sub{margin:20px 0 36px}
.opcoes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.op{background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:22px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;text-decoration:none;transition:border-color .2s,transform .3s var(--ease),box-shadow .3s var(--ease)}
.op:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(24,24,27,.45)}
.op.ativa{border:2px solid var(--ink);box-shadow:0 18px 40px -24px rgba(24,24,27,.45)}
.op b{font-size:24px;letter-spacing:-.02em}.op span{font-size:14px;color:var(--muted)}
.op > div{padding-right:52px}
.ir{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:var(--act);display:grid;place-items:center;color:#fff}
.ic{width:80px;height:54px;color:var(--ink)}
.roda{transform-box:fill-box;transform-origin:center}
.vento{stroke:var(--field);stroke-dasharray:10 30}
.trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px;font-size:15px;color:var(--muted)}
.trust span{display:flex;gap:8px;align-items:center}.trust svg{width:16px;height:16px;color:var(--ink)}
.conversa{background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;min-height:560px}
.conversa h2{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;display:flex;align-items:center;gap:8px;margin-bottom:16px}
.on{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.chat{display:flex;flex-direction:column;gap:12px;flex:1}
.b{max-width:86%;padding:12px 16px;border-radius:18px;font-size:16px;line-height:1.4}
.c{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.a{align-self:flex-start;background:var(--sub);border-bottom-left-radius:6px}
.mini{display:grid;grid-template-columns:6px 1fr auto;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-top:8px;font-size:14px}
.mini>i{background:var(--azul)}.mini+.mini>i{background:var(--porto)}
.mini div{padding:8px 10px}.mini strong{padding:8px 10px;font-variant-numeric:tabular-nums}
.dig{align-self:flex-start;background:var(--sub);border-radius:18px;padding:12px 16px;display:flex;gap:6px}
.dig i{width:7px;height:7px;border-radius:50%;background:var(--field)}
.pe{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pe .pmb{height:44px;font-size:15px;padding:0 16px}
.pe p{font-size:12px;color:var(--muted)}

/* ---------- seguradoras: linha de metrô ---------- */
.seguradoras{padding:0 0 24px}
.seguradoras p{font-size:15px;color:var(--muted);margin-bottom:28px}
.metro{position:relative;padding-top:6px}
.metro svg.trilho{position:absolute;left:0;right:0;top:15px;width:100%;height:6px}
.metro svg.trilho line{stroke:var(--ink);stroke-width:6;stroke-linecap:round}
.est{position:relative;display:flex;justify-content:space-between}
.est li{list-style:none;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700;font-size:15px;white-space:nowrap}
.est li i{width:24px;height:24px;border-radius:50%;background:var(--sur);border:6px solid var(--neutra)}
.est .porto i{border-color:var(--porto)}.est .tokio i{border-color:var(--tokio)}.est .suhai i{border-color:var(--suhai)}.est .youse i{border-color:var(--youse)}.est .azul i{border-color:var(--azul)}.est .ituran i{border-color:var(--ituran)}

/* ---------- como funciona ---------- */
.como .w{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.rota{position:relative;display:grid;gap:40px;padding-left:56px}
.rota:before{content:"";position:absolute;left:19px;top:12px;bottom:12px;width:4px;border-radius:2px;background:var(--line)}
.rota .enche{position:absolute;left:19px;top:12px;width:4px;border-radius:2px;background:var(--ink);height:calc(100% - 24px);transform-origin:top}
.passo{position:relative}
.passo .pt{position:absolute;left:-56px;top:0;width:42px;height:42px;border-radius:50%;background:var(--sur);border:2px solid var(--ink);display:grid;place-items:center}
.passo .pt svg{width:22px;height:22px}
.passo h3{font-size:26px;letter-spacing:-.02em}
.passo p{color:var(--muted);font-size:17px;max-width:520px}

/* ---------- produtos ---------- */
.produtos h2{margin-bottom:12px}.produtos .sub{margin-bottom:48px}
.prod{display:grid;grid-template-columns:140px 1fr auto;gap:40px;align-items:center;padding:36px 0;border-top:1px solid var(--line)}
.prod:last-of-type{border-bottom:1px solid var(--line)}
.prod .ic{width:120px;height:80px;transition:transform .5s var(--ease)}
.prod:hover .ic{transform:translateX(8px)}
.prod h3{font-size:36px;letter-spacing:-.03em;line-height:1.1}
.prod p{color:var(--muted);font-size:17px;margin:6px 0 14px;max-width:620px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{font-size:14px;border:1px solid var(--line);background:var(--sur);border-radius:999px;padding:4px 12px;color:var(--ink2)}
.nota{font-size:13px;color:var(--muted);margin-top:20px}

/* ---------- descontos ---------- */
.descontos .w{display:grid;grid-template-columns:7fr 5fr;gap:24px}
.painel{background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:40px}
.bc{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.pct{font-size:clamp(96px,11vw,168px);font-weight:800;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.pct small{font-size:.4em;letter-spacing:-.02em}
.painel h3{font-size:28px;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}
.painel p{color:var(--muted);font-size:16px}
.painel .pmb{margin-top:20px}
.qr{position:relative;width:132px;height:132px;border:2px solid var(--ink);border-radius:14px;margin-bottom:24px;display:grid;place-items:center;overflow:hidden}
.qr .cod{width:96px;height:96px;background:
 conic-gradient(from 90deg at 30% 30%,var(--ink) 25%,transparent 0) 0 0/24px 24px,
 conic-gradient(from 180deg at 60% 60%,var(--ink) 25%,transparent 0) 6px 6px/18px 18px;opacity:.85;border-radius:4px}
.qr .scan{position:absolute;left:8px;right:8px;height:3px;border-radius:2px;background:var(--act);box-shadow:0 0 0 6px rgba(194,65,12,.12)}
.lista{list-style:none;display:grid;gap:10px;margin-top:16px}
.lista li{display:flex;gap:10px;font-size:16px}.lista svg{width:20px;height:20px;flex:none;margin-top:2px}

/* ---------- digital (celular com o funil) ---------- */
.digital .w{display:grid;grid-template-columns:6fr 5fr;gap:64px;align-items:center}
.fone{justify-self:center;width:300px;height:600px;border:10px solid var(--ink);border-radius:44px;background:var(--bg);padding:18px 14px;position:relative;overflow:hidden}
.fone .lg{font-weight:800;color:var(--logo);font-size:18px}
.fone .h{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:14px 0 2px}
.fone .s{font-size:11px;color:var(--muted);margin-bottom:12px}
.fone .of{display:grid;grid-template-columns:5px 1fr auto;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;margin-bottom:8px;font-size:12px}
.fone .of i{display:block}.fone .of div{padding:9px 8px}.fone .of b{display:block;font-size:13px}.fone .of strong{padding:9px 8px;font-size:15px;font-variant-numeric:tabular-nums;align-self:center}
.fone .of.melhor{border-color:var(--ink)}
.fone .of.azul i{background:var(--azul)}.fone .of.porto i{background:var(--porto)}.fone .of.tokio i{background:var(--tokio)}
.fone .selo{display:inline-block;font-size:9px;font-weight:700;color:var(--act);background:var(--seal);border:1px solid var(--seall);border-radius:999px;padding:0 6px;margin-left:4px}
.fone .ct{position:absolute;left:14px;right:14px;bottom:18px;height:42px;border-radius:8px;background:var(--act);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.digital ul{list-style:none;display:grid;gap:18px;margin-top:28px}
.digital li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;font-size:17px}
.digital li svg{width:30px;height:30px}
.ponteiro{transform-box:fill-box;transform-origin:50% 100%}

/* ---------- por que + faq ---------- */
.porque .w{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.razoes{display:grid;gap:0}
.razao{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.razao:last-child{border-bottom:1px solid var(--line)}
.razao svg{width:32px;height:32px}
.razao b{font-size:19px;display:block;margin-bottom:2px}.razao span{color:var(--muted)}
.faq .w{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.faq .sub a{font-weight:700}
details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:18px;font-weight:700}
summary::-webkit-details-marker{display:none}
summary .mais{width:28px;height:28px;flex:none;position:relative}
summary .mais:before,summary .mais:after{content:"";position:absolute;left:6px;right:6px;top:13px;height:2px;background:var(--ink);border-radius:1px;transition:transform .3s var(--ease)}
summary .mais:after{transform:rotate(90deg)}
details[open] summary .mais:after{transform:rotate(0)}
details p{padding:0 44px 22px 0;color:var(--ink2);font-size:16px}

/* ---------- chamada final ---------- */
.final{padding:120px 0}
.final h2{font-size:clamp(40px,6vw,88px);max-width:1000px}
.final .sub{margin:18px 0 32px}
.final .acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.estrada{margin-top:72px;height:64px;position:relative;border-bottom:4px solid var(--ink)}
.estrada .carro{position:absolute;bottom:-2px;left:0;width:110px;height:56px;color:var(--ink)}

/* ---------- rodapé ---------- */
footer{background:var(--ink);color:#d4d4d8;padding:64px 0 32px;font-size:14px}
footer .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
footer .logo{color:var(--logo);display:inline-block;margin-bottom:16px}
footer p{margin-bottom:10px;max-width:640px}
footer h4{color:#fff;font-size:15px;margin-bottom:12px}
footer ul{list-style:none;display:grid;gap:8px}
footer a{color:#fff}
.copy{grid-column:1/-1;border-top:1px solid #3f3f46;padding-top:20px;display:flex;justify-content:space-between;color:#a1a1aa}

/* ---------- movimento ---------- */
@media (prefers-reduced-motion:no-preference){
 .op .roda{animation:gira 1.2s linear infinite}
 .op.carro .corpo,.prod .carro .corpo{animation:anda 2.4s var(--ease) infinite}
 .vento{animation:vento 1.2s linear infinite}
 .moto .empina{transform-box:fill-box;transform-origin:20% 90%;animation:empina 3s var(--ease) infinite}
 .casa path{stroke-dasharray:160;animation:desenha 3s var(--ease) infinite}
 .ir svg{animation:seta 1.6s var(--ease) infinite}
 .on{animation:pulsa 2s ease-in-out infinite}
 .chat .b{animation:surge .7s var(--ease) both}
 .chat .b:nth-child(1){animation-delay:.3s}.chat .b:nth-child(2){animation-delay:1.4s}.chat .b:nth-child(3){animation-delay:2.6s}
 .dig{animation:surge .7s 3.8s var(--ease) both}.dig i{animation:pula 1.2s ease-in-out infinite}.dig i:nth-child(2){animation-delay:.15s}.dig i:nth-child(3){animation-delay:.3s}
 .metro svg.trilho line{stroke-dasharray:1400;animation:linha 2.4s var(--ease) both}
 .est li{animation:surge .6s var(--ease) both}
 .est li:nth-child(2){animation-delay:.25s}.est li:nth-child(3){animation-delay:.5s}.est li:nth-child(4){animation-delay:.75s}.est li:nth-child(5){animation-delay:1s}.est li:nth-child(6){animation-delay:1.25s}.est li:nth-child(7){animation-delay:1.5s}.est li:nth-child(8){animation-delay:1.75s}
 .qr .scan{animation:scan 2.4s ease-in-out infinite alternate}
 .fone .of{animation:chega 6s var(--ease) infinite both}
 .fone .of:nth-child(5){animation-delay:.4s}.fone .of:nth-child(6){animation-delay:.8s}.fone .of:nth-child(7){animation-delay:1.2s}
 .ponteiro{animation:gira 6s linear infinite}
 .digita line{stroke-dasharray:14;animation:digita 2s steps(4) infinite}
 .troca rect:first-child{animation:troca 3s var(--ease) infinite}
 .confirma path{stroke-dasharray:30;animation:desenha2 2.6s var(--ease) infinite}
 .estrada .carro{animation:estrada 9s linear infinite}
 .estrada .carro .roda{animation:gira .8s linear infinite}
 @supports (animation-timeline:view()){
  .rota .enche{animation:enche linear both;animation-timeline:view();animation-range:entry 20% cover 60%}
  .pct{animation:conta linear both;animation-timeline:view();animation-range:entry 10% entry 60%}
 }
}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes anda{50%{transform:translateX(6px)}}
@keyframes vento{to{stroke-dashoffset:-40}}
@keyframes empina{0%,70%,100%{transform:none}80%{transform:rotate(-9deg)}}
@keyframes desenha{0%{stroke-dashoffset:160}45%,100%{stroke-dashoffset:0}}
@keyframes desenha2{0%{stroke-dashoffset:30}40%,100%{stroke-dashoffset:0}}
@keyframes seta{0%,60%,100%{transform:none}30%{transform:translateX(4px)}}
@keyframes pulsa{50%{opacity:.35}}
@keyframes surge{from{opacity:0;transform:translateY(10px)}}
@keyframes pula{50%{transform:translateY(-4px)}}
@keyframes linha{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
@keyframes scan{from{top:10px}to{top:calc(100% - 13px)}}
@keyframes chega{0%{opacity:0;transform:translateY(14px)}8%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes digita{from{stroke-dashoffset:14}to{stroke-dashoffset:0}}
@keyframes troca{0%,40%{transform:none}50%,90%{transform:translateY(8px)}}
@keyframes enche{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes conta{from{opacity:.15;transform:scale(.92)}}
@keyframes estrada{from{transform:translateX(-120px)}to{transform:translateX(calc(100vw - 40px))}}

/* ---------- celular ---------- */
@media (max-width:960px){
 nav{display:none}
 .hero .w,.como .w,.descontos .w,.digital .w,.porque .w,.faq .w{grid-template-columns:1fr;gap:40px}
 .conversa{min-height:0}
 .prod{grid-template-columns:1fr;gap:16px}
 .prod .ic{width:96px;height:64px}
 .bc{grid-template-columns:1fr;gap:16px}
 .est{flex-wrap:wrap;gap:20px 12px;justify-content:flex-start}.est li{flex-direction:row;font-size:14px}.metro svg.trilho{display:none}
 footer .w{grid-template-columns:1fr}
}
@media (max-width:600px){
 .w{padding:0 20px}
 section{padding:72px 0}
 .hero{padding:36px 0 64px}
 .opcoes{grid-template-columns:1fr}
 .op{min-height:0;flex-direction:row;align-items:center;gap:16px;padding:16px}
 .op .ic{width:64px;height:44px;flex:none}
 .op > div{padding-right:48px}
 .corretor{display:none}
 .painel{padding:28px}
 .fone{transform:scale(.9)}
 .copy{flex-direction:column;gap:8px}
}

/* carrossel de seguradoras (mesmo comportamento do atual: 2 slides, 4 s, pausa no mouse) */
.carrossel{position:relative;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:16px;background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:20px 16px 34px}
.janela{overflow:hidden}
.faixa{display:flex;transition:transform .7s var(--ease)}
.slide{flex:0 0 100%;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:center;gap:24px;min-height:64px}
.slide img{max-height:44px;width:auto;max-width:100%;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s,transform .3s var(--ease)}
.slide img:hover{filter:none;opacity:1;transform:scale(1.04)}
.ctl{width:44px;height:44px;border-radius:50%;border:1px solid var(--field);background:var(--sur);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.ctl:hover{border-color:var(--ink)}
.ctl svg{width:20px;height:20px}
.carrossel .pontos{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.carrossel .pontos i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.carrossel .pontos i.on{background:var(--ink)}
.descontos .w{grid-template-columns:1fr}
.painel.cupom{display:grid;grid-template-columns:auto 1fr 1fr;gap:40px;align-items:start}
.painel.cupom .qr{margin:0}
.painel.cupom .lista{margin-top:0}
@media (max-width:960px){.painel.cupom{grid-template-columns:1fr;gap:20px}}
@media (max-width:600px){.slide{grid-template-columns:repeat(2,1fr);gap:20px 16px}.carrossel{grid-template-columns:1fr;padding:16px 16px 32px}.ctl{display:none}}

/* botão flutuante do WhatsApp (mesma imagem, posição e tamanho do site atual) */
.whatsapp-fixed{position:fixed;right:10px;bottom:0;z-index:9999;display:block;width:calc(391px * .7);height:calc(121px * .7);background:url('../img/WhatsApp-Contact.png') 0 0/100% 100% no-repeat}
.whatsapp-fixed:focus-visible{outline-offset:-3px}
footer{padding-bottom:110px}

/* base: neutraliza margens e tipografia do Bootstrap 3 */
body.pm-site{font-size:16px;line-height:1.5}
/* especificidade de elemento: vence o Bootstrap pela ordem, mas perde para as regras de layout abaixo/acima */
h1,h2,h3,h4,p,ul,dl{margin:0}
h1,h2,h3,h4{font-weight:700}
body.pm-site h1,body.pm-site h2,body.pm-site h3,body.pm-site h4{font-family:inherit;color:inherit}
body.pm-site a:hover,body.pm-site a:focus{color:inherit}
body.pm-site button{font-family:inherit}
.logo img{display:block;height:30px;width:auto}
footer .logo img{height:28px}

/* menu no celular */
.menu-m{display:none;position:relative}
.menu-m summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--field);border-radius:10px;display:grid;place-items:center;padding:0;font-size:inherit}
.menu-m summary::-webkit-details-marker{display:none}
.menu-m summary svg{width:22px;height:22px}
.menu-m[open] summary{border-color:var(--ink)}
.menu-m .painel-m{position:absolute;right:0;top:52px;width:240px;background:var(--sur);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 40px -20px rgba(24,24,27,.4);display:grid}
.menu-m .painel-m a{padding:12px;border-radius:8px;font-weight:600;text-decoration:none}
.menu-m .painel-m a:hover{background:var(--sub)}
@media (max-width:960px){.menu-m{display:block}}

/* aviso do fluxo de cotação (QuotationAction -> portalNotice) */
.pm-notice{display:flex;gap:14px;align-items:flex-start;background:var(--sur);border:1px solid var(--line);border-left:0;border-radius:12px;padding:16px 18px;margin:0 0 28px;box-shadow:0 12px 32px -18px rgba(24,24,27,.35)}
.pm-notice > i{font-size:22px;color:var(--act);margin-top:2px}
.pm-notice strong{display:block;font-size:17px;margin-bottom:4px}
.pm-notice p{font-size:15px;color:var(--ink2);margin:0 0 6px}
.pm-notice a{font-weight:700;text-decoration:underline}

/* links de texto */
.pm-link{font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.prod .acoes{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
@media (max-width:960px){.prod .acoes{align-items:flex-start}}
footer .social{display:flex;gap:16px;margin-top:6px}

/* revisão final */
.op .ir{color:#fff}
.qr .cod{width:100px;height:100px;background:none;opacity:1;border-radius:0}
@media (min-width:601px){.op > div{min-height:108px}}
.painel .pm-link{white-space:normal;color:var(--ink)}
/* superfícies do navegador no tema */
body.pm-site{caret-color:var(--act);scrollbar-color:#a1a1aa var(--bg)}
/* ponto ativo do carrossel não pulsa; celular ilustrativo sem segundo laranja cheio (regra Uma Ação) */
.carrossel .pontos i{animation:none!important}
.fone .ct{background:var(--ink)}
/* bugs: o carro da chamada final não pode alargar a página (empurrava o WhatsApp fixo no celular); seta da escolha sempre branca */
.estrada{overflow:hidden}
.op .ir svg,.op .ir svg path{stroke:#fff!important}

/* botões contornados que levam à cotação (.mySubmit) ou à simulação de consórcio (.pm-sim-go, ou .cta quando o link só leva à página): borda e texto em laranja,
   para se destacarem dos demais botões contornados (2026-10-26) */
.pmb.o.mySubmit,.pmb.o.pm-sim-go,.pmb.o.cta{border:2px solid var(--act);color:var(--act);padding:0 23px}
.pmb.o.mySubmit:hover,.pmb.o.pm-sim-go:hover,.pmb.o.cta:hover,.pmb.o.mySubmit:focus,.pmb.o.pm-sim-go:focus,.pmb.o.cta:focus{background:var(--seal);color:var(--acth);border-color:var(--acth)}

/* botões (links com cara de botão) não sublinham no hover/foco: o Bootstrap aplica "a:hover{text-decoration:underline}".
   .pmb.t e .pm-link ficam de fora, porque são links de texto e o sublinhado faz parte do desenho deles (2026-10-26) */
a.pmb:not(.t),a.pmb:not(.t):hover,a.pmb:not(.t):focus,
a.op,a.op:hover,a.op:focus,
a.pcta,a.pcta:hover,a.pcta:focus,
a.corretor,a.corretor:hover,a.corretor:focus,
a.whatsapp-fixed,a.whatsapp-fixed:hover,a.whatsapp-fixed:focus,
a.pm-carousel-ctrl,a.pm-carousel-ctrl:hover,a.pm-carousel-ctrl:focus{text-decoration:none}