/* "Funciona para mim?" — a grade de casos que o alinhador resolve.
   Vive nas quatro LPs de alinhador da Camila (/, /invisalign/,
   /dentista-zona-sul/ e /problema/), por isso mora fora do problema.css.
   Os modelos 3D vêm da LP do Dr. Juliano Slongo e a descrição de cada caso,
   da página /problema/ do Dr. João Quirino.
   Usa as variáveis do manual de marca definidas em styles.css. */

/* ── funciona para mim: arcadas em modelo 3D ──────────────────────
   Uma seção só de problema: a grade do Slongo carregando a descrição de
   cada caso, que antes vivia numa segunda seção escura logo acima. */
.arcadas__lead{text-align:center;max-width:58ch;margin:1.1rem auto 0}
.arcadas__lead--curta{margin-top:.8rem;font-weight:600;color:var(--gold-2)}
.arcadas{list-style:none;display:grid;grid-template-columns:1fr;
  gap:clamp(14px,2vw,22px);margin-top:clamp(34px,4.4vw,52px)}
@media(min-width:620px){.arcadas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.arcadas{grid-template-columns:repeat(3,1fr)}}
.arcada{display:flex;flex-direction:column;
  padding:clamp(16px,2vw,24px) clamp(16px,2vw,24px) clamp(20px,2.4vw,28px);
  border:1px solid var(--line-2);border-radius:16px;
  background:linear-gradient(165deg,var(--paper),var(--paper-2));
  transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .55s var(--ease)}
.arcada:hover{transform:translateY(-6px);border-color:var(--gold);
  box-shadow:0 24px 46px -24px rgba(75,73,57,.34)}
/* Modelo 3D tem fundo transparente: nada de `cover`, que cortaria a arcada. */
.arcada img{width:100%;max-width:300px;margin:0 auto;height:auto;
  transition:transform .7s var(--ease)}
.arcada:hover img{transform:scale(1.04)}
.arcada__texto{margin-top:clamp(12px,1.6vw,18px);padding-top:clamp(12px,1.6vw,18px);
  border-top:1px solid var(--line)}
.arcada h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.18rem,1.7vw,1.38rem);
  color:var(--ink);line-height:1.15;margin-bottom:.45rem}
.arcada p{color:var(--muted);font-size:.98rem;line-height:1.6}
.arcada__tecnico{display:inline-block;margin-top:.85rem;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;font-weight:600;color:var(--gold-2)}
.arcadas__nota{text-align:center;margin-top:clamp(30px,4vw,44px);
  color:var(--muted);font-size:.95rem;max-width:52ch;margin-left:auto;margin-right:auto}
.arcadas__cta{text-align:center;margin-top:clamp(28px,3.4vw,40px)}