/* fq · Perguntas frequentes (#duvidas, papel sálvia) — acordeão; o ícone é um braço que sobe ao abrir */

.fq-sec{interpolate-size:allow-keywords}
.fq-grade{display:grid;grid-template-columns:minmax(240px, 320px) minmax(0, 1fr);grid-template-areas:"cab cab" "lado lista";gap:clamp(40px, 5vw, 72px) clamp(40px, 7vw, 120px)}
.fq-cab{grid-area:cab;max-width:820px}
.fq-cab .wf-titulo em{white-space:nowrap}
@media (max-width:520px){.fq-cab .wf-titulo em{white-space:normal}}
.fq-lado{grid-area:lado;align-self:start;position:sticky;top:32px}
.fq-lista{grid-area:lista;min-width:0}

/* ---------- coluna da gravura ---------- */
.fq-gravura{position:relative;width:min(100%, 240px);aspect-ratio:1;color:var(--tinta-papel)}
.fq-gravura::before{content:"";position:absolute;inset:0;border-radius:50%;color:rgba(20,44,72,.4);
  background:conic-gradient(from 0deg, currentColor 0 113deg, transparent 113deg 122deg, currentColor 122deg 292deg, transparent 292deg 302deg, currentColor 302deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px));mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px))}
.fq-gravura::after{content:"";position:absolute;inset:6%;border-radius:50%;z-index:-1;background:radial-gradient(circle closest-side, rgba(244,245,250,.8), rgba(244,245,250,0))}
.fq-svg{position:absolute;inset:4%;width:92%;height:92%;overflow:visible}
.fq-osso-p{fill:var(--tinta-papel)}
.fq-g-esc{transform-box:view-box;transform-origin:600px 405px;transition:transform 1.2s var(--curva-articula)}
.fq-g-hum{transform-box:view-box;transform-origin:420px 365px;transition:transform 1.2s var(--curva-articula)}
.fq-ok .fq-osso{display:none}
.fq-osso{position:absolute;inset:11%;background:var(--tinta-papel);
  -webkit-mask:url(../img/osso-escapula-umero.svg) center/contain no-repeat;mask:url(../img/osso-escapula-umero.svg) center/contain no-repeat}
.fq-lado-leg{margin:14px 0 0;font-size:.72rem;color:var(--tinta-papel-fina);max-width:24em;line-height:1.5}
.fq-lado-tit{margin:28px 0 0;font-weight:800;font-variation-settings:"wdth" 78;font-size:1.6rem;line-height:1.05}
.fq-lado-txt{margin:10px 0 0;font-size:1rem;line-height:1.55;color:var(--tinta-papel-suave);max-width:24em}
.fq-zap{margin-top:20px}

/* ---------- grupos ---------- */
.fq-grupo + .fq-grupo{margin-top:clamp(36px, 4vw, 56px)}
.fq-grupo-tit{margin:0 0 6px;font-size:.76rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--salvia-escura)}
.fq-grupo-tit span{color:var(--tinta-papel-fina);margin-right:6px}

/* ---------- item ---------- */
.fq-item{border-bottom:1px solid var(--papel-fio)}
.fq-grupo-tit + .fq-item{border-top:1px solid var(--papel-fio)}
.fq-perg{list-style:none;display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:12px;padding:20px 0;min-height:64px;cursor:pointer}
.fq-perg::-webkit-details-marker{display:none}
.fq-n{font-size:.74rem;color:var(--tinta-papel-fina)}
.fq-q{font-weight:650;font-variation-settings:"wdth" 88;font-size:clamp(1.1rem, 1rem + .4vw, 1.32rem);line-height:1.25;color:var(--tinta-papel);text-wrap:balance}
.fq-perg:hover .fq-q{color:var(--marinho)}

/* o ícone: o aro do logo (duas falhas) com um pequeno úmero que sobe ao abrir */
.fq-ic{position:relative;width:38px;height:38px;justify-self:end;border-radius:50%;transition:background .45s var(--curva)}
.fq-ic::after{content:"";position:absolute;inset:0;border-radius:50%;color:rgba(20,44,72,.38);
  background:conic-gradient(from 0deg, currentColor 0 113deg, transparent 113deg 132deg, currentColor 132deg 292deg, transparent 292deg 312deg, currentColor 312deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px));mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px))}
.fq-ic::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--tinta-papel);z-index:1}
.fq-ic i{position:absolute;left:calc(50% - .75px);top:50%;width:1.5px;height:14px;background:var(--tinta-papel);border-radius:2px;transform-origin:50% 0;transition:transform .8s var(--curva-articula)}
.fq-perg:hover .fq-ic i{transform:rotate(18deg)}
.fq-item[open] .fq-ic{background:var(--tinta-papel)}
.fq-item[open] .fq-ic::after{color:var(--tinta-papel)}
.fq-item[open] .fq-ic::before{background:var(--papel)}
.fq-item[open] .fq-ic i{background:var(--papel);transform:rotate(150deg)}

/* abertura animada (navegadores com ::details-content) */
.fq-item::details-content{height:0;overflow:clip;opacity:0;transition:height .55s var(--curva), opacity .45s ease, content-visibility .55s allow-discrete}
.fq-item[open]::details-content{height:auto;opacity:1}
.fq-resp{position:relative;padding:0 52px 26px 68px}
.fq-resp::before{content:"";position:absolute;left:3px;top:-14px;bottom:30px;width:1px;background:linear-gradient(180deg, var(--salvia-escura), transparent);opacity:.6}
.fq-item{transition:background .5s var(--curva);scroll-margin-top:96px}
.fq-fonte{margin:12px 0 0 !important;font-size:.72rem !important;color:var(--tinta-papel-fina) !important;letter-spacing:.05em}
.fq-conta{margin:16px 0 0;font-size:.74rem;color:var(--salvia-escura);letter-spacing:.06em}
.fq-conta b{font-weight:500;color:var(--tinta-papel);display:inline-block;min-width:1.2ch;text-align:right}
.fq-item[open]{background:linear-gradient(90deg, rgba(244,245,250,0), rgba(244,245,250,.55) 14%, rgba(244,245,250,.55) 86%, rgba(244,245,250,0))}
.fq-item[open] .fq-n{color:var(--salvia-escura)}
.fq-resp p{margin:0;font-size:1.04rem;line-height:1.66;color:var(--tinta-papel-suave);max-width:38em;text-wrap:pretty}
.fq-resp a{color:var(--tinta-papel);font-weight:600;text-underline-offset:3px;text-decoration-color:var(--azul-bordado)}

/* ---------- tablet e celular ---------- */
@media (max-width:900px){
  .fq-grade{grid-template-columns:1fr;grid-template-areas:"cab" "lista" "lado"}
  .fq-lado{position:static;display:grid;grid-template-columns:110px 1fr;gap:4px 22px;align-items:center;padding-top:8px}
  .fq-gravura{grid-row:1 / span 3;width:110px}
  .fq-lado-leg{display:none}
  .fq-lado-tit{margin:0}
  .fq-lado-txt{margin:0}
  .fq-zap{grid-column:1 / -1;margin-top:18px;justify-self:start}
  .fq-conta{display:none}
}
@media (max-width:520px){
  .fq-perg{grid-template-columns:1fr 36px;gap:4px 12px;padding:18px 0}
  .fq-n{grid-column:1;grid-row:1;font-size:.72rem}
  .fq-q{grid-column:1;grid-row:2}
  .fq-ic{grid-column:2;grid-row:1 / span 2}
  .fq-resp{padding:0 0 22px 16px}
  .fq-resp::before{left:0}
  .fq-lado{grid-template-columns:110px 1fr;gap:4px 16px}
  .fq-gravura{width:110px}
  .fq-conta{display:none}
  .fq-zap{width:100%;justify-content:center}
}