/* ===== dúvidas (prefixo du-) ===== */
.du{interpolate-size:allow-keywords}
.du-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;column-gap:clamp(2rem,6vw,6rem);align-items:start}
.du-cab{grid-column:1;grid-row:1}
.du-apoio{margin-top:1.6rem;max-width:25em}
/* o telefone fecha a coluna, no pé da lista */
.du-resto{grid-column:1;grid-row:2;align-self:end;margin:2.4rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(36,26,18,.28);max-width:25rem;display:grid;gap:.5rem;font-size:.95rem;line-height:1.55;color:var(--tinta)}
.du-tel{font-size:clamp(2.1rem,3.3vw,3.3rem);text-decoration:none;display:inline-flex;align-items:center;min-height:3.25rem;white-space:nowrap;letter-spacing:-.015em;justify-self:start}
.du-tel:hover{color:var(--verde-tinta)}

/* a lista: a resposta direta fica na linha da pergunta; aberta, a lâmina vira luz */
.du-lista{grid-column:2;grid-row:1 / 3;border-top:1px solid rgba(36,26,18,.28)}
.du-item{position:relative;border-bottom:1px solid rgba(36,26,18,.28);transition:background .5s, box-shadow .5s, margin .5s var(--ease)}
.du-item[open]{z-index:1;margin:-1px calc(-1 * clamp(.9rem,1.6vw,1.6rem)) .9rem;border-bottom-color:transparent;border-radius:var(--raio);
  background:linear-gradient(180deg in oklab, #fffdf6 0%, var(--papel) 100%);box-shadow:0 34px 54px -36px rgba(36,26,18,.6), 0 0 0 1px rgba(36,26,18,.07)}
.du-item[open]::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:var(--raio) var(--raio) 0 0;
  background:linear-gradient(180deg in oklab, #6f8a7d 0%, #f1f7f2 45%, #7d9a8c 100%)}
.du-item summary{list-style:none;display:grid;grid-template-columns:2.2rem minmax(0,1fr) minmax(0,auto) 1.6rem;grid-template-areas:"n p c s";align-items:center;column-gap:1rem;
  min-height:5.4rem;padding:1.1rem 0;cursor:pointer;border-radius:var(--raio)}
.du-item[open] summary{grid-template-columns:2.2rem minmax(0,1fr) 1.6rem;grid-template-areas:"n p s" ". c c";row-gap:.5rem;padding:1.5rem clamp(.9rem,1.6vw,1.6rem) 1rem}
.du-item summary::-webkit-details-marker{display:none}
.du-item:not([open]) summary:hover .du-p{color:var(--verde-tinta)}
.du-n{grid-area:n;font-style:italic;font-size:1.3rem;color:var(--verde-tinta)}
.du-p{grid-area:p;font-family:var(--serifa);font-weight:300;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.1;letter-spacing:-.012em;transition:color .3s}
.du-c{grid-area:c;font-family:var(--serifa);font-style:italic;font-weight:400;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.2;color:var(--verde-tinta);text-align:right;max-width:15em;text-wrap:balance}
.du-item[open] .du-c{font-weight:300;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.05;letter-spacing:-.018em;text-align:left;max-width:none;padding-bottom:.2rem}
/* o sinal é uma persiana pequena: fechada (lâminas), aberta (fios) */
.du-sinal{grid-area:s;display:flex;gap:2px;width:1.6rem;height:1.25rem;justify-self:end;opacity:.8}
.du-sinal i{flex:1;background:var(--verde-tinta);transform-origin:0 50%;transform:scaleX(.72);transition:transform .55s var(--ease);transition-delay:calc(var(--i) * 40ms)}
.du-sinal i:nth-child(1){--i:0}.du-sinal i:nth-child(2){--i:1}.du-sinal i:nth-child(3){--i:2}.du-sinal i:nth-child(4){--i:3}.du-sinal i:nth-child(5){--i:4}
.du-item[open] .du-sinal i{transform:scaleX(.2)}
.du-r{padding:0 clamp(.9rem,1.6vw,1.6rem) 1.9rem calc(clamp(.9rem,1.6vw,1.6rem) + 3.2rem);font-size:var(--t-texto);line-height:1.68}
.du-r p{margin:0;max-width:34em}
.du-r a{text-underline-offset:.22em;text-decoration-thickness:1px;font-weight:500;display:inline-block;padding:.75rem 0;margin:-.75rem 0}
.du-planos{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.du-planos li{padding:.65rem 1.05rem;border-radius:2px;font-size:.95rem;line-height:1.2;
  background:linear-gradient(180deg in oklab, #f4f9f4 0%, var(--vidro-claro) 60%, var(--vidro) 100%);box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(51,72,62,.18)}
.du-fala{margin:1.1rem 0 0;padding-left:1.1rem;border-left:1px solid var(--verde-tinta);font-family:var(--serifa);font-style:italic;font-size:1.2rem;line-height:1.4;color:var(--tinta);max-width:28em}
.du-fala cite{display:block;margin-top:.35rem;font-family:var(--sem);font-style:normal;font-size:var(--t-mini);color:var(--tinta-suave)}
.du-item::details-content{block-size:0;overflow:clip;transition:block-size .55s var(--ease), content-visibility .55s allow-discrete}
.du-item[open]::details-content{block-size:auto}
@media (min-width:1200px){
  .du-item:not([open]) summary{grid-template-columns:2.2rem auto minmax(0,1fr) 1.6rem}
  .du-item:not([open]) .du-p{white-space:nowrap}
  .du-item:not([open]) .du-c{max-width:none}
}
@media (min-width:861px) and (max-width:1199px){
  .du-item summary{grid-template-columns:2.2rem minmax(0,1fr) 1.6rem;grid-template-areas:"n p s" ". c c";row-gap:.35rem}
  .du-c{text-align:left;max-width:none}
}
@media (max-width:860px){
  .du-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:2.2rem}
  .du-cab,.du-lista,.du-resto{grid-column:1;grid-row:auto}
  .du-lista{order:2}
  .du-resto{order:3;margin-top:.4rem;max-width:none}
  .du-item summary,.du-item[open] summary{grid-template-columns:1.5rem minmax(0,1fr) 1.6rem;grid-template-areas:"n p s" ". c c";row-gap:.3rem;column-gap:.6rem;min-height:4.6rem}
  .du-item summary{padding:1rem 0 1.05rem}
  .du-item[open] summary{padding:1.4rem .9rem .9rem}
  .du-item[open]{margin-inline:-.6rem}
  .du-n{font-size:1.1rem}
  .du-c{text-align:left;max-width:none;font-size:1.08rem}
  .du-item[open] .du-c{font-size:1.9rem}
  .du-r{padding:0 .9rem 1.6rem}
  .du-planos{display:grid;grid-template-columns:1fr 1fr}
}