/* ============================================================
   HOME — capítulos 3–5 (hero, faixa-prova e barra vivem em heroi.css)
   ============================================================ */

/* ---------- capítulos: lâminas editoriais empilhadas ---------- */
.ta-lams{background:var(--tg-fundo);padding:clamp(84px,11vw,150px) clamp(22px,5vw,72px);overflow:clip}
.ta-lams-cab{max-width:1180px;margin:0 auto clamp(40px,5.5vw,68px)}
.ta-lams-cab .ta-caps{color:rgba(55,50,42,.78)}
.ta-lams-sub{margin:12px 0 0;max-width:52ch;font-size:17px;color:rgba(55,50,42,.88)}
.ta-lamina{
  position:relative;max-width:1120px;margin:0 auto clamp(26px,3.6vw,44px);
  background:#fff;border:1px solid rgba(55,50,42,.18);box-shadow:12px 20px 0 rgba(55,50,42,.10);
  padding:clamp(26px,4vw,54px);
  display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(26px,4vw,60px);align-items:center;
  transition:opacity .7s ease .08s,transform .8s cubic-bezier(.22,1,.36,1) .08s;
}
.ta-lamina[data-k-revela]{transform:translateY(30px) rotate(var(--rot,0deg))}
.ta-lamina.k-in{transform:rotate(0deg)}
.ta-lamina.k-in:hover,.ta-lamina.k-in:focus-within{transform:translateY(-4px)}
.ta-lamina--b{width:93%;margin-right:0}
.ta-lamina--c{width:96%;margin-left:2%}
.ta-lamina--flip{grid-template-columns:.88fr 1.12fr}
.ta-lamina--flip .ta-lam-txt{order:2}
.ta-lamina--flip .ta-lam-foto{order:1}
.ta-lam-n{margin:0 0 14px;font:600 12px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(55,50,42,.72)}
.ta-lam-f{margin:0 0 16px;font-family:var(--tg-f-titulo);font-weight:600;font-size:clamp(42px,6.2vw,84px);line-height:1.02;letter-spacing:-.015em}
.ta-lam-f em{font-style:italic;color:var(--tg-acento);background:linear-gradient(transparent 64%,rgba(217,196,154,.55) 64%)}
.ta-lam-p{margin:0 0 10px;font-size:16.5px;line-height:1.6;max-width:46ch;color:rgba(55,50,42,.92)}
.ta-lam-txt .ta-lnk{margin-top:14px}
.ta-lam-foto{margin:0;border:1px solid var(--tg-tinta);box-shadow:12px 18px 0 rgba(55,50,42,.22);background:var(--tg-apoio)}
.ta-lam-img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ta-lam-cap{padding:10px 2px 0;font-size:13px;color:rgba(55,50,42,.72);border-top:0}
@media (max-width:900px){
  .ta-lamina,.ta-lamina--flip{grid-template-columns:1fr;width:100%;margin-left:auto;margin-right:auto}
  .ta-lamina--flip .ta-lam-txt{order:0}
  .ta-lamina--flip .ta-lam-foto{order:1}
  .ta-lam-foto{margin-top:10px}
}

/* ---------- missão — cor cheia oliva, a palavra é a matéria ---------- */
.ta-missao{position:relative;overflow:hidden;background:var(--tg-acento);color:var(--tg-fundo);padding:clamp(96px,13vw,180px) clamp(22px,5vw,72px)}
.ta-missao-in{max-width:1000px;margin:0 auto}
.ta-missao-t{margin:26px 0 0;font-family:var(--tg-f-titulo);font-weight:500;font-style:italic;font-size:clamp(32px,5.2vw,62px);line-height:1.18;max-width:21ch}
.ta-missao .ta-firma{margin-top:36px}
.ta-missao .ta-firma-nome{color:var(--tg-fundo)}
.ta-missao .ta-firma-traco{color:var(--tg-luz)}

/* ---------- onde fica o consultório? ---------- */
.ta-onde{background:var(--tg-apoio);padding:clamp(84px,11vw,150px) clamp(22px,5vw,72px);position:relative}
.ta-onde-in{max-width:1180px;margin:0 auto}
.ta-onde .ta-caps{color:rgba(55,50,42,.78)}
.ta-onde h2{margin:14px 0;font-family:var(--tg-f-titulo);font-weight:600;font-size:clamp(34px,4.6vw,56px);line-height:1.06;letter-spacing:-.01em}
.ta-onde-lead{margin:0;max-width:56ch;font-size:17px}
.ta-onde-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(22px,3.5vw,48px);margin-top:clamp(34px,4.5vw,56px);align-items:start}
.ta-gal-h{margin:0}
.ta-gal-h-img{width:100%;border:1px solid var(--tg-tinta)}
.ta-gal-tiras{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vw,14px);margin-top:clamp(8px,1.4vw,14px)}
.ta-gal-tiras figure{margin:0}
.ta-gal-t-img{width:100%;aspect-ratio:3/5;object-fit:cover;border:1px solid var(--tg-tinta)}
.ta-tour-moldura{border:1px solid var(--tg-tinta);background:var(--tg-tinta);box-shadow:14px 22px 0 rgba(55,50,42,.22)}
.ta-tour-vid{display:block;width:100%;height:auto;aspect-ratio:9/16}
.ta-tour-cap{margin:14px 2px 0;font-size:14px;color:rgba(55,50,42,.78)}
.ta-end{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(26px,4vw,64px);margin-top:clamp(40px,5vw,64px);padding-top:clamp(26px,3.5vw,40px);border-top:1px solid rgba(55,50,42,.28)}
.ta-end-p{margin:10px 0 14px;font-size:16px;line-height:1.7}
.ta-end-p a{text-underline-offset:3px}
.ta-hor{margin-top:10px;border-collapse:collapse}
.ta-hor td{padding:5px 0;font-size:15.5px;vertical-align:top}
.ta-hor td+td{padding-left:22px;text-align:right;white-space:nowrap}
.ta-cafe{margin:clamp(36px,4.5vw,52px) 0 0;border-left:3px solid var(--tg-acento);padding:2px 0 2px 18px;max-width:660px}
.ta-cafe p{margin:0;font-size:15.5px}
@media (max-width:900px){
  .ta-onde-grid{grid-template-columns:1fr}
  .ta-tour{max-width:340px}
}
@media (max-width:640px){
  .ta-end{grid-template-columns:1fr}
  .ta-tour{max-width:100%}
}