/* As páginas da Admite Lá: Sobre nós, Contacto, Privacidade e Cookies. Assentam no sistema da maqueta
   (main.interior, section.livre, .wrap) e usam as cores da marca. */
.inst-topo { padding-top: calc(var(--nav) + var(--s-7)); }
.inst-topo h1 { margin: 0; font-size: clamp(40px, 3vw + 18px, 64px); letter-spacing: -0.03em; }
.inst-topo .t-lead { max-width: 52ch; margin-top: var(--s-4); }

/* a história, com o vídeo do fundador no iPhone */
main.interior > section > .wrap.historia, .historia { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-9); align-items: center; }
.historia__txt { max-width: 56ch; }
.historia__txt p { margin: 0 0 var(--s-4); font-size: 18px; line-height: 1.65; color: var(--ink); }
.historia__txt h2 { margin: 0 0 var(--s-5); }
.historia__txt .historia__lead { font: var(--display-weight) clamp(22px, 1vw + 14px, 28px)/1.35 var(--font-display); letter-spacing: -0.01em; margin-bottom: var(--s-5); }
.historia__txt .historia__fecho { margin-top: var(--s-5); padding-left: var(--s-4); border-left: 3px solid #ff522c; font-weight: 500; }
/* à direita: a app sobre o laranja, o diagnóstico e o plano lado a lado e à mesma altura */
.historia__palco { display: flex; justify-content: center; align-items: flex-start; gap: var(--s-5); padding: var(--s-7) var(--s-6) var(--s-6); border-radius: 32px;
  background: radial-gradient(70% 60% at 70% 0%, #ff8a5c, transparent 60%), linear-gradient(160deg, #ff7a4d, #ff522c 50%, #d63f1a); }
.historia__palco figure { margin: 0; display: grid; justify-items: center; gap: 12px; }
.historia__palco figcaption { font: 500 14px/1 var(--font-text); color: #fff; }
.historia__assina { display: flex; align-items: center; gap: 12px; margin-top: var(--s-5); color: var(--muted); font-size: 15px; }
.historia__assina b { color: var(--ink); font-weight: 600; }
.historia__tel { display: grid; place-items: center; padding: var(--s-6); border-radius: 32px;
  background: radial-gradient(70% 60% at 70% 0%, #ff8a5c, transparent 60%), linear-gradient(160deg, #ff7a4d, #ff522c 50%, #d63f1a); }
.historia__tel video { pointer-events: auto; }
.historia__tel .aparelho__moldura { pointer-events: none; }

/* os fundadores */
.fundadores { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); margin-top: var(--s-6); }
.fundador { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-5); align-items: start; padding: var(--s-6); border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.fundador__ini { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 999px; background: #2a1516; color: #fff; font: 600 22px/1 var(--font-display); }
.fundador__ini--b { background: linear-gradient(160deg, #ff7a4d, #d63f1a); }
.fundador h3 { margin: 0; font-size: 22px; }
.fundador__papel { margin: 4px 0 var(--s-3); color: var(--marca-tinta, #a8321a); font-weight: 500; }
.fundador p { margin: 0 0 var(--s-3); color: var(--ink); line-height: 1.55; }
.fundador a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-weight: 500; }
.fundador a svg, .canal svg { width: 20px; height: 20px; flex: none; }

/* o que fazemos */
.fazemos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); margin-top: var(--s-6); }
.fazemos > div { padding: var(--s-6); border-radius: 24px; background: var(--surface); }
.fazemos b { display: block; font: var(--display-weight) 22px/1.2 var(--font-display); color: var(--ink); }
.fazemos p { margin: 8px 0 0; color: var(--ink); line-height: 1.55; }

/* contacto: um cartão por canal */
.canais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); margin-top: var(--s-6); }
.canal { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding: var(--s-5) var(--s-6); border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); text-decoration: none; transition: box-shadow 160ms ease-out; }
.canal:hover { box-shadow: inset 0 0 0 1px rgb(42 21 22 / 0.25); }
.canal__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--surface); color: #d63f1a; }
.canal__ic svg { width: 24px; height: 24px; }
.canal b { display: block; font-size: 18px; color: var(--ink); }
.canal > span:nth-child(2) > span { color: var(--muted); }
.canal__ir { font-weight: 500; color: #d63f1a; white-space: nowrap; }

/* textos legais */
.legal { max-width: 760px; }
.legal h2 { margin: var(--s-7) 0 var(--s-3); font-size: 24px; }
.legal p, .legal li { font-size: 17px; line-height: 1.65; color: var(--ink); }
.legal ul { padding-left: 22px; }
.legal table { width: 100%; border-collapse: collapse; margin: var(--s-3) 0; font-size: 15px; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }

/* o rodapé escuro: os ícones das redes em branco */
.rodape-escuro .socials a { color: #fff; border-color: rgb(255 255 255 / 0.22); }
.rodape-escuro .socials a:hover { border-color: rgb(255 255 255 / 0.5); }

@media (max-width: 1023px) {
  main.interior > section > .wrap.historia, .historia { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
  .historia__palco { justify-self: stretch; }
  .fazemos { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 759px) {
  .fundadores, .canais { grid-template-columns: minmax(0, 1fr); }
  .canal { grid-template-columns: 44px minmax(0, 1fr); }
  .canal__ir { display: none; }
}