/* ===== fq · Perguntas (parede areia) ===== */
.fq-dentro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.25rem,2.4vw,2.5rem);row-gap:clamp(2.5rem,5vw,4.5rem)}
.fq-topo{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:end;row-gap:0}
.fq-topo .wf-olho{grid-column:1/-1}
.fq-titulo{grid-column:1/8;padding-left:var(--recuo)}
.fq-apoio{grid-column:8/-1;max-width:25rem;padding-bottom:.5rem}

/* cada pergunta é um par: a dúvida na voz doce, a resposta curta na voz firme */
.fq-lista{grid-column:1/-1;border-bottom:1px solid var(--fio)}
.fq-item{border-top:1px solid var(--fio)}
.fq-pergunta{list-style:none;cursor:pointer;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.25rem,2.4vw,2.5rem);align-items:baseline;min-height:64px;padding:clamp(1.2rem,2vw,1.8rem) 0;padding-left:var(--recuo)}
.fq-pergunta::-webkit-details-marker{display:none}
.fq-duvida{grid-column:1/8;font-family:var(--f-serifa);font-style:italic;font-weight:270;font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.08;letter-spacing:-.02em;font-variation-settings:"opsz" 60;color:var(--tinta);text-wrap:balance;transition:color .3s}
.fq-curta{grid-column:8/12;font-family:var(--f-serifa);font-weight:800;font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.15;letter-spacing:-.012em;color:var(--tinta)}
.fq-pergunta:hover .fq-duvida,.fq-item[open] .fq-duvida{color:var(--caramelo-texto)}
/* o sinal é o fim da linha da casa: reta com ponta quadrada; aberta, aponta para a resposta */
.fq-sinal{grid-column:12;justify-self:end;align-self:center;position:relative;width:2rem;height:1rem;transition:transform .5s var(--curva)}
.fq-sinal::before{content:"";position:absolute;left:0;right:.4rem;top:50%;height:2px;margin-top:-1px;background:var(--caramelo-texto)}
.fq-sinal::after{content:"";position:absolute;right:0;top:50%;width:.5rem;height:.58rem;margin-top:-.29rem;background:var(--tinta)}
.fq-pergunta:hover .fq-sinal{transform:translateX(.35rem)}
.fq-item[open] .fq-sinal,.fq-item[open] .fq-pergunta:hover .fq-sinal{transform:rotate(90deg)}
.fq-item[open] .fq-pergunta{padding-bottom:clamp(.9rem,1.4vw,1.2rem)}

/* abrir com calma, onde o navegador permite */
.fq-lista{interpolate-size:allow-keywords}
.fq-item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .55s var(--curva),opacity .45s ease,content-visibility .55s allow-discrete}
.fq-item[open]::details-content{block-size:auto;opacity:1}

.fq-resposta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.25rem,2.4vw,2.5rem);row-gap:1.4rem;align-items:start;padding:.4rem 0 clamp(2rem,3.4vw,3rem) var(--recuo)}
.fq-fala{grid-column:1/8;max-width:36rem}
.fq-fala p{font-family:var(--f-serifa);font-size:clamp(1.3rem,2.05vw,1.9rem);line-height:1.28;letter-spacing:-.008em;font-variation-settings:"opsz" 36;color:var(--tinta);text-indent:-.42em}
.fq-fala footer{margin-top:.8rem;display:flex;align-items:center;gap:.7rem}
.fq-fala footer::before{content:"";width:1.4rem;height:1px;background:var(--caramelo-texto)}
.fq-mais{grid-column:8/12;display:grid;gap:.9rem;color:var(--tinta-suave)}
.fq-q{font-family:var(--f-serifa);font-style:italic;font-size:1.08em;color:var(--tinta)}

/* a nota de crise fecha a seção com peso próprio: a linha leva ao número */
.fq-crise{grid-column:1/-1;background:radial-gradient(ellipse 60% 90% at 88% 100% in oklab,#3a4426,transparent 70%),var(--oliva-noite);color:var(--marfim);--tinta-suave:var(--marfim-suave);--caramelo-texto:var(--palha-clara);border-radius:clamp(4rem,10vw,9rem) 0 0 0 / clamp(3.4rem,8vw,7rem) 0 0 0;padding:clamp(2rem,4vw,3.4rem) clamp(1.5rem,4vw,3.6rem) clamp(1.8rem,3.6vw,3.2rem) clamp(2.4rem,7vw,7rem);display:grid;gap:1.1rem}
.fq-crise-fala{display:grid;grid-template-columns:minmax(0,27rem) minmax(4rem,1fr) auto;align-items:end;column-gap:clamp(1rem,2.4vw,2.4rem);font-family:var(--f-serifa);font-size:var(--t-lead);line-height:1.3}
.fq-linha{height:clamp(2.6rem,5vw,4.2rem);margin-bottom:.5rem}
.fq-crise .wf-linha .wf-folha{fill:var(--palha-clara)}
.fq-crise-numero{font-weight:860;font-size:clamp(4rem,8.4vw,7.6rem);line-height:.74;letter-spacing:-.03em;font-variation-settings:"opsz" 60;color:var(--palha-clara);min-height:48px;display:inline-flex;align-items:flex-end;transition:color .3s}
.fq-crise-numero:hover{color:var(--marfim)}
.fq-crise :focus-visible{outline-color:var(--palha-clara)}

@media (max-width:1000px){
  .fq-titulo,.fq-apoio{grid-column:1/-1;padding-left:0}
  .fq-apoio{margin-top:1.4rem;padding-bottom:0}
  .fq-pergunta,.fq-resposta{padding-left:0}
  .fq-pergunta{grid-template-columns:minmax(0,1fr) 2rem;column-gap:1.2rem}
  .fq-duvida{grid-column:1}
  .fq-curta{grid-column:1;grid-row:2;margin-top:.55rem}
  .fq-sinal{grid-column:2;grid-row:1/3}
  .fq-fala,.fq-mais{grid-column:1/-1}
  .fq-duvida{font-weight:300}
  .fq-crise-fala{grid-template-columns:minmax(0,1fr) auto;row-gap:1.2rem}
  .fq-crise-texto{grid-column:1/-1}
  .fq-fala p{text-indent:0}
}
@media (max-width:640px){
  .fq-crise-fala{grid-template-columns:minmax(0,1fr)}
  .fq-crise-numero{justify-self:end;font-size:4.4rem}
  .fq-linha{margin-bottom:0}
}