/* Cormorant Garamond hospedada aqui: a versão do Google Fonts desenha o acento circunflexo solto, em ponta. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fontes/cormorant-garamond-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fontes/cormorant-garamond-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap; src: url("fontes/cormorant-garamond-latin-ext-500-italic.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap; src: url("fontes/cormorant-garamond-latin-500-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fontes/cormorant-garamond-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fontes/cormorant-garamond-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("fontes/cormorant-garamond-latin-ext-600-italic.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("fontes/cormorant-garamond-latin-600-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Sistema de Páginas · Método Salomão · v3
   Cor, ouro e famílias do manual da marca (12/09/2026). Composição das referências de 18/10/2026:
   uma imagem protagonista por tela, tipografia em escala extrema, um acento só, microtipografia de sistema,
   linhas editoriais, número como design, prova no formato em que existe, e uma virada de fundo. */

:root, [data-theme="escuro"] {
  --fundo: #121215; --tinta: #FFFFFF; --tinta-suave: #E2DFD8; --tinta-apagada: #A9A6A0;
  --filete: rgba(255,255,255,.12); --acento: #C9A05A; --foco: #F4E4BE;
}
[data-theme="claro"] {
  --fundo: #FAF9F7; --tinta: #16161A; --tinta-suave: #2B2B30; --tinta-apagada: #5C5C62;
  --filete: rgba(22,22,26,.14); --acento: #16161A; --foco: #16161A;
}
:root {
  --ouro-corpo: #C9A05A; --ouro-brilho: #F4E4BE; --ouro-reflexo: #EBD9AC; --ouro-sombra: #7A5A2C;
  --metal: linear-gradient(90deg, #7A5A2C 0%, #C9A05A 30%, #F4E4BE 50%, #EBD9AC 62%, #C9A05A 80%, #7A5A2C 100%);
  --metal-texto: linear-gradient(180deg, #F4E4BE 0%, #E3C88E 35%, #C9A05A 70%, #B48E4C 100%);
  --metal-botao: linear-gradient(180deg, #EBD9AC 0%, #D9B877 45%, #C9A05A 100%);
  --font-titulo: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-corpo: "Jost", "Futura", system-ui, sans-serif;
  --largura: 1280px; --texto: 600px; --lado: clamp(24px, 5vw, 80px);
  --ease: cubic-bezier(.16,.84,.24,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #121215; color: var(--tinta-suave); font-family: var(--font-corpo); font-weight: 400; font-size: 18px; line-height: 30px; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
p { margin: 0; }
a { color: inherit; }
::selection { background: #C9A05A; color: #121215; }

/* Seções */
.secao { position: relative; background: var(--fundo); color: var(--tinta-suave); padding: clamp(96px, 12vw, 168px) var(--lado); overflow: hidden; isolation: isolate; }
.miolo { position: relative; z-index: 2; max-width: var(--largura); margin: 0 auto; }
.grade { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
@media (max-width: 900px) { body { font-size: 17px; line-height: 29px; } .grade { display: block; } }

/* Topo, sem saída */
.topo { position: absolute; z-index: 10; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding: 28px var(--lado); }
.topo img { width: 44px; }

/* Microtipografia */
.rotulo { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 12.5px; line-height: 18px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-apagada); }
.rotulo b { font-weight: 600; color: var(--acento); white-space: nowrap; }
.rotulo > span { white-space: nowrap; }
.rotulo i { display: inline-block; width: 36px; height: 1px; background: var(--metal); }
[data-theme="claro"] .rotulo i { background: #16161A; }

/* Títulos */
.display, .titulo { margin: 0; font-family: var(--font-titulo); font-weight: 600; color: var(--tinta); font-variant-numeric: lining-nums; }
.display { font-size: clamp(56px, 7.4vw, 124px); line-height: .9; letter-spacing: -.028em; }
.titulo { font-size: clamp(42px, 5vw, 80px); line-height: .96; letter-spacing: -.022em; }
.titulo.menor { font-size: clamp(38px, 3.8vw, 60px); }
.it { font-style: italic; font-weight: 500; }
.ouro { background: var(--metal-texto); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-theme="claro"] .ouro { background: none; color: var(--tinta); }
.abertura { font-size: clamp(19px, 1.5vw, 22px); line-height: 1.6; color: var(--tinta-suave); max-width: var(--texto); }
.corpo { max-width: var(--texto); }
.corpo strong { color: var(--tinta); font-weight: 500; }

/* Revelação, sempre lenta e curta */
.mascara { display: block; overflow: hidden; padding-bottom: .1em; margin-bottom: -.1em; }
.mascara > span { display: inline-block; transform: translateY(108%); transition: transform 1.3s var(--ease); }
.revelado .mascara > span { transform: none; }
.revelado .mascara:nth-child(2) > span { transition-delay: .1s; }
.revelado .mascara:nth-child(3) > span { transition-delay: .2s; }
.surge { opacity: 0; transform: translateY(18px); transition: opacity 1.2s var(--ease), transform 1.2s var(--ease); }
.revelado .surge, .surge.revelado { opacity: 1; transform: none; }
.revelado .d1 { transition-delay: .3s; } .revelado .d2 { transition-delay: .45s; } .revelado .d3 { transition-delay: .6s; }
.cortina img { clip-path: inset(0 0 100% 0); transition: clip-path 1.8s var(--ease); }
.cortina.revelado img { clip-path: inset(0 0 0 0); }

/* Botão */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 62px; padding: 0 36px; border: 0; border-radius: 0; font-family: var(--font-corpo); font-size: 15px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: transform .5s var(--ease), box-shadow .5s var(--ease), filter .5s; }
.btn-primario { background: var(--metal-botao); color: #121215; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 20px 50px -24px rgba(201,160,90,.7); }
.btn-primario:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 28px 60px -22px rgba(201,160,90,.85); }
.btn .seta { display: inline-block; width: 22px; height: 1px; background: currentColor; position: relative; transition: width .5s var(--ease); }
.btn .seta::after { content: ""; position: absolute; right: 0; top: -3.5px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
.btn:hover .seta { width: 32px; }
.btn:focus-visible, summary:focus-visible { outline: 2px solid var(--foco); outline-offset: 4px; }
@media (max-width: 900px) { .btn { width: 100%; padding: 0 20px; font-size: 14px; } }

/* Ficha de dados, no lugar da nota solta */
.ficha { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; margin: 36px 0 0; border-top: 1px solid var(--filete); max-width: 560px; }
.ficha div { padding: 18px 28px 0 0; }
.ficha div + div { padding-left: 28px; border-left: 1px solid var(--filete); }
.ficha dt { font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-apagada); font-weight: 500; }
.ficha dd { margin: 6px 0 0; font-family: var(--font-titulo); font-size: 26px; line-height: 1.1; font-weight: 600; color: var(--tinta); font-variant-numeric: lining-nums; white-space: nowrap; }
@media (max-width: 900px) { .ficha { grid-template-columns: repeat(3, 1fr); } .ficha div { padding-right: 10px; } .ficha div + div { padding-left: 12px; } .ficha dd { font-size: 21px; } .ficha dt { font-size: 10.5px; letter-spacing: .14em; } }

/* Abertura */
.hero { min-height: 100vh; min-height: 100svh; display: flex; align-items: flex-end; padding-top: 160px; padding-bottom: clamp(72px, 9vw, 120px); background: #121215; }
.hero .foto { position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; width: 56%; }
.hero .foto picture, .hero .foto img { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero .foto img { object-fit: cover; object-position: 38% 30%; transform: scale(1.06); transition: transform 3.2s var(--ease); }
.hero.revelado .foto img { transform: scale(1); }
.hero .foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #121215 0%, rgba(18,18,21,.75) 16%, rgba(18,18,21,0) 46%), linear-gradient(0deg, #121215 0%, rgba(18,18,21,0) 26%), linear-gradient(180deg, rgba(18,18,21,.5) 0%, rgba(18,18,21,0) 18%); }
.hero .canto { position: absolute; z-index: 3; right: var(--lado); bottom: clamp(72px, 9vw, 120px); font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--tinta-apagada); font-weight: 500; writing-mode: vertical-rl; transform: rotate(180deg); }
.hero .texto { grid-column: 1 / span 7; }
.hero .display { margin-top: 28px; }
.hero .abertura { margin-top: 32px; }
.hero .acao { margin-top: 44px; }
@media (max-width: 900px) {
  .hero { display: block; min-height: 0; padding: 0 0 72px; }
  .hero .foto { position: relative; width: 100%; height: 64vh; height: 64svh; }
  .hero .foto img { object-position: 30% 22%; }
  .hero .foto::after { background: linear-gradient(0deg, #121215 6%, rgba(18,18,21,.5) 38%, rgba(18,18,21,0) 62%), linear-gradient(180deg, rgba(18,18,21,.55) 0%, rgba(18,18,21,0) 20%); }
  .hero .miolo { margin-top: -12vh; padding: 0 var(--lado); }
  .hero .canto { display: none; }
}

/* O diagnóstico: o trabalho dele como fundo, a conversa como prova */
.diagnostico .fundo-obra { position: absolute; z-index: 0; inset: 0; }
.diagnostico .fundo-obra picture, .diagnostico .fundo-obra img { position: absolute; inset: 0; width: 100%; height: 100%; }
.diagnostico .fundo-obra img { object-fit: cover; object-position: 70% 40%; filter: grayscale(1) contrast(1.1); opacity: .2; }
.diagnostico .fundo-obra::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #121215 30%, rgba(18,18,21,.55) 72%, rgba(18,18,21,.8) 100%); }
.diagnostico .esq { grid-column: 1 / span 6; }
.diagnostico .dir { grid-column: 8 / span 5; align-self: center; }
.dores { list-style: none; margin: 48px 0 0; padding: 0; border-top: 1px solid var(--filete); }
.dores li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--filete); font-size: 18px; line-height: 28px; color: var(--tinta-suave); }
.dores li span { font-family: var(--font-titulo); font-style: italic; font-size: 24px; line-height: 28px; color: var(--ouro-corpo); }
.diagnostico .fecha { margin-top: 40px; }
@media (max-width: 900px) { .diagnostico .dir { margin-top: 56px; } }

.conversa { position: relative; width: 100%; max-width: 420px; margin-left: auto; padding: 22px 20px 26px; background: rgba(18,18,21,.72); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9); }
.conversa .cab { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.conversa .avatar { width: 34px; height: 34px; border-radius: 50%; background: #3C3C41; }
.conversa .quem { font-size: 14px; line-height: 18px; color: #FFFFFF; font-weight: 500; }
.conversa .quem small { display: block; font-size: 12px; color: #A9A6A0; font-weight: 400; }
.bolha { max-width: 84%; padding: 12px 15px; border-radius: 2px; font-size: 15px; line-height: 22px; margin-bottom: 10px; opacity: 0; transform: translateY(8px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.bolha.ele { margin-left: auto; background: #34343A; color: #FFFFFF; }
.bolha.cliente { border: 1px solid rgba(255,255,255,.16); color: #E2DFD8; }
.bolha .hora { display: block; margin-top: 3px; font-size: 11px; line-height: 14px; text-align: right; color: #C9C6BF; }
.visto, .silencio { opacity: 0; transition: opacity .8s var(--ease); }
.visto { text-align: right; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--ouro-corpo); font-weight: 600; }
.silencio { margin: 18px 0; display: flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #A9A6A0; }
.silencio::before, .silencio::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.12); }
.conversa .on { opacity: 1; transform: none; }

/* A virada, em papel osso */
.entregas { list-style: none; margin: 72px 0 0; padding: 0; }
.entrega { position: relative; display: grid; grid-template-columns: 2fr 5fr 5fr; column-gap: 24px; align-items: baseline; padding: 44px 0; }
.entrega::before { content: ""; position: absolute; left: 0; top: 0; height: 1px; width: 0; background: rgba(22,22,26,.3); transition: width 1.6s var(--ease); }
.entrega.revelado::before { width: 100%; }
.entrega:last-child { border-bottom: 1px solid var(--filete); }
.entrega .n { font-family: var(--font-titulo); font-size: 72px; line-height: .75; font-weight: 500; font-style: italic; color: var(--tinta); }
.entrega h3 { margin: 0; font-family: var(--font-titulo); font-size: clamp(30px, 2.8vw, 44px); line-height: 1.02; font-weight: 600; letter-spacing: -.012em; color: var(--tinta); }
.entrega p { font-size: 18px; line-height: 30px; color: var(--tinta-suave); max-width: 44ch; }
@media (max-width: 900px) { .entrega { grid-template-columns: 1fr; row-gap: 14px; padding: 34px 0; } .entrega .n { font-size: 52px; } }

/* A conta */
.conta-secao { text-align: center; background: radial-gradient(64% 58% at 50% 46%, #1F1D1A 0%, #121215 72%); }
.conta { display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 0 .26em; margin: 48px 0 0; font-family: var(--font-titulo); font-weight: 600; font-size: clamp(76px, 12.4vw, 200px); line-height: .88; letter-spacing: -.035em; color: #FFFFFF; font-variant-numeric: lining-nums tabular-nums; }
.conta .op { font-weight: 400; font-size: .4em; color: #A9A6A0; }
.conta .grupo { display: inline-flex; align-items: baseline; gap: 0 .26em; }
.conta .res { font-style: italic; font-weight: 500; }
.conta-leitura { display: flex; justify-content: center; gap: 64px; margin-top: 26px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #A9A6A0; font-weight: 500; }
.conta-frase { margin: 64px auto 0; max-width: 22ch; font-family: var(--font-titulo); font-size: clamp(30px, 3.4vw, 48px); line-height: 1.1; font-weight: 500; color: #FFFFFF; }
@media (max-width: 900px) { .conta { flex-direction: column; align-items: center; gap: 4px; font-size: 80px; } .conta-leitura { display: none; } }

/* Quem conduz */
.conduz .moldura { grid-column: 1 / span 5; position: relative; margin: 0; align-self: start; }
.conduz .moldura::before, .conduz .moldura::after { content: ""; position: absolute; z-index: 2; width: 26px; height: 26px; border: 0 solid var(--ouro-corpo); }
.conduz .moldura::before { top: -12px; left: -12px; border-top-width: 1px; border-left-width: 1px; }
.conduz .moldura::after { bottom: 34px; right: -12px; border-bottom-width: 1px; border-right-width: 1px; }
.conduz .moldura img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: 62% 30%; filter: grayscale(1) contrast(1.05); }
.conduz .moldura figcaption { margin-top: 22px; font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--tinta-apagada); font-weight: 500; }
.conduz .lado { grid-column: 7 / span 6; align-self: center; }
.marcos { margin-top: 48px; border-top: 1px solid var(--filete); }
.marco { display: grid; grid-template-columns: 220px 1fr; gap: 24px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--filete); }
.marco .n { font-family: var(--font-titulo); font-size: 56px; line-height: .9; font-weight: 600; letter-spacing: -.02em; color: #FFFFFF; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
.marco .n em { font-style: italic; font-weight: 500; color: var(--ouro-corpo); }
.marco p { font-size: 16px; line-height: 26px; color: var(--tinta-suave); }
@media (max-width: 900px) { .conduz .moldura { max-width: 420px; } .conduz .lado { margin-top: 64px; } .marco { grid-template-columns: 1fr; gap: 6px; } .marco .n { font-size: 46px; } }

/* Por que é paga: a máquina em cena */
.paga { background: #0D0D0F; }
.paga .cena { position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; width: 58%; }
.paga .cena picture, .paga .cena img { position: absolute; inset: 0; width: 100%; height: 100%; }
.paga .cena img { object-fit: cover; object-position: 60% 60%; }
.paga .cena::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0D0D0F 0%, rgba(13,13,15,.55) 35%, rgba(13,13,15,0) 70%), linear-gradient(0deg, rgba(13,13,15,.75) 0%, rgba(13,13,15,0) 40%); }
.paga .esq { grid-column: 1 / span 6; }
.paga .preco { position: absolute; z-index: 3; right: var(--lado); bottom: clamp(96px, 12vw, 168px); text-align: right; }
.paga .preco .v { display: block; font-family: var(--font-titulo); font-size: clamp(80px, 9vw, 150px); line-height: .85; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: lining-nums; }
.paga .preco .v small { font-size: .34em; font-weight: 500; color: #E2DFD8; vertical-align: 1.2em; margin-right: .12em; letter-spacing: 0; }
.paga .preco .rotulo { margin-top: 16px; justify-content: flex-end; }
@media (max-width: 900px) {
  .paga .cena { position: relative; width: auto; height: 52vh; margin: 0 calc(var(--lado) * -1) 40px; }
  .paga .cena::after { background: linear-gradient(0deg, #0D0D0F 0%, rgba(13,13,15,0) 55%), linear-gradient(180deg, #0D0D0F 0%, rgba(13,13,15,0) 30%); }
  .paga .preco { right: var(--lado); top: 32vh; bottom: auto; }
  .paga .preco .rotulo { display: none; }
}

/* Perguntas */
.perguntas-secao .esq { grid-column: 1 / span 4; }
.perguntas-secao .dir { grid-column: 6 / span 7; }
.pergunta { border-bottom: 1px solid var(--filete); }
.pergunta:first-child { border-top: 1px solid var(--filete); }
.pergunta summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 30px 0; font-family: var(--font-titulo); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; font-weight: 600; color: var(--tinta); transition: color .4s; }
.pergunta summary:hover { color: var(--ouro-corpo); }
.pergunta summary::-webkit-details-marker { display: none; }
.pergunta summary::after { content: ""; flex: none; width: 16px; height: 16px; background: linear-gradient(var(--ouro-corpo), var(--ouro-corpo)) center / 16px 1px no-repeat, linear-gradient(var(--ouro-corpo), var(--ouro-corpo)) center / 1px 16px no-repeat; transition: transform .5s var(--ease); }
.pergunta[open] summary::after { transform: rotate(45deg); }
.pergunta .resposta { padding: 0 0 30px; max-width: 58ch; color: var(--tinta-suave); }
@media (max-width: 900px) { .perguntas-secao .dir { margin-top: 48px; } }

/* Fechamento: a cadeira */
.fecho { min-height: 100vh; min-height: 100svh; display: flex; align-items: center; text-align: center; background: #0B0B0D; }
.fecho .cena { position: absolute; z-index: 0; inset: 0; }
.fecho .cena picture, .fecho .cena img { position: absolute; inset: 0; width: 100%; height: 100%; }
.fecho .cena img { object-fit: cover; object-position: 60% 92%; opacity: .55; }
.fecho .cena::after { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 70% at 50% 50%, rgba(11,11,13,.35) 0%, rgba(11,11,13,.9) 85%), linear-gradient(180deg, #0B0B0D 0%, rgba(11,11,13,0) 25%, rgba(11,11,13,0) 75%, #0B0B0D 100%); }
.fecho .miolo { width: 100%; max-width: 960px; }
@media (max-width: 900px) { .fecho .cena img { object-position: 92% 50%; opacity: .5; } }
.fecho .acao { margin-top: 48px; }
.fecho .ficha { margin-left: auto; margin-right: auto; justify-content: center; text-align: left; }

/* Rodapé */
.rodape { background: #0B0B0D; border-top: 1px solid rgba(255,255,255,.08); padding: 28px var(--lado); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-size: 13px; letter-spacing: .04em; color: #A9A6A0; }
.rodape img { width: 32px; }
.rodape a { color: #A9A6A0; text-underline-offset: 3px; }
@media (max-width: 900px) { .rodape { padding-bottom: 120px; } }

/* Barra fixa no celular */
.barra { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; display: none; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgba(13,13,15,.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(201,160,90,.3); transform: translateY(110%); transition: transform .6s var(--ease); }
.barra.visivel { transform: none; }
.barra .info { font-size: 11px; line-height: 15px; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; color: #E2DFD8; }
.barra .info b { display: block; font-family: var(--font-titulo); font-size: 26px; line-height: 1.05; letter-spacing: 0; text-transform: none; color: #FFFFFF; font-weight: 600; }
.barra .btn { width: auto; min-height: 50px; padding: 0 20px; font-size: 13px; }
@media (max-width: 900px) { .barra { display: flex; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .mascara > span, .surge, .bolha, .visto, .silencio { opacity: 1 !important; transform: none !important; }
  .cortina img { clip-path: none !important; }
  .hero .foto img { transform: none !important; }
}

/* v4 · Agenda cheia, o destino desenhado como interface */
.paga .lado-agenda { grid-column: 8 / span 5; align-self: center; }
.agenda { position: relative; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); padding: 22px 22px 18px; box-shadow: 0 60px 120px -50px rgba(0,0,0,.9); }
.agenda .topo-ag { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
.agenda .mes { font-family: var(--font-titulo); font-size: 30px; line-height: 1; font-weight: 600; color: #FFFFFF; }
.agenda .mes em { font-style: italic; font-weight: 500; color: var(--ouro-corpo); }
.agenda .status { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--ouro-corpo); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.agenda .status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ouro-corpo); }
.agenda .dias { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; margin-top: 16px; }
.agenda .dia { display: flex; flex-direction: column; gap: 6px; }
.agenda .dia > b { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: #A9A6A0; font-weight: 500; text-align: center; padding-bottom: 4px; }
.agenda .dia > b span { display: block; font-family: var(--font-titulo); font-size: 22px; letter-spacing: 0; color: #FFFFFF; font-weight: 600; margin-top: 2px; }
.agenda .slot { height: 46px; padding: 6px 7px; background: linear-gradient(180deg, rgba(201,160,90,.2), rgba(201,160,90,.08)); border-left: 1px solid var(--ouro-corpo); font-size: 10px; line-height: 13px; color: #E2DFD8; overflow: hidden; }
.agenda .slot.longa { height: 98px; }
.agenda .slot small { display: block; color: #C9C6BF; font-size: 9.5px; letter-spacing: .06em; }
.agenda .rodape-ag { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #A9A6A0; font-weight: 500; }
.agenda .rodape-ag b { color: #FFFFFF; font-weight: 600; }
.agenda-legenda { margin-top: 16px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #A9A6A0; font-weight: 500; }
@media (max-width: 900px) { .paga .lado-agenda { margin-top: 56px; } .agenda { padding: 16px 12px; } .agenda .dias { gap: 4px; } .agenda .slot { font-size: 0; padding: 0; } .agenda .slot small { display: none; } .agenda .dia > b span { font-size: 18px; } }

/* v4 · marcadores e entregas sem numeral */
.dores li { grid-template-columns: 28px 1fr; }
.dores li span { display: block; width: 14px; height: 1px; margin-top: 14px; background: var(--metal); font-size: 0; }
.entrega { grid-template-columns: 3fr 5fr 4fr; }
.entrega .onde { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; color: var(--tinta-apagada); padding-top: 10px; }
.entrega .onde::before { content: ""; display: block; width: 28px; height: 1px; background: #16161A; margin-bottom: 14px; }
@media (max-width: 900px) { .entrega { grid-template-columns: 1fr; } }

/* v4 · a fala dele */
.fala { margin: 44px 0 0; padding: 30px 0 0; border-top: 1px solid var(--filete); }
.fala blockquote { margin: 0; font-family: var(--font-titulo); font-style: italic; font-weight: 500; font-size: clamp(24px, 2.2vw, 31px); line-height: 1.28; color: #FFFFFF; }
.fala blockquote::before { content: "\201C"; display: block; font-size: 64px; line-height: .6; color: var(--ouro-corpo); margin-bottom: 12px; font-style: normal; }
.fala cite { display: block; margin-top: 18px; font-style: normal; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #A9A6A0; font-weight: 500; }

/* v5 · A conta como comparação */
.conta-secao { text-align: left; padding-bottom: clamp(88px, 9vw, 128px); }
.conta-secao .cabeca { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: end; }
.conta-secao .cabeca > div:first-child { grid-column: 1 / span 6; }
.conta-secao .cabeca p { grid-column: 8 / span 5; color: var(--tinta-suave); }
.comparativo { display: grid; grid-template-columns: 1fr 1fr; margin-top: 72px; border-top: 1px solid var(--filete); border-bottom: 1px solid var(--filete); }
.comparativo .col { padding: 44px 48px 48px 0; }
.comparativo .col + .col { padding: 44px 0 48px 48px; border-left: 1px solid rgba(201,160,90,.45); }
.comparativo .rot { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; color: var(--tinta-apagada); }
.comparativo .col + .col .rot { color: var(--ouro-corpo); }
.comparativo .conta-linha { display: flex; align-items: baseline; gap: 18px; margin-top: 26px; font-family: var(--font-titulo); font-weight: 600; font-size: clamp(36px, 3.6vw, 56px); line-height: 1; color: #FFFFFF; font-variant-numeric: lining-nums; white-space: nowrap; }
.comparativo .conta-linha small { font-family: var(--font-corpo); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; color: var(--tinta-apagada); }
.comparativo .col:first-child .conta-linha { color: #A9A6A0; }
.comparativo .total { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--filete); font-family: var(--font-titulo); font-weight: 600; font-size: clamp(68px, 8.4vw, 132px); line-height: .88; letter-spacing: -.035em; font-variant-numeric: lining-nums; }
.comparativo .col:first-child .total { color: #6E6C68; }
.comparativo .total small { display: block; margin-top: 12px; font-family: var(--font-corpo); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; color: var(--tinta-apagada); }
.comparativo .barra-v { position: relative; height: 2px; margin-top: 28px; background: rgba(255,255,255,.08); }
.comparativo .barra-v span { position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: width 1.8s var(--ease); }
.comparativo .col:first-child .barra-v span { background: #6E6C68; }
.comparativo .col + .col .barra-v span { background: var(--metal); }
.comparativo.revelado .col:first-child .barra-v span { width: 30%; }
.comparativo.revelado .col + .col .barra-v span { width: 100%; }
.conta-fecho { margin-top: 48px; font-family: var(--font-titulo); font-size: clamp(26px, 2.6vw, 38px); line-height: 1.18; font-weight: 500; color: #FFFFFF; max-width: 30ch; }
.conta-fecho em { color: var(--ouro-corpo); }
@media (max-width: 900px) {
  .conta-secao .cabeca { display: block; } .conta-secao .cabeca p { margin-top: 24px; }
  .comparativo { grid-template-columns: 1fr; margin-top: 48px; }
  .comparativo .col, .comparativo .col + .col { padding: 32px 0; border-left: 0; }
  .comparativo .col + .col { border-top: 1px solid rgba(201,160,90,.45); }
}
.conduz { padding-top: clamp(72px, 8vw, 112px); }

/* v5 · A prova */
.prova .cabeca { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
.prova .cabeca > div { grid-column: 1 / span 7; }
.prova .telas { position: relative; display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; margin-top: 72px; align-items: start; }
.prova .tela { margin: 0; background: #FFFFFF; padding: 10px; box-shadow: 0 50px 100px -40px rgba(0,0,0,.95); }
.prova .tela img { width: 100%; }
.prova .tela.a { grid-column: 1 / span 5; transform: rotate(-1.2deg); }
.prova .tela.b { grid-column: 6 / span 4; margin-top: 96px; transform: rotate(1deg); }
.prova .notas { grid-column: 10 / span 3; align-self: end; }
.prova .notas dl { margin: 0; border-top: 1px solid var(--filete); }
.prova .notas div { padding: 18px 0; border-bottom: 1px solid var(--filete); }
.prova .notas dt { font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-apagada); font-weight: 500; }
.prova .notas dd { margin: 6px 0 0; font-family: var(--font-titulo); font-size: 30px; line-height: 1.05; font-weight: 600; color: #FFFFFF; font-variant-numeric: lining-nums; }
.prova .notas dd em { font-style: italic; font-weight: 500; color: var(--ouro-corpo); }
.prova .fonte { margin-top: 18px; font-size: 12.5px; line-height: 20px; color: var(--tinta-apagada); }
.prova .depo-cab { margin-top: clamp(96px, 10vw, 144px); padding-top: 48px; border-top: 1px solid var(--filete); display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: end; }
.prova .depo-cab > div { grid-column: 1 / span 7; }
.prova .depo-cab p { grid-column: 9 / span 4; color: var(--tinta-suave); font-size: 16px; line-height: 26px; }
.depos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.depo { margin: 0; }
.depo .video { position: relative; aspect-ratio: 9 / 16; background: #000; overflow: hidden; }
.depo video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.15); }
.depo .play { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: flex-start; padding: 20px; border: 0; cursor: pointer; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 40%); color: #FFFFFF; font-family: var(--font-corpo); }
.depo .play span { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; }
.depo .play span::before { content: ""; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ouro-corpo); background: rgba(18,18,21,.45); }
.depo .play i { position: absolute; left: 39px; bottom: 36px; width: 0; height: 0; border-left: 11px solid var(--ouro-corpo); border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.depo.tocando .play { display: none; }
.depo figcaption { padding-top: 22px; }
.depo blockquote { margin: 0; font-family: var(--font-titulo); font-style: italic; font-weight: 500; font-size: 22px; line-height: 1.3; color: #FFFFFF; }
.depo cite { display: block; margin-top: 14px; font-style: normal; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-apagada); font-weight: 500; }
@media (max-width: 900px) {
  .prova .cabeca, .prova .telas, .prova .depo-cab { display: block; }
  .prova .tela.a, .prova .tela.b { transform: none; }
  .prova .tela.b { margin-top: 24px; width: 86%; margin-left: auto; }
  .prova .notas { margin-top: 40px; }
  .prova .depo-cab p { margin-top: 20px; }
  .depos { grid-template-columns: 1fr; gap: 48px; }
  .depo .video { max-width: 360px; }
}

.conduz { padding-bottom: clamp(48px, 5vw, 72px); }
.prova { padding-top: clamp(72px, 8vw, 112px); }

/* v6 · valores da ficha e da barra em Jost, conversa mais rápida */
.bolha { transition-duration: .4s; }
.visto, .silencio { transition-duration: .4s; }
.ficha dd { font-family: var(--font-corpo); font-size: 21px; line-height: 1.2; font-weight: 500; letter-spacing: .01em; font-variant-numeric: lining-nums tabular-nums; }
.ficha dd .cifra { font-size: .62em; font-weight: 500; letter-spacing: .08em; color: var(--tinta-apagada); margin-right: 4px; }
.barra .info b { font-family: var(--font-corpo); font-size: 21px; font-weight: 500; letter-spacing: .01em; }
.barra .info b .cifra { font-size: .62em; color: #A9A6A0; margin-right: 3px; }
@media (max-width: 900px) { .ficha dd { font-size: 17px; } }

/* v7 · Quem conduz sem retrato, em duas colunas */
.conduz .lado-todo { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: start; }
.conduz .lado-todo > [data-revela] { grid-column: 1 / span 6; }
.conduz .lado-todo > .marcos { grid-column: 8 / span 5; margin-top: 0; }
@media (max-width: 900px) { .conduz .lado-todo { display: block; } .conduz .lado-todo > .marcos { margin-top: 48px; } }
.conduz { padding-top: clamp(96px, 10vw, 140px); padding-bottom: clamp(96px, 10vw, 140px); }
.prova { padding-top: clamp(96px, 10vw, 140px); }
/* v7 · seções 3, 4 e 5 em sequência, separadas só por filete */
.conta-secao { padding-bottom: 0; }
.conduz { padding-top: 0; padding-bottom: 0; }
.conduz .miolo { padding-top: clamp(64px, 7vw, 96px); margin-top: clamp(64px, 7vw, 96px); border-top: 1px solid var(--filete); }
.prova { padding-top: 0; }
.prova > .miolo { padding-top: clamp(64px, 7vw, 96px); margin-top: clamp(64px, 7vw, 96px); border-top: 1px solid var(--filete); }

/* v8 · prints sem ficha ao lado */
.prova .tela.a { grid-column: 2 / span 5; }
.prova .tela.b { grid-column: 7 / span 5; margin-top: 120px; }
@media (max-width: 900px) { .prova .tela.b { margin-top: 24px; } }