/* Tela da participante: mulheres 40+, celular, navegador do WhatsApp. Letra grande, um toque por vez. */
.p-corpo { min-height: 100dvh; display: flex; flex-direction: column; font-size: var(--text-md); }

.p-topo {
  position: sticky; top: 0; z-index: 2;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4); background: color-mix(in srgb, var(--surface-page) 92%, transparent);
  backdrop-filter: blur(var(--space-2)); border-bottom: var(--border-hairline) solid var(--border-default);
}
.p-voltar {
  display: grid; place-items: center; width: var(--size-touchTarget); height: var(--size-touchTarget);
  background: transparent; border: 0; color: var(--text-primary); cursor: pointer;
}
.p-voltar[disabled] { visibility: hidden; }
.p-progresso__parte { font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-secondary); margin-bottom: var(--space-2); }
.p-progresso__barra { height: var(--space-1); background: var(--border-default); overflow: hidden; }
.p-progresso__barra span { display: block; height: 100%; width: 0; background: var(--surface-raiz); transition: width var(--motion-duration-slow) var(--motion-easing-standard); }
.p-salvo { font-size: var(--text-xs); color: var(--text-muted); min-width: var(--space-16); text-align: right; }

.p-palco {
  flex: 1; width: 100%; max-width: 34rem; margin: 0 auto;
  padding: var(--space-8) var(--space-5) var(--space-10); display: flex; flex-direction: column; outline: none;
}
.p-tela { display: flex; flex-direction: column; gap: var(--space-6); flex: 1; animation: p-entra var(--motion-duration-slow) var(--motion-easing-standard); }
@keyframes p-entra { from { opacity: 0; transform: translateY(var(--motion-distance-sm)); } to { opacity: 1; transform: none; } }

.p-titulo { font-size: var(--text-3xl); }
.p-titulo.voz { font-size: var(--text-4xl); }
.p-texto { font-size: var(--text-md); line-height: var(--leading-normal); color: var(--text-secondary); max-width: var(--measure-default); }
.p-texto strong { color: var(--text-primary); }
.p-nota { font-size: var(--text-sm); color: var(--text-muted); font-style: italic; }
.p-acoes { margin-top: auto; padding-top: var(--space-6); display: grid; gap: var(--space-3); }

/* Abertura e partes */
.p-abertura { gap: var(--space-5); }
.p-abertura .fio { margin-bottom: var(--space-2); }
.p-fatos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
.p-fatos li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: start; font-size: var(--text-md); }
.p-fatos .vp-icon { color: var(--text-primary); margin-top: var(--space-1); }
.p-parte__num { font-family: var(--font-serif); font-weight: var(--weight-light); font-size: var(--text-6xl); line-height: var(--leading-none); color: var(--surface-dourado); -webkit-text-stroke: var(--border-hairline) var(--border-raiz); }

/* Pergunta */
.p-pergunta__dominio { display: flex; align-items: center; gap: var(--space-2); }
.p-pergunta__texto { font-size: var(--text-2xl); font-weight: var(--weight-semibold); line-height: var(--leading-snug); text-wrap: balance; }
.p-pergunta__apoio { font-size: var(--text-sm); color: var(--text-muted); }
.p-opcoes { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.p-opcao { position: relative; }
.p-opcao input { position: absolute; opacity: 0; pointer-events: none; }
.p-opcao label {
  display: grid; grid-template-columns: auto 1fr; align-items: center; gap: var(--space-4);
  min-height: var(--size-touchTarget); padding: var(--space-3) var(--space-4);
  background: var(--surface-primary); box-shadow: inset 0 0 0 var(--border-hairline) var(--border-strong);
  font-size: var(--text-md); font-weight: var(--weight-medium); cursor: pointer;
  transition: box-shadow var(--motion-duration-fast) var(--motion-easing-standard), background var(--motion-duration-fast) var(--motion-easing-standard);
}
.p-opcao label:hover { box-shadow: inset 0 0 0 var(--border-thin) var(--border-raiz); }
.p-marca {
  display: grid; place-items: center; width: var(--space-6); height: var(--space-6);
  border-radius: var(--radius-circle); box-shadow: inset 0 0 0 var(--border-thin) var(--border-raiz); color: transparent;
}
.p-opcao--multi .p-marca { border-radius: var(--radius-none); }
.p-opcao input:checked + label { background: var(--surface-raiz); color: var(--text-onRaiz); box-shadow: none; }
.p-opcao input:checked + label .p-marca { background: var(--surface-dourado); box-shadow: none; color: var(--text-onDourado); }
.p-opcao input:focus-visible + label { outline: var(--outline-focus); outline-offset: var(--outline-focusOffset); }
.p-escala-pontos { display: inline-flex; gap: var(--space-1); margin-left: auto; }
.p-opcao--alt label { background: transparent; box-shadow: inset 0 0 0 var(--border-hairline) var(--border-default); font-weight: var(--weight-regular); font-size: var(--text-base); color: var(--text-secondary); }
.p-separador { display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: var(--tracking-wide); margin-top: var(--space-2); }
.p-separador::before, .p-separador::after { content: ""; flex: 1; border-top: var(--border-hairline) solid var(--border-default); }

.p-campo { display: grid; gap: var(--space-2); }
.p-campo textarea, .p-campo input[type="text"] {
  width: 100%; min-height: var(--size-touchTarget); padding: var(--space-3) var(--space-4);
  background: var(--surface-primary); border: var(--border-thin) solid var(--border-raiz); border-radius: var(--radius-none);
  font-size: var(--text-md); line-height: var(--leading-normal); resize: vertical;
}
.p-campo textarea { min-height: calc(var(--space-24) + var(--space-8)); }
.p-dica { font-size: var(--text-sm); color: var(--text-muted); }

/* Exemplo de resposta e várias perguntas curtas na mesma tela (mentoria de 27/10) */
.p-campo-bloco { display: grid; gap: var(--space-3); }
.p-exemplo { font-size: var(--text-sm); font-style: italic; color: var(--text-secondary); }
.p-campos { display: grid; gap: var(--space-6); }
.p-campo__rotulo { font-size: var(--text-md); font-weight: var(--weight-semibold); line-height: var(--leading-snug); }
.p-campo--grupo input[type="text"] { font-size: var(--text-base); }

/* Resultado: o retrato de agora, item a item, sem nota */
.p-retrato { gap: var(--space-8); }
.p-legenda { display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: var(--text-sm); color: var(--text-secondary); }
.p-legenda span { display: inline-flex; align-items: center; gap: var(--space-2); }
.ponto { display: inline-block; width: var(--space-4); height: var(--space-4); border-radius: var(--radius-circle); flex: none; }
.ponto--favor { background: var(--surface-dourado); box-shadow: inset 0 0 0 var(--border-thin) color-mix(in srgb, var(--surface-dourado) 60%, var(--surface-raiz)); }
.ponto--aperto { background: var(--surface-primary); box-shadow: inset 0 0 0 var(--border-thick) var(--surface-nevoa); }
.ponto--meio { background: var(--border-default); }
.ponto--sem { background: transparent; box-shadow: inset 0 0 0 var(--border-hairline) var(--border-strong); }
.p-dominios { display: grid; gap: var(--space-4); }
.p-dominio { background: var(--surface-primary); padding: var(--space-5); display: grid; gap: var(--space-4); }
.p-dominio__cab { display: flex; align-items: center; gap: var(--space-3); }
.p-dominio__cab h3 { font-size: var(--text-lg); font-weight: var(--weight-bold); }
.p-dominio__pontos { display: flex; gap: var(--space-2); margin-left: auto; }
.p-dominio__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); font-size: var(--text-base); }
.p-dominio__lista li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: start; }
.p-dominio__lista .ponto { margin-top: var(--space-1); }
.p-grupo { font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-secondary); margin-bottom: calc(var(--space-2) * -1); }
.p-marcou { font-style: normal; font-size: var(--text-sm); color: var(--text-muted); white-space: nowrap; }
.p-marcou::before { content: "· "; }
.p-dominio__vazio { font-size: var(--text-base); color: var(--text-muted); }
.p-bloco-raiz { background: var(--surface-raiz); color: var(--text-onRaiz); padding: var(--space-6) var(--space-5); display: grid; gap: var(--space-4); }
.p-bloco-raiz h3 { font-family: var(--font-serif); font-weight: var(--weight-light); font-size: var(--text-2xl); color: var(--text-onRaizSerif); }
.p-bloco-raiz p, .p-bloco-raiz li { color: var(--text-onRaiz); }
.p-bloco-raiz ul { margin: 0; padding-left: var(--space-5); display: grid; gap: var(--space-2); }
.p-passos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); }
.p-passos li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4); align-items: start; }
.p-passos__data { min-width: var(--space-16); padding: var(--space-1) var(--space-2); background: var(--surface-dourado); color: var(--text-onDourado); font-size: var(--text-xs); font-weight: var(--weight-bold); text-align: center; letter-spacing: var(--tracking-wide); }
.p-aviso { font-size: var(--text-sm); color: var(--text-muted); border-top: var(--border-hairline) solid var(--border-default); padding-top: var(--space-4); }

@media (min-width: 40em) {
  .p-palco { padding-top: var(--space-12); }
}