/* Papel & Pula — Funil de experiência da amostra / atualização outubro 2026 */
.flow-site{background:#fffaf0}
.flow-header{position:relative;z-index:35;background:rgba(255,252,246,.94);border-bottom:1px solid #eedfd5;backdrop-filter:blur(14px)}
.flow-header-inner{height:68px;width:min(1110px,calc(100% - 34px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.flow-logo{display:flex;align-items:center;gap:9px;color:#173d56}.flow-logo>span{width:41px;height:41px;border-radius:14px;background:#ffd761;display:grid;place-items:center;font-size:23px;box-shadow:0 3px 0 #f3be48;transform:rotate(-7deg)}
.flow-logo strong{font:800 25px/.95 'Baloo 2',Nunito,sans-serif;white-space:nowrap;letter-spacing:-1px}.flow-logo i{font-style:normal;color:#f67b7e}
.flow-header-right{border-radius:100px;padding:7px 11px;color:#446879;font-size:.69rem;font-weight:900;background:#e9f8f5;white-space:nowrap}
.flow-landing{min-height:calc(100vh - 68px);background:radial-gradient(circle at 5% 30%,#ffe9d7 0,transparent 43%),radial-gradient(circle at 96% 5%,#dcfcf5 0,transparent 38%),linear-gradient(160deg,#fffaf0 10%,#fff7ea 90%);position:relative;isolation:isolate;padding:48px 0 36px;overflow:hidden}
.flow-landing:before,.flow-landing:after{content:'✦';position:absolute;color:#ffcf66;font-size:44px;z-index:-1;opacity:.6;transform:rotate(15deg)}.flow-landing:before{top:22%;left:3%}.flow-landing:after{right:4%;bottom:18%;color:#69d8cd}
.flow-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,490px);gap:64px;align-items:center;width:min(1080px,calc(100% - 48px));margin:auto}
.flow-intro{text-align:left}.flow-pill{display:inline-flex;border-radius:99px;padding:8px 15px;color:#b84851;background:#ffe5e3;font-size:.68rem;font-weight:1000;letter-spacing:.07em}
.flow-intro h1{font-size:clamp(2.8rem,5.7vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:21px 0 16px;max-width:650px;color:#173d56}
.flow-intro h1 em,.preview-top h1 em{color:#f36d77}
.flow-intro>p{font-size:1.07rem;max-width:420px;line-height:1.56;color:#547185}.flow-intro>p strong{color:#1c7286}
.sample-collage{position:relative;height:310px;margin:20px 12px 0 0;display:flex;align-items:center;justify-content:center;max-width:480px}
.sample-collage>img{width:34%;max-width:180px;aspect-ratio:0.71;object-fit:cover;object-position:top;border-radius:13px;box-shadow:0 13px 30px #56798a33;border:7px solid white;position:absolute;left:12%;transform:rotate(-13deg);background:white;transition:transform .4s}
.sample-collage>img:nth-child(2){left:35%;z-index:2;transform:rotate(0deg) translateY(-8px)}.sample-collage>img:nth-child(3){left:57%;transform:rotate(12deg)}
.sample-collage:hover img:first-child{transform:rotate(-19deg) translateX(-5px)}.sample-collage:hover img:nth-child(3){transform:rotate(18deg) translateX(5px)}
.collage-label{position:absolute;z-index:3;bottom:3px;right:12px;background:#fff;border-radius:60px;padding:9px 15px;font-size:.78rem;font-weight:1000;color:#315a70;box-shadow:0 7px 18px #223b4b23}
.flow-card{background:#fff;border:1px solid #fff;box-shadow:0 25px 75px #36596d19,0 3px 0 #fff inset;border-radius:30px;padding:26px 28px 20px;position:relative;min-height:395px}
.flow-card:before{content:'✿';position:absolute;top:-33px;right:13px;color:#fac863;font-size:49px;transform:rotate(15deg);opacity:.9}
.flow-card-header{display:flex;justify-content:space-between;color:#50768a;gap:5px;font-weight:1000;letter-spacing:.055em;font-size:.7rem}.flow-card-header span:last-child{color:#f06b77}
.flow-progress{width:100%;height:7px;background:#eff2ef;border-radius:20px;margin:11px 0 23px;overflow:hidden}.flow-progress span{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,#68d5bc,#23b97f);border-radius:20px;transition:width .4s ease}
.flow-screen{display:none;animation:flowIn .35s ease both}.flow-screen.active{display:block}.flow-screen h2{font-size:clamp(1.72rem,3vw,2.1rem);text-align:center;margin:4px 0 8px;color:#193c55;line-height:1.14}
.flow-screen>p{font-size:.88rem;line-height:1.52;max-width:355px;text-align:center;margin:0 auto 17px;color:#6c8291}
.q-emoji{display:block;font-size:37px;text-align:center;line-height:1.1;margin:0 auto 12px}
.flow-options{display:grid;gap:9px;margin-top:12px}.flow-options button{border:2px solid #e2eeec;background:#fcfefd;border-radius:17px;color:#234962;min-height:65px;font-weight:900;transition:transform .15s,border-color .2s,background .2s;touch-action:manipulation}
.flow-options button:hover,.flow-options button:focus-visible,.flow-options button.chosen{border-color:#43c6b1;background:#e7fbf4;transform:translateY(-1px);outline:none}
.flow-age{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-age button{display:grid;justify-items:center;align-content:center;gap:0;min-height:86px}.flow-age b{font:800 2rem/.9 'Baloo 2',sans-serif}.flow-age small{font-size:.69rem;color:#628196}
.flow-choices button{display:flex;align-items:center;text-align:left;padding:9px 15px;gap:13px;min-height:61px}.flow-choices button>span:first-child{font-size:26px;width:38px;text-align:center}.flow-choices button b{flex:1;font-size:.91rem}.option-arrow{color:#93b6b3;font-size:20px;font-weight:700}
.flow-card-bottom{display:flex;align-items:center;min-height:22px;justify-content:space-between;gap:8px;margin-top:20px;color:#93a4af;font-size:.73rem;font-weight:800}#quiz-footer-note{margin-left:auto}
.flow-back{border:0;color:#497b87;background:transparent;padding:4px;font-size:.81rem;font-weight:900}
.gift-reveal{text-align:center;position:relative}.gift-reveal>span{font-size:48px;display:block;animation:bounceGift 2.4s ease-in-out infinite}.gift-stars{position:absolute;top:13px;right:19%;font-size:16px;color:#f9c34c;animation:twinkle 2s ease-in-out infinite}
.mini-activities{display:flex;align-items:center;justify-content:center;gap:0;height:84px;margin:10px auto 16px;position:relative}.mini-activities img{width:70px;height:83px;border-radius:7px;border:4px solid white;box-shadow:0 4px 13px #314e591a;object-fit:cover;object-position:top;transform:rotate(-9deg)}.mini-activities img:nth-child(2){transform:rotate(0deg) translateY(-4px);z-index:2}.mini-activities img:nth-child(3){transform:rotate(9deg)}
.flow-email-area{display:grid;gap:8px}.flow-email-area>label:not(.flow-optin){font-size:.83rem;font-weight:1000;color:#264b60}.flow-email-area label strong{color:#e16e77}
.flow-email-area input[type=email]{border:2px solid #dce9ec;border-radius:15px;background:#fff;padding:15px 14px;outline:none;font-size:16px;width:100%;font-weight:700;min-height:50px}.flow-email-area input[type=email]:focus{border-color:#25bd9d;box-shadow:0 0 0 3px #e3fbf3}
.flow-optin{display:flex;align-items:flex-start;gap:9px;font-size:.74rem;font-weight:650;color:#566f80;line-height:1.4;margin-top:3px}.flow-optin input{margin:2px 0 0;width:17px;height:17px;accent-color:#1fba72;flex-shrink:0}
.flow-privacy{font-size:.7rem!important;line-height:1.38!important;color:#758994!important;text-align:left!important;margin:0!important}.flow-privacy a{text-decoration:underline;text-underline-offset:2px;color:#285b73}
.flow-main-btn{width:100%;border:0;border-radius:17px;min-height:57px;padding:14px 11px;margin-top:5px;background:linear-gradient(130deg,#25c76c,#11a85c);color:white;font-size:.9rem;letter-spacing:-.005em;font-weight:1000;box-shadow:0 6px 0 #0b894a,0 10px 18px #25bd7125;display:flex;justify-content:center;align-items:center;gap:8px}.flow-main-btn span{font-size:20px}.flow-main-btn:disabled{opacity:.7;cursor:wait}
.flow-zero{text-align:center!important;font-size:.7rem!important;color:#60917b!important;font-weight:900!important;margin:9px 0 0!important}
.flow-error{background:#ffebec;border:1px solid #ffc8cd;padding:9px;border-radius:12px;font-size:.8rem;color:#ac3652}
.flow-peek{text-align:center;color:#698794;font-size:.8rem;font-weight:800;margin:26px auto 0;padding:0 10px}.flow-peek span{padding:0 4px}
.flow-footer{background:#173e55;color:#d8e6e8;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:28px max(18px,calc((100% - 1080px)/2))}.flow-footer>div{display:grid}.flow-footer b{font:800 22px/1 'Baloo 2',sans-serif;color:white}.flow-footer span{font-size:.69rem;color:#b0c4cd}.flow-footer nav{display:flex;gap:14px}.flow-footer nav a{font-size:.74rem;color:#dae7e9;font-weight:800}.flow-footer>small{font-size:.69rem;color:#afc2c9}
/* Visualização da amostra, sem barreira de pagamento */
.sample-experience{min-height:65vh;background:radial-gradient(circle at 80% 5%,#defff2 0,transparent 30%),linear-gradient(#fff8ed,#fffdf8);padding:29px 0 60px;overflow:hidden}
.preview-celebrate{text-align:center;font-size:.65rem;font-weight:1000;letter-spacing:.12em;color:#2a9872;position:relative}.preview-celebrate>span{background:#e4f8ed;padding:8px 14px;border-radius:50px}.preview-confetti{position:absolute;color:#ffc44e;top:-5px;right:10%;letter-spacing:5px}
.sample-view-shell{width:min(510px,calc(100% - 32px));margin:23px auto 0}.preview-top{text-align:center}.preview-top h1{font-size:clamp(2.25rem,6vw,3.15rem);margin:12px auto 8px;line-height:1.05}.preview-top p{max-width:420px;margin:0 auto 22px;line-height:1.53;font-size:.91rem;color:#597586}
.preview-stage{background:white;padding:13px 13px 17px;border-radius:26px;border:1px solid #eef2e7;box-shadow:0 17px 48px #24495d17}
.preview-head{display:flex;justify-content:space-between;align-items:center;color:#4c7081;font-size:.71rem;font-weight:1000;margin:2px 3px 11px}.preview-head>b{color:#f6737b}.preview-green-dot{display:inline-block;background:#33c581;border-radius:50%;width:9px;height:9px;margin-right:4px}
.preview-paper{width:100%;display:grid;place-items:center;min-height:330px;background:#f6f8f5;border-radius:14px;overflow:hidden}.preview-paper img{display:block;max-height:490px;width:auto;max-width:100%;object-fit:contain;box-shadow:0 3px 20px #0b263018;transition:opacity .16s}
.preview-controls{display:flex;align-items:center;justify-content:space-between;margin:11px 2px}.preview-controls>button{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid #e4eced;background:#f4f9f8;color:#244b65;font-size:23px}.preview-controls>button:disabled{opacity:.33;cursor:not-allowed}.preview-dots{display:flex;gap:6px}.preview-dots button{border:0;background:#d4e1e2;border-radius:50%;height:8px;width:8px;padding:0;transition:.2s}.preview-dots button.active{width:24px;border-radius:50px;background:#28be99}
.preview-thumbnails{display:flex;gap:8px;overflow-x:auto;justify-content:center;padding:0 2px 4px}.preview-thumbnails button{padding:2px;border:2px solid transparent;border-radius:8px;background:#f9faf8;flex:0 0 17%;max-width:70px}.preview-thumbnails button.active{border-color:#38be9e}.preview-thumbnails img{width:100%;aspect-ratio:.71;object-fit:cover;object-position:top;border-radius:4px}
.sample-download{display:flex;align-items:center;justify-content:center;text-align:center;margin:17px auto 0;background:linear-gradient(135deg,#31c875,#129d5b);border-radius:17px;color:white;min-height:58px;max-width:100%;font-size:.86rem;font-weight:1000;padding:13px;box-shadow:0 5px 0 #0a7d42}.sample-download:hover{filter:brightness(1.04);transform:translateY(-1px)}.sample-trust{text-align:center;color:#75948a;font-size:.73rem;font-weight:800;margin:14px 0 23px}
.sample-friendly-offer{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid #ffebdb;border-radius:20px;padding:15px;margin:10px auto 26px;box-shadow:0 7px 24px #5f6b5210}.sample-friendly-offer img{object-fit:cover;width:74px;min-height:100px;border:3px solid #fff;border-radius:9px;box-shadow:0 2px 8px #133b5220;flex:none}.sample-friendly-offer div>span{font-size:.64rem;font-weight:1000;color:#e27665}.sample-friendly-offer h2{font-size:1.35rem;margin:2px 0 5px}.sample-friendly-offer p{font-size:.78rem;line-height:1.35;color:#617888}.sample-friendly-offer a{display:inline-block;margin-top:9px;color:#168d6c;font-weight:1000;font-size:.83rem;text-decoration:underline;text-underline-offset:2px}.mini-access{font-size:.7rem;color:#80929b;text-align:center}
.offer-sheet[hidden]{display:none}.offer-sheet{position:fixed;z-index:75;bottom:0;left:50%;transform:translateX(-50%);background:white;border:1px solid #e8eeeb;border-radius:24px 24px 0 0;padding:19px 20px max(19px,env(safe-area-inset-bottom));width:min(500px,100%);box-shadow:0 -10px 60px #24475c35;animation:sheetUp .35s ease both}.offer-close{position:absolute;top:10px;right:14px;background:#eef4f4;border:none;color:#385c69;width:32px;height:32px;font-size:22px;border-radius:50%}.offer-sheet-body{display:flex;align-items:center;gap:14px;padding-right:15px}.offer-sheet-body img{border:3px solid white;border-radius:9px;box-shadow:0 3px 13px #46586a33;flex:none;width:67px;height:88px;object-fit:cover}.offer-sheet-body>div>span{font-size:.58rem;color:#db6b6c;font-weight:1000;letter-spacing:.05em}.offer-sheet h2{font-size:1.25rem;margin:3px 0}.offer-sheet p{font-size:.76rem;line-height:1.4}.offer-sheet-actions{display:grid;gap:3px;margin-top:14px}.offer-buy{display:block;text-align:center;border-radius:13px;background:#22b96a;color:white;padding:11px;font-size:.9rem;font-weight:1000}.offer-not-now{border:0;background:transparent;color:#678493;font-weight:800;padding:11px;font-size:.75rem}
@keyframes flowIn{from{transform:translateX(12px);opacity:.1}to{transform:none;opacity:1}}@keyframes bounceGift{50%{transform:translateY(-4px)}}@keyframes twinkle{50%{opacity:.4}}@keyframes sheetUp{from{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:860px){.flow-shell{grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:22px}.flow-intro h1{font-size:3.2rem}.sample-collage{height:260px}.flow-landing{padding-top:32px}}
@media(max-width:700px){.flow-header-inner{height:60px}.flow-logo>span{width:37px;height:37px;font-size:20px}.flow-logo strong{font-size:22px}.flow-header-right{font-size:.61rem}.flow-landing{padding:20px 0 23px;min-height:calc(100vh - 60px)}.flow-shell{display:block;width:calc(100% - 28px)}.flow-intro{text-align:center}.flow-intro h1{font-size:clamp(1.92rem,7.6vw,2.45rem);max-width:360px;margin:8px auto 6px;line-height:1.07}.flow-pill{font-size:.62rem;padding:5px 11px}.flow-intro>p{font-size:.83rem;max-width:335px;margin:0 auto;line-height:1.37}.sample-collage{height:100px;max-width:310px;margin:6px auto 14px}.sample-collage>img{width:26%;height:97px;border:4px solid #fff;border-radius:7px;left:16%;object-position:top}.sample-collage>img:nth-child(2){left:38%;transform:rotate(0deg)}.sample-collage>img:nth-child(3){left:60%}.collage-label{bottom:-6px;right:0;font-size:.64rem;padding:5px 10px}.flow-card{border-radius:24px;padding:18px 17px 14px;min-height:320px;box-shadow:0 12px 45px #38596d16}.flow-card:before{display:none}.flow-progress{margin:9px 0 13px;height:6px}.q-emoji{font-size:27px;margin-bottom:5px}.flow-screen h2{font-size:1.55rem;margin-bottom:6px}.flow-screen>p{font-size:.78rem;margin-bottom:12px}.flow-age button{min-height:77px}.flow-age b{font-size:1.82rem}.flow-options{gap:7px}.flow-choices button{min-height:54px}.flow-card-bottom{margin-top:10px}.flow-peek{margin-top:17px;font-size:.73rem}.flow-footer{padding:26px 18px;gap:13px;justify-content:center;text-align:center}.flow-footer>div{width:100%}.flow-footer nav{gap:17px}.flow-footer>small{width:100%}.gift-reveal>span{font-size:38px}.mini-activities{height:68px;margin:9px auto 12px}.mini-activities img{width:58px;height:70px}.flow-email-area input[type=email]{min-height:49px;padding:11px 13px}.flow-main-btn{min-height:55px}.flow-email-area{gap:7px}.flow-card:has(.flow-screen[data-screen="3"].active){padding-top:17px}.flow-card:has(.flow-screen[data-screen="3"].active) .flow-progress{margin-bottom:12px}}
@media(max-width:360px){.flow-header-right{font-size:.55rem}.flow-logo strong{font-size:20px}.flow-intro h1{font-size:1.91rem}.flow-screen h2{font-size:1.45rem}.flow-age b{font-size:1.55rem}.flow-card{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.flow-screen,.offer-sheet{animation:none!important}.gift-reveal>span,.gift-stars{animation:none!important}}
/* Primeira pergunta fica visível imediatamente, sem efeito de entrada. */
.flow-screen.active[data-screen="0"]{animation:none}


/* UX V3: visualização mobile maior, botões sobrepostos e pré-carregamento */
.preview-stage{position:relative;padding:15px 12px 18px}
.preview-paper{position:relative;padding:12px 10px 18px;min-height:auto;background:linear-gradient(180deg,#f8fbfa,#eef5f4);border-radius:20px}
.preview-paper::after{content:'';position:absolute;inset:0;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.0));pointer-events:none}
.preview-paper.loading:before{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid #d8e7e5;border-top-color:#27b88b;border-radius:50%;animation:spin 1s linear infinite;z-index:4}
.preview-paper.loading img{opacity:.25;filter:blur(1px)}
.preview-paper img{width:min(100%,430px);height:auto;max-height:none;object-fit:contain;border-radius:16px}
.preview-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 8px);margin:-28px auto 8px;padding:0 4px;pointer-events:none}
.preview-controls>button{pointer-events:auto;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;border:1px solid #dce8e8;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(20,55,68,.14);font-size:30px}
.preview-dots{pointer-events:auto;display:flex;gap:7px;background:rgba(255,255,255,.94);border:1px solid #e4eded;border-radius:999px;padding:8px 11px;box-shadow:0 10px 24px rgba(20,55,68,.10)}
.preview-dots button{height:9px;width:9px}.preview-dots button.active{width:28px}
.preview-thumbnails{justify-content:flex-start;padding:5px 2px 4px 2px;scrollbar-width:none}.preview-thumbnails::-webkit-scrollbar{display:none}
.preview-thumbnails button{flex:0 0 19%;max-width:74px;box-shadow:0 2px 8px rgba(16,45,58,.08)}
.sample-download{position:sticky;bottom:12px;z-index:20}
.deal-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fff3d8,#ffe7e8);border:1px solid #ffe0b0;color:#815a18;font-size:.78rem;font-weight:1000;padding:11px 14px;border-radius:999px;box-shadow:0 8px 18px rgba(63,50,14,.08);margin:6px auto 12px;max-width:100%;text-align:center}.deal-pill b{color:#dd5d58;font-size:.98rem}
.sample-deal-pill{margin-top:8px}
.sample-friendly-offer{border-width:2px;position:relative;overflow:hidden}.sample-friendly-offer:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#30c878,#ffd359)}
@media(max-width:700px){
  .preview-top h1{font-size:clamp(2rem,7.4vw,2.6rem)}
  .preview-stage{padding:12px 10px 14px;border-radius:24px}
  .preview-paper{padding:12px 8px 18px}
  .preview-paper img{width:min(100%,460px)}
  .preview-controls{margin:-24px auto 6px}
  .preview-controls>button{width:50px;height:50px;border-radius:16px;font-size:28px}
  .preview-thumbnails button{flex:0 0 22%;max-width:78px}
  .sample-download{bottom:10px}
}

.preview-controls {position:sticky;bottom:88px;z-index:19;margin:6px auto -62px;} .preview-thumbnails {margin-top:71px;}
@media (max-width:700px){.preview-controls{bottom:84px;}}
@media(prefers-reduced-motion:reduce){.preview-paper.loading:before{animation:none}}


/* APP-LIKE UX — Versão 2026-10-21, mobile mais legível e centralizado */
:root{scroll-behavior:smooth}
.flow-header{position:sticky;top:0;z-index:45;background:rgba(255,253,249,.96);box-shadow:0 4px 16px rgba(30,66,82,.06)}
.flow-landing{overflow:clip}
.flow-screen.active{animation:flowIn .26s ease-out both}
.flow-options button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.flow-options button:active{transform:scale(.985)}
.flow-card-header,.flow-progress{position:relative;z-index:3}
.flow-screen h2{letter-spacing:-.03em}
.flow-card{scroll-margin-top:90px}
.flow-email-area input[type=email]:focus-visible,.flow-options button:focus-visible{outline:3px solid #16aa8c;outline-offset:2px}
@media(max-width:700px){
  html{scroll-padding-top:72px}
  .flow-header-inner{height:65px;width:calc(100% - 28px)}
  .flow-landing{padding:10px 0 15px;min-height:calc(100dvh - 65px);overflow:visible}
  .flow-shell{width:min(100%,520px);padding:0 10px;margin:auto}
  .flow-intro{text-align:center;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin .3s ease,padding .25s ease;max-height:226px;padding:10px 8px 0;margin-bottom:12px}
  .flow-intro h1{font-size:clamp(1.6rem,6.4vw,2.05rem);line-height:1.05;margin:5px auto 4px;max-width:370px;letter-spacing:-.04em}
  .flow-intro>p{font-size:clamp(.81rem,3.5vw,.95rem);line-height:1.28;max-width:320px}
  .sample-collage{height:57px;width:min(210px,65%);max-width:210px;margin:7px auto 7px}
  .sample-collage>img{width:30%;height:58px;left:8%;border-width:2px;border-radius:6px;box-shadow:0 4px 14px #32536f1c}
  .sample-collage>img:nth-child(2){left:36%;transform:translateY(-2px)}
  .sample-collage>img:nth-child(3){left:64%}
  .collage-label{position:relative;bottom:auto;right:auto;transform:translate(92px,30px);font-size:.54rem;padding:3px 7px;white-space:nowrap}
  .flow-landing.quiz-focused .flow-intro{max-height:0;opacity:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}
  .flow-card{width:100%;border-radius:27px;box-shadow:0 14px 34px #31556a19;border:1px solid #e5f1ee;padding:17px 17px max(16px,env(safe-area-inset-bottom));min-height:clamp(500px,calc(100dvh - 270px),720px);display:flex;flex-direction:column}
  .flow-landing.quiz-focused .flow-card{min-height:calc(100dvh - 94px)}
  .flow-progress{height:8px;margin:13px 0 13px}
  .flow-card form{display:flex;flex-direction:column;flex:1}
  .flow-screen.active{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;gap:0;padding:6px 0 4px}
  .flow-screen h2{font-size:clamp(1.95rem,7.8vw,2.35rem);line-height:1.06;margin:8px auto 10px;max-width:365px}
  .flow-screen>p{font-size:clamp(.96rem,3.9vw,1.05rem);line-height:1.42;margin-bottom:18px}
  .q-emoji{font-size:38px;margin:5px auto 6px}
  .flow-options{gap:12px;margin:8px auto 4px;width:100%}
  .flow-choices button{min-height:77px;padding:14px 18px;border-radius:22px;border-width:2px;background:#fff;box-shadow:0 3px 10px #a9beb319}
  .flow-choices button>span:first-child{font-size:30px;width:41px}
  .flow-choices button b{font-size:clamp(1.05rem,4.1vw,1.25rem);line-height:1.17}
  .flow-age{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:400px}
  .flow-age button{min-height:124px;border-radius:23px;background:#fff}
  .flow-age b{font-size:2.8rem}
  .flow-age small{font-size:.85rem}
  .flow-card-bottom{position:sticky;bottom:0;margin-top:auto;padding:13px 0 8px;border-top:1px solid #eff2f2;background:linear-gradient(0deg,#fff 82%,#ffffffed);z-index:6;min-height:55px}
  .flow-back{background:#ecf8f6;padding:10px 17px;border-radius:18px;color:#215b68;font-size:.91rem}
  #quiz-footer-note{font-size:.79rem}
  .flow-peek{margin:10px auto 2px;font-size:.72rem}
  .flow-card:has(.flow-screen[data-screen="3"].active){min-height:calc(100dvh - 94px)}
  .flow-card:has(.flow-screen[data-screen="3"].active) .flow-screen.active{justify-content:flex-start;padding-top:0}
  .gift-reveal>span{font-size:37px}
  .flow-email-area{gap:9px}
  .flow-email-area input[type=email]{min-height:58px;font-size:17px;padding:14px 16px;border-radius:19px}
  .flow-main-btn{min-height:65px;font-size:1rem;border-radius:19px}
  .flow-optin{font-size:.79rem;line-height:1.42}
  .mini-activities{height:58px;margin:7px auto 11px}
  .mini-activities img{width:54px;height:63px}
  .sample-view-shell{width:min(540px,calc(100% - 14px));margin:14px auto 0}
  .preview-top h1{font-size:clamp(2rem,7vw,2.45rem)}
  .preview-top p{margin-bottom:14px}
  .preview-stage{padding:12px 8px 16px}
  .preview-paper{padding:8px 4px 14px}
  .preview-paper img{width:100%;max-width:520px;border-radius:10px}
  .preview-controls{margin:-22px auto 14px;bottom:calc(80px + env(safe-area-inset-bottom))}
  .preview-controls>button{height:58px;width:58px;border-radius:22px;background:#fffffff2;box-shadow:0 8px 24px #133c5345}
  .sample-download{bottom:calc(8px + env(safe-area-inset-bottom));min-height:64px;border-radius:18px}
}
@media(max-width:380px){.flow-screen h2{font-size:1.89rem}.flow-choices button{min-height:72px}.flow-card{padding-left:13px;padding-right:13px}.flow-card:has(.flow-screen[data-screen="3"].active){min-height:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.flow-intro,.flow-options button,.flow-screen.active{transition:none;animation:none}}
/* Evita sobreposição da barra inferior com os cartões no iPhone */
@media(max-width:700px){
 .flow-card{min-height:max(680px,calc(100dvh - 256px))}
 .flow-landing.quiz-focused .flow-card{min-height:calc(100dvh - 85px)}
 .flow-screen.active{flex:1 0 auto;min-height:auto;justify-content:center;padding:9px 0 15px}
 .flow-card form{flex:1 0 auto;min-height:0}
 .flow-card-bottom{position:relative;bottom:auto;flex-shrink:0;margin-top:14px;padding:13px 0 7px;min-height:55px}
 .flow-age button{min-height:108px}
 .flow-screen>p{margin-bottom:15px}
}