/* ===== 6. perguntas — o ponto de luz marca a pergunta aberta ===== */
.pg{interpolate-size:allow-keywords}
.pg-malha{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.pg-malha i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent)}
.pg-malha i:nth-child(1){--c:color-mix(in oklab,var(--madeira) 45%,transparent);width:70vmax;height:70vmax;right:-20vmax;top:-25vmax}
.pg-malha i:nth-child(2){--c:color-mix(in oklab,var(--caramelo) 26%,transparent);width:55vmax;height:55vmax;left:-20vmax;bottom:-25vmax}

.pg-grade{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);column-gap:clamp(2rem,5vw,6rem);align-items:start}
.pg-topo{position:sticky;top:7rem}
.pg-topo .wf-rotulo{margin-bottom:1.6rem}
.pg-apoio{margin-top:1.4rem;color:var(--texto-claro-suave);max-width:24em}
.pg-fatos{list-style:none;margin-top:2.4rem;display:grid;gap:.9rem}
.pg-fatos li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem}
.pg-fatos b{font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.15rem,1rem + .4vw,1.4rem);color:var(--champanhe);letter-spacing:-.01em}
.pg-fatos span{color:var(--texto-claro-suave)}
.pg-outra{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid rgba(240,220,192,.18)}
.pg-outra p{color:var(--texto-claro);margin-bottom:1.1rem}

.pg-lista{position:relative;padding-left:2.6rem}
.pg-fio{position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(240,220,192,.4) 6%,rgba(240,220,192,.4) 94%,transparent)}
.pg-ponto{position:absolute;left:.5rem;top:0;margin-left:-8.5px;transform:translateY(var(--y,0px));transition:transform .7s var(--curva),opacity .4s;z-index:2}
.pg-lista:not(.pg-tem) .pg-ponto{opacity:0}
.pg-rastro{position:absolute;left:.5rem;top:0;width:1px;height:calc(var(--y,0px) + 8.5px);background:linear-gradient(180deg,rgba(240,220,192,0),var(--champanhe));box-shadow:0 0 10px rgba(240,220,192,.5);transition:height .7s var(--curva),opacity .4s;z-index:1}
.pg-lista:not(.pg-tem) .pg-rastro{opacity:0}

.pg-item{position:relative;border-bottom:1px solid rgba(240,220,192,.16);isolation:isolate}
.pg-item::after{content:"";position:absolute;z-index:-1;left:-2.6rem;top:-6rem;width:min(44rem,110%);height:calc(100% + 8rem);pointer-events:none;background:radial-gradient(30rem 6.5rem at 0 8.75rem,color-mix(in oklab,var(--champanhe) 16%,transparent),transparent);opacity:0;transition:opacity .7s var(--curva)}
.pg-item[open]::after{opacity:1}
.pg-item:first-of-type{border-top:1px solid rgba(240,220,192,.16)}
.pg-item summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;gap:1.1rem;min-height:4.5rem;padding:1.15rem 0}
.pg-item summary::-webkit-details-marker{display:none}
.pg-item summary::before{transition:transform .4s var(--curva),background .4s}
.pg-item summary:hover::before,.pg-item summary:focus-visible::before{transform:scale(1.7);background:var(--champanhe)}
.pg-q{transition:color .4s,transform .5s var(--curva)}
.pg-item:not([open]) summary:hover .pg-q{transform:translateX(4px)}
.pg-item summary:hover .pg-mais{background:color-mix(in oklab,var(--champanhe) 10%,transparent)}
.pg-item summary::before{content:"";position:absolute;left:calc(-2.1rem - 3.5px);top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:rgba(240,220,192,.55)}
.pg-num{flex:none;width:2rem;font-size:var(--t-mini);font-weight:600;letter-spacing:.06em;color:var(--texto-claro-suave);font-variant-numeric:tabular-nums;transition:color .4s}
.pg-item[open] .pg-num{color:var(--champanhe)}
.pg-q{flex:1;font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.2rem,1rem + .6vw,1.6rem);line-height:1.25;letter-spacing:-.01em;color:var(--texto-claro);transition:color .4s}
.pg-item summary:hover .pg-q,.pg-item[open] .pg-num{flex:none;width:2rem;font-size:var(--t-mini);font-weight:600;letter-spacing:.06em;color:var(--texto-claro-suave);font-variant-numeric:tabular-nums;transition:color .4s}
.pg-item[open] .pg-num{color:var(--champanhe)}
.pg-q{flex:1;color:var(--champanhe)}
.pg-mais{position:relative;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(240,220,192,.3);transition:transform .5s var(--curva),background .4s}
.pg-mais::before,.pg-mais::after{content:"";position:absolute;left:50%;top:50%;width:.9rem;height:1.5px;margin:-.75px 0 0 -.45rem;background:var(--champanhe);transition:transform .5s var(--curva)}
.pg-mais::after{transform:rotate(90deg)}
.pg-item[open] .pg-mais{transform:rotate(180deg);background:color-mix(in oklab,var(--champanhe) 12%,transparent)}
.pg-item[open] .pg-mais::after{transform:rotate(0deg)}
.pg-item summary:focus-visible{outline:2px solid var(--champanhe);outline-offset:4px}

.pg-item::details-content{block-size:0;overflow:hidden;transition:block-size .55s var(--curva),content-visibility .55s allow-discrete}
.pg-item[open]::details-content{block-size:auto}
.pg-r{padding:0 3.5rem 1.8rem 3.1rem;color:var(--texto-claro);max-width:39em}
.pg-curta{font-family:var(--f-titulo);font-weight:300;font-size:clamp(1.35rem,1rem + 1vw,1.9rem);line-height:1.2;letter-spacing:-.015em;color:var(--champanhe)}
.pg-r p + *{margin-top:1rem}
.pg-cita{padding-left:1.2rem;border-left:1px solid var(--champanhe)}
.pg-cita p{font-family:var(--f-titulo);font-weight:300;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);line-height:1.35;color:var(--champanhe)}
.pg-cita footer{margin-top:.5rem;font-size:var(--t-mini)}

@media (max-width:980px){
  .pg-grade{grid-template-columns:minmax(0,1fr)}
  .pg-topo{display:contents}
  .pg-apoio{margin-bottom:0}
  .pg-lista{order:1}
  .pg-outra{order:2;margin-top:2.6rem}
  .pg-lista{padding-left:2rem}
  .pg-item summary::before{left:calc(-1.5rem - 3.5px)}
  .pg-r{padding:0 0 1.6rem 0}
  .pg-num{width:auto;position:absolute;left:0;top:.55rem}
  .pg-item summary{padding-top:1.9rem}
  .pg-item::after{left:-2rem}
  .pg-fatos{margin:1.8rem 0 2.6rem;padding:1.2rem 0;border-top:1px solid rgba(240,220,192,.16);border-bottom:1px solid rgba(240,220,192,.16)}
  .pg-item::after{width:120%}
  .pg-mais{width:2.5rem;height:2.5rem}
}
@media (min-width:981px) and (max-width:1240px){.pg-tit .f{font-size:clamp(2.4rem,1rem + 2.6vw,3.4rem)}}