/* Jeff Tolentino — coaching & mentoring
   Layout: seções de largura total alternando fundos (preto, off-white, branco, marinho);
   conteúdo num container de 1280px; mobile first. */

@font-face { font-family: "Antonio"; font-weight: 600; font-display: swap; src: url("../fonts/antonio-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Antonio"; font-weight: 700; font-display: swap; src: url("../fonts/antonio-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("../fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("../fonts/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 700; font-display: swap; src: url("../fonts/barlow-latin-700-normal.woff2") format("woff2"); }

:root {
  --preto: #070707;
  --preto-2: #111111;
  --grafite: #444242;
  --cinza: #626161;
  --cinza-claro: #9A9896;
  --linha: #E6E4E1;
  --papel: #F2F0EE;
  --branco: #FFFFFF;
  --marinho: #184B7A;
  --marinho-escuro: #0F3457;
  --azul: #46A9E8;
  --azul-suave: #BFE2F8;
  --claro-sobre-escuro: #D4D4D4;
  --medio-sobre-escuro: #A8A8A8;
  --claro-sobre-marinho: #E3ECF4;

  --titulo: "Antonio", "Arial Narrow", "Helvetica Neue", sans-serif;
  --texto: "Barlow", "Helvetica Neue", Arial, sans-serif;

  --largura: 1280px;
  --lateral: 20px;
  --secao: 64px;
  --raio: 4px;
}
@media (min-width: 768px) { :root { --lateral: 40px; --secao: 88px; } }
@media (min-width: 1200px) { :root { --lateral: 80px; --secao: 104px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0; background: var(--branco); color: var(--preto);
  font-family: var(--texto); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--marinho); }
a:hover { color: var(--marinho-escuro); }
:focus-visible { outline: 3px solid var(--azul); outline-offset: 3px; }
h1, h2, h3 { text-wrap: balance; }
p { margin: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pular { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--marinho); color: var(--branco); padding: 10px 16px; border-radius: var(--raio); }
.pular:focus { top: 12px; color: var(--branco); }

.container { max-width: calc(var(--largura) + 2 * var(--lateral)); margin: 0 auto; padding-inline: var(--lateral); }

/* ---------- Cabeçalho ---------- */
.cabecalho { position: sticky; top: 0; z-index: 50; background: var(--branco); border-bottom: 1px solid var(--linha); }
.cabecalho__linha { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 72px; }
.cabecalho__logo img { height: 46px; width: auto; }
.menu { display: none; }
.menu a { color: var(--preto); text-decoration: none; font-weight: 500; }
.menu a:hover { color: var(--marinho); }
.menu a[aria-current="page"] { color: var(--marinho); font-weight: 700; box-shadow: inset 0 -2px 0 var(--marinho); }
.menu-botao {
  display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px;
  background: none; border: 0; cursor: pointer; color: var(--preto); margin-right: -10px;
}
.menu-movel { display: none; border-top: 1px solid var(--linha); background: var(--branco); }
.menu-movel.aberto { display: block; }
.menu-movel ul { list-style: none; margin: 0; padding: 8px 0 20px; }
.menu-movel a { display: block; padding: 14px 0; font-size: 19px; font-weight: 600; color: var(--preto); text-decoration: none; border-bottom: 1px solid var(--linha); }
.menu-movel a[aria-current="page"] { color: var(--marinho); }
.menu-movel .botao { margin-top: 16px; width: 100%; }
@media (min-width: 1100px) {
  .cabecalho__linha { height: 92px; }
  .cabecalho__logo img { height: 60px; }
  .menu { display: flex; align-items: center; gap: 32px; font-size: 16px; }
  .menu ul { display: flex; gap: 32px; list-style: none; margin: 0; padding: 0; }
  .menu a { padding: 6px 0; }
  .menu-botao, .menu-movel, .menu-movel.aberto { display: none; }
}

/* ---------- Botões ---------- */
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center;
  min-height: 52px; padding: 12px 28px; border-radius: var(--raio); border: 1.5px solid transparent;
  font-family: var(--texto); font-size: 17px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s;
}
.botao--marinho { background: var(--marinho); color: var(--branco); }
.botao--marinho:hover { background: var(--marinho-escuro); color: var(--branco); }
.botao--azul { background: var(--azul); color: var(--preto); }
.botao--azul:hover { background: #6BBBEE; color: var(--preto); }
.botao--branco { background: var(--branco); color: var(--marinho); }
.botao--branco:hover { background: var(--papel); color: var(--marinho-escuro); }
.botao--contorno-claro { border-color: var(--branco); color: var(--branco); font-weight: 600; }
.botao--contorno-claro:hover { background: rgba(255,255,255,.1); color: var(--branco); }
.botao--contorno { border-color: var(--marinho); color: var(--marinho); }
.botao--contorno:hover { background: var(--marinho); color: var(--branco); }
.botao--contorno-azul { border-color: var(--azul); color: var(--azul); }
.botao--contorno-azul:hover { background: var(--azul); color: var(--preto); }
.botoes { display: flex; flex-wrap: wrap; gap: 14px; }
@media (max-width: 559px) { .botoes .botao { width: 100%; } }
.link-seta { font-weight: 700; font-size: 18px; text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 3px; }

/* ---------- Seções e tipografia ---------- */
.secao { padding-block: var(--secao); }
.secao--escura { background: var(--preto); color: var(--branco); }
.secao--papel { background: var(--papel); }
.secao--marinho { background: var(--marinho); color: var(--branco); }
.secao--borda { border-bottom: 1px solid var(--linha); }
.pilha { display: flex; flex-direction: column; gap: 20px; }
.pilha--grande { gap: 40px; }
@media (min-width: 768px) { .pilha--grande { gap: 52px; } }

.eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 2.6px; text-transform: uppercase; color: var(--marinho); }
.secao--escura .eyebrow { color: var(--azul); }
.secao--marinho .eyebrow { color: var(--azul-suave); }
.t1, .t2, .t3 { font-family: var(--titulo); font-weight: 700; text-transform: uppercase; line-height: 1.06; margin: 0; letter-spacing: .2px; }
.t1 { font-size: clamp(40px, 6.2vw, 76px); }
.t2 { font-size: clamp(32px, 4.3vw, 56px); line-height: 1.1; }
.t3 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; }
.destaque { color: var(--azul); }
.lead { font-size: clamp(18px, 1.6vw, 20px); line-height: 1.6; color: var(--grafite); max-width: 64ch; }
.secao--escura .lead { color: var(--claro-sobre-escuro); }
.secao--marinho .lead { color: var(--claro-sobre-marinho); }
.texto { color: var(--grafite); max-width: 68ch; }
.secao--escura .texto { color: var(--claro-sobre-escuro); }
.nota { font-size: 15px; color: var(--cinza); }
.secao--escura .nota { color: var(--medio-sobre-escuro); }
.cabeca-secao { display: flex; flex-direction: column; gap: 14px; max-width: 900px; }

.grade { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .grade--2, .grade--3, .grade--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .grade--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grade--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.dividida { display: grid; gap: 40px; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .dividida { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 72px; } .dividida--invertida { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); } }

/* ---------- Hero ---------- */
.hero { padding-block: 48px 64px; }
@media (min-width: 960px) { .hero { padding-block: 88px; } }
.hero__foto { position: relative; max-width: 460px; margin-inline: auto; width: 100%; }
.hero__hex { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero__foto picture img, .hero__foto > img { width: 88%; margin: 6% auto; aspect-ratio: 440 / 496; object-fit: cover; object-position: 50% 12%; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.foto-retrato img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; border-radius: var(--raio); }
.foto-retrato--hero { max-width: 460px; margin-inline: auto; width: 100%; }

/* ---------- Números ---------- */
.numeros { display: grid; gap: 28px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1000px) { .numeros { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; } }
.numero { border-top: 3px solid var(--marinho); padding-top: 14px; display: flex; flex-direction: column; gap: 4px; }
.numero strong { font-family: var(--titulo); font-size: clamp(30px, 3.2vw, 44px); line-height: 1.1; color: var(--marinho); }
.numero span { font-size: 15.5px; color: var(--grafite); line-height: 1.45; }
.trajetoria-empresas { font-size: 14px; letter-spacing: 1px; color: var(--cinza); text-transform: uppercase; }
.trajetoria-empresas strong { color: var(--preto); }

/* ---------- Cartões ---------- */
.cartao { background: var(--branco); border-radius: var(--raio); padding: 28px; display: flex; flex-direction: column; gap: 10px; }
@media (min-width: 768px) { .cartao { padding: 36px; } }
.secao--branca .cartao, .cartao--papel { background: var(--papel); }
.cartao h3 { margin: 0; font-size: 21px; line-height: 1.3; }
.cartao p { color: var(--grafite); font-size: 16.5px; line-height: 1.55; }
.cartao__icone { width: 40px; height: 40px; color: var(--marinho); }

.porta { border-radius: var(--raio); padding: 32px; display: flex; flex-direction: column; gap: 18px; }
@media (min-width: 768px) { .porta { padding: 48px; } }
.porta--preta { background: var(--preto); color: var(--branco); }
.porta--marinho { background: var(--marinho); color: var(--branco); }
.porta .eyebrow { color: var(--azul); }
.porta--marinho .eyebrow { color: var(--azul-suave); }
.porta p { color: var(--claro-sobre-escuro); }
.porta--marinho p { color: var(--claro-sobre-marinho); }
.porta ul { list-style: none; margin: 4px 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.porta li { display: flex; gap: 12px; }
.porta li::before { content: "→"; color: var(--azul); font-weight: 700; }
.porta--marinho li::before { color: var(--azul-suave); }
.porta li small { display: block; color: var(--medio-sobre-escuro); font-size: 15px; }
.porta--marinho li small { color: var(--azul-suave); }
.porta .botao { margin-top: auto; align-self: flex-start; }

/* ---------- Método ---------- */
.metodo { display: grid; gap: 2px; background: var(--grafite); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .metodo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .metodo { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.metodo > li { background: var(--preto-2); padding: 30px 28px; display: flex; flex-direction: column; gap: 10px; list-style: none; }
.metodo { padding: 0; margin: 0; }
.metodo__num { font-family: var(--titulo); font-size: 48px; font-weight: 700; color: var(--azul); line-height: 1; }
.metodo h3 { margin: 0; font-size: 21px; text-transform: uppercase; letter-spacing: 1px; }
.metodo__pergunta { font-style: italic; font-size: 17px; color: var(--branco); }
.metodo__foco { font-size: 15.5px; color: #C4C4C4; }
.citacao { border-block: 1px solid var(--grafite); padding-block: 32px; display: grid; gap: 24px; }
@media (min-width: 960px) { .citacao { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 56px; align-items: center; } }
.citacao blockquote { margin: 0; font-family: var(--titulo); font-size: clamp(26px, 2.8vw, 40px); font-weight: 600; line-height: 1.2; text-transform: uppercase; }

/* ---------- Vídeos ---------- */
.videos { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; margin-inline: calc(-1 * var(--lateral)); padding-inline: var(--lateral); }
@media (min-width: 900px) { .videos { justify-content: center; gap: 40px; overflow: visible; margin-inline: 0; padding-inline: 0; } }
.video { flex: 0 0 min(72vw, 280px); scroll-snap-align: start; margin: 0; display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 900px) { .video { flex-basis: 300px; } }
.video__tela { position: relative; aspect-ratio: 9 / 16; background: #1C1C1C; border-radius: 6px; overflow: hidden; }
.video__botao { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: #1C1C1C; }
.video__botao img { width: 100%; height: 100%; object-fit: cover; }
.video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; }
.video__duracao { position: absolute; left: 12px; top: 12px; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--branco); background: rgba(7,7,7,.65); padding: 4px 8px; border-radius: 3px; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video figcaption strong { display: block; font-size: 17px; }
.video figcaption span { font-size: 15px; color: var(--cinza); }

.depoimento { margin: 0; background: var(--branco); border-radius: var(--raio); border-top: 4px solid var(--marinho); padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.depoimento blockquote { margin: 0; font-size: 16.5px; line-height: 1.65; color: #2A2A2A; }
.depoimento blockquote::before { content: "“"; display: block; font-family: var(--titulo); font-size: 60px; line-height: .6; color: var(--marinho); margin-bottom: 8px; }
.depoimento figcaption { margin-top: auto; }
.depoimento figcaption strong { display: block; }
.depoimento figcaption span { font-size: 15px; color: var(--cinza); }

/* ---------- Listas, tabelas, perguntas ---------- */
.lista-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lista-check li { display: flex; gap: 10px; align-items: center; }
.lista-check svg { flex-shrink: 0; }
.lista-simples { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.secao--escura .lista-simples { color: var(--claro-sobre-escuro); }
.chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; background: var(--branco); border: 1px solid #D8D5D1; border-radius: 20px; font-weight: 600; color: var(--marinho); }

.tabela-rolagem { overflow-x: auto; }
.tabela { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 16px; }
.tabela caption { text-align: left; font-family: var(--titulo); font-size: 22px; font-weight: 700; text-transform: uppercase; padding-bottom: 14px; }
.tabela th, .tabela td { text-align: left; padding: 14px 10px; vertical-align: top; border-bottom: 1px solid var(--linha); }
.tabela thead th { border-bottom: 2px solid var(--preto); color: var(--marinho); }
.tabela tbody th { color: var(--preto); width: 28%; }
.tabela td { color: var(--grafite); }
.tabela tr:last-child th, .tabela tr:last-child td { border-bottom: 0; }

.passos { list-style: none; margin: 0; padding: 0; counter-reset: p; }
.passos > li { counter-increment: p; }
.passos .cartao::before { content: counter(p); font-family: var(--titulo); font-size: 40px; font-weight: 700; color: var(--marinho); line-height: 1; }
.passos--linha > li { display: flex; gap: 18px; }
.passos--linha > li::before { content: counter(p); font-family: var(--titulo); font-size: 34px; font-weight: 700; color: var(--marinho); line-height: 1; width: 28px; flex-shrink: 0; }
.passos--linha h3 { margin: 0 0 4px; font-size: 20px; }
.passos--linha p { color: var(--grafite); }

.faq { border-top: 1px solid var(--linha); }
.faq details { border-bottom: 1px solid var(--linha); }
.faq summary { cursor: pointer; list-style: none; padding: 20px 40px 20px 0; font-size: 19px; font-weight: 700; position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 14px; font-size: 28px; font-weight: 400; color: var(--marinho); }
.faq details[open] summary::after { content: "–"; }
.faq details p { padding: 0 0 22px; color: var(--grafite); max-width: 70ch; }

/* ---------- Diagnóstico e CTA ---------- */
.caixa-escura { background: var(--preto); color: var(--branco); border-radius: var(--raio); padding: 32px; display: flex; flex-direction: column; gap: 22px; }
@media (min-width: 768px) { .caixa-escura { padding: 40px; } }
.caixa-escura .lista-check { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.caixa-escura .nota { color: var(--medio-sobre-escuro); font-size: 13.5px; }
.cta-final { text-align: center; align-items: center; }
.cta-final .lead { margin-inline: auto; }
.cta-final .botoes { justify-content: center; }
.faixa-cta { display: grid; gap: 28px; align-items: center; }
@media (min-width: 960px) { .faixa-cta { grid-template-columns: minmax(0, 1fr) auto; gap: 64px; } }
.faixa-cta .botoes { flex-direction: column; }

/* ---------- Canais e formulários ---------- */
.canal { border-radius: var(--raio); padding: 30px 28px; display: flex; flex-direction: column; gap: 12px; background: var(--branco); }
.canal h2 { margin: 0; font-size: 21px; }
.canal p { color: var(--grafite); overflow-wrap: anywhere; }
.canal .botao { margin-top: auto; }
.canal--marinho { background: var(--marinho); color: var(--branco); }
.canal--marinho p { color: var(--claro-sobre-marinho); }
.canal--preto { background: var(--preto); color: var(--branco); }
.canal--preto p { color: var(--claro-sobre-escuro); }

.formulario { display: grid; gap: 16px 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .formulario { grid-template-columns: repeat(2, minmax(0, 1fr)); } .formulario .largo { grid-column: 1 / -1; } }
.campo { display: flex; flex-direction: column; gap: 6px; font-size: 15px; font-weight: 600; }
.campo input, .campo textarea {
  width: 100%; border: 1.5px solid var(--cinza-claro); border-radius: var(--raio); background: var(--branco);
  padding: 12px 14px; font-family: var(--texto); font-size: 17px; font-weight: 400; color: var(--preto);
}
.campo input { min-height: 52px; }
.campo textarea { min-height: 140px; resize: vertical; }
.campo input:focus, .campo textarea:focus { outline: none; border-color: var(--marinho); box-shadow: 0 0 0 3px rgba(24,75,122,.18); }
.consentimento { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--grafite); }
.consentimento input { width: 22px; height: 22px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--marinho); }
.escondido { display: none; }

/* ---------- Texto longo (política) ---------- */
.texto-longo { max-width: 760px; }
.texto-longo h2 { font-family: var(--titulo); text-transform: uppercase; font-size: 26px; margin: 40px 0 12px; }
.texto-longo p, .texto-longo li { color: var(--grafite); }
.texto-longo p + p { margin-top: 12px; }
.texto-longo ul { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }

/* ---------- Rodapé ---------- */
.rodape { background: var(--preto-2); color: #C4C4C4; padding-block: 56px 32px; font-size: 15px; border-top: 1px solid #2A2A2A; }
.rodape a { color: #C4C4C4; text-decoration: none; }
.rodape a:hover { color: var(--branco); }
.rodape__grade { display: grid; gap: 36px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .rodape__grade { grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 48px; } }
.rodape__marca strong { display: block; font-family: var(--titulo); font-size: 32px; color: var(--branco); letter-spacing: 1px; line-height: 1.1; }
.rodape__marca span { display: block; font-family: var(--titulo); font-size: 17px; color: var(--azul); letter-spacing: 1px; margin-bottom: 12px; }
.rodape h2 { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--branco); margin: 0 0 12px; }
.rodape ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

.rodape__base { margin-top: 44px; padding-top: 22px; border-top: 1px solid #2A2A2A; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; color: #8A8A8A; font-size: 14px; }
.rodape__base a { color: #8A8A8A; }

.whatsapp-flutuante {
  position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40;
  width: 58px; height: 58px; border-radius: 50%; background: #1FAF5A; color: var(--branco);
  display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.whatsapp-flutuante:hover { background: #17964C; color: var(--branco); }

/* Botão dentro dos menus: mantém a cor do botão, não a dos links */
.menu a.botao, .menu a.botao:hover { color: var(--branco); padding: 10px 22px; box-shadow: none; }
.menu-movel a.botao { display: flex; padding: 12px 28px; border-bottom: 0; font-size: 17px; color: var(--branco); }
@media (min-width: 900px) { .rodape__grade { grid-template-columns: minmax(0, 1.2fr) minmax(0, .7fr) minmax(0, 1.5fr) minmax(0, .6fr); } }
.rodape li { overflow-wrap: break-word; }

/* Livro */
.numero--link { text-decoration: none; color: inherit; }
.numero--link:hover span { color: var(--marinho); }
.livro-capa { max-width: 400px; width: 100%; margin-inline: auto; }
.livro-capa img { width: 100%; height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.45)); }
.livro-capa--clara { background: var(--preto); border-radius: var(--raio); padding: 32px 24px; }
.livro-capa--clara img { filter: none; }
.livro-destaque { max-width: 460px; width: 100%; margin-inline: auto; }
.livro-destaque img { width: 100%; height: auto; border-radius: var(--raio); }
.citacao--clara { border-color: var(--linha); }
.citacao--clara blockquote { color: var(--preto); }
.destaque-marinho { color: var(--marinho); }
.cartao .t3 { font-size: clamp(24px, 2.2vw, 30px); }
.cartao .lista-check { margin-top: 6px; font-size: 16px; }
.cartao .lista-check li { align-items: flex-start; }
.cartao .lista-check svg { margin-top: 3px; }

/* Parceiros */
.parceiros { list-style: none; margin: 0; padding: 0; }
.parceiro { flex-direction: row; align-items: flex-start; gap: 20px; }
.secao:not(.secao--papel) .parceiro { background: var(--papel); }
.parceiro__foto { flex: 0 0 80px; width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
.parceiro__iniciais { display: grid; place-items: center; background: var(--marinho); color: var(--branco); font-family: var(--titulo); font-size: 30px; font-weight: 700; letter-spacing: 1px; }
.parceiro__esp { font-size: 14px !important; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--marinho) !important; }
.logo-podcast { width: 112px; height: 112px; border-radius: 22px; }

/* E-book */
.ebook-capa { max-width: 360px; width: 100%; margin-inline: auto; }
.ebook-capa img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 24px 48px rgba(7,7,7,.22); }
.secao--escura .ebook-capa img, .ebook-capa--hero img { box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.sumario { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sumario li { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--linha); font-size: 16.5px; }
.sumario li:last-child { border-bottom: 0; }
.sumario__num { font-family: var(--titulo); font-weight: 700; color: var(--marinho); text-transform: uppercase; letter-spacing: .5px; }
.formulario--claro .campo { color: var(--branco); }
.formulario--claro .consentimento { color: var(--claro-sobre-marinho); }
.formulario--claro .consentimento a { color: var(--branco); }
.formulario--claro .consentimento input { accent-color: var(--azul); }
@media (max-width: 959px) { .ebook-capa { max-width: 260px; } .ebook-capa--hero { max-width: 300px; } }
.lista-formacao strong { display: block; font-weight: 600; }
.lista-formacao small { display: block; font-size: 14.5px; color: var(--cinza); }

/* Idiomas */
.idiomas { display: flex; gap: 2px; margin-left: auto; font-size: 13px; font-weight: 700; letter-spacing: .8px; }
.idiomas a { color: var(--cinza); text-decoration: none; padding: 6px 7px; border-radius: 4px; }
.idiomas a:hover { color: var(--marinho); background: var(--papel); }
.idiomas a[aria-current] { color: var(--marinho); box-shadow: inset 0 -2px 0 var(--marinho); border-radius: 0; }
@media (min-width: 1100px) { .idiomas { margin-left: 0; order: 3; } }
.publicacao { flex-direction: row; gap: 20px; align-items: flex-start; }
.publicacao picture { flex: 0 0 96px; }
.publicacao img { width: 96px; height: auto; border-radius: 3px; box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.secao--marinho .canal { background: var(--branco); color: var(--preto); }

/* Carrossel de depoimentos */
.carrossel { display: flex; flex-direction: column; gap: 20px; }
.carrossel__trilho { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; margin-inline: calc(-1 * var(--lateral)); padding-inline: var(--lateral); scroll-padding-inline: var(--lateral); }
.carrossel__trilho::-webkit-scrollbar { display: none; }
.carrossel__trilho:focus-visible { outline: 2px solid var(--marinho); outline-offset: 4px; }
.carrossel__item { flex: 0 0 100%; scroll-snap-align: start; }
@media (min-width: 900px) { .carrossel__item { flex-basis: calc((100% - 20px) / 2); } }
.carrossel__controles { display: flex; align-items: center; gap: 12px; }
.carrossel__seta { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--marinho); background: transparent; color: var(--marinho); display: grid; place-items: center; cursor: pointer; }
.carrossel__seta:hover { background: var(--marinho); color: var(--branco); }
.carrossel__pontos { display: flex; gap: 8px; }
.carrossel__ponto { width: 10px; height: 10px; border-radius: 50%; border: 0; padding: 0; background: #C9C9C9; cursor: pointer; }
.carrossel__ponto[aria-current="true"] { background: var(--marinho); width: 26px; border-radius: 5px; }
.carrossel__pausa { margin-left: auto; background: none; border: 0; color: var(--cinza); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.carrossel--parado .carrossel__controles { display: none; }
.carrossel--auto .carrossel__trilho { scroll-snap-type: none; scroll-behavior: auto; }
.carrossel--auto .carrossel__item { flex-basis: min(85vw, 420px); }
@media (min-width: 900px) { .carrossel--auto .carrossel__item { flex-basis: 440px; } }
.carrossel__controles .carrossel__pausa { margin-left: 8px; }

/* Área do Coachee */
.area-login { width: 100%; max-width: 440px; margin-inline: auto; }
.area-erro { margin: 0; color: #FFD2D2; font-size: 15px; }

/* Selo BNI */
.selo-bni { display: block; margin-top: 14px; }
.selo-bni img { display: block; width: 104px; height: auto; border-radius: 3px; }
.selo-bni--rodape img { width: 96px; }
.selo-bni-linha { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.selo-bni-linha .selo-bni { margin-top: 0; }
.selo-bni-linha .nota { flex: 1 1 14rem; margin: 0; }

/* Newsletter */
.edicao { background: var(--branco); border-radius: var(--raio); border-top: 4px solid var(--marinho); padding: 28px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; transition: transform .15s ease, box-shadow .15s ease; }
.secao:not(.secao--papel) .edicao { background: var(--papel); }
.edicao:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(7,7,7,.08); }
.edicao__num { font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--marinho); }
.edicao h3 { margin: 0; font-size: 20px; line-height: 1.3; }
.edicao p { margin: 0; color: var(--grafite); font-size: 16px; line-height: 1.55; }
.edicao .link-seta { margin-top: auto; font-size: 16px; color: var(--marinho); align-self: flex-start; }
.artigo { max-width: 760px; font-size: 18px; line-height: 1.7; color: #1E1E1E; }
.artigo p { margin: 0 0 1.1em; }
.artigo h2 { font-family: var(--titulo); text-transform: uppercase; font-size: clamp(24px, 2.6vw, 30px); line-height: 1.15; margin: 1.8em 0 .6em; color: var(--preto); }
.artigo ul { margin: 0 0 1.2em; padding-left: 1.3em; display: flex; flex-direction: column; gap: .6em; }
.artigo li::marker { color: var(--marinho); }
.artigo blockquote { margin: 1.4em 0; padding: 18px 24px; border-left: 4px solid var(--azul); background: var(--papel); font-family: var(--titulo); font-size: clamp(22px, 2.4vw, 28px); line-height: 1.25; text-transform: uppercase; color: var(--marinho); }
.artigo__assinatura { margin-top: 2em !important; padding-top: 1.2em; border-top: 1px solid var(--linha); font-size: 16px; color: var(--grafite); }
.artigo__cta { margin-top: 2em; background: var(--preto); color: var(--branco); border-radius: var(--raio); padding: 24px 28px; display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; justify-content: space-between; }
.artigo__cta p { margin: 4px 0 0; color: var(--claro-sobre-escuro); font-size: 16px; line-height: 1.5; }
.artigo__nav { margin-top: 2em; display: flex; justify-content: space-between; gap: 16px; font-weight: 700; font-size: 16px; }
.artigo__nav a { text-decoration: none; color: var(--marinho); }
.caixa-escura .texto { color: var(--claro-sobre-escuro); }

/* Acesso à Área do Coachee no menu */
.link-area { display: inline-flex; align-items: center; gap: 8px; font-weight: 600 !important; color: var(--marinho) !important; text-decoration: none; border: 1.5px solid var(--marinho); border-radius: var(--raio); padding: 10px 14px !important; white-space: nowrap; }
.link-area:hover, .link-area.ativo { background: var(--marinho); color: var(--branco) !important; }
.menu-movel .link-area { display: flex; justify-content: center; margin-top: 16px; font-size: 18px; padding: 14px !important; border-bottom: 1.5px solid var(--marinho); }
@media (min-width: 1100px) {
  .menu, .menu ul { gap: 22px; }
}
.menu a, .menu .botao { white-space: nowrap; }
@media (min-width: 1100px) and (max-width: 1239px) {
  .menu, .menu ul { gap: 18px; }
  .link-area span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .link-area { padding: 10px 12px !important; }
}
@media (min-width: 1100px) and (max-width: 1199px) { .menu, .menu ul { gap: 14px; font-size: 15px; } }