/* Dias do Saber — página /contrato. Complementa fichas.css. */

/* ---- seleção de tipo ---- */
.tipo-sel{margin:0 0 8px}
.tipo-titulo{font:600 22px/1.2 var(--serif);text-align:center;margin:0 0 6px;color:var(--ink)}
.tipo-sub{text-align:center;color:var(--ink-soft);font-size:14px;margin:0 0 22px}
.tipo-cards{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:620px){.tipo-cards{grid-template-columns:1fr 1fr}.tipo-card:last-child:nth-child(odd){grid-column:1/-1}}
.tipo-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;cursor:pointer;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 20px;box-shadow:var(--shadow);transition:transform .14s,border-color .14s,box-shadow .14s;
  font-family:var(--sans);
}
.tipo-card:hover{transform:translateY(-2px);border-color:var(--purple-l);box-shadow:0 16px 34px -20px rgba(44,37,33,.5)}
.tipo-card .tc-ic{font-size:30px;line-height:1}
.tipo-card .tc-nome{font:600 19px var(--serif);color:var(--ink)}
.tipo-card .tc-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.55}

/* ---- trocar tipo ---- */
.trocar-tipo{
  background:none;border:0;color:var(--purple);font:600 14px var(--sans);cursor:pointer;
  padding:0;margin:0 0 16px;
}
.trocar-tipo:hover{text-decoration:underline}

/* info de taxa (materiais) */
.info-taxa{
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:12px 14px;margin:2px 0 6px;font-size:13px;color:var(--ink-soft);
}
.info-taxa b{color:var(--ink)}

/* destaque do plano escolhido (radio em forma de cartão de preço) */
.opcoes.planos{flex-direction:column;align-items:stretch;gap:10px}
.opcoes.planos label{justify-content:flex-start;padding:13px 16px;font-size:15px}

/* ---- ações da tela de sucesso ---- */
.sucesso-acoes{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto 18px}
.link-voltar{display:inline-block;color:var(--ink-soft);font-size:14px;text-decoration:underline}

/* ---- contrato preenchido (overlay) ---- */
.contrato-view{margin:0 0 40px}
.cv-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 18px;position:sticky;top:0;background:var(--bg);padding:10px 0;z-index:2;
}
.cv-bar .btn{width:auto}
.cv-acoes{display:flex;gap:10px;flex-wrap:wrap}
.cv-bar .btn{padding:11px 18px;font-size:14.5px}

/* o documento em si — cara de contrato (serif, preto no branco) */
.cv-doc{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:34px 30px;box-shadow:var(--shadow);
  font-family:"Georgia",serif;color:#1a1a1a;font-size:13.5px;line-height:1.6;
}
@media(max-width:520px){.cv-doc{padding:24px 18px;font-size:12.8px}}
.cv-doc .doc-head{text-align:center;border-bottom:2px solid #1a1a1a;padding-bottom:12px;margin-bottom:18px}
.cv-doc .doc-org{font-size:20px;font-weight:700;color:#2b2b6b}
.cv-doc .doc-cnpj{font-size:11.5px;color:#555;margin-top:3px}
.cv-doc .doc-titulo{text-align:center;font-weight:700;font-size:15px;margin:14px 0 4px;text-transform:uppercase}
.cv-doc .doc-leis{text-align:center;font-size:10.5px;color:#777;font-style:italic;margin-bottom:18px}
.cv-doc h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#2b2b6b;margin:20px 0 8px;font-family:var(--sans);font-weight:700}
.cv-doc p{margin:0 0 9px;text-align:justify}
.cv-doc .resumo p{margin:0 0 4px;text-align:left}
.cv-doc .cl{margin:0 0 9px;text-align:justify}
.cv-doc .cl b{color:#1a1a1a}
.cv-doc .sub{margin:4px 0 4px 18px;text-align:justify;font-size:.96em}
.cv-doc .assina{margin-top:30px;text-align:center}
.cv-doc .assina .data{margin-bottom:30px;text-align:right}
.cv-doc .assina .linha{border-top:1px solid #1a1a1a;width:70%;margin:26px auto 4px}
.cv-doc .assina .papel{font-size:11.5px;color:#444}
.cv-doc .test{margin-top:24px;font-size:12px}
.cv-doc .test .l{margin-top:14px}
.cv-doc mark{background:#fff7d6;padding:0 2px;border-radius:2px}