/* Percurso do guia ATPV-e. A linha do processo é a assinatura visual: quatro passos que
   representam a sequência real, enquanto as condições e conferências ficam à mão no celular. */
.guia-atpv .atpv-painel{margin:10px var(--cv-recuo) 26px;padding:20px 22px;background:var(--surface);
  border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}
.guia-atpv .atpv-painel-cab{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.guia-atpv .atpv-sinal{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;
  background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:800}
.guia-atpv .atpv-painel h2,.guia-atpv .atpv-etapas h2{
  margin:0 0 5px;color:var(--text);font-size:clamp(19px,2.1vw,22px);font-weight:750;line-height:1.25}
.guia-atpv .atpv-painel-cab p{margin:0;color:var(--text2);font-size:14.5px;line-height:1.55}
.guia-atpv .atpv-requisitos{display:grid;gap:8px}
.guia-atpv .atpv-requisitos>label{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;background:var(--bg);
  border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}
.guia-atpv .atpv-requisitos input,.guia-atpv .atpv-checklist input{width:19px;height:19px;flex:none;margin:1px 0 0;
  accent-color:var(--accent)}
.guia-atpv .atpv-requisitos label span{display:grid;gap:3px}
.guia-atpv .atpv-requisitos strong{color:var(--text);font-size:14px;line-height:1.4}
.guia-atpv .atpv-requisitos small{color:var(--muted);font-size:12.5px;line-height:1.45}
.guia-atpv .atpv-requisitos input:focus-visible,.guia-atpv .atpv-checklist input:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px}
.guia-atpv .atpv-status{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.guia-atpv .atpv-status[data-ok="true"]{color:var(--good)}
.guia-atpv .atpv-desvio{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);
  color:var(--text2);font-size:13.5px;line-height:1.55}
.guia-atpv .atpv-definicao{padding-top:28px!important;padding-bottom:30px!important}
.guia-atpv .atpv-etapas{padding:38px var(--cv-recuo) 40px;border-bottom:1px solid var(--line)}
.guia-atpv .atpv-etapas h2{margin-bottom:24px}
.guia-atpv .atpv-trilha{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.guia-atpv .atpv-trilha li{position:relative;min-width:0;padding:0 14px 0 0;display:grid;grid-template-rows:34px auto;gap:10px}
.guia-atpv .atpv-trilha li:not(:last-child)::after{content:"";position:absolute;top:16px;left:35px;right:8px;height:1px;background:var(--line2)}
.guia-atpv .atpv-numero{z-index:1;display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--accent);
  border-radius:50%;background:var(--bg);color:var(--accent);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.guia-atpv .atpv-trilha h3{margin:0 0 5px;color:var(--text);font-size:14px;line-height:1.35}
.guia-atpv .atpv-trilha p{margin:0;max-width:28ch;color:var(--text2);font-size:13px;line-height:1.5}
.guia-atpv .atpv-desdobramento{margin-top:17px;border-top:1px solid var(--line);color:var(--text2)}
.guia-atpv .atpv-desdobramento summary{position:relative;cursor:pointer;padding:13px 30px 2px 0;color:var(--accent);
  font-size:14px;font-weight:700;line-height:1.4;list-style:none}
.guia-atpv .atpv-desdobramento summary::-webkit-details-marker{display:none}
.guia-atpv .atpv-desdobramento summary::after{content:"+";position:absolute;right:0;top:10px;width:24px;height:24px;
  display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:17px}
.guia-atpv .atpv-desdobramento[open] summary::after{content:"−"}
.guia-atpv .atpv-desdobramento summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.guia-atpv .atpv-desdobramento>div{padding:5px 0 2px;color:var(--text2);font-size:14px;line-height:1.6}
.guia-atpv .atpv-desdobramento p{margin:5px 0 0;max-width:68ch}
.guia-atpv .atpv-checklist{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.guia-atpv .atpv-checklist li{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}
.guia-atpv .atpv-checklist label{display:flex;align-items:flex-start;gap:12px;padding:12px 13px;cursor:pointer;
  color:var(--text2);font-size:14px;line-height:1.45}
.guia-atpv .atpv-checklist input:checked+span{text-decoration:line-through;text-decoration-color:var(--muted);color:var(--muted)}
.guia-atpv .atpv-lembrete{max-width:68ch;margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.guia-atpv .atpv-conferencia .atpv-desdobramento{margin-top:14px}
.guia-atpv .atpv-depois{padding-top:35px!important;padding-bottom:38px!important}
.guia-atpv .atpv-depois .atpv-desdobramento{max-width:70ch}
.guia-atpv .atpv-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:30px;align-items:end}
.guia-atpv .atpv-encontrar{padding:16px 17px;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius-sm)}
.guia-atpv .atpv-encontrar p{margin:0 0 11px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.guia-atpv .atpv-encontrar ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.guia-atpv .atpv-encontrar li{position:relative;padding-left:18px;color:var(--text2);font-size:13px;line-height:1.45}
.guia-atpv .atpv-encontrar li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
/* Três finais, três papéis: decisão comercial, tirar dúvida, continuar explorando. */
.guia-atpv .cv-cta-final{background:var(--surface);border-top-width:5px}
.guia-atpv .cv-faq{background:var(--surface2);border-top:1px solid var(--line2)}
.guia-atpv .cv-faq h2::before,.guia-atpv .cv-relacionados h2::before{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.guia-atpv .cv-faq h2::before{content:"Resolva uma dúvida"}
.guia-atpv .cv-relacionados{background:var(--bg);border-top:1px dashed var(--line2)}
.guia-atpv .cv-relacionados h2::before{content:"Continue explorando"}
@media(max-width:760px){
  .guia-atpv .atpv-painel{margin:8px 18px 22px;padding:17px 15px}
  .guia-atpv .atpv-etapas{padding-top:30px;padding-bottom:30px}
  .guia-atpv .atpv-trilha{grid-template-columns:minmax(0,1fr);gap:0}
  .guia-atpv .atpv-trilha li{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto;gap:12px;padding:0 0 18px}
  .guia-atpv .atpv-trilha li:not(:last-child)::after{top:34px;bottom:0;left:16px;right:auto;width:1px;height:auto}
  .guia-atpv .atpv-trilha p{max-width:56ch}
  .guia-atpv .atpv-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media(prefers-reduced-motion:reduce){.guia-atpv .atpv-desdobramento summary{scroll-behavior:auto}}