/* v6 (Claude, 23/10): topo da Oração, ícones das redes, fundo da bio no site, movimento e revelação, versão de computador do funil. Camada aditiva. */
:root{--v6-ameixa:#281b25;--v6-ameixa2:#30212b;--v6-vinho:#a13e60;--v6-neon:#e69bb8;--v6-petala:#f1bfd0;--v6-nevoa:#deccd6}

/* ---------- topo: logo empilhado + divisor + Oração da Nora ---------- */
.marca-topo{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;text-decoration:none;color:#fff}
.marca-topo img{width:56px!important;height:auto!important;display:block;flex:none}
.marca-div{width:1px;height:34px;background:#e69bb866;flex:none}
.marca-nome{font:700 20px/1.05 Scritture,Arial,sans-serif;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.marca-nome em{font-style:normal;color:var(--v6-petala)}
.marca-topo-funil{gap:10px!important}
.marca-topo-funil img{width:42px!important}
.marca-topo-funil .marca-div{height:26px}
.marca-topo-funil .marca-nome{font-size:15px}
body.on-cover .marca-topo-funil{visibility:hidden}
.utility{align-items:center!important;justify-content:space-between!important}
/* avisos do topo saem da vista; a nota fica no fim da tela 7 */
.top .draft-note,.top #audio-pending{display:none!important}
.nota-provisoria{margin:26px 0 6px!important;font-size:.72rem!important;line-height:1.6!important;color:#deccd6b3!important;text-align:center}

/* ---------- redes: ícones na cor da marca ---------- */
.redes{display:flex!important;gap:26px!important;justify-content:center;align-items:center;flex-wrap:wrap}
.rede{display:inline-flex!important;align-items:center;gap:8px;color:var(--v6-neon)!important;text-decoration:none!important;font-size:13px;letter-spacing:.04em;transition:color .25s ease,transform .25s ease}
.rede .ic{width:24px;height:24px;flex:none;filter:drop-shadow(0 0 8px #e69bb855);transition:filter .25s ease}
.rede:hover,.rede:focus-visible{color:#fff!important;transform:translateY(-2px)}
.rede:hover .ic{filter:drop-shadow(0 0 12px #e69bb8aa)}
.rede .ic path[fill="#281b25"]{fill:#281b25}
.slide.close .redes{margin:18px 0 8px}
.perfil-ic{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e69bb855;color:var(--v6-neon);flex:none;box-shadow:0 0 18px #e69bb833 inset}
.perfil-ic .ic{width:24px;height:24px}

/* ---------- fundo da bio levado ao site ---------- */
.fundo-bio{pointer-events:none;overflow:hidden;z-index:0}
.fundo-bio--fixo{position:fixed;inset:0}
.fundo-bio--secao{position:absolute;inset:0}
.com-fundo{position:relative;isolation:isolate}
.com-fundo>*:not(.fundo-bio){position:relative;z-index:1}
.fundo-bio .bl{position:absolute;border-radius:50%;filter:blur(55px);opacity:.8}
.fundo-bio .bl-a{width:460px;height:460px;left:50%;top:-180px;margin-left:-230px;background:radial-gradient(closest-side,#e69bb860,#e69bb800);animation:v6-respira 12s ease-in-out infinite alternate}
.fundo-bio .bl-b{width:420px;height:420px;right:-160px;bottom:-120px;background:radial-gradient(closest-side,#a13e6075,#a13e6000);animation:v6-respira 14s ease-in-out -5s infinite alternate}
.fundo-bio .ramo{position:absolute;width:150px;height:260px;background:url('/assets/rosas-leves.svg') center/contain no-repeat;opacity:0;animation:v6-entra 1.8s .3s ease-out forwards}
.fundo-bio .ramo-d{right:max(-30px,calc(50% - 330px));top:24px;transform:rotate(8deg)}
.fundo-bio .ramo-e{left:max(-40px,calc(50% - 340px));top:42%;transform:scaleX(-1) rotate(-6deg);animation-delay:.7s}
.fundo-bio .ramo-b{right:max(-50px,calc(50% - 350px));bottom:90px;width:120px;height:208px;transform:rotate(-12deg);animation-delay:1.1s}
.fundo-bio .bio-anel{position:absolute;left:50%;top:6px;width:300px;height:300px;margin-left:-150px;border-radius:50%;border:1px solid #e69bb838;box-shadow:0 0 70px #e69bb81f inset;opacity:0;animation:v6-entra 2s .1s ease-out forwards}
.fundo-bio--secao .bio-anel{top:auto;bottom:-120px;left:auto;right:-90px;margin:0}
@keyframes v6-respira{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-22px,18px,0) scale(1.1)}}
@keyframes v6-entra{to{opacity:.38}}
/* funil: a camada de conteúdo fica um pouco translúcida para o fundo aparecer, sem perder leitura */
body:has(.fundo-bio--fixo){background:#1f151c!important}
body:has(.fundo-bio--fixo) .shell{position:relative;z-index:1;background:#281b25e0!important}
body:has(.fundo-bio--fixo) .top,body:has(.fundo-bio--fixo) .bottom{background:#281b25ee!important;backdrop-filter:blur(10px)}
.cover{background:transparent!important}

/* ---------- revelação ao rolar (só com JS; sem JS tudo aparece) ---------- */
.js-v6 [data-revelar]>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;transition-delay:calc(var(--i,0) * 75ms)}
.js-v6 [data-revelar].visto>*{opacity:1;transform:none}

/* cartões "Para ler / Para guardar" */
.simple-list.cartoes{display:grid;gap:10px;border:0!important}
.simple-list.cartoes .cartao-item{display:flex;align-items:center;gap:14px;padding:14px 16px!important;border:1px solid #ffffff1f!important;border-radius:14px;background:linear-gradient(135deg,#30212bcc,#281b25cc);color:#fff!important;cursor:default}
.cartao-ic{width:38px;height:38px;flex:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--v6-neon);background:#e69bb814;box-shadow:0 0 0 1px #e69bb833 inset}
.cartao-ic svg{width:21px;height:21px}
.simple-list.cartoes .cartao-item:hover,.simple-list.cartoes .cartao-item:focus-within,.simple-list.cartoes .cartao-item.aceso{border-color:#e69bb866!important;box-shadow:0 0 0 1px #e69bb833,0 12px 34px -14px #e69bb880}
.cartao-item.aceso .cartao-ic,.cartao-item:hover .cartao-ic{background:#e69bb82a;box-shadow:0 0 0 1px #e69bb866 inset,0 0 18px #e69bb855}

/* perguntas frequentes em sanfona */
.faq-list details{overflow:hidden}
.faq-list summary{transition:color .25s ease}
.faq-list summary:hover{color:var(--v6-petala)}
.faq summary::after{content:''!important;width:22px;height:22px;top:24px!important;background:url('/assets/rosa-simbolo.svg') center/contain no-repeat;opacity:.55;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.faq details[open] summary::after{content:''!important;transform:rotate(135deg) scale(1.1);opacity:1}
.faq-list .resposta{overflow:hidden;transition:height .4s cubic-bezier(.2,.7,.2,1),opacity .35s ease}

/* trilha das telas com linha que enche */
.trilha{position:relative}
.trilha-linha{display:none}
@media(max-width:760px){
 .trilha{padding-left:4px}
 .trilha-linha{display:block;position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:#ffffff1a;border-radius:2px}
 .trilha-linha span{display:block;width:100%;height:var(--enche,0%);background:linear-gradient(#e69bb8,#a13e60);border-radius:2px;box-shadow:0 0 10px #e69bb8;transition:height .2s linear}
 .trilha .number{position:relative;z-index:1;background:var(--v6-ameixa);border-radius:50%;width:30px;height:30px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #e69bb855;margin-left:3px}
 .trilha>div.aceso .number{background:#a13e60;color:#fff;border-color:#e69bb8;box-shadow:0 0 14px #e69bb880}
}
@media(min-width:761px){.trilha>div{transition:border-color .4s ease}.trilha>div.aceso{border-top-color:#e69bb8!important}}

/* rosa que flutua */
.js-v6 .fundo-bio .ramo{will-change:transform}
@media(prefers-reduced-motion:reduce){
 .fundo-bio .bl,.fundo-bio .ramo,.fundo-bio .bio-anel{animation:none!important;opacity:.35}
 .js-v6 [data-revelar]>*{opacity:1!important;transform:none!important;transition:none!important}
 .faq-list .resposta{transition:none!important}
 .trilha-linha span{transition:none}
}

/* ---------- tela 7: nova ordem ---------- */
.amem-bloco{margin:8px 0 10px}
.fecho-anna{margin-top:40px;padding-top:30px;border-top:1px solid #ffffff1f}
.fecho-anna .closing-photo{margin:0 0 24px!important}
.fecho-anna .photo-close img{width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:16px!important}
.fecho-anna .comente{color:var(--v6-nevoa)}
.bonus-story-figure img,.bonus-carousel-figure img{background:#1f151c}
.slide.close .prayer-bonus{margin-top:26px}
.bottom .next.concluir{background:transparent!important;border-color:#e69bb8!important;color:#fff!important}

/* ---------- funil no computador: texto numa coluna, foto na outra ---------- */
@media(min-width:1000px){
 body:has(.fundo-bio--fixo) .shell{max-width:1120px!important}
 .slide{max-width:none!important}
 .slide.before,.slide.reminders,.slide.after{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:64px;align-items:start;padding-left:56px!important;padding-right:56px!important}
 .slide.before>*,.slide.reminders>*,.slide.after>*{grid-column:1}
 .slide.before>figure,.slide.reminders>figure,.slide.after>figure{grid-column:2;grid-row:1/span 8;margin:0!important;position:sticky;top:120px}
 .slide.prayer,.slide.verses{max-width:760px!important;margin:0 auto!important}
 .slide.close{max-width:780px!important;margin:0 auto!important}
 .cover .mobile-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"titulo foto" "acoes foto";column-gap:64px;align-items:center;padding:56px 56px 24px!important}
 .cover .hero-title{grid-area:titulo;text-align:left!important}
 .cover .hero-marca{justify-content:flex-start!important}
 .cover .hero-sub{margin-left:0!important;text-align:left!important;max-width:420px!important}
 .cover .hero-photo{grid-area:foto;max-width:440px!important;margin:0!important}
 .cover .hero-actions{grid-area:acoes;text-align:left!important}
 .cover .hero-actions .hero-introduction,.cover .hero-actions .hero-signature{text-align:left!important}
 .cover .hero-buttons{justify-content:flex-start!important}
 .cover .cover-description,.cover .bonus-jump{text-align:left!important;padding-left:56px!important}
}
/* ligadura "fi" da Scritture desenha um gancho estranho: desligar */
html,body,body *{font-variant-ligatures:no-common-ligatures;font-feature-settings:"liga" 0,"clig" 0}
/* capitular de revista sai: o funil não usa capitular em nenhum outro lugar */
.prayer>p:first-of-type:first-letter,.slide.prayer>p:first-of-type::first-letter{float:none!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;margin:0!important;padding:0!important;font-weight:inherit!important}
.slide[hidden]{display:none!important}
@media(min-width:1000px){.slide.prayer>p,.slide p{font-size:1.08rem;line-height:1.85}.slide blockquote{font-size:1.35rem}.slide.reminders li{font-size:1.08rem}}
/* rodada 2 do Fable */
html,body,body *,body *::before,body *::after{font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"clig" 0,"dlig" 0!important}
/* perguntas: um + neon que gira e vira x */
.faq summary::after{content:''!important;background:none!important;width:18px!important;height:18px!important;top:27px!important;opacity:1!important;
 background-image:linear-gradient(#e69bb8,#e69bb8),linear-gradient(#e69bb8,#e69bb8)!important;background-size:100% 2px,2px 100%!important;background-position:center!important;background-repeat:no-repeat!important;filter:drop-shadow(0 0 6px #e69bb899);transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
.faq details[open] summary::after{transform:rotate(45deg)!important}
/* a barra de baixo nunca cobre conteúdo */
.slide{padding-bottom:110px!important}
@media(min-width:1000px){body:has(.fundo-bio--fixo) .shell{overflow:visible!important;height:auto!important;min-height:100svh}}
/* fotos sempre inteiras: retrato no lugar das paisagens recortadas */
.foto-retrato img,.invitation-photo img,.invitation .portrait img{aspect-ratio:auto!important;height:auto!important;max-height:none!important;object-fit:contain!important;width:100%}
.after .photo-wide.foto-retrato{margin-left:0!important;margin-right:0!important}
@media(min-width:1000px){.slide.after>figure.foto-retrato,.slide.reminders>figure{width:100%}.slide.after>figure.foto-retrato img{width:100%}}
.com-fundo{overflow:clip}