/* VII · Dúvidas — a pergunta aberta acende */
.du{max-width:1680px;margin:0 auto;padding:clamp(72px,11vh,140px) var(--margem) 0}
.du-grade{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;gap:0 clamp(28px,5vw,96px);align-items:start}
.du-cabeca{grid-column:1;grid-row:1}
.du-lista{grid-column:2;grid-row:1 / span 2}
.du-outra{grid-column:1;grid-row:2 / span 2;align-self:end}
.du-aviso{grid-column:2;grid-row:3}
.du-rotulo{margin:0 0 18px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--tinta-suave)}
.du-rom{font-family:var(--f-serifa);font-weight:600;color:var(--camelo);letter-spacing:.06em}
.du-titulo{margin:0;font-family:var(--f-serifa);font-weight:500;font-size:clamp(30px,3.4vw,54px);line-height:1.04;letter-spacing:-.018em;color:var(--tinta)}
.du-linha{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.du-linha>span{display:inline-block;text-wrap:balance}
.du-linha-2{color:var(--camelo)}
.du-apoio{margin:18px 0 0;max-width:40ch;color:var(--tinta-suave);text-wrap:pretty}
.du-chave{margin:clamp(26px,3vw,40px) 0 0;padding:0;border-top:1px solid var(--linha)}
.du-chave div{display:grid;grid-template-columns:8.2em minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--linha);align-items:baseline}
.du-chave dt{font-family:var(--f-serifa);font-weight:600;font-size:clamp(16px,1.15vw,18px);color:var(--cafe)}
.du-chave dt .du-n{display:inline-block;min-width:1.7em}
.du-chave dd{margin:0;font-size:var(--t-mini);color:var(--tinta-suave)}
.du-link-frentes{margin-top:6px}
.du-outra{margin-top:clamp(28px,3vw,40px);padding:clamp(24px,2.4vw,36px);background:linear-gradient(160deg in oklab,#2b1f19,var(--cafe));color:var(--creme);position:relative;overflow:hidden}
.du-outra::before{content:"";position:absolute;left:0;top:0;height:2px;width:72px;background:#d2a77f}
.du-outra-t{margin:0;font-family:var(--f-serifa);font-weight:500;font-size:clamp(22px,1.9vw,30px);line-height:1.15;color:var(--creme)}
.du-outra-p{margin:10px 0 18px;color:#d8c8b8;font-size:var(--t-mini);max-width:36ch}
.du-zap{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:var(--creme);color:var(--cafe);
  text-decoration:none;font-weight:600;font-size:15px;transition:background .3s,transform .3s var(--facil)}
.du-zap svg{width:19px;height:19px;fill:currentColor}
.du-zap:hover{background:#fff;transform:translateY(-1px)}
.du-link{display:inline-flex;align-items:center;min-height:48px;font-weight:600;font-size:15px;color:var(--cafe);text-decoration:underline;
  text-decoration-color:color-mix(in oklab, var(--camelo) 60%, transparent);text-underline-offset:5px}
.du-link::after{content:"→";margin-left:8px;color:var(--camelo)}

.du-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.du-item{position:relative;border-bottom:1px solid var(--linha);transition:background-color .8s ease}
.du-item.du-aberta{background:color-mix(in oklab, var(--areia) 42%, transparent)}
@media (min-width:901px){.du-lista.du-tem .du-item:not(.du-aberta) .du-q button{color:color-mix(in oklab, var(--tinta-suave) 72%, transparent)}
.du-lista.du-tem .du-item:not(.du-aberta) .du-q button:hover{color:var(--tinta)}}
.du-w{white-space:nowrap}
.js .du-visto .du-item.du-aberta .du-c{animation:du-acende .6s ease both;animation-delay:calc(var(--i) * 18ms)}
@keyframes du-acende{from{color:color-mix(in oklab, var(--tinta-suave) 55%, transparent)}to{color:var(--tinta)}}
.du-q{margin:0;font:inherit}
.du-q button{appearance:none;border:0;background:none;font:inherit;color:var(--tinta-suave);cursor:pointer;width:100%;text-align:left;
  display:grid;grid-template-columns:3.2em minmax(0,1fr) auto 22px;align-items:baseline;gap:12px;padding:clamp(18px,1.8vw,26px) clamp(12px,1.4vw,22px);min-height:60px;transition:color .4s}
.du-num{font-family:var(--f-texto);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--tinta-suave);transition:color .4s}
.du-q-txt{font-family:var(--f-serifa);font-weight:500;font-size:clamp(19px,1.6vw,26px);line-height:1.25;text-wrap:balance}
.du-quem{grid-column:3;font-size:12.5px;letter-spacing:.04em;color:var(--tinta-suave);white-space:nowrap;align-self:center;opacity:.8}
.du-quem b{font-family:var(--f-serifa);font-weight:600;color:var(--camelo);margin-right:3px}
.du-sinal{grid-column:4;position:relative;width:16px;height:16px;align-self:center}
.du-sinal::before,.du-sinal::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:var(--camelo);transition:transform .5s var(--facil)}
.du-sinal::after{transform:rotate(90deg)}
.du-q button:hover{color:var(--tinta)}
.du-w{white-space:nowrap}
.js .du-visto .du-item.du-aberta .du-c{animation:du-acende .6s ease both;animation-delay:calc(var(--i) * 18ms)}
@keyframes du-acende{from{color:color-mix(in oklab, var(--tinta-suave) 55%, transparent)}to{color:var(--tinta)}}
.du-q button[aria-expanded="true"]{color:var(--tinta)}
.du-q button[aria-expanded="true"] .du-num{color:var(--camelo)}
.du-q button[aria-expanded="true"] .du-sinal::after{transform:rotate(0)}
.du-q button:focus-visible{outline:2px solid var(--camelo);outline-offset:2px}

.du-r-in{padding:0 clamp(12px,1.4vw,22px) clamp(22px,2.2vw,32px) calc(3.2em + 12px + clamp(12px,1.4vw,22px));max-width:calc(68ch + 6em)}
.du-r-in p{margin:0 0 .6em;color:var(--tinta);font-size:clamp(16px,1.15vw,18px);line-height:1.55;text-wrap:pretty}
.du-r-in p.du-area{margin-top:10px;font-size:var(--t-mini);font-weight:600;color:var(--cafe)}
.du-r-in p.du-area,.du-r-in .du-link{font-size:var(--t-mini)}
.du-n{font-family:var(--f-serifa);font-weight:600;color:var(--camelo);margin-right:4px}

/* barra de tempo da pergunta aberta (como no hero) */
.du-tempo{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.du-tempo i{display:block;height:100%;background:var(--camelo);transform:scaleX(0);transform-origin:left;transition:transform 0s}
.du-visto .du-item.du-aberta .du-tempo i,html:not(.js) .du-item.du-aberta .du-tempo i{transform:scaleX(1);transition:transform 1.4s var(--facil) .1s}

.du-aviso{margin:22px 0 0;padding-left:calc(3.2em + 12px + clamp(12px,1.4vw,22px));font-size:var(--t-mini);color:var(--tinta-suave);display:flex;align-items:center;gap:12px}
.du-aviso::before{content:"";width:28px;height:1px;background:var(--camelo);flex:none}

/* acordeão (só com JS; sem JS, tudo aberto) */
.js .du-r{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .7s var(--facil),visibility 0s linear .7s}
.js .du-dobra{min-height:0;overflow:hidden}
.js .du-item.du-aberta .du-r{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .7s var(--facil),visibility 0s}
.js .du-r-in{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}
.js .du-item.du-aberta .du-r-in{opacity:1;transform:none;transition:opacity .8s ease .2s,transform 1s var(--facil) .2s}

@media (max-width:900px){
  .du-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .du-cabeca{margin-bottom:28px}
  .du-cabeca,.du-lista,.du-outra,.du-aviso{grid-column:1;grid-row:auto}
  .du-cabeca{order:1}.du-lista{order:2}.du-aviso{order:3;padding-left:14px}.du-outra{order:4;margin-top:32px}
  .du-chave div{grid-template-columns:minmax(0,1fr);gap:2px}
  .du-chave dd{padding-left:1.95em}
  .du-chave dt .du-n{min-width:1.9em}
  .du-q button{grid-template-columns:minmax(0,1fr) 18px;gap:4px 12px;padding:18px 14px}
  .du-num{grid-column:1 / -1;grid-row:1}
  .du-q-txt{grid-column:1;grid-row:2}
  .du-sinal{grid-column:2;grid-row:2}
  .du-quem{display:none}
  .du-r-in{padding:0 14px 20px}
  .du-aviso{margin-top:18px}
}

/* entrada */
.js .du:not(.du-visto) .du-linha>span{transform:translateY(105%)}
.js .du .du-linha>span{transition:transform 1.1s var(--facil)}
.js .du .du-linha-2>span{transition-delay:.18s}
.js .du:not(.du-visto) .du-apoio,.js .du:not(.du-visto) .du-outra,.js .du:not(.du-visto) .du-lista{opacity:0;transform:translateY(22px)}
.js .du .du-apoio,.js .du .du-outra,.js .du .du-lista{transition:opacity 1s ease .3s,transform 1.2s var(--facil) .3s}