/* Página inicial premium — prefixo .h- (não conflita com style.css) */
:root { --ease: cubic-bezier(.22, 1, .36, 1); --rose: #d98a9c; --wine: #6e1f3a; --ink: #12080d; --serif: 'Cormorant Garamond', Georgia, serif; }
.h-body { background: var(--ink); }
.h-wrap { max-width: 78rem; margin: 0 auto; padding: 0 1.5rem; } .h-narrow { max-width: 56rem; }
.h-kicker { font-size: .72rem; letter-spacing: .32em; text-transform: uppercase; color: var(--rose); margin-bottom: 1rem; font-weight: 600; }
.h-h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(2.4rem, 6.5vw, 4.5rem); line-height: 1.02; letter-spacing: -.01em; }
.h-h2 em, .h-title em { font-style: italic; color: var(--rose); }
.h-p { color: var(--muted-fg); font-size: 1.1rem; line-height: 1.7; max-width: 34rem; margin: 1.25rem 0 2rem; } .h-p b { color: var(--fg); font-weight: 600; }
.btn--glass { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .25); backdrop-filter: blur(10px); color: var(--fg); }
.btn--glass:hover { background: rgba(255, 255, 255, .16); }
.h-section { padding: clamp(5rem, 12vw, 9rem) 0; position: relative; }
.h-reveal { opacity: 0; transform: translateY(36px); transition: opacity 1s var(--d, 0s) var(--ease), transform 1s var(--d, 0s) var(--ease); } .h-reveal.in { opacity: 1; transform: none; }

/* carregamento */
.h-loader { position: fixed; inset: 0; z-index: 200; background: var(--ink); display: grid; place-content: center; justify-items: center; gap: 1.25rem; transition: opacity .8s, visibility .8s; font-size: .8rem; letter-spacing: .25em; text-transform: uppercase; color: var(--muted-fg); }
.h-loader.is-gone { opacity: 0; visibility: hidden; pointer-events: none; }
.h-loader__rose { font-size: 2.5rem; color: var(--rose); animation: heartbeat 1.4s infinite; } .h-loader__bar { width: 11rem; height: 2px; background: rgba(255, 255, 255, .12); overflow: hidden; } .h-loader__bar i { display: block; height: 100%; width: 0; background: var(--rose); transition: width .3s; }

/* navegação */
.h-nav { position: fixed; inset: 0 0 auto 0; z-index: 90; transition: background .4s, backdrop-filter .4s, border-color .4s; border-bottom: 1px solid transparent; }
.h-nav.is-solid { background: rgba(18, 8, 13, .72); backdrop-filter: blur(16px); border-color: rgba(255, 255, 255, .07); }
.h-nav__in { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 4.5rem; } .h-logo { font-size: 1.8rem; color: var(--fg); letter-spacing: .06em; }
.h-nav__links { display: none; gap: 2rem; font-size: .85rem; color: rgba(245, 239, 234, .75); } .h-nav__links a:hover { color: #fff; }
.h-nav__act { display: flex; align-items: center; gap: .75rem; font-size: .875rem; } .h-hello, .h-login { display: none; color: var(--muted-fg); }
@media (min-width: 820px) { .h-nav__links { display: flex; } .h-hello, .h-login { display: inline; } }

/* cenas de scroll */
.h-scene { position: relative; } .h-scene--hero { height: 520vh; } .h-scene--two { height: 380vh; }
.h-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; background: #0c0508; }
.h-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .9s; } .h-video.is-ready { opacity: 1; }
.h-sticky::before { content: ''; position: absolute; inset: 0; background: var(--poster, none) center / cover; }
.h-vignette { position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 50%, transparent 25%, rgba(10, 4, 7, .72) 100%), linear-gradient(to top, rgba(10, 4, 7, .85), transparent 40%); } .h-vignette--l { background: linear-gradient(to right, rgba(10, 4, 7, .92), rgba(10, 4, 7, .55) 45%, transparent 80%); }
.h-copy { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 78rem; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; }
.h-phase { position: absolute; max-width: 54rem; opacity: 0; transform: translateY(40px); pointer-events: none; transition: opacity .7s var(--ease), transform .9s var(--ease); } .h-phase.is-on { opacity: 1; transform: none; pointer-events: auto; }
.h-title { font-family: var(--serif); font-weight: 500; font-size: clamp(2.6rem, 7.2vw, 6rem); line-height: .98; letter-spacing: -.015em; text-shadow: 0 6px 40px rgba(0, 0, 0, .55); }
.h-lead { color: rgba(245, 239, 234, .85); font-size: 1.1rem; max-width: 30rem; margin: 1.25rem 0 1.75rem; } .h-cta { display: flex; flex-wrap: wrap; gap: .75rem; }
.h-counter { position: absolute; right: 3.25rem; bottom: 2rem; display: grid; text-align: right; } .h-counter span { font-size: clamp(2.8rem, 8vw, 5.5rem); line-height: .9; color: var(--fg); font-variant-numeric: tabular-nums; } .h-counter small { font-size: .62rem; letter-spacing: .25em; text-transform: uppercase; color: var(--rose); margin-top: .4rem; }
.h-stem { position: absolute; right: 1.5rem; top: 22%; bottom: 22%; width: 2px; background: rgba(255, 255, 255, .14); } .h-stem i { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(to top, var(--wine), var(--rose)); box-shadow: 0 0 14px var(--rose); }
.h-scrollhint { position: absolute; left: 50%; bottom: 1.75rem; transform: translateX(-50%); display: grid; justify-items: center; gap: .6rem; font-size: .62rem; letter-spacing: .3em; text-transform: uppercase; color: var(--muted-fg); transition: opacity .5s; } .h-scrollhint.is-off { opacity: 0; }
.h-scrollhint i { width: 1px; height: 2.25rem; background: linear-gradient(var(--rose), transparent); animation: hint 1.8s infinite; } @keyframes hint { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
@media (max-width: 640px) { .h-counter { right: 2rem; bottom: 4.5rem; } .h-stem { right: .75rem; } .h-scrollhint { bottom: 1.25rem; } }

/* capítulos (cena 2) */
.h-chapters { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: min(34rem, 100%); padding: 0 1.5rem; margin-left: max(0px, calc((100vw - 78rem) / 2)); }
.h-chapters ol { list-style: none; margin: 2rem 0 0; display: grid; gap: .5rem; }
.h-chapters li { display: flex; gap: 1.25rem; padding: .9rem 0; border-top: 1px solid rgba(255, 255, 255, .1); opacity: .32; transition: opacity .6s, transform .6s var(--ease); } .h-chapters li.is-on { opacity: 1; transform: translateX(.6rem); }
.h-chapters li .font-display { font-size: 2.4rem; line-height: 1; color: var(--rose); } .h-chapters small { display: block; font-size: .62rem; letter-spacing: .28em; text-transform: uppercase; color: var(--rose); } .h-chapters b { display: block; font-size: 1.15rem; margin: .15rem 0; } .h-chapters p { color: var(--muted-fg); font-size: .9rem; max-height: 0; overflow: hidden; transition: max-height .6s; } .h-chapters li.is-on p { max-height: 6rem; }
.h-ring { position: absolute; right: 1.5rem; top: -4.5rem; width: 3.6rem; height: 3.6rem; } @media (max-width: 640px) { .h-ring { display: none; } }
.h-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); fill: none; stroke-width: 2; } .h-ring circle { stroke: rgba(255, 255, 255, .15); } .h-ring circle + circle { stroke: var(--rose); stroke-dasharray: 100; stroke-dashoffset: 100; }
.h-ring span { position: absolute; inset: 0; display: grid; place-items: center; font-size: .7rem; letter-spacing: .1em; }

/* manifesto / colagem */
.h-manifesto { display: grid; gap: 4rem; align-items: center; } @media (min-width: 900px) { .h-manifesto { grid-template-columns: 1.05fr 1fr; } }
.h-stats { display: grid; grid-template-columns: repeat(3, auto); gap: 1.5rem; justify-content: start; } .h-stats b { display: block; font-size: 2.6rem; line-height: 1; color: var(--fg); } .h-stats span { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-fg); }
.h-collage { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .h-collage figure { margin: 0; border-radius: 1.25rem; overflow: hidden; aspect-ratio: 3/4; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8); } .h-collage figure:nth-child(2) { margin-top: 3rem; } .h-collage img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.08); }
.h-parallax { will-change: transform; }

/* demo */
.h-demo { background: radial-gradient(ellipse at 75% 50%, rgba(110, 31, 58, .35), transparent 60%); }
.h-demo__in { display: grid; gap: 3rem; align-items: center; } @media (min-width: 900px) { .h-demo__in { grid-template-columns: 1fr 1fr; } }
.h-phonewrap { position: relative; display: grid; place-items: center; min-height: 34rem; } .h-glow { position: absolute; width: 26rem; height: 26rem; max-width: 100%; border-radius: 50%; filter: blur(110px); background: radial-gradient(circle, rgba(217, 138, 156, .6), rgba(110, 31, 58, .5) 50%, transparent 75%); }
.h-phonewrap .phone { width: 17rem; height: 34.5rem; border-width: 6px; --s: .66; }

/* galeria */
.h-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 3rem; } @media (min-width: 900px) { .h-grid { grid-template-columns: repeat(4, 1fr); } }
.h-card { position: relative; aspect-ratio: 3/4; border-radius: 1.25rem; overflow: hidden; display: block; } .h-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); } .h-card:hover img { transform: scale(1.1); }
.h-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8, 3, 5, .88), transparent 55%); } .h-card b { position: absolute; z-index: 2; left: 1rem; right: 1rem; bottom: 1rem; font-size: 1.7rem; line-height: 1; font-weight: 400; }
.h-card__tag { position: absolute; z-index: 2; top: .75rem; left: .75rem; background: rgba(110, 31, 58, .9); font-size: .65rem; font-weight: 700; padding: .2rem .65rem; border-radius: 99px; }

/* depoimentos */
.h-rgrid { display: grid; gap: 1rem; margin-top: 3rem; } @media (min-width: 700px) { .h-rgrid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1100px) { .h-rgrid { grid-template-columns: repeat(4, 1fr); } }
.h-rev { margin: 0; padding: 1.75rem; border-radius: 1.25rem; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); display: grid; gap: 1rem; align-content: space-between; } .h-rev blockquote { margin: 0; font-family: var(--serif); font-size: 1.45rem; line-height: 1.25; font-style: italic; }
.h-rev figcaption { display: flex; align-items: center; gap: .75rem; } .h-rev img { width: 2.5rem; height: 2.5rem; border-radius: 50%; object-fit: cover; }

/* preços */
.h-plans { display: grid; gap: 1.25rem; margin: 3rem 0; text-align: left; } @media (min-width: 760px) { .h-plans { grid-template-columns: 1fr 1fr; } }
.h-plan { padding: 2.25rem; border-radius: 1.5rem; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); } .h-plan--pop { border-color: var(--rose); background: linear-gradient(160deg, rgba(110, 31, 58, .45), rgba(255, 255, 255, .03)); box-shadow: 0 30px 90px -30px rgba(110, 31, 58, .9); }
.h-plan h3 { font-size: 1.9rem; font-weight: 400; margin: 1rem 0 .25rem; } .h-price { display: flex; align-items: baseline; gap: .25rem; margin: .25rem 0 1.25rem; } .h-price b { font-size: 4.5rem; line-height: 1; } .h-plan--pop .h-price b { color: var(--rose); }
.h-plan ul { list-style: none; display: grid; gap: .6rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, .1); font-size: .92rem; } .h-plan li::before { content: '✓'; color: var(--rose); margin-right: .6rem; }

/* final */
.h-final { position: relative; min-height: 70vh; display: grid; place-items: center; text-align: center; overflow: hidden; padding: 6rem 1.5rem; } .h-final img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.45) saturate(1.1); } .h-final__in { position: relative; display: grid; gap: 2rem; justify-items: center; }

/* pétalas flutuantes (parallax com o scroll) */
.h-petals { position: fixed; inset: 0; z-index: 5; pointer-events: none; overflow: hidden; } .h-petal { position: absolute; will-change: transform; opacity: .5; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); }
@media (prefers-reduced-motion: reduce) { .h-petals { display: none; } .h-reveal { opacity: 1; transform: none; transition: none; } .h-scrollhint i, .h-loader__rose { animation: none; } }

@media (max-height: 760px) { .h-chapters ol { margin-top: 1rem; } .h-chapters li { padding: .55rem 0; } .h-chapters li.is-on p { max-height: 3.5rem; } .h-chapters .h-h2 { font-size: clamp(2rem, 5vw, 3rem); } }

/* ===== refinos: botões, tipografia e capas ===== */
.h-body .btn { position: relative; overflow: hidden; border-radius: 999px; font-weight: 600; letter-spacing: .01em; padding: .8rem 1.5rem; gap: .6rem; transition: transform .4s var(--ease), box-shadow .4s var(--ease), background .3s, border-color .3s; }
.h-body .btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 50%, transparent 70%); transform: translateX(-130%); transition: transform .9s var(--ease); pointer-events: none; }
.h-body .btn:hover::after { transform: translateX(130%); }
.h-body .btn--primary { background: linear-gradient(135deg, #f6cdd5 0%, #dc93a4 55%, #bd6479 100%); color: #2b0d19; border-color: transparent; box-shadow: 0 12px 32px -10px rgba(217, 138, 156, .65), inset 0 1px 0 rgba(255, 255, 255, .55); }
.h-body .btn--primary:hover:not(:disabled) { opacity: 1; transform: translateY(-3px); box-shadow: 0 20px 44px -10px rgba(217, 138, 156, .85), inset 0 1px 0 rgba(255, 255, 255, .6); }
.h-body .btn--primary .i { transition: transform .4s var(--ease); } .h-body .btn--primary:hover .i { transform: translateX(4px); }
.h-body .btn--glass { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .38); color: #fff; backdrop-filter: blur(14px); }
.h-body .btn--glass:hover { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .6); transform: translateY(-3px); }
.h-body .btn--sm { padding: .55rem 1.15rem; font-size: .82rem; } .h-body .btn--lg { padding: 1rem 1.9rem; font-size: 1rem; } .h-body .btn--xl { padding: 1.15rem 2.6rem; font-size: 1.1rem; }
.h-body .link-btn { color: rgba(245, 239, 234, .75); font-size: .85rem; }
.h-kicker { display: inline-flex; align-items: center; gap: .85rem; } .h-kicker::before { content: ''; width: 2.25rem; height: 1px; background: var(--rose); }
.center .h-kicker { justify-content: center; } .center .h-kicker::after { content: ''; width: 2.25rem; height: 1px; background: var(--rose); }
.h-sub { color: var(--muted-fg); font-size: 1.05rem; max-width: 36rem; margin-top: 1rem; } .center .h-sub { margin-inline: auto; }
.h-title { text-wrap: balance; } .h-h2 { text-wrap: balance; }
.h-lead { font-size: 1.2rem; line-height: 1.6; text-shadow: 0 2px 20px rgba(0, 0, 0, .6); }
.h-vignette { background: radial-gradient(ellipse at 72% 50%, transparent 25%, rgba(10, 4, 7, .7) 100%), linear-gradient(to right, rgba(10, 4, 7, .62), transparent 58%), linear-gradient(to top, rgba(10, 4, 7, .85), transparent 40%); }
.h-vignette--l { background: linear-gradient(to right, rgba(10, 4, 7, .94), rgba(10, 4, 7, .6) 48%, transparent 85%); }
.h-grid { gap: 1.25rem; }
.h-poster { position: relative; aspect-ratio: 3/4; border-radius: 1.15rem; overflow: hidden; display: block; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .08); transition: transform .7s var(--ease), box-shadow .7s var(--ease); }
.h-poster:hover { transform: translateY(-8px); box-shadow: 0 40px 80px -30px rgba(217, 138, 156, .4), 0 0 0 1px rgba(255, 255, 255, .18); }
.h-poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease); } .h-poster:hover img { transform: scale(1.07); }
.h-poster::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8, 3, 5, .92) 0%, rgba(8, 3, 5, .25) 45%, rgba(8, 3, 5, .35) 100%); }
.h-poster__top { position: absolute; z-index: 2; top: 1rem; left: 1rem; display: flex; align-items: center; gap: .55rem; font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(255, 255, 255, .9); }
.h-poster__top i { font-style: normal; background: var(--wine); width: 1.5rem; height: 1.5rem; display: grid; place-items: center; font-size: 1.1rem; line-height: 1; }
.h-poster__bot { position: absolute; z-index: 2; left: 1.15rem; right: 1.15rem; bottom: 1.15rem; display: grid; gap: .3rem; } .h-poster__bot small { font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; color: var(--rose); }
.h-poster__bot b { font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: .95; font-weight: 400; } .h-poster__bot span { font-size: .78rem; color: rgba(255, 255, 255, .78); }
.h-collage img { transform: none; } .h-collage figure { box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .08); }
.h-rev { padding: 2rem; } .h-rev blockquote { font-size: 1.35rem; }
.h-plan li { color: rgba(245, 239, 234, .85); }

.h-seq { position: absolute; inset: 0; } .h-seq img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; will-change: opacity, transform; } .h-seq img:first-child { opacity: 1; }

/* ===== demo com 3 celulares (o celular do meio agora preenche a tela) ===== */
.h-demo .phone--center iframe { --s: .6462; height: 793px; }
.h-demo .demo__stage { opacity: 0; } .h-demo .demo__stage.in { opacity: 1; }
.h-demo .phone--side { top: 4.5rem; }

/* ===== carrossel de depoimentos ===== */
.h-car { margin-top: 3rem; --pv: 1; } @media (min-width: 700px) { .h-car { --pv: 2; } } @media (min-width: 1100px) { .h-car { --pv: 3; } }
.h-car__track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: .5rem 0 1rem; -webkit-overflow-scrolling: touch; } .h-car__track::-webkit-scrollbar { display: none; }
.h-car .h-rev { flex: 0 0 calc((100% - (var(--pv) - 1) * 1rem) / var(--pv)); scroll-snap-align: start; min-height: 15rem; }
.h-rev figcaption div { display: grid; line-height: 1.2; } .h-rev figcaption small { font-size: .75rem; color: var(--rose); letter-spacing: .04em; }
.h-car__ctl { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 1rem; }
.h-car__btn { width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #fff; display: grid; place-items: center; transition: background .3s, transform .3s var(--ease); } .h-car__btn:hover { background: rgba(217, 138, 156, .25); transform: scale(1.08); }
.h-car__dots { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; justify-content: center; max-width: 18rem; }
.h-car__dots button { width: .5rem; height: .5rem; padding: 0; border: 0; border-radius: 99px; background: rgba(255, 255, 255, .25); transition: width .4s var(--ease), background .3s; } .h-car__dots button.is-on { width: 1.6rem; background: var(--rose); }

/* ===== rodapé ===== */
.h-foot { position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .08); padding: 5rem 0 0; background: linear-gradient(to bottom, var(--ink), #0a0408); color: var(--muted-fg); }
.h-foot__grid { display: grid; gap: 2.5rem; position: relative; z-index: 2; } @media (min-width: 900px) { .h-foot__grid { grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 3rem; } }
.h-foot__brand p { max-width: 24rem; margin: 1rem 0 1.5rem; line-height: 1.65; }
.h-foot .h-logo { font-size: 2.2rem; color: var(--rose); }
.h-social { display: flex; flex-wrap: wrap; gap: .75rem; }
.h-social a { display: flex; align-items: center; gap: .75rem; padding: .7rem 1.1rem .7rem .85rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: #fff; transition: background .35s, border-color .35s, transform .35s var(--ease); }
.h-social a:hover { background: rgba(217, 138, 156, .18); border-color: var(--rose); transform: translateY(-3px); }
.h-social svg { width: 1.45rem; height: 1.45rem; flex: none; } .h-social span { display: grid; line-height: 1.15; } .h-social b { font-size: .85rem; } .h-social small { font-size: .7rem; color: var(--muted-fg); }
.h-foot__col { display: grid; gap: .7rem; align-content: start; font-size: .92rem; } .h-foot__col h4 { margin: 0 0 .4rem; font-size: .68rem; letter-spacing: .28em; text-transform: uppercase; color: var(--rose); font-weight: 600; }
.h-foot__col a:not(.btn) { color: rgba(245, 239, 234, .72); transition: color .25s, transform .25s; width: fit-content; } .h-foot__col a:not(.btn):hover { color: #fff; transform: translateX(4px); }
.h-foot__cta p { color: rgba(245, 239, 234, .72); margin-bottom: .4rem; } .h-foot__cta .btn { width: fit-content; }
.h-foot__bar { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem; margin-top: 3.5rem; padding: 1.5rem 0; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .78rem; } .h-foot__bar .i { vertical-align: -.2em; }
.h-foot__mark { font-size: clamp(3.5rem, 14vw, 12rem); line-height: .8; text-align: center; letter-spacing: .04em; color: transparent; -webkit-text-stroke: 1px rgba(217, 138, 156, .16); user-select: none; margin-top: -.5rem; white-space: nowrap; overflow: hidden; }

/* ===== "Como funciona": imagem estática (sem scroll cinema) ===== */
.h-chap { position: relative; overflow: hidden; display: flex; align-items: center; min-height: 100vh; padding: 7rem 0; }
.h-chap__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.h-chap__shade { position: absolute; inset: 0; background: linear-gradient(to right, rgba(10, 4, 7, .95) 0%, rgba(10, 4, 7, .72) 42%, rgba(10, 4, 7, .15) 80%), linear-gradient(to bottom, var(--ink), transparent 18%, transparent 82%, var(--ink)); }
.h-chap__in { position: relative; width: 100%; } .h-chap__box { max-width: 34rem; }
.h-chlist { list-style: none; margin: 2rem 0 2.25rem; padding: 0; display: grid; }
.h-chlist li { display: flex; gap: 1.25rem; padding: 1.1rem 0; border-top: 1px solid rgba(255, 255, 255, .12); } .h-chlist li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .12); }
.h-chlist .font-display { font-size: 2.4rem; line-height: 1; color: var(--rose); min-width: 3rem; }
.h-chlist small { display: block; font-size: .62rem; letter-spacing: .28em; text-transform: uppercase; color: var(--rose); }
.h-chlist b { display: block; font-size: 1.2rem; margin: .15rem 0 .25rem; } .h-chlist p { color: rgba(245, 239, 234, .75); font-size: .92rem; line-height: 1.55; }
@media (max-width: 700px) { .h-chap { min-height: 0; padding: 5rem 0; } .h-chap__shade { background: linear-gradient(to bottom, rgba(10, 4, 7, .88), rgba(10, 4, 7, .75)); } }