/* Site do Catalis · Diagnóstico grátis (01/10/2026). Ver assets/js/diagnostico.js. */
.d-topo{padding-block:clamp(72px,9vw,120px)}
.d-blocos{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 30px;color:var(--claro-2);font-size:.95rem}
.d-blocos span{display:inline-flex;align-items:center;gap:8px}
.d-blocos b{width:24px;height:24px;border-radius:50%;background:rgba(47,240,138,.14);color:var(--verde);font-weight:600;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}
.d-comecar{min-width:180px}

.d-quadro{padding-block:clamp(40px,7vw,80px) clamp(56px,8vw,96px);min-height:calc(100vh - var(--nav))}
.d-estreito{max-width:760px}
.d-progresso{margin-bottom:clamp(28px,5vw,48px)}
.d-progresso__linha{height:6px;border-radius:999px;background:var(--linha);overflow:hidden}
.d-progresso__linha span{display:block;height:100%;background:var(--degrade);border-radius:999px;transition:width .4s var(--suave)}
.d-progresso__texto{display:flex;justify-content:space-between;margin-top:10px;font-size:.875rem;color:var(--txt-3)}
.d-pergunta{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.12;margin:0 0 10px;text-wrap:balance}
.d-dica{color:var(--txt-3);margin:0 0 6px}
.d-opcoes{display:grid;gap:12px;margin-top:26px}
.d-opcoes--paises{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.d-opcao{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px 22px;border-radius:16px;border:1.5px solid var(--linha);background:var(--branco);
  color:var(--txt);font-size:1.0625rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--suave)}
.d-opcao:hover{border-color:var(--azul);box-shadow:0 6px 20px rgba(12,28,46,.06);transform:translateY(-1px)}
.d-opcao.is-on{border-color:var(--verde-escuro);background:rgba(47,240,138,.08);box-shadow:inset 0 0 0 1px var(--verde-escuro)}
.d-opcao__icone{font-size:1.4rem;line-height:1}
.d-opcao__marca{margin-left:auto;flex:0 0 24px;height:24px;border-radius:7px;border:1.5px solid var(--linha);display:inline-flex;align-items:center;justify-content:center}
.d-opcao.is-on .d-opcao__marca{background:var(--verde-escuro);border-color:var(--verde-escuro)}
.d-opcao.is-on .d-opcao__marca::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.d-navega{display:flex;justify-content:space-between;gap:12px;margin-top:32px}
.d-navega .c-btn[disabled]{opacity:.45;pointer-events:none}

.d-regua{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:820px}
.d-regua li{position:relative;padding:14px 14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--linha-escura);color:var(--claro-3)}
.d-regua li.is-passou{color:var(--claro-2);border-color:rgba(47,240,138,.25)}
.d-regua li.is-aqui{background:rgba(47,240,138,.12);border-color:var(--verde);color:var(--claro)}
.d-regua__n{display:block;font-size:.8rem;opacity:.8}
.d-regua__nome{display:block;font-weight:600;font-size:1.0625rem}
.d-regua__aqui{display:inline-block;margin-top:8px;font-size:.75rem;font-weight:600;color:var(--tinta);background:var(--verde);border-radius:999px;padding:3px 10px}

.d-res{padding-block:clamp(40px,6vw,72px)}
.d-res__grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.d-cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(20px,3vw,30px)}
.d-cartao h2{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.d-cartao h3{font-size:1rem;font-weight:600;margin:18px 0 8px}
.d-cartao p{margin:0;color:var(--txt-2)}
.d-sub{margin-bottom:14px!important;font-size:.95rem}
.d-cartao--casos{grid-row:span 2}
.d-lista{margin:0;padding-left:20px;color:var(--txt-2)}
.d-lista li{margin-bottom:6px}
.d-nota{margin-top:12px!important;font-size:.9rem}
.d-caso{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:14px 0;border-top:1px solid var(--linha)}
.d-caso strong{display:block;font-weight:600}
.d-caso p{font-size:.95rem;margin-top:4px}
.d-nivel{flex:0 0 auto;font-size:.75rem;font-weight:600;border-radius:999px;padding:4px 10px}
.d-nivel--baixa{background:rgba(47,240,138,.16);color:var(--verde-escuro)}
.d-nivel--media{background:rgba(63,181,255,.16);color:#0B6AA6}
.d-nivel--alta{background:rgba(12,28,46,.08);color:var(--txt)}
.d-cartao--trava{background:var(--tinta);color:var(--claro);border-color:var(--tinta)}
.d-cartao--trava p{color:var(--claro-2)}
.d-cartao--contato{grid-column:1/-1}
.d-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;align-items:end}
.d-form .d-check,.d-form__aviso{grid-column:1/-1}
.d-form button[type=submit]{justify-self:start}
.d-form label span{display:block;font-size:.875rem;color:var(--txt-3);margin-bottom:4px}
.d-form input:not([type=checkbox]){width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--linha);background:var(--nevoa)}
.d-check{display:flex;gap:10px;align-items:flex-start}
.d-check span{font-size:.875rem!important;color:var(--txt-2)!important;margin:0!important}
.d-form__aviso{font-size:.9rem;color:var(--verde-escuro);min-height:1.2em}
.d-acoes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.d-refazer{margin-left:auto;background:none;border:0;cursor:pointer}

@media (max-width:760px){
  .d-res__grade{grid-template-columns:1fr}
  .d-cartao--casos{grid-row:auto}
  .d-form{grid-template-columns:1fr}
  .d-regua{grid-template-columns:repeat(2,1fr)}
  .d-opcao{padding:16px 18px}
  .d-refazer{margin-left:0}
}
@media print{
  .c-nav,.c-pe,.d-cartao--contato,.d-acoes{display:none!important}
  .d-topo{background:#fff!important;color:#000!important;padding:0 0 12px}
  .d-topo *{color:#000!important}
  .d-res__grade{grid-template-columns:1fr}
  .d-cartao{break-inside:avoid}
}
@media (prefers-reduced-motion:reduce){.d-opcao,.d-progresso__linha span{transition:none}}

/* a abertura sem cara de modelo (01/10/2026): fundo liso, título branco,
   e o exemplo do resultado à direita */
.d-abre{background:var(--tinta);color:var(--claro);padding-block:clamp(56px,8vw,104px);border-bottom:1px solid var(--linha-escura)}
.d-abre__grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px);align-items:center}
.d-abre__rotulo{margin:0 0 18px;font-size:.9375rem;font-weight:500;color:var(--verde)}
.d-abre__h1{font-size:clamp(2.1rem,4.2vw,3.25rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:0 0 20px;color:#fff;max-width:18ch;text-wrap:balance}
.d-abre__lead{font-size:1.125rem;font-weight:300;line-height:1.6;color:var(--claro-2);max-width:48ch;margin:0 0 24px}
.d-abre__fatos{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9375rem;color:var(--claro-2)}
.d-abre__fatos li{display:inline-flex;align-items:center;gap:8px}
.d-abre__fatos li::before{content:"";width:5px;height:9px;border:solid var(--verde);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);flex:0 0 auto}
.d-amostra{margin:0;background:#FBFCFD;color:var(--txt);border-radius:4px;padding:20px 24px 18px;border:1px solid rgba(255,255,255,.08)}
.d-amostra__cab{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--txt-3);padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--txt)}
.d-amostra__tit{margin:0 0 4px;font-size:.75rem;color:var(--txt-3)}
.d-amostra__est{margin:0 0 12px;font-size:1.375rem;font-weight:600;letter-spacing:-.01em}
.d-amostra__est span{font-size:.875rem;font-weight:400;color:var(--txt-3)}
.d-amostra__linha{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 20px;border-top:1px solid var(--linha)}
.d-amostra__linha span{position:relative;padding-top:10px;font-size:.6875rem;color:var(--txt-3)}
.d-amostra__linha i{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#C9D2DC}
.d-amostra__linha span.is-aqui{color:var(--txt);font-weight:600}
.d-amostra__linha span.is-aqui i{background:var(--txt);width:9px;height:9px;top:-5px}
.d-amostra__casos{margin:0 0 18px;padding-left:18px;font-size:.9375rem}
.d-amostra__casos li{padding:3px 0}
.d-amostra__casos li span{margin-right:8px}
.d-amostra__casos small{font-size:.75rem;color:var(--txt-3)}
.d-amostra__prox{margin:0;font-size:.9375rem;color:var(--txt-2)}
@media (max-width:860px){.d-abre__grade{grid-template-columns:1fr}.d-amostra{max-width:460px}}