/* Seção Perguntas (prefixo pf-) — acordeão; a pergunta aberta acende como placa de round */
.pf { background: linear-gradient(180deg in oklab, var(--cafe) 0, var(--noite) clamp(8rem, 22vh, 14rem)); interpolate-size: allow-keywords; }
.pf-luz {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(45% 55% at 100% 55% in oklch, rgb(110 20 24 / .5) 0%, rgb(110 20 24 / 0) 70%);
}
.pf-grade { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 6vw, 7rem); align-items: start; }
.pf-cab { position: sticky; top: clamp(2rem, 12vh, 7rem); }
.pf-jn { white-space: nowrap; }
.pf-cab .g-t-menor { text-wrap: balance; }
.pf-apoio { margin: 1.6rem 0 0; max-width: 28rem; color: color-mix(in oklab, var(--creme) 86%, var(--noite)); }

.pf-lista { border-top: 1px solid var(--fio); }
.pf-item { border-bottom: 1px solid var(--fio); }
.pf-lista { --pf-num: 1.9rem; --pf-gap: 1rem; --pf-pad: 1rem; }
.pf-n { min-width: var(--pf-num); }
.pf-item summary {
  list-style: none; cursor: pointer;
  display: grid; grid-template-columns: var(--pf-num) minmax(0, 1fr) 1.1rem; align-items: start; gap: var(--pf-gap);
  min-height: 3.5rem; padding: 1.1rem var(--pf-pad); border-left: 3px solid transparent;
  transition: background .35s ease, color .35s ease;
}
.pf-item summary::-webkit-details-marker { display: none; }
.pf-n { font-family: var(--f-titulo); font-size: 1.5rem; line-height: 1; color: var(--creme-apagado); letter-spacing: .04em; padding-top: .05rem; transition: color .35s ease; }
.pf-q { font-weight: 600; font-size: clamp(1rem, .4vw + .92rem, 1.15rem); line-height: 1.35; }
.pf-sinal { position: relative; width: 1.1rem; height: 1.1rem; margin-top: .2rem; }
.pf-sinal::before, .pf-sinal::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: currentColor; transition: transform .35s var(--curva); }
.pf-sinal::after { transform: rotate(90deg); }
.pf-item[open] .pf-sinal::after { transform: rotate(0); }
.pf-item summary:hover .pf-q, .pf-item summary:focus-visible .pf-q { color: var(--mel-claro); }
.pf-item summary:focus-visible { outline: none; border-left-color: var(--ringue); background: rgb(179 38 44 / .08); }

.pf-item[open] summary { background: var(--ringue); color: var(--creme); box-shadow: 0 14px 34px -14px rgb(179 38 44 / .8); }
.pf-item[open] summary .pf-n { color: var(--creme); }
.pf-item[open] summary:hover .pf-q, .pf-item[open] summary:focus-visible .pf-q { color: var(--creme); }
.pf-item[open] summary:focus-visible { background: var(--ringue); outline: 2px solid var(--mel-claro); outline-offset: -2px; }

.pf-item::details-content { block-size: 0; overflow: clip; transition: block-size .4s var(--curva), content-visibility .4s allow-discrete; }
.pf-item[open]::details-content { block-size: auto; }
.pf-r { padding: 1.3rem 1.2rem 1.7rem calc(var(--pf-pad) + var(--pf-num) + var(--pf-gap)); border-left: 3px solid var(--ringue); background: linear-gradient(180deg in oklab, rgb(179 38 44 / .16), rgb(30 23 20 / .9) 3.5rem), var(--cafe); }
.pf-r p { margin: 0; max-width: 38rem; color: color-mix(in oklab, var(--creme) 82%, var(--noite)); }
.pf-r .pf-lead { font-weight: 500; font-size: 1.08em; color: var(--creme); }
.pf-r p + p { margin-top: .7rem; }

.pf-fim { position: relative; margin-top: 3rem; padding-top: 2.4rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.6rem; }
.pf-cordas { position: absolute; left: 0; right: 0; top: 0; height: 14px; display: grid; align-content: space-between; }
.pf-cordas i { display: block; height: 2px; background: linear-gradient(90deg in oklch, rgb(179 38 44 / 0), var(--ringue) 30%); }
.pf-cordas i:nth-child(2) { height: 1px; background: linear-gradient(90deg in oklab, rgb(217 200 176 / 0), rgb(217 200 176 / .45) 30%); }
.pf-fim-txt { flex: 1 1 18rem; }
.pf-fim-txt p { margin: 0; }
.pf-fim-q { font-family: var(--f-titulo); text-transform: uppercase; font-size: var(--t-sub); line-height: 1; letter-spacing: .02em; color: var(--creme); }
.pf-fim-txt p + p { margin-top: .45rem; color: var(--creme-apagado); }
.pf-wa {
  display: inline-flex; align-items: center; gap: .65rem; min-height: 3.2rem; padding: 0 1.4rem;
  background: var(--ringue); color: var(--creme); font-weight: 700; text-decoration: none;
  box-shadow: 0 12px 30px -12px rgb(179 38 44 / .8);
  transition: background .2s ease;
}
.pf-wa svg { width: 1.25rem; height: 1.25rem; fill: currentColor; }
.pf-wa:hover, .pf-wa:focus-visible { background: #c42f35; }

/* placar da pergunta aberta (coluna fixa, desktop) */
.pf-placar { margin: clamp(2rem, 6vh, 3.5rem) 0 0; display: flex; align-items: baseline; gap: .3rem; font-family: var(--f-titulo); line-height: .8; }
.pf-placar b { font-weight: 400; font-size: clamp(7rem, 12vw, 11.5rem); color: var(--creme); letter-spacing: -.01em; text-shadow: 0 0 60px rgb(179 38 44 / .55); }
.pf-placar b.pf-troca { animation: pf-troca .45s var(--curva) both; }
.pf-placar span { font-size: clamp(2rem, 3vw, 2.8rem); color: var(--creme-apagado); }
@keyframes pf-troca { from { opacity: 0; transform: translateY(.12em); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
  .pf-grade { grid-template-columns: 1fr; }
  .pf-cab { position: static; }
  .pf-placar { display: none; }
}
@media (max-width: 520px) {
  .pf-lista { --pf-num: 1.6rem; --pf-gap: .75rem; --pf-pad: .75rem; }
  .pf-r { padding: 1.1rem .9rem 1.4rem calc(var(--pf-pad) + var(--pf-num) + var(--pf-gap)); }
  .pf-wa { width: 100%; justify-content: center; }
}