/* ===================== PRÉVIA · Privacidade ===================== */
.pv-hero{padding-bottom:clamp(36px,5vw,56px)}
.pv-hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.1;color:#fff}
.pv-hero h1 em{color:#F2994A}
.pv-ver{margin-top:16px;font-size:13.5px;color:rgba(245,243,236,.65)}
.pv-res-sec{padding-top:clamp(40px,5vw,56px)!important;padding-bottom:0!important}
.pv-res{display:grid;gap:14px}
@media(min-width:720px){.pv-res{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.pv-res{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pv-res article{background:#fff;border:1px solid #DBD6C6;border-radius:14px;padding:20px}
.pv-res .sl-ico{width:40px;height:40px}.pv-res .sl-ico svg{width:20px;height:20px}
.pv-res h3{font-family:"Lora","Lora Fallback",Georgia,serif;font-weight:600;font-size:18px;color:#16233D;margin-top:12px}
.pv-res p{margin-top:6px;font-size:14.5px;line-height:1.6;color:#4B5262}
.pv-body{font-size:16.5px}
.pv-body h2{font-size:clamp(22px,2.4vw,27px)}
.pv-pend{background:#FFF6EC;border-left:4px solid #F2994A;border-radius:0 10px 10px 0;padding:12px 16px;font-size:15px;color:#16233D}
.pv-dpo{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #DBD6C6;border-radius:14px;padding:16px 18px}
.pv-dpo .ar-av{width:48px;height:48px;background:#16233D;color:#fff}
.pv-dpo div{display:flex;flex-direction:column;line-height:1.4}
.pv-dpo b{font-family:"Lora","Lora Fallback",Georgia,serif;font-size:18px;color:#16233D}
.pv-dpo span{font-size:14px;color:#4B5262}
.pv-dpo a{font-size:14.5px;font-weight:700;color:#0E6B58;margin-top:2px}
.pv-tab{overflow-x:auto;background:#fff;border:1px solid #DBD6C6;border-radius:14px}
.pv-tab table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.pv-tab th,.pv-tab td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #EDE9DD}
.pv-tab thead th{background:#16233D;color:#F5F3EC;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pv-tab tbody th{color:#16233D;width:26%}
.pv-tab tr:last-child>*{border-bottom:0}
@media(max-width:720px){.pv-tab table,.pv-tab tbody,.pv-tab tr,.pv-tab th,.pv-tab td{display:block;width:auto!important}.pv-tab thead{display:none}.pv-tab tr{border-bottom:1px solid #EDE9DD;padding:8px 0}.pv-tab tbody th,.pv-tab td{border:0;padding:6px 16px}.pv-tab td::before{content:attr(data-l);display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0E6B58}}
.pv-dir{list-style:none;padding:0!important;display:grid;gap:8px}
@media(min-width:720px){.pv-dir{grid-template-columns:1fr 1fr}}
.pv-dir li{position:relative;background:#fff;border:1px solid #DBD6C6;border-radius:10px;padding:10px 12px 10px 38px;font-size:15px;line-height:1.45;margin:0!important}
.pv-dir li::before{content:"";position:absolute;left:12px;top:13px;width:16px;height:16px;border-radius:50%;background:#DCEAE5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B58' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.pv-hist{list-style:none;padding:0!important;font-size:14.5px;color:#4B5262}
.pv-hist b{color:#16233D}
.pv-link{background:none;border:0;padding:0;color:#0E6B58;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.pv-side-cta{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #DBD6C6;border-radius:14px;padding:16px}
.pv-side-cta b{font-size:14.5px;color:#16233D}
.pv-side-cta .dg-btn{justify-content:center;min-height:44px;font-size:14px;padding:0 14px}
@media(max-width:1023px){.pv-side-cta{display:none}}

/* ===================== PRIVACIDADE · motion design (adendo 5, item F) =====================
   página sóbria: banner sem arte; o movimento fica nos 4 cards do resumo, na tabela e na lista
   de direitos. Cada bloco toca uma vez ao entrar na tela, para no final e (nos cards) repete
   ao passar o mouse. */
.pv-art{display:block;width:132px;height:70px;margin-bottom:2px}
.pv-art svg{width:100%;height:100%;overflow:visible}
.pv-art g,.pv-art .pa-knob{transform-box:fill-box;transform-origin:center}
.pv-art .pa-fill{transform-box:fill-box;transform-origin:0 50%}
.pv-art .pa-knob{transform:translateX(7px)}
@media (prefers-reduced-motion:no-preference){
  .js-rv .pv-art .pa-fill{transform:scaleX(0)}
  .js-rv .pv-art .pa-tg,.js-rv .pv-art .pa-ok,.js-rv .pv-art .pa-s1,.js-rv .pv-art .pa-s2,.js-rv .pv-art .pa-n,.js-rv .pv-art .pa-lock{opacity:0}
  .js-rv .pv-art .pa-knob{transform:none}
  .js-rv .pv-art .pa-ln,.js-rv .pv-art .pa-sp,.js-rv .pv-art .pa-ck{stroke-dashoffset:1.05}
  /* o que coletamos: os campos se preenchem e o cookie só liga com o aceite */
  .art-go .pa-fill{animation:paFill .45s var(--nx-ease) calc(.15s + var(--k) * 200ms) both}
  .art-go .pa-tg{animation:hvShow .25s var(--nx-ease) .9s both}
  .art-go .pa-knob{animation:paKnob .3s var(--nx-ease-confirm) .85s both}
  /* para quê: a mensagem vira orçamento */
  .art-go .pa-s1{animation:hvPop .4s var(--nx-ease-confirm) .1s both}
  .art-go .pa-ln{animation:paDraw .35s var(--nx-ease) .55s both}
  .art-go .pa-s2{animation:hvPop .45s var(--nx-ease-confirm) .85s both}
  /* com quem: o símbolo liga só os prestadores necessários e o cadeado fecha */
  .art-go .pa-sp{animation:paDraw .6s var(--nx-ease-scene) .15s both}
  .art-go .pa-n{animation:hvPop .35s var(--nx-ease-confirm) calc(.55s + var(--k) * 110ms) both}
  .art-go .pa-lock{animation:hvPop .4s var(--nx-ease-confirm) 1.15s both}
  /* seus direitos: os pedidos são marcados um a um */
  .art-go .pa-ck{animation:paDraw .3s var(--nx-ease) calc(.2s + var(--k) * 180ms) both}
  .art-go .pa-ok{animation:hvPop .45s var(--nx-ease-confirm) 1.4s both}
  /* tabela: linhas em sequência; direitos: os checks acendem em sequência (total < 500 ms) */
  .js-rv .pv-tab tbody tr{opacity:0}
  .pv-tab.art-go tbody tr{animation:arRow .4s var(--nx-ease) both}
  .pv-tab.art-go tbody tr:nth-child(2){animation-delay:90ms}.pv-tab.art-go tbody tr:nth-child(3){animation-delay:180ms}.pv-tab.art-go tbody tr:nth-child(4){animation-delay:270ms}.pv-tab.art-go tbody tr:nth-child(5){animation-delay:360ms}
  .js-rv .pv-dir li::before{transform:scale(0)}
  .pv-dir.art-go li::before{animation:hvPop .35s var(--nx-ease-confirm) calc(var(--c,0) * 55ms) both}
}
.pv-dir li:nth-child(1){--c:0}.pv-dir li:nth-child(2){--c:1}.pv-dir li:nth-child(3){--c:2}.pv-dir li:nth-child(4){--c:3}.pv-dir li:nth-child(5){--c:4}.pv-dir li:nth-child(6){--c:5}.pv-dir li:nth-child(7){--c:6}.pv-dir li:nth-child(8){--c:7}.pv-dir li:nth-child(9){--c:8}
@keyframes paFill{from{transform:scaleX(0)}to{transform:none}}
@keyframes paKnob{from{transform:none}to{transform:translateX(7px)}}
@keyframes paDraw{from{stroke-dashoffset:1.05}to{stroke-dashoffset:0}}
@keyframes arRow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes hvShow{0%{opacity:0}100%{opacity:1}}
/* o símbolo da Nexos não gira: transform-box na viewBox inteira, não no bounding box do desenho */
.pv-art .pa-logo{transform-box:view-box;transform-origin:0 0}