@charset "UTF-8";
/* ProtectMe - páginas de produto (seguro-auto.jsp / seguro-moto.jsp).
   Carregado depois de pm-ui (hero amarelo + carrossel, mantidos do layout anterior) e de home.1.9.css (mundo do DESIGN.md). */

/* variáveis do pm-ui que o hero e o carrossel ainda usam, alinhadas à paleta da home */
body.pm-produto{--pm-orange:#18181b;--pm-orange-dark:#18181b;--pm-ink:#18181b;--pm-text:#3f3f46;--pm-muted:#5f5f68;--pm-line:#e4e4e7}
body.pm-produto [id]{scroll-margin-top:84px}
nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.menu-m .painel-m a[aria-current]{background:var(--sub)}

/* ---------- hero: mesma foto e fundo amarelo; conteúdo no padrão novo ---------- */
.pm-produto .pm-phero .container{padding-top:72px;padding-bottom:88px}
.pm-produto .pm-phero-content{max-width:560px}
.pm-produto .pm-phero h1{font-family:inherit;font-size:clamp(40px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800;color:var(--ink);margin:0 0 18px;text-wrap:balance}
.pm-produto .pm-phero .sub{color:#27272a;font-size:19px;margin:0 0 28px}
.pcta{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:18px;max-width:520px;background:#fff;border-radius:16px;padding:16px 18px 16px 14px;color:var(--ink);text-decoration:none;box-shadow:0 18px 40px -22px rgba(24,24,27,.55);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
body.pm-site .pcta:hover,body.pm-site .pcta:focus{color:var(--ink);text-decoration:none;transform:translateY(-3px);box-shadow:0 26px 48px -22px rgba(24,24,27,.6)}
.pcta .ic{width:84px;height:56px}
.pcta b{display:block;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.pcta .tx span{font-size:14px;color:var(--muted)}
.pcta .ir{position:static;color:#fff}
.pcta .ir svg,.pcta .ir svg path{stroke:#fff!important}
.pm-phero .trust{color:#27272a;margin-top:20px}
.pm-phero .aux{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;font-size:15px}
body.pm-site .pm-phero .aux a{color:var(--ink)}

/* carrossel bootstrap ("carousel slide"): neutraliza o .slide do carrossel da home */
.pm-insurers-carousel.slide{display:block;min-height:0;gap:0;list-style:none}
.pcta .tx span{line-height:1.35;display:block;margin-top:2px}

/* ---------- planos ---------- */
.produtos .prod .acoes .pmb{min-width:160px;justify-content:center}

/* ---------- coberturas ---------- */
.coberturas{padding-top:0}
.coberturas .w{display:grid;grid-template-columns:5fr 7fr;gap:0 64px;align-items:start}
.cobs{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-bottom:1px solid var(--line)}
.cobs li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:22px 0;border-top:1px solid var(--line)}
.cobs svg{width:30px;height:30px}
.cobs h3{font-size:19px;letter-spacing:-.01em;line-height:1.25;margin-bottom:4px}
.cobs p{color:var(--muted);font-size:16px}
.opc{display:inline-block;vertical-align:2px;margin-left:6px;font-size:12px;font-weight:700;line-height:20px;padding:0 10px;border-radius:999px;background:var(--sub);border:1px solid var(--line);color:var(--ink2)}
.coberturas .nota{grid-column:2}

/* ---------- documentos ---------- */
.docs{padding-top:0}
.docs .painel{display:grid;grid-template-columns:5fr 4fr 4fr;gap:40px;align-items:start}
.docs h2{font-size:clamp(28px,3vw,40px);margin-bottom:14px}
.docs .painel h3{font-size:20px;margin-bottom:4px}
.docs .painel .pmb{margin-top:24px}

/* ---------- movimento ---------- */
.escudo .ok{stroke-dasharray:30}
.cadeado .arco,.pino .sinal{transform-box:fill-box}
@media (prefers-reduced-motion:no-preference){
 .pcta .roda{animation:gira 1.2s linear infinite}
 .pcta .carro .corpo{animation:anda 2.4s var(--ease) infinite}
 .pcta .ir svg{animation:seta 1.6s var(--ease) infinite}
 .escudo .ok{animation:desenha2 2.6s var(--ease) infinite}
 .cadeado .arco{transform-origin:50% 100%;animation:fecha 2.8s var(--ease) infinite}
 .pino .sinal{animation:sinal 2s ease-out infinite}
}
@keyframes fecha{0%,25%{transform:translateY(-5px)}45%,100%{transform:none}}
@keyframes sinal{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

/* ---------- telas menores ---------- */
@media (max-width:960px){
 .coberturas .w,.docs .painel{grid-template-columns:1fr;gap:24px}
 .coberturas .nota{grid-column:auto}
}
@media (max-width:767px){
 .pm-produto .pm-phero .container{padding-top:32px;padding-bottom:92vw}
 .pm-produto .pm-phero h1{font-size:34px}
 .pm-produto .pm-phero .sub{font-size:17px;margin-bottom:22px}
 .pcta{gap:12px;padding:14px}
 .pcta .ic{width:60px;height:40px}
 .pcta b{font-size:18px}
 .pcta .tx span{font-size:13px}
}
@media (max-width:600px){
 .cobs{grid-template-columns:1fr}
 .cobs li{grid-template-columns:40px 1fr}
}