/* =============================================================
   LEGAL — termos de uso e política de privacidade.
   Reaproveita o cabeçalho/rodapé e os tokens do checkout.
   ============================================================= */
.co-doc{max-width:760px;margin-inline:auto}

.co-doc .co-card{padding:34px clamp(20px,4vw,40px)}

.co-doc h1{
  font-family:var(--font-ui);font-weight:900;
  font-size:clamp(25px,5.4vw,34px);letter-spacing:-.02em;
}
.co-doc .co-doc-data{
  margin-top:8px;font-size:13.5px;font-weight:800;color:var(--slate-mid);
}

.co-doc h2{
  font-family:var(--font-ui);font-weight:900;font-size:18px;
  margin:30px 0 8px;padding-top:22px;border-top:1px solid var(--line);
}
.co-doc h2:first-of-type{border-top:0;padding-top:0;margin-top:26px}

.co-doc p,
.co-doc li{font-size:15px;line-height:1.65;color:var(--slate-mid);font-weight:600}
.co-doc p + p{margin-top:10px}
.co-doc b,
.co-doc strong{color:var(--slate);font-weight:800}

.co-doc ul,
.co-doc ol{margin:10px 0 0;padding-left:22px;display:grid;gap:7px}

.co-doc a{color:var(--blue);font-weight:800;text-decoration:none}
.co-doc a:hover{text-decoration:underline}

/* Marcador visual do que ainda falta você preencher.
   Quando terminar de revisar o texto, apague as classes .co-todo
   do HTML — e esta regra pode ficar, sem efeito. */
.co-todo{
  display:block;margin:14px 0;padding:12px 14px;
  border-radius:10px;border:2px dashed var(--orange);
  background:color-mix(in srgb,var(--yellow) 16%,var(--surface));
  font-size:13.5px;font-weight:800;color:#8A5600;
}

/* =============================================================
   CONTATO — /contato
   ============================================================= */
.co-contato{text-align:center}
.co-contato-ic{
  display:grid;place-items:center;margin:0 auto 12px;
  width:64px;height:64px;border-radius:50%;
  background:color-mix(in srgb,var(--blue) 18%,var(--card));
  font-size:30px;
}
.co-contato-sub{max-width:520px;margin:10px auto 0}

.co-contato-email{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  margin:24px auto 6px;max-width:380px;
}
/* .co-doc a pinta links de azul; o botão é azul, então o texto
   precisa voltar a ser branco. */
.co-doc .co-contato-email a.co-btn{width:100%;font-size:17px;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.co-contato-email .co-btn--texto{width:auto;font-size:14px}
@media (max-width:420px){.co-doc .co-contato-email a.co-btn{font-size:15px;padding-inline:12px;letter-spacing:0}}

.co-contato h2{text-align:left}

.co-contato-motivos{display:grid;gap:12px;margin-top:6px;text-align:left}
.co-contato-motivo{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px;border-radius:var(--radius-lg);
  background:var(--soft);
  border:1px solid var(--line);
}
.co-contato-motivo > span{font-size:24px;line-height:1.2;flex:none}
.co-contato-motivo b{display:block;font-size:15.5px}
.co-contato-motivo p{margin-top:4px;font-size:14.5px}

.co-contato-dica{
  margin-top:20px !important;padding:12px 14px;border-radius:10px;
  background:color-mix(in srgb,var(--yellow) 10%,var(--card));
  font-size:14px !important;text-align:left;
}