/* Soluthe — landing de Certificado Digital A1 (/certificado-digital/)
   Carregar DEPOIS de soluthe.css e produto.css. Só complementa: tokens,
   botões, blocos, passos e FAQ vêm do design system do site. */

/* Header enxuto: só a marca, sem link e sem menu */
.cd-nav{padding-bottom:0}
.cd-nav .sl-logo{cursor:default}
.cd-nav .sl-logo img{height:30px;width:auto}

/* Hero */
.cd-hero .sl-h1{font-size:clamp(34px,5vw,72px)}
.cd-hero .sl-lead{margin:22px 0 30px}
.cd-hero .sl-checks{margin-top:26px}
.cd-hero .sl-checks span::before{content:"✓ "}

/* Cartão ilustrativo do certificado (só CSS, sem imagem) */
.cd-art{display:grid;place-items:center}
.cd-cert{width:min(400px,100%);background:var(--ink);color:var(--text);border-radius:var(--r-md);padding:26px 26px 22px;box-shadow:0 40px 90px rgba(10,61,34,.45);display:flex;flex-direction:column;gap:18px;transform:rotate(-2deg)}
.cd-cert-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.cd-cert-top i{font-style:normal;color:var(--green-light);background:rgba(0,232,118,.1);border:1px solid rgba(0,232,118,.3);padding:4px 8px;border-radius:6px;letter-spacing:.06em}
.cd-cert-name{font:800 34px/1 var(--f-head);letter-spacing:-.05em}
.cd-cert-rows{border-top:1px solid var(--line)}
.cd-cert-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:500 13px var(--f-body);color:var(--text-2)}
.cd-cert-row b{font:600 13px var(--f-mono);color:var(--text)}
.cd-cert-ok{display:flex;align-items:center;gap:10px;font:700 14px var(--f-body);color:var(--green-light)}
.cd-cert-ok span{width:26px;height:26px;border-radius:50%;background:var(--green-light);color:var(--ink);display:grid;place-items:center;font:800 14px var(--f-head)}
@media (max-width:760px){.cd-art{display:none}}

/* Cards de preço */
.cd-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.cd-plan{gap:16px}
.cd-plan:hover{transform:none}
.cd-plan-who{font:600 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark)}
.cd-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cd-price b{font:800 clamp(44px,5vw,60px)/1 var(--f-head);letter-spacing:-.06em;color:var(--text-dark)}
.cd-price span{font:500 14px var(--f-body);color:var(--text-dark-2)}
.cd-uses{list-style:none;display:flex;flex-direction:column;gap:8px;font:500 15px/1.5 var(--f-body);color:var(--text-dark-2)}
.cd-uses li{position:relative;padding-left:24px}
.cd-uses li::before{content:"✓";position:absolute;left:2px;font-weight:700;color:var(--green-dark)}
.cd-plan .sl-btn{margin-top:auto;justify-content:center;width:100%}
.cd-renew{display:flex;justify-content:center;margin-top:20px}
.cd-renew a{font:700 15px var(--f-body);color:var(--text-dark);border-bottom:2px solid var(--green);padding:4px 0}
.cd-renew a:hover{color:var(--green-dark)}

/* CTA final */
.cd-final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cd-final .cd-renew{justify-content:flex-start;margin-top:22px}
.cd-final .cd-renew a{border-color:var(--ink)}
.cd-final .cd-renew a:hover{color:var(--white)}

/* Rodapé de transparência */
.cd-footer .sl-footer-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.cd-footer li{line-height:1.5}

/* WhatsApp: barra fixa no mobile, botão redondo no desktop */
.cd-bar{display:none}
@media (max-width:760px){
  .sl-wa{display:none}
  .cd-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:100;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line-green)}
  .cd-bar a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 20px;border-radius:999px;background:#25D366;color:var(--white);font:800 17px var(--f-head);letter-spacing:-.02em}
  .cd-bar a:hover{color:var(--white)}
  .cd-bar svg{width:22px;height:22px;flex-shrink:0}
  body.cd{padding-bottom:84px}
  .cd-hero .sl-btn{width:100%;justify-content:center}
  .cd-final-actions .sl-btn{width:100%;justify-content:center}
}