/* ============================================================
   LOTE 2 — páginas microagulhamento-facial + perfil
   Formas destas páginas e estilos dos componentes
   compartilhados que elas usam. Prefixo do site: ta-
   Paleta: só tokens do tema. Playfair sempre ≥ 32px.
   ============================================================ */

/* ---------- base local ---------- */
.ta-wrap{max-width:1180px;margin:0 auto;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}
.ta-h2{font-family:var(--tg-f-titulo);font-weight:600;font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-.01em;margin:14px 0 18px;max-width:24ch;overflow-wrap:break-word}
.ta-lead2{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:rgba(55,50,42,.9);max-width:58ch}
.ta-lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 15px/1.35 var(--tg-f-texto);color:var(--tg-tinta);text-decoration:none;border-bottom:2px solid var(--tg-luz)}
.ta-lnk:hover{border-bottom-color:var(--tg-acento)}
.ta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:12px;background:var(--tg-tinta);color:var(--tg-fundo);font:600 15.5px/1 var(--tg-f-texto);text-decoration:none;box-shadow:8px 8px 0 rgba(55,50,42,.15);transition:transform .18s ease,box-shadow .18s ease}
.ta-btn:hover{transform:translateY(-2px);box-shadow:10px 12px 0 rgba(55,50,42,.18)}

/* ---------- hero interno ---------- */
.ta-ph{position:relative;overflow:clip;background:var(--tg-fundo);padding-top:calc(var(--tg-topo-h) + clamp(30px,7vh,72px))}
.ta-ph-luz{position:absolute;top:-10%;right:-12%;width:min(760px,62vw);height:80%;pointer-events:none;background:radial-gradient(closest-side,rgba(217,196,154,.7),rgba(217,196,154,0) 72%)}
.ta-ph-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(22px,5vw,72px);display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,64px);align-items:center}
.ta-ph-kicker{color:rgba(55,50,42,.78);margin:0}
.ta-ph-h1{font-family:var(--tg-f-titulo);font-weight:600;font-size:clamp(34px,5.2vw,68px);line-height:1.06;letter-spacing:-.01em;margin:18px 0 20px;max-width:15ch;overflow-wrap:break-word}
.ta-ph-lead{margin:0;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.65;color:rgba(55,50,42,.92);max-width:52ch}
.ta-ph-acoes{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:26px 0 20px}
.ta-ph-foto{margin:0;position:relative;z-index:1}
.ta-ph-img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--tg-tinta);box-shadow:14px 24px 0 rgba(55,50,42,.2)}

/* ---------- divisor tipográfico (fragmento da frase) ---------- */
.ta-div{max-width:1180px;margin:0 auto;padding:clamp(34px,7vh,72px) clamp(22px,5vw,72px) clamp(10px,2.5vh,24px);overflow:clip}
.ta-divisor{margin:0;font-family:var(--tg-f-titulo);font-weight:500;font-size:clamp(44px,8vw,110px);line-height:1.02;letter-spacing:-.01em;color:rgba(55,50,42,.15);max-width:16ch}
.ta-divisor em{font-style:italic;color:rgba(125,122,91,.55)}
.ta-div--luz .ta-divisor{color:rgba(217,196,154,.42)}
.ta-div--luz .ta-divisor em{color:rgba(250,247,241,.66)}

/* ---------- firma ---------- */
.ta-firma{margin:0;display:flex;flex-direction:column;gap:2px;color:var(--tg-luz)}
.ta-firma-nome{font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:26px;line-height:1.1}
.ta-firma-traco{width:180px;height:12px;color:inherit;opacity:.9}

/* ---------- selo Google + prova ---------- */
.ta-selogo{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;text-decoration:none;font:500 14px/1.3 var(--tg-f-texto);color:var(--tg-tinta);border:1px solid rgba(55,50,42,.3);border-radius:999px;background:rgba(250,247,241,.6)}
.ta-selogo svg{color:var(--tg-luz);flex:none}
.ta-selogo strong{font-weight:700}
.ta-prova{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.ta-prova-s{margin:0;font-size:14px;line-height:1.5;color:rgba(55,50,42,.78);max-width:46ch}
.ta-prova-s a{text-decoration:underline;text-underline-offset:3px}

/* ---------- micro: como é feito (palco) ---------- */
.ta-como{background:var(--tg-apoio);padding-top:clamp(64px,10vh,110px)}
.ta-como-grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(28px,4.5vw,72px);align-items:center}
.ta-hint{display:flex;align-items:center;gap:10px;margin:20px 0 0;font:600 12.5px/1.5 var(--tg-f-texto);letter-spacing:.08em;text-transform:uppercase;color:rgba(55,50,42,.85)}
.ta-hint-ico{width:34px;height:12px;color:var(--tg-acento);flex:none}
.ta-palco{position:relative;height:clamp(360px,58vh,540px);background:var(--tg-fundo);border:1px solid rgba(55,50,42,.35);border-radius:20px;overflow:hidden;box-shadow:16px 20px 0 rgba(55,50,42,.16)}
.ta-palco .k-poster,.ta-palco .k-canvas{position:absolute;inset:0;width:100%;height:100%}
.ta-palco .k-poster{object-fit:cover}
.ta-palco [data-k-ancora]{position:absolute;z-index:2;pointer-events:none;background:var(--tg-tinta);color:var(--tg-fundo);font:600 11px/1 var(--tg-f-texto);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:999px;white-space:nowrap}
.ta-palco-selo{position:absolute;top:12px;left:12px;z-index:3;font:600 10.5px/1 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--tg-tinta);background:var(--tg-luz);padding:7px 11px;border-radius:999px;border:1px solid rgba(55,50,42,.3)}
.ta-palco-nota{margin:14px 4px 0;font-size:13px;color:rgba(55,50,42,.7)}

/* ---------- micro: combo (dois trilhos que se encontram) ---------- */
.ta-combo{background:var(--tg-fundo);padding-top:clamp(64px,10vh,110px)}
.ta-trilhos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);margin-top:34px}
.ta-trilho{border-top:2px solid var(--tg-tinta);padding-top:18px}
.ta-trilho:nth-child(2){border-top-color:var(--tg-acento)}
.ta-trilho-t{margin:0 0 8px;font-family:var(--tg-f-titulo);font-weight:600;font-size:clamp(32px,3vw,40px);line-height:1.1}
.ta-trilho-x{margin:0;font-size:15.5px;line-height:1.55;color:rgba(55,50,42,.85);max-width:34ch}
.ta-trilhos-svg{display:block;width:min(420px,72%);height:70px;margin:8px auto 0}
.ta-trilhos-l{fill:none;stroke:var(--tg-luz);stroke-width:2}
.ta-trilhos-p{fill:var(--tg-acento)}
.ta-combo-voz{margin:30px auto 0;text-align:center;max-width:840px}
.ta-combo-voz blockquote{margin:0;font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:clamp(32px,4vw,50px);line-height:1.25}
.ta-combo-voz figcaption{margin-top:14px;font:600 11.5px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(55,50,42,.7)}
.ta-combo-f{margin:14px auto 0;color:var(--tg-acento)}
.ta-combo-f .ta-firma-traco{width:150px}
.ta-combo-cta{text-align:center;margin:26px 0 0}
.ta-combo-cta .ta-lnk{margin:0 auto}

/* ---------- micro: cuidados (cor cheia tinta) ---------- */
.ta-cuid{background:var(--tg-tinta);color:var(--tg-fundo);padding-top:clamp(64px,10vh,110px)}
.ta-cuid .ta-caps{color:rgba(250,247,241,.78)}
.ta-cuid .ta-h2{color:var(--tg-fundo)}
.ta-cuid-intro{margin:0;font-size:16.5px;line-height:1.6;color:rgba(250,247,241,.85);max-width:56ch}
.ta-cuid-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3.5vw,56px);margin-top:30px}
.ta-cuid-t{margin:0 0 4px;font:600 12px/1.5 var(--tg-f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tg-luz)}
.ta-cuid-lista{list-style:none;margin:0;padding:0}
.ta-cuid-lista li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(250,247,241,.16);font-size:16px;line-height:1.5}
.ta-cuid-m{flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--tg-luz);border:1.5px solid var(--tg-luz)}
.ta-cuid-m--x{border-style:dashed}

/* ---------- micro: duração ---------- */
.ta-dura{background:var(--tg-fundo);padding-top:clamp(64px,10vh,110px)}
.ta-dura-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,4.5vw,72px);align-items:center}
.ta-cit{margin:0;padding:26px 28px;background:var(--tg-apoio);border-left:3px solid var(--tg-luz);border-radius:0 16px 16px 0}
.ta-cit blockquote{margin:0;font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:clamp(32px,2.8vw,38px);line-height:1.3}
.ta-cit figcaption{margin-top:12px;font:600 11px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(55,50,42,.7)}

/* ---------- faq ---------- */
.ta-faq{background:var(--tg-fundo);padding:clamp(64px,10vh,110px) 0}
.ta-faq--apoio{background:var(--tg-apoio)}
.ta-faq-lista{margin-top:26px;border-top:1px solid rgba(55,50,42,.25)}
.ta-faq-item{border-bottom:1px solid rgba(55,50,42,.25)}
.ta-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:20px 0;list-style:none;min-height:44px}
.ta-faq-item summary::-webkit-details-marker{display:none}
.ta-faq-p{font:600 17.5px/1.4 var(--tg-f-texto)}
.ta-faq-ico{position:relative;flex:none;width:30px;height:30px;border:1.5px solid var(--tg-acento);border-radius:50%}
.ta-faq-ico::before,.ta-faq-ico::after{content:"";position:absolute;left:50%;top:50%;background:var(--tg-acento)}
.ta-faq-ico::before{width:12px;height:1.6px;transform:translate(-50%,-50%)}
.ta-faq-ico::after{width:1.6px;height:12px;transform:translate(-50%,-50%);transition:transform .25s ease}
.ta-faq-item[open] .ta-faq-ico::after{transform:translate(-50%,-50%) scaleY(0)}
.ta-faq-r{padding:0 0 22px;font-size:16px;line-height:1.65;color:rgba(55,50,42,.9);max-width:68ch}

/* ---------- quem cuida ---------- */
.ta-quem{background:var(--tg-fundo);padding:clamp(56px,9vh,96px) 0}
.ta-quem-in{display:flex;flex-wrap:wrap;gap:26px;align-items:center;border:1px solid rgba(55,50,42,.3);border-radius:20px;padding:clamp(22px,3vw,36px);box-shadow:12px 14px 0 rgba(55,50,42,.12)}
.ta-quem-foto{width:clamp(96px,12vw,150px);height:auto;border-radius:16px;border:1px solid rgba(55,50,42,.4)}
.ta-quem-tx{flex:1 1 260px}
.ta-quem-tx .ta-caps{color:rgba(55,50,42,.72)}
.ta-quem-nome{margin:8px 0 6px;font-family:var(--tg-f-titulo);font-weight:600;font-size:32px;line-height:1.1}
.ta-quem-l{margin:0 0 6px;font-size:15px;line-height:1.5;color:rgba(55,50,42,.9)}
.ta-quem .ta-lnk{margin-top:8px}

/* ---------- veja também ---------- */
.ta-veja{background:var(--tg-apoio);padding:clamp(56px,9vh,96px) 0}
.ta-z-claro .ta-veja{background:var(--tg-fundo)}
.ta-veja .ta-caps{color:rgba(55,50,42,.72)}
.ta-veja-lista{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(55,50,42,.3)}
.ta-veja-lista li{border-bottom:1px solid rgba(55,50,42,.3)}
.ta-veja-lista a{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:20px 0;text-decoration:none;min-height:44px}
.ta-veja-lista a:hover .ta-veja-menu{color:var(--tg-tinta)}
.ta-veja-frag{font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:clamp(32px,3.4vw,46px);line-height:1.1;color:rgba(55,50,42,.5)}
.ta-veja-frag em{color:var(--tg-acento)}
.ta-veja-menu{flex:none;font:600 14px/1.4 var(--tg-f-texto);color:rgba(55,50,42,.8);transition:color .2s ease}

/* ---------- chamada final (frase que se constrói) ---------- */
.ta-final{position:relative;overflow:clip;background:var(--tg-luz);color:var(--tg-tinta);padding:clamp(72px,12vh,130px) 0}
.ta-final-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(22px,5vw,72px)}
.ta-final-k{color:rgba(55,50,42,.7)}
.ta-final-frase{margin:16px 0 0;font-family:var(--tg-f-titulo);font-weight:500;font-size:clamp(32px,6vw,60px);line-height:1.18;letter-spacing:-.01em;max-width:20ch}
.ta-fx{display:inline-block}
.ta-it{font-style:italic}
html.ta-js [data-ta-monta] .ta-fx{opacity:.13;transform:translateY(.35em) rotate(-2deg);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
html.ta-js [data-ta-monta] .ta-fx.ta-ok{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.ta-js [data-ta-monta] .ta-fx{opacity:1;transform:none}}
.ta-final-vamos{margin:30px 0 0;font:600 13px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(55,50,42,.75)}
.ta-final-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;margin-top:14px;padding:0 30px;border-radius:12px;background:var(--tg-tinta);color:var(--tg-fundo);font:600 16px/1 var(--tg-f-texto);text-decoration:none;transition:transform .18s ease}
.ta-final-cta:hover{transform:translateY(-2px)}
.ta-final-micro{margin:18px 0 0;font-size:13.5px;color:rgba(55,50,42,.78)}

/* ---------- perfil: manifesto (cor cheia oliva) ---------- */
.ta-manif{background:var(--tg-acento);color:var(--tg-fundo);padding-top:clamp(72px,12vh,130px)}
.ta-manif .ta-caps{color:rgba(250,247,241,.8)}
.ta-manif p{max-width:24ch}
.ta-manif-f1{margin:22px 0 0;font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:clamp(32px,3vw,40px);line-height:1.25}
.ta-manif-f2{margin:26px 0 0;font-family:var(--tg-f-titulo);font-style:italic;font-weight:600;font-size:clamp(38px,5vw,62px);line-height:1.15;max-width:20ch!important}
.ta-manif-f3{margin:26px 0 0;font-family:var(--tg-f-titulo);font-style:italic;font-weight:500;font-size:clamp(32px,3.4vw,44px);line-height:1.2}
.ta-manif em{border-bottom:3px solid var(--tg-luz)}
.ta-manif-a{margin:26px 0 0;font:600 11.5px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(250,247,241,.8)}
.ta-manif-firma{margin-top:16px}

/* ---------- perfil: formação (linha do tempo + fotos) ---------- */
.ta-formacao{background:var(--tg-fundo);padding-top:clamp(64px,10vh,110px)}
.ta-formacao-grid{display:grid;grid-template-columns:6fr 5fr;gap:clamp(30px,4.5vw,72px);align-items:start;margin-top:26px}
.ta-linha{list-style:none;margin:0;padding:0}
.ta-linha li{display:flex;gap:20px;padding:22px 0;border-top:1px solid rgba(55,50,42,.22)}
.ta-linha-n{flex:none;padding-top:4px;font:600 12px/1.5 var(--tg-f-texto);letter-spacing:.1em;color:var(--tg-acento)}
.ta-linha-t{margin:0 0 6px;font:600 17px/1.35 var(--tg-f-texto)}
.ta-linha-tx p{margin:0;font-size:15.5px;line-height:1.6;color:rgba(55,50,42,.88)}
.ta-formacao-fotos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ta-formacao-fotos figure{margin:0}
.ta-formacao-fotos figure:nth-child(2n){transform:translateY(22px)}
.ta-formacao-img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(55,50,42,.35);border-radius:14px}
.ta-formacao-fotos figcaption{padding:8px 2px 0;font-size:12.5px;line-height:1.45;color:rgba(55,50,42,.72)}

/* ---------- perfil: o que ela publica (mural) ---------- */
.ta-publica{background:var(--tg-apoio);padding-top:clamp(64px,10vh,110px)}
.ta-mural{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,26px);align-items:start;margin-top:30px}
.ta-mural figure{margin:0;background:var(--tg-fundo);border:1px solid rgba(55,50,42,.3);padding:10px 10px 12px;box-shadow:10px 12px 0 rgba(55,50,42,.12)}
.ta-mural-img{width:100%;height:auto}
.ta-mural figcaption{padding-top:10px;font-size:13px;line-height:1.45;color:rgba(55,50,42,.78)}
.ta-mural-a{grid-column:1/6}
.ta-mural-b{grid-column:6/10;margin-top:44px}
.ta-mural-c{grid-column:10/13;margin-top:16px}

/* ---------- perfil: como chegar ---------- */
.ta-chegar{background:var(--tg-fundo);padding-top:clamp(64px,10vh,110px)}
.ta-chegar-grid{display:grid;grid-template-columns:6fr 6fr;gap:clamp(28px,4vw,64px);align-items:start;margin-top:8px}
.ta-chegar-fotos{position:relative}
.ta-chegar-img{width:100%;object-fit:cover;border:1px solid rgba(55,50,42,.35);border-radius:16px}
.ta-chegar-img--a{aspect-ratio:1024/678}
.ta-chegar-img--b{width:58%;aspect-ratio:499/1080;margin:-34px 0 0 auto;box-shadow:12px 14px 0 rgba(55,50,42,.16)}
.ta-chegar-t{margin:22px 0 6px;color:rgba(55,50,42,.72)}
.ta-chegar-t:first-child{margin-top:0}
.ta-chegar-p{margin:0;font-size:16px;line-height:1.6;color:rgba(55,50,42,.92)}
.ta-chegar-p a{text-decoration:underline;text-underline-offset:3px}
.ta-chegar-info .ta-lnk{margin-top:20px}
.ta-chegar-planos{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--tg-luz);background:var(--tg-apoio);border-radius:0 12px 12px 0;font-size:14.5px;line-height:1.55;color:rgba(55,50,42,.88)}

/* ---------- celular: recompõe, sem vazar em 360px ---------- */
@media (max-width:860px){
  .ta-ph-wrap{grid-template-columns:1fr;gap:28px}
  .ta-ph-foto{max-width:min(420px,90%);margin:0 auto}
  .ta-ph-luz{top:auto;bottom:-6%;right:-30%;width:130vw;height:56%}
  .ta-como-grid,.ta-dura-grid,.ta-formacao-grid,.ta-chegar-grid{grid-template-columns:1fr}
  .ta-trilhos{grid-template-columns:1fr}
  .ta-trilho-x{max-width:none}
  .ta-cuid-cols{grid-template-columns:1fr}
  .ta-palco{height:min(64vh,440px);border-radius:16px;box-shadow:10px 12px 0 rgba(55,50,42,.16)}
  .ta-formacao-fotos{padding-bottom:22px}
  .ta-mural{grid-template-columns:1fr}
  .ta-mural-a,.ta-mural-b,.ta-mural-c{grid-column:1/-1;margin-top:0}
  .ta-mural-a{width:80%}
  .ta-mural-b{width:84%;margin-left:auto}
  .ta-mural-c{width:70%}
  .ta-chegar-img--b{width:64%}
  .ta-veja-lista a{flex-direction:column;gap:6px;align-items:flex-start}
  .ta-manif p{max-width:none}
}
@media (max-width:400px){
  .ta-btn{width:100%}
  .ta-ph-acoes{flex-direction:column;align-items:stretch}
  .ta-ph-acoes .ta-selogo{justify-content:center}
}