/* A corrida é protagonista; a sequência liga evidência à ação. */
.s-aquisicao .body { gap:0; }
.aquisicao-nav { display:flex;align-items:center;gap:16px;padding:20px 24px; }
.aquisicao-nav>:first-child { margin-right:auto; }
.aquisicao-nav a { white-space:nowrap; }
.aquisicao-hero { position:relative;isolation:isolate;background:#10271b;color:white;min-height:530px;display:flex;align-items:end; }
.aquisicao-hero>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2; }
.aquisicao-hero::before { content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,22,13,.94),rgba(5,22,13,.12));z-index:-1; }
.aquisicao-hero>div { padding:36px 24px; }
.aquisicao-hero h1 { font-size:clamp(2.5rem,9vw,3.6rem);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:20px 0;max-width:13ch; }
.aquisicao-hero p:last-child { font-size:1.125rem;line-height:1.5;max-width:32ch; }
.aquisicao-secao { margin-top:48px; }
.aquisicao-secao h2 { margin-bottom:16px; }
.aquisicao-secao p { line-height:1.6; }
.aquisicao-caso { display:block;position:relative;padding:24px 30px 24px 0;border-bottom:1px solid var(--line,#d4d8d4);color:inherit;text-decoration:none; }
.aquisicao-caso h3 { font-size:1.5rem;margin:10px 0; }
.aquisicao-caso>span:last-child { position:absolute;right:0;top:48px;font-size:24px; }
.aquisicao-ofertas { display:grid;gap:24px; }
.aquisicao-ofertas article { border-left:3px solid #34c759;padding-left:18px; }
.aquisicao-secao details { padding:18px 0;border-bottom:1px solid var(--line,#d4d8d4); }
.aquisicao-secao summary,.s-jornada summary { cursor:pointer;font-weight:600;min-height:32px; }
.jornada-pro-intro { margin:8px 0 16px; }
.jornada-pro-intro h1 { font-size:1.75rem;line-height:1.15;margin-bottom:10px; }
.jornada-pro-intro p { line-height:1.45; }
.jornada-pro-intro details { margin-top:10px; }
.sem-movimento>li { animation:none; }
@keyframes jornada-entrar { from {opacity:.5;transform:translateY(6px)} to {opacity:1;transform:none} }
@media(prefers-reduced-motion:reduce) { .s-aquisicao *,.s-jornada * {scroll-behavior:auto!important;transition:none!important;animation:none!important} }
.s-aquisicao a:focus-visible,.s-jornada a:focus-visible,.s-jornada button:focus-visible,.s-aquisicao summary:focus-visible { outline:3px solid var(--text,#17291c);outline-offset:4px; }
@media(max-width:350px) { .aquisicao-nav {padding:16px;gap:8px} .aquisicao-hero>div {padding:28px 20px} }

.s-assinatura-jornada .jornada-pro-intro + .brilho-borda { margin-top:12px; }
.s-assinatura-jornada .brilho-borda__dentro { padding:16px; }
.s-assinatura-jornada .brilho-borda__dentro .h1 { margin-top:8px; }
.s-assinatura-jornada #cartao-cartao { margin-top:12px; }
.s-assinatura-jornada #form-assinar > #enviar { margin-top:0;margin-bottom:16px; }

.s-jornada .btn { text-align:center; }

/* Revisão de leitura: uma hierarquia, ações separadas da fotografia. */
.s-aquisicao, .s-jornada { --j-espaco:24px; }
.s-aquisicao .body, .s-jornada .body { padding-inline:var(--j-espaco); }
.s-aquisicao p, .s-jornada p { max-width:60ch; font-size:1rem; line-height:1.6; }
.s-aquisicao .sm, .s-jornada .sm { font-size:.875rem; line-height:1.5; }
.aquisicao-hero { min-height:440px; }
.aquisicao-hero>div { padding:40px 24px; }
.aquisicao-hero h1 { font-size:clamp(2.125rem,8vw,3rem); line-height:1.12; letter-spacing:-.035em; }
.aquisicao-contexto { font-size:.875rem; font-weight:500; letter-spacing:0; }
.aquisicao-acoes { display:grid; gap:12px; padding-block:32px 8px; }
.aquisicao-acoes .btn { margin:0; }
.s-aquisicao .btn, .s-jornada .btn { min-height:52px; height:auto; padding:14px 20px; line-height:1.35; white-space:normal; }
.aquisicao-secao { margin-top:48px; }
.aquisicao-secao h2 { font-size:1.5rem; line-height:1.25; letter-spacing:-.02em; }
.aquisicao-secao + .btn { margin-top:32px; }
.aquisicao-caso { padding-block:28px; }
.aquisicao-caso h3 { font-size:1.25rem; line-height:1.35; padding-right:12px; }
.aquisicao-caso>span:last-child { top:50%; transform:translateY(-50%); }
/* sem `display:list-item` desde 02/10/2026: o marcador agora e o
   `.sumario` (flex, com os tres pontos), e list-item o desmontava */
.aquisicao-secao summary, .s-jornada summary { min-height:44px; line-height:1.5; }
.aquisicao-secao details[open] p { margin-top:12px; }
.aquisicao-secao footer, .aquisicao-secao a { text-underline-offset:4px; }
.s-jornada .h1 { font-size:1.875rem; line-height:1.2; letter-spacing:-.025em; }
.s-jornada nav { display:flex; flex-wrap:wrap; gap:12px; line-height:1.5; }
@media(min-width:700px) { .s-aquisicao .body { padding-inline:32px; } .aquisicao-ofertas {grid-template-columns:1fr 1fr;} }
@media(max-width:350px) { .s-aquisicao,.s-jornada {--j-espaco:20px;} .aquisicao-hero {min-height:400px;} }

/* ============================================================
   O PÓS-TREINO, NUM CARTÃO SÓ (02/10/2026)
   ------------------------------------------------------------
   Pedido do dono: refazer a tela inteira na estética da Hoje, que é a
   melhor que o app já teve. "Mais simples é menor complexidade visual
   e mais dopamina, porque ativa a recompensa de entendimento."

   Quase não há CSS aqui, e isso é a questão: o cartão, a bandeja e as
   pastilhas são os MESMOS componentes da Hoje (css/components.css). O
   que esta folha acrescenta é o número grande, a assinatura de quem
   fala e duas correções de pastilha. Desenho novo pra cada tela é
   justamente o que fazia o pós-treino parecer outro aplicativo.

   O que a Apple pede, e por que vale aqui:
   · Layout: o mais importante no topo, e o mais importante é o fato
     medido, não o título da tela; alvo de 44px, que a pastilha já tem;
   · Typography: tudo em rem, então cresce com o Dynamic Type;
   · Writing: uma frase por assunto, e a frase cabe na linha.
   ============================================================ */

/* o fato. É a maior coisa da tela de propósito, e não tem rótulo:
   "6,2 km" já diz o que é. */
.s-jornada .jornada-km {
  font-size: clamp(2.25rem, 10vw, 3rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.035em;
  margin: 4px 0 0;
  font-variant-numeric: tabular-nums;
}
/* a conferência: o que o plano pedia e quanto tempo levou */
.s-jornada .jornada-sub {
  font-size: var(--fs-sm);
  line-height: 1.4;
  color: var(--text-3);
  margin: 2px 0 20px;
  font-variant-numeric: tabular-nums;
}

/* o corredor da marca assina o bloco em que quem fala é a Tryzen, na
   altura da palavra ao lado, igual ao kicker do cartão da Hoje */
.jornada-assina { display: flex; align-items: center; gap: .4em; }
.jornada-assina .zentry-logo { height: 1.25em; width: auto; margin: 0; vertical-align: 0; }

/* o porquê: UMA frase, no cinza do texto de apoio. Sem `max-width` de
   60ch aqui — dentro do cartão quem dá a medida é o cartão. */
.s-jornada .jornada-porque {
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-2);
  margin: 6px 0 0;
  max-width: none;
}

/* leitura forte acende o ícone; leitura fraca fica no cinza do rótulo,
   que é o peso de toda pastilha da Hoje */
.pastilha--forte .pastilha__ic { color: var(--accent-texto); }
/* "Rodagem leve · 5,8 km" não cabe numa linha em tela estreita, e nada
   pode sair cortado: o valor quebra e continua alinhado à direita. */
.pastilha--quebra .pastilha__valor { white-space: normal; text-align: right; }

/* as saídas: dois links, nunca dois botões */
.jornada-saidas { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 16px; }
.jornada-saidas a, .jornada-saidas button { min-height: 44px; display: inline-flex; align-items: center; }

/* ---------- a folha do Zentry ----------
   A moldura (scrim, subida, alça, foco) é a das outras cinco folhas e
   mora em css/components.css, na mesma lista de seletores. Aqui só o
   que é desta: o texto da leitura. */
.zentry-folha__alca {
  display: block;
  width: 36px;
  height: 4px;
  margin: 0 auto 14px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: var(--border);
}
.s-jornada .zf-texto, .zentry-folha__corpo .zf-texto {
  white-space: pre-line;
  line-height: 1.55;
  margin: 10px 0 0;
}
.zentry-folha__corpo .btn { margin-bottom: 0; }
/* A leitura pode ser longa (até 120 palavras): esta folha rola por
   dentro, como a do dia. Sem isto o topo dela sairia da tela num
   iPhone pequeno e o título ficaria fora de alcance. */
.zentry-folha__folha {
  max-height: 92vh;      /* fallback: iOS < 15.4 */
  max-height: 92svh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* ---------- o nome por extenso cabe (02/10/2026) ----------
   Regra do dono: na tela o nome da IA é Tryzen Intelligence, e nunca o
   nome velho. "Entender com a Tryzen Intelligence" não cabe numa linha
   de 320px, e pílula do app é `nowrap` — aqui ela quebra e cresce, com
   o alvo de 44px de pé. A faixa verde da marca (js/faixa.js) passa
   nela sozinha, porque varre o nome por extenso. */
.s-jornada .card__foot .pill {
  white-space: normal;
  min-height: 44px;
  padding-block: 10px;
  text-align: center;
}