/* ===== seção duvidas (claro) · prefixo du- ===== */
#duvidas{--du-corpo:max(1.125rem,var(--t-corpo));padding:var(--secao-y) var(--b-borda);overflow:clip}
#duvidas .du-grade{max-width:84rem;margin:0 auto}

/* cabeçalho */
#duvidas .du-cab{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.6rem clamp(1.5rem,3vw,4rem);align-items:end}
#duvidas .du-cab-titulo{grid-column:1 / span 7}
#duvidas .du-apoio{grid-column:8 / span 5;font-size:var(--du-corpo);line-height:1.55;color:var(--tinta-2);max-width:30rem;margin:0 0 .5rem}
#duvidas .du-rot{margin:0 0 1.4rem;font-size:max(.75rem,var(--b-t-mono))}
#duvidas .du-titulo{font-family:var(--b-f-titulo);font-size:var(--t-secao);line-height:1.04;letter-spacing:-.02em;margin:0;font-weight:300}
#duvidas .du-titulo span{display:block}
#duvidas .du-forte{font-weight:700}

/* a tira de traçado (o gesto da seção): um traço só que termina no coração do logo */
#duvidas .du-tira-faixa{margin:clamp(2.5rem,5vw,4.5rem) 0 0;position:relative}
#duvidas .du-tira-faixa::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,var(--grade-clara) 0 1px,transparent 1px 5px),
  repeating-linear-gradient(0deg,var(--grade-clara) 0 1px,transparent 1px 5px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);opacity:.7}
#duvidas .du-tira{position:relative;display:block;width:100%;height:70px}
#duvidas .du-tira path{fill:none;stroke:var(--traco-claro);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.js #duvidas .du-tira path{stroke-dasharray:1;stroke-dashoffset:1}
.js #duvidas .du-tira.surgiu path{transition:stroke-dashoffset 4.2s cubic-bezier(.35,.1,.4,1) .2s;stroke-dashoffset:0}
#duvidas .du-escala{display:flex;justify-content:space-between;margin:0;padding:.7rem 0 0;border-top:1px solid var(--areia-3);font-family:var(--b-f-mono);font-size:max(.75rem,var(--b-t-mono));letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-txt)}

/* a ficha: 01 em painel escuro à esquerda, as outras em células de laudo */
#duvidas .du-lista{list-style:none;margin:clamp(1.8rem,3vw,2.6rem) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.5fr) minmax(0,3.5fr);grid-auto-rows:auto}
#duvidas .du-item{padding:1.7rem clamp(1.2rem,2.2vw,2.2rem) 2rem;border-top:1px solid var(--areia-3);min-width:0}
#duvidas .du-item:nth-child(2),#duvidas .du-item:nth-child(3),#duvidas .du-item:nth-child(5),#duvidas .du-item:nth-child(6){padding-left:0}
#duvidas .du-item:nth-child(4),#duvidas .du-item:nth-child(7){border-left:1px solid var(--areia-3)}
#duvidas .du-largo{grid-column:2 / span 2}
#duvidas .du-meta{margin:0 0 .8rem;font-family:var(--b-f-mono);font-size:max(.75rem,var(--b-t-mono));letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-txt)}
#duvidas .du-num{color:var(--tinta);margin-right:.55rem}
#duvidas .du-perg{font-family:var(--b-f-titulo);font-weight:400;font-size:clamp(1.12rem,1rem + .4vw,1.35rem);line-height:1.25;color:var(--tinta-2);margin:0 0 .65rem}
#duvidas .du-resp p{margin:0}
#duvidas .du-valor{font-weight:300;font-size:clamp(1.5rem,1.15rem + 1.05vw,2.15rem);line-height:1.14;letter-spacing:-.015em;color:var(--tinta)}
#duvidas .du-valor b{font-weight:700}
#duvidas .du-nota{margin-top:.9rem !important;font-size:var(--du-corpo);line-height:1.5;color:var(--tinta-2)}

/* 01 · painel escuro (o momento de ação) */
#duvidas .du-marcar{grid-column:1;grid-row:1 / span 4;margin-right:clamp(1rem,2vw,2rem);border:0;border-radius:6px;background:var(--tinta);color:var(--b-creme);padding:clamp(1.6rem,2.6vw,2.6rem);display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}
#duvidas .du-marcar::before{content:"";position:absolute;inset:0;z-index:-1;background:
  repeating-linear-gradient(90deg,var(--grade-escura) 0 1px,transparent 1px 5px),
  repeating-linear-gradient(0deg,var(--grade-escura) 0 1px,transparent 1px 5px),
  radial-gradient(120% 80% at 0% 0% in oklab,var(--b-petroleo),transparent 70%);
  -webkit-mask:linear-gradient(to bottom,#000,transparent 85%);mask:linear-gradient(to bottom,#000,transparent 85%)}
#duvidas .du-marcar .du-meta{color:var(--b-ouro)}
#duvidas .du-marcar .du-num{color:var(--b-creme)}
#duvidas .du-marcar .du-perg{font-weight:300;font-size:clamp(2rem,1.4rem + 2vw,3.3rem);line-height:1.04;letter-spacing:-.02em;color:var(--b-creme);margin:0 0 auto;padding-bottom:2rem}
#duvidas .du-marcar .du-resp{display:flex;flex-direction:column}
#duvidas .du-canal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.35rem 1rem;padding:1.15rem 0;border-top:1px solid rgba(201,171,120,.3);color:var(--b-creme);text-decoration:none}
#duvidas .du-canal-num{grid-column:1 / -1}
#duvidas .du-canal-rot{display:flex;align-items:center;gap:.5rem;font-family:var(--b-f-mono);font-size:max(.75rem,var(--b-t-mono));letter-spacing:.16em;text-transform:uppercase;color:var(--b-ouro)}
#duvidas .du-canal-rot svg{width:1rem;height:1rem;fill:currentColor}
#duvidas .du-canal-num{font-weight:700;font-size:clamp(1.6rem,1.15rem + 1.5vw,2.6rem);letter-spacing:-.015em;white-space:nowrap;line-height:1.05}
#duvidas .du-canal-acao{font-size:.95rem;color:var(--b-texto-2);justify-self:end;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
#duvidas .du-canal:hover .du-canal-acao{color:var(--b-creme);border-bottom-color:var(--b-ouro)}
#duvidas .du-canal:focus-visible{outline:2px solid var(--b-ouro);outline-offset:4px}
#duvidas .du-marcar-nota{padding-top:1.15rem;border-top:1px solid rgba(201,171,120,.3);font-size:var(--du-corpo);color:var(--b-texto-2)}
#duvidas .du-marcar-nota b{color:var(--b-creme);font-weight:600}

#duvidas .du-marcar-cor{display:block;width:min(62%,15rem);margin:auto;padding:1rem 0 2.2rem;overflow:visible}
#duvidas .du-marcar-cor path{fill:none;stroke:var(--b-ouro);stroke-width:.022;stroke-linecap:round;stroke-linejoin:round;opacity:.55}

/* 02 · semana */
#duvidas .du-semana{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}
#duvidas .du-semana li{display:flex;flex-direction:column;gap:.45rem}
#duvidas .du-semana span{font-family:var(--b-f-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-txt)}
#duvidas .du-semana i{display:block;height:8px;border-radius:2px;border:1px dashed var(--areia-3)}
#duvidas .du-semana .du-dia-on span{color:var(--tinta)}
#duvidas .du-semana .du-dia-on i{background:var(--traco-claro);border:0}

/* 04 · idiomas */
#duvidas .du-linguas{display:flex;flex-wrap:wrap;gap:.1rem .9rem}
#duvidas .du-linguas span:nth-child(2){font-weight:700}

/* 05 · pagamento */
#duvidas .du-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}
#duvidas .du-chips li{padding:.55rem 1.05rem;border:1px solid var(--areia-3);border-radius:999px;font-size:1.1rem;color:var(--tinta);background:color-mix(in oklab, var(--papel) 55%, #fffaf3)}

/* 06 · exames */
#duvidas .du-lin{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.3rem}
#duvidas .du-lin li{font-size:var(--du-corpo);color:var(--tinta);padding-left:1rem;border-left:2px solid var(--b-ouro)}

@media (max-width:1180px) and (min-width:981px){
  #duvidas .du-canal-num{font-size:clamp(1.5rem,.4rem + 1.7vw,2rem)}
  #duvidas .du-lista{grid-template-columns:minmax(0,4.4fr) minmax(0,3.8fr) minmax(0,3.8fr)}
}
@media (max-width:980px){
  #duvidas .du-cab{display:block}
  #duvidas .du-apoio{margin-top:1.6rem}
  #duvidas .du-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  #duvidas .du-marcar{grid-column:1 / -1;grid-row:auto;margin:0 0 1.5rem}
  #duvidas .du-marcar .du-perg{margin-bottom:0}
  #duvidas .du-marcar-cor{display:none}
  #duvidas .du-largo{grid-column:1 / -1}
}
@media (max-width:620px){
  #duvidas{padding-bottom:calc(var(--secao-y) + 90px)}
  #duvidas .du-lista{grid-template-columns:minmax(0,1fr)}
  #duvidas .du-item:not(.du-marcar){border-left:0;padding:1.5rem 0 1.7rem}
  #duvidas .du-marcar{padding:1.6rem 1.3rem 1.4rem;margin-bottom:1rem}
  #duvidas .du-canal-acao{display:none}
  #duvidas .du-semana span{font-size:.75rem;letter-spacing:.04em}
}
@media (prefers-reduced-motion:reduce){
  .js #duvidas .du-tira path{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
}