/* ==========================================================================
   TLIMM — PÁGINAS POR PROFISSÃO (/para e /para/<slug>)
   Complementa /css/landing-v2.css (mesmas cores, fontes e componentes).
   ========================================================================== */


.p-page .mbar{transform:none}

/* trilha (breadcrumb) */
.p-trilha{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:500 12.5px var(--f-mono);color:var(--faint);margin-bottom:26px}
.p-trilha a{text-decoration:none;color:var(--dim)}
.p-trilha a:hover{color:var(--gold-b)}
.p-trilha [aria-current]{color:var(--gold-b)}

/* topo */
.p-hero{position:relative;padding-block:46px 90px;overflow:hidden}
.p-hero-hub{padding-bottom:40px}
.p-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
@media (max-width:980px){.p-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}}
.p-h1{font-size:clamp(38px,5.6vw,70px);line-height:1.02;font-weight:600;margin-top:18px;max-width:18ch}
.p-hero-hub .p-h1{max-width:20ch}
.p-h1 em{font-style:italic;font-weight:500;color:var(--gold-b)}
.p-hero .lead{max-width:56ch}

/* demonstração (conversa + link de agendamento) */
.p-demo{position:relative;display:flex;flex-direction:column;gap:14px;max-width:440px;width:100%;justify-self:center}
.p-chat{display:flex;flex-direction:column;gap:8px}
.p-msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.4;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.p-msg.in{align-self:flex-start;background:#22201C;border:1px solid #2E2A24;border-bottom-left-radius:5px}
.p-msg.out{align-self:flex-end;background:#16351F;border:1px solid #1F4A2B;border-bottom-right-radius:5px}
.p-msg u{text-decoration:none;color:#9be3a8;font-weight:600;word-break:break-all}
.p-auto{display:block;font:600 10px var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:#7fd28d;margin-bottom:3px}
.p-demo .who-card{padding:24px;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}

/* como funciona (lista ordenada) */
.p-flow{list-style:none;padding:0}

/* recursos */
.p-recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
@media (max-width:980px){.p-recursos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.p-recursos{grid-template-columns:minmax(0,1fr)}}
.p-recursos .feat{grid-column:auto}

/* um dia na agenda + texto */
.p-dia{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
@media (max-width:980px){.p-dia{grid-template-columns:minmax(0,1fr);gap:40px}}
.p-dia-card{display:flex;justify-content:center}
.p-dia-card .dash{width:100%;max-width:480px}
.p-dia-card .mini-lbl{display:block;margin:18px 0 10px}
.p-dia-card .agenda{display:flex;flex-direction:column;gap:8px}
.p-dia-card .tk .st{font:500 11px var(--f-mono);color:var(--ok);white-space:nowrap}
.p-artigo h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:600}
.p-artigo p{margin-top:16px;color:var(--dim);font-size:16.5px;max-width:62ch}
.p-artigo .btn{margin-top:28px}

/* preço (um card só, centralizado) */
.p-preco{max-width:520px;margin:48px auto 0}

/* outras profissões */
.p-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
@media (max-width:900px){.p-rel{grid-template-columns:minmax(0,1fr)}}
.p-hub{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
@media (max-width:980px){.p-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.p-hub{grid-template-columns:minmax(0,1fr)}}
.p-rel-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:22px;background:var(--card);border:1px solid var(--line2);text-decoration:none;transition:transform .25s,border-color .25s}
.p-rel-card:hover{transform:translateY(-4px);border-color:var(--line)}
.p-rel-card b{font:600 22px/1.15 var(--f-display)}
.p-rel-card span{color:var(--dim);font-size:15px;flex:1}
.p-rel-card i{font-style:normal;display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-b)}
.p-rel-card i svg{width:16px;height:16px}
.p-todas{margin-top:26px;color:var(--dim);font-size:15px}
.p-todas a{color:var(--gold-b)}

/* rodapé */
.p-foot{border-top:1px solid var(--line2);padding-block:56px 120px;color:var(--faint);font-size:14px}
.p-foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,.8fr);gap:36px}
@media (max-width:900px){.p-foot-grid{grid-template-columns:minmax(0,1fr)}}
.p-foot-txt{margin-top:14px;max-width:34ch;color:var(--faint)}
.p-foot-h{font:600 12px var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.p-foot-links{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.p-foot-links.um{columns:1}
.p-foot-links li{margin-bottom:9px;break-inside:avoid}
.p-foot-links a{text-decoration:none;color:var(--faint)}
.p-foot-links a:hover{color:var(--gold-b)}
.p-foot-copy{margin-top:40px;padding-top:22px;border-top:1px solid var(--line2)}

@media (max-width:520px){
  .p-hero .btn{width:100%}
  .p-msg{max-width:94%}
}
