/* Talko · páginas de conteúdo e institucionais (sobre, guias). Complementa talko-lp.css e talko-motion.css.
   Geradas por LP Sexy/scripts/institucionais.py. */
.hero--art{padding:56px 0 64px}
@media (min-width:1024px){.hero--art{padding:96px 0 104px}}
.hero--art h1{max-width:18ch}
.hero--art .hero__sub{max-width:62ch}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px}
.prose-col{max-width:760px}
.prose-col p{font-size:19px;line-height:1.65}
.prose-col p+p{margin-top:16px}
.prose-col strong{color:var(--color-ink)}
.tbl-wrap{background:#fff;border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden}
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{padding:16px 22px;text-align:left;vertical-align:top;font-size:17px;border-bottom:1px solid var(--color-border)}
.tbl tr:last-child td{border-bottom:0}
.tbl thead th{background:var(--color-surface);color:var(--color-ink);font-weight:600;font-size:16px}
.tbl td:first-child{color:var(--color-ink);font-weight:500}
.tbl .bad{color:var(--color-error)}
.tbl .good{color:var(--color-success)}.tbl td iconify-icon,.tbl td .tk-ic{vertical-align:-5px;margin-right:6px}
@media (max-width:640px){
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{padding:14px 18px;border-bottom:1px solid var(--color-border)}
  .tbl tr:last-child{border-bottom:0}
  .tbl td{border:0;padding:4px 0}
  .tbl td[data-l]::before{content:attr(data-l);display:block;font-size:16px;font-weight:600;color:var(--color-muted)}
}
.src{font-size:16px;color:var(--color-muted);margin-top:10px}
.src a{color:var(--color-primary)}
.facts{display:grid;gap:16px}
@media (min-width:900px){.facts{grid-template-columns:repeat(3,1fr);gap:24px}}
.fact{border-left:3px solid var(--color-accent);padding:4px 0 4px 20px}
.fact b{display:block;font-family:var(--font-heading);font-weight:400;font-size:52px;line-height:1;color:var(--color-primary);letter-spacing:-.02em}
.fact p{margin-top:10px}
.card .icon-sq{margin-bottom:20px}
.mv{display:grid;gap:16px}
@media (min-width:900px){.mv{grid-template-columns:1fr 1fr;gap:24px}}
.mv .card{padding:32px}
.mv .card h3{font-size:30px}
.callout{background:var(--color-card-tint);border-radius:var(--radius-card);padding:24px 28px;display:flex;gap:16px;align-items:flex-start}
.callout p{font-size:19px;color:var(--color-ink)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-ink);text-decoration:none;font-size:16px;font-weight:500}
.toc a:hover{box-shadow:inset 0 0 0 1px var(--color-ink)}
@media (min-width:1024px){.steps.steps--4{grid-template-columns:repeat(4,1fr);gap:32px}}
/* foto do escritório na página Sobre */
.office{margin:0;border-radius:var(--radius-block);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:var(--color-surface)}
.office img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1024px){.office{aspect-ratio:21/9}}