/* Santinho digital (Figma 51:740 desktop, 55:1052 celular). Componentes em portal.css; aqui o espaçamento, o modelo de santinho e as peças copiadas da Home (passos e perguntas). */
.f-corpo { padding-top: var(--espaco-40); }
.f-corpo .pc-principal { gap: var(--espaco-40); }
.f-secao { display: flex; flex-direction: column; gap: var(--espaco-16); }
.f-criar { gap: var(--espaco-12) !important; }
@media (max-width: 767px) { .f-corpo .pc-grade-1-cel { grid-auto-rows: auto; } }

/* passos e perguntas (iguais aos da Home) */
.h-passos { counter-reset: none; }
.h-passo { display: flex; flex-direction: column; gap: 10px; padding: var(--espaco-20); border-radius: var(--raio-xl); min-height: 188px; }
.h-passo__num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font: 700 15px/1 var(--fonte); }
.h-passo__titulo { font: 700 20px/1.25 var(--fonte); letter-spacing: -0.01em; margin-bottom: 10px; }
.h-passo__desc { font: 400 14px/1.5 var(--fonte); }
.h-passo--1 { background: var(--degrade-passo-1); }
.h-passo--1 .h-passo__num { background: var(--cor-navy-800); color: var(--cor-branco); }
.h-passo--1 .h-passo__titulo { color: var(--cor-navy-800); }
.h-passo--1 .h-passo__desc { color: var(--cor-azul-700); }
.h-passo--2 { background: var(--degrade-passo-2); }
.h-passo--2 .h-passo__num { background: var(--cor-branco); color: var(--cor-azul-600); }
.h-passo--2 .h-passo__titulo { color: var(--cor-branco); }
.h-passo--2 .h-passo__desc { color: var(--cor-azul-50); }
.h-passo--3 { background: var(--degrade-passo-3); }
.h-passo--3 .h-passo__num { background: var(--cor-azul-600); color: var(--cor-branco); }
.h-passo--3 .h-passo__titulo { color: var(--cor-branco); }
.h-passo--3 .h-passo__desc { color: var(--cor-azul-200); }
.h-perguntas { gap: var(--espaco-12); }
.h-pergunta { border: 1px solid var(--cor-azul-100); border-radius: var(--raio-lg); background: var(--cor-branco); padding: var(--espaco-16) var(--espaco-20); }
.h-pergunta[open] { background: var(--cor-azul-50); }
.h-pergunta summary { display: flex; align-items: center; gap: var(--espaco-12); list-style: none; cursor: pointer; font: 700 16px/1.55 var(--fonte); color: var(--cor-navy-800); }
.h-pergunta summary::-webkit-details-marker { display: none; }
.h-pergunta summary .pc-ic { margin-left: auto; width: 14px; height: 14px; color: var(--cor-azul-600); }
.h-pergunta__fechar { transform: rotate(90deg); display: none !important; }
.h-pergunta[open] .h-pergunta__fechar { display: inline-block !important; }
.h-pergunta[open] .h-pergunta__abrir { display: none !important; }
.h-pergunta p { margin-top: var(--espaco-8) !important; font: 400 14px/1.5 var(--fonte); color: var(--cor-texto-suave); }
.h-passo--2 .h-passo__desc { color: var(--cor-branco); }   /* AA (decisão do Rafael, 24/10): #F0F4FF ficava em 3,5:1 no canto claro do degradê; branco dá ≥ 4,9:1 onde está o texto */
.h-passo--2 .h-passo__desc { color: var(--cor-branco); }
.h-perguntas { gap: var(--espaco-12); }
@media (max-width: 767px) {
  .h-passo { flex-direction: row; align-items: flex-start; gap: var(--espaco-16); min-height: 0; }
  .h-passo__num { flex: none; }
  .h-passo__titulo { margin-bottom: 4px; }
  .h-perguntas { gap: 10px; }
  .h-pergunta summary { font-size: 14px; line-height: 1.5; }
}

/* preço */
.s-preco { font: 800 40px/1 var(--fonte); letter-spacing: -0.02em; color: var(--cor-navy-800); margin: 0; }

/* numeração (círculo escuro) */
.s-num { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--cor-navy-800); color: var(--cor-branco); font: 700 12px/1 var(--fonte); }

/* como é: modelo de santinho + lista */
.s-como { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--espaco-32); align-items: start; }
.s-modelo { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--espaco-12); padding: var(--espaco-24) var(--espaco-16) var(--espaco-20) var(--espaco-40); border: 1px solid var(--cor-azul-100); border-radius: var(--raio-lg); background: var(--cor-branco); box-shadow: var(--sombra-cartao); }
.s-modelo__bloco { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; }
.s-num--lado { position: absolute; left: -32px; top: 50%; transform: translateY(-50%); }
.s-modelo__foto { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: var(--cor-azul-100); color: var(--cor-azul-600); }
.s-modelo__foto .pc-ic { width: 28px; height: 28px; }
.s-modelo__nome { font: 700 16px/1.25 var(--fonte); color: var(--cor-navy-800); }
.s-modelo__cargo { font: 400 12px/1.4 var(--fonte); color: var(--cor-texto-suave); }
.s-modelo__partido { font: 800 28px/1.1 var(--fonte); letter-spacing: -0.02em; color: var(--cor-navy-800); text-align: center; }
.s-modelo__botao, .s-modelo__perg, .s-modelo__comp { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 10px 14px; border-radius: var(--raio-pilula); font: 600 13px/1.2 var(--fonte); }
.s-modelo__botao { background: var(--cor-azul-600); color: var(--cor-branco); }
.s-modelo__perg { justify-content: space-between; background: var(--cor-azul-50); color: var(--cor-navy-800); border-radius: var(--raio-md); font-weight: 500; }
.s-modelo__comp { border: 1px solid var(--cor-azul-200); color: var(--cor-navy-800); background: var(--cor-branco); }
.s-modelo .pc-ic { width: 14px; height: 14px; }
.s-modelo__redes { display: flex; gap: 10px; }
.s-modelo__redes > span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--cor-azul-100); color: var(--cor-azul-600); }
.s-lista { display: flex; flex-direction: column; gap: var(--espaco-16); list-style: none; margin: 0; padding: 0; }
.s-item { display: flex; align-items: flex-start; gap: var(--espaco-12); }
.s-item .s-num { margin-top: 2px; }
.s-item__titulo { font: 700 16px/1.3 var(--fonte); color: var(--cor-navy-800); margin: 0; }
.s-item__desc { font: 400 14px/1.5 var(--fonte); color: var(--cor-texto-suave); margin: 2px 0 0; }

/* o que vem: duas colunas com marca de verificação */
.s-incluso { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--espaco-8) var(--espaco-24); }
.s-incluso ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.s-incluso__item { display: flex; align-items: flex-start; gap: 10px; font: 500 14px/1.5 var(--fonte); color: var(--cor-navy-800); }
.s-incluso__item .pc-ic { flex: none; width: 16px; height: 16px; margin-top: 3px; color: var(--cor-azul-600); }

@media (max-width: 767px) {
  .s-como { grid-template-columns: minmax(0, 1fr); }
  .s-modelo { max-width: 280px; margin: 0 auto; }
  .s-incluso { grid-template-columns: minmax(0, 1fr); }
  .s-preco { font-size: 36px; }
}
