/* ---------- Página de tratamento ---------- */
.trat-topo__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.trat-topo__frase { margin-top: 14px; font-family: var(--f-display); font-weight: 700; font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--gold); }
.trat-topo .lead { max-width: 60ch; }
.trat-topo__ba .ba__stage { aspect-ratio: var(--ar); max-height: 70vh; }
.trat-topo__foto { border: 1px solid var(--line-d); overflow: hidden; }
.trat-topo__foto img { width: 100%; height: auto; }

.trat-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); }
.trat-lista li { position: relative; padding: 12px 0 12px 30px; border-top: 1px solid var(--line-l); color: var(--text-l); font-size: 1.02rem; }
.trat-lista li:last-child { border-bottom: 1px solid var(--line-l); }
.trat-lista li::before { content: ''; position: absolute; left: 2px; top: 22px; width: 14px; height: 2px; background: var(--gold-deep); }
.trat-lista--check li::before { top: 17px; width: 13px; height: 7px; background: none; border-left: 2px solid var(--gold-deep); border-bottom: 2px solid var(--gold-deep); transform: rotate(-45deg); }

.journey--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.journey--4 .jstep p { color: var(--mute); font-size: .96rem; }
.trat-cuidados { margin-top: var(--sec-gap); padding: 16px 20px; border: 1px solid var(--line-d); color: var(--mute); }
.trat-cuidados b { color: var(--gold); }

.trat-galeria { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.trat-galeria .ba__stage { aspect-ratio: var(--ar); }
.trat-galeria__foto { background: var(--ink); border: 1px solid var(--line-d); }
.trat-galeria__foto img { width: 100%; height: auto; display: block; }
.trat-galeria__video { background: var(--ink); border: 1px solid var(--line-d); }
.trat-galeria__video .case__shot { aspect-ratio: 9 / 16; max-height: 560px; }
.trat-galeria__video .case__shot img { object-position: center top; }

.trat-artigo { margin-top: var(--sec-gap); font-weight: 600; }
.trat-artigo a { color: var(--gold-deep); }
.trat-outros { justify-content: center; }
.trat__corpo h3 a { color: inherit; text-decoration: none; }
.trat__corpo h3 a:hover { color: var(--gold); }

@media (max-width: 1024px) {
  .trat-topo__grid, .trat-info { grid-template-columns: minmax(0, 1fr); }
  .journey--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trat-galeria { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .journey--4, .trat-galeria { grid-template-columns: minmax(0, 1fr); }
}
/* fotos verticais: altura limitada, foto inteira (sem corte), centralizada no fundo escuro */
.trat-galeria .ba__stage { max-height: 480px; width: 100%; background: var(--ink); }
.trat-galeria .ba__stage .ba__img { object-fit: contain; }
.trat-galeria .ba__depois { background: var(--ink); }

/* ---------- Exemplos: cartões alinhados, mesma altura de mídia, etiqueta e título embaixo (padrão da home) ---------- */
.trat-galeria { align-items: stretch; }
.ex-card { display: flex; flex-direction: column; background: var(--ink); border: 1px solid var(--line-d); transition: border-color .3s, transform .35s var(--ease), opacity .8s var(--ease); min-width: 0; }
.ex-card:hover { border-color: var(--gold); transform: translateY(-4px); }
.ex-card__midia { position: relative; aspect-ratio: 16 / 10; background: var(--ink); overflow: hidden; }
.ex-card__midia > * { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.ex-card__ba { border: 0; }
.ex-card__ba .ba__stage { aspect-ratio: auto !important; height: 100%; max-height: none !important; }
.ex-card__ba .ba__stage .ba__img { object-fit: cover; }
/* rosto em foto vertical: inteiro, sem corte */
.ex-card__ba--retrato .ba__stage .ba__img { object-fit: contain; }
.ex-card__ba .ba__depois { background: var(--ink); }
.ex-card__foto img, .ex-card__video img { width: 100%; height: 100%; object-fit: contain; background: var(--ink); }
.ex-card__video.case__shot { aspect-ratio: auto; max-height: none; border: 0; }
.ex-card__corpo { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 18px 20px 20px; color: var(--white); }
.ex-card__corpo .tag { align-self: flex-start; margin: 0; }
.ex-card__corpo h3 { font-family: var(--f-display); font-weight: 700; font-size: 1.12rem; line-height: 1.25; margin: 0; }
.ex-card__titulo { all: unset; cursor: pointer; color: var(--white); }
.ex-card__titulo:hover, .ex-card__titulo:focus-visible { color: var(--gold); text-decoration: underline; }
.ex-card__corpo p { color: var(--mute); font-size: .9rem; }
.ex-card__video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--ink); }