/* AfroGlow — apresentação direta, imagens originais e movimento contínuo suave. */
:root{--display:'Avenir Next','Segoe UI',Arial,sans-serif;--deep-gold:#886121;--champagne:#f4df9b}
.line-icon{width:26px;height:26px;flex:none;vertical-align:middle}.button .line-icon{width:22px;height:22px}.button{font-weight:700}.pulse-cta{position:relative;isolation:isolate;min-height:62px;text-decoration:none}.pulse-cta:disabled{opacity:.82;cursor:default}.quiz-actions .pulse-cta:disabled{background:#e4e9e3;border-color:#d8dfd3;color:#69776c;animation:none;box-shadow:none;opacity:1}.pulse-cta:focus-visible{outline:3px solid #1c7059;outline-offset:5px}@keyframes cta-breathe{0%,100%{box-shadow:0 0 0 0 #d9b24f00,0 8px 24px #96722016}50%{box-shadow:0 0 0 7px #d9b24f25,0 10px 26px #94701d32}}@keyframes cta-colors{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
/* Entrada: uma proposta, uma ação e a fotografia aprovada. */
.intro-grid{padding-top:44px;padding-bottom:45px;gap:65px}.intro-copy h1{font-size:clamp(44px,4.6vw,65px);line-height:1.08}.intro-copy .lead{font-size:18px;line-height:1.65;max-width:520px}.intro-copy>.pulse-cta{min-width:330px}.intro-proof{display:block;text-align:center;max-width:520px;padding:24px 18px 0;margin-top:31px;border-top:1px solid #c5a35a55}.intro-proof>.line-icon{width:23px;height:23px;display:block;margin:0 auto 10px;color:#977128}.intro-proof p{font-family:var(--display);font-size:17px;font-weight:500;line-height:1.5;color:#455b4d}.intro-proof strong{display:inline-block;font-family:var(--serif);font-size:25px;font-weight:700;line-height:1.25;color:#153f34;margin-top:5px}.hero-composition{padding:0 0 20px 30px}.hero-portrait{height:540px;max-width:440px;box-shadow:0 0 0 1px #ad863d77,0 15px 55px #173e2d13}.mini-photo{left:2px;bottom:0;width:154px;height:178px;overflow:hidden;background:none}.mini-photo img{height:100%;width:100%;object-fit:cover;object-position:center 23%;display:block}
.texture-ribbon{position:relative;padding:0;background:linear-gradient(110deg,#d6ab4b,#f7dda0 48%,#e6c578);display:flex;flex-wrap:nowrap;gap:0;overflow:hidden;border-block:1px solid #b88e39}.ribbon-window{width:100%;overflow:hidden;padding:23px 45px 23px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}.ribbon-track{width:max-content;display:flex;animation:ribbon-travel 28s linear infinite}.ribbon-group{display:flex;align-items:center;gap:46px;padding-right:46px;flex:none}.ribbon-group>span{font:800 14px/1.6 var(--display);letter-spacing:1.2px;color:#101f17;white-space:nowrap}.ribbon-group b{font-size:15px;font-weight:800;margin:0 0 0 15px;color:#101f17}.ribbon-group>i{font-style:normal;color:#745119;font-size:25px}.texture-ribbon:hover .ribbon-track,.texture-ribbon:focus-within .ribbon-track,.texture-ribbon.is-paused .ribbon-track{animation-play-state:paused}#ribbon-motion{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:1px solid #9a752d88;border-radius:50%;background:#f5dd9fec;color:#193e2e;font-size:16px;line-height:1;z-index:1}@keyframes ribbon-travel{to{transform:translateX(-50%)}}
.real-section{padding-top:43px;padding-bottom:45px}.real-section>.section-heading{display:block;text-align:center;margin-bottom:30px}.real-section h2{font-size:clamp(33px,3.2vw,44px)}.story-grid{gap:20px}.story-image{height:270px;background:none!important;overflow:hidden}.story-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}.story-card{border-color:#c1a66970;box-shadow:0 8px 25px #1a3b2e05}.story-card>div:last-child{padding:22px}.story-card h3{font-size:25px}.story-card p{font-size:16px;line-height:1.6}.story-card span{font-size:12px}.image-note{text-align:center;font-size:12px;margin:15px 0 23px}.real-action{text-align:center}.real-action>.button{min-width:370px;justify-content:center;gap:24px}.site-footer{height:66px;padding:0;display:flex!important;align-items:center;justify-content:center;background:#123f36;border-top:2px solid #b99650;color:#e9c97c}.site-footer .line-icon{width:37px;height:24px}
/* Imagens nativas: preservam o enquadramento e o carregamento em todos os estágios. */
.quiz-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 26%;background:none;opacity:1}.quiz-identity{width:54px;height:54px}.quiz-visual:after{background:linear-gradient(transparent 34%,#082d27ed 100%)}.reaction:not(:empty){background:#f5edd9;border-left:3px solid #b58a33;border-radius:0 10px 10px 0;padding:13px 16px}.reaction{font-size:14px}.privacy-note{font-size:12px}.option small{font-size:14px}.quiz-topline #phase-label{font-size:12px}.question-intro .eyebrow{font-size:12px}
/* Transição: uma composição fotográfica em profundidade, sem cartões repetitivos. */
#reveal{padding:35px 4% 42px;min-height:calc(100svh - 112px);background:#f7f6ee;text-align:left;display:flex;align-items:center;justify-content:center}.reveal-frame{--depth-x:0px;--depth-y:0px;position:relative;isolation:isolate;width:100%;max-width:1220px;min-height:610px;display:grid;grid-template-columns:52% 48%;align-items:center;border-radius:30px;background:radial-gradient(ellipse at 90% 30%,#386e55,#123f36 62%);box-shadow:0 24px 55px #123f3626;border:1px solid #789974;overflow:hidden}.reveal-frame:before{content:'';position:absolute;inset:35px 39px;border:1px solid #d8b76838;border-radius:23px;pointer-events:none;z-index:-1}.reveal-copy{position:relative;z-index:2;padding:60px 20px 65px 55px;color:#fffdf5}.focus-chip{display:inline-flex;padding:7px 14px;border:1px solid #e8ca7a6b;border-radius:100px;color:#f3d98f;background:#164d4080;font-size:14px;font-weight:650;margin-bottom:27px}.reveal-copy h1{font-family:var(--display);font-size:clamp(41px,4.4vw,64px);font-weight:700;letter-spacing:-2.4px;line-height:1.04;margin:0 0 24px;max-width:520px}.reveal-copy h1 em{font-family:var(--serif);font-size:1.04em;color:#f4d487;font-weight:400;letter-spacing:-1.7px}.reveal-copy>p{font-size:17px;color:#d8e7dd;line-height:1.65;max-width:420px;margin-bottom:30px}.reveal-copy>.pulse-cta{font-size:16px;gap:23px;max-width:100%;min-height:64px}.reveal-visual{position:relative;height:530px;margin:34px 34px 36px 8px;transform:translate(var(--depth-x),var(--depth-y)) rotate(-2deg);transition:transform .45s ease;perspective:900px}.reveal-visual:before{content:'';position:absolute;inset:12px -10px -10px 12px;border:1px solid #f2ce797d;border-radius:160px 160px 24px 24px;transform:rotate(4deg);pointer-events:none}.reveal-visual>img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center 26%;border-radius:160px 160px 24px 24px;border:1px solid #ecd399a1;box-shadow:0 16px 40px #03291c6e;animation:portrait-arrive .8s ease-out both}.portrait-profile{position:absolute;left:-28px;right:12px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#fffcf0f2;border:1px solid #efcf8c;border-radius:17px;box-shadow:0 10px 30px #082f252e;backdrop-filter:blur(9px);transform:rotate(2deg)}.portrait-profile>span:first-child{display:flex;align-items:center;gap:10px;color:#111}.portrait-profile .line-icon{color:#987528}.portrait-profile strong{font:750 27px/1.1 var(--display)}.portrait-profile>span:last-child{font-size:13px;line-height:1.45;font-weight:600;max-width:155px;color:#2d4c3e}.reveal-copy{animation:copy-arrive .7s ease-out both}@keyframes portrait-arrive{from{opacity:.35;transform:translateX(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes copy-arrive{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Resultado curto: direção → produtos → dúvidas. */
.result-hero{max-width:1240px;margin:auto;padding:42px 5%;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;background:#eaf0e9}.result-intro h1{font:700 clamp(35px,3.7vw,49px)/1.08 var(--display);letter-spacing:-1.8px;margin:0 0 20px;max-width:650px}.result-intro .lead{font-size:17px;line-height:1.65;margin-bottom:25px;max-width:570px}.result-tags{gap:8px;margin-bottom:20px}.result-tags>span{font-size:13px;line-height:1.4;font-weight:600}.result-tags>span:first-child{font-weight:800;color:#111;background:#efd48d;border-color:#ac8436}.result-photo-wrap{max-width:330px;justify-self:end;width:100%}.result-photo{display:block;width:100%;height:355px;min-width:0;object-fit:cover;object-position:center 27%;border-radius:160px 160px 22px 22px;box-shadow:0 0 0 1px #bd985550}.result-content{max-width:1200px;padding:0 5%;margin:auto}.care-section{padding:28px 0 12px}.care-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.care-strip article{display:flex;gap:15px;padding:18px 15px;align-items:flex-start;border-bottom:1px solid #c7a55f60}.care-strip .line-icon{color:#926821;width:29px;height:29px;margin-top:4px}.care-strip h3{font:700 17px/1.4 var(--display);margin:0 0 5px;letter-spacing:0}.care-strip p{font-size:15px;line-height:1.5;color:#526458;margin:0}.care-expand{margin:15px auto 0;max-width:900px}.care-expand summary{display:flex;justify-content:center;align-items:center;gap:16px;font-size:14px;font-weight:600;list-style:none;padding:12px}.care-expand summary>span{color:#a27c32;font-size:20px}.care-expanded{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;padding:20px 25px;background:#f5f1e5;border:1px solid #d9c59377;border-radius:16px}.care-expanded p{font-size:15px;line-height:1.7;color:#516152;margin:0}.care-expanded strong{color:#153f34}.products-section{padding:30px 0 24px;border:0}.centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin:0 0 26px}.centered .logo-crop{width:245px;margin:0 0 19px}.centered h2{font-size:clamp(32px,3.3vw,44px);margin:0}.kit-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}.kit-display{min-width:0}.kit-preview{position:relative;display:block;width:100%;padding:0;border:1px solid #c6a05e9c;border-radius:24px;overflow:hidden;background:#e8d4ab;color:var(--green);text-align:inherit;cursor:zoom-in}.kit-scene{position:relative;width:100%;height:420px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 28%,#fff7dd 0,#f0ddb4 40%,#d8bb86 100%)}.kit-halo{position:absolute;width:310px;height:310px;border:1px solid #fff5d8a6;border-radius:50%;top:6%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 24px #fff7e021,0 0 0 49px #fff7e00d}.kit-plinth{position:absolute;left:7%;right:7%;height:55px;border-radius:50%;bottom:7%;background:radial-gradient(ellipse at center,#c5a67188 0,#e9d7b5 60%,#f6e8c9 78%);box-shadow:0 23px 24px -14px #6546157a,inset 0 2px 3px #fff9}.bottle{position:absolute;bottom:11%;filter:drop-shadow(10px 10px 10px #41270946);transition:transform .45s cubic-bezier(.2,.7,.2,1);transform-origin:center 90%}.bottle img{position:absolute;height:auto;max-width:none;display:block}.bottle-shampoo{height:85%;aspect-ratio:500/1980;left:26%}.bottle-shampoo img{width:307%;left:-103.2%;top:-2.12%;clip-path:url(#clip-shampoo)}.bottle-leavein{height:72%;aspect-ratio:440/1395;right:24%}.bottle-leavein img{width:320%;left:-109.09%;top:-.57%;clip-path:url(#clip-leavein)}.kit-preview:hover .bottle-shampoo{transform:translateY(-7px) rotate(-1.5deg)}.kit-preview:hover .bottle-leavein{transform:translateY(-4px) rotate(1.5deg)}.zoom-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;white-space:nowrap;padding:4px 13px;background:#fff7e0e0;border:1px solid #aa823849;border-radius:25px}.kit-caption{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center;padding:12px 8px;color:var(--green);font-size:12px;line-height:1.5}.kit-caption b{display:block;font-size:14px}.kit-offer h3{font:700 37px/1.09 var(--display);letter-spacing:-1.2px;margin:0 0 16px}.kit-offer>p{font-size:16px;line-height:1.65;color:#556659;margin:0 0 20px}.kit-benefits{list-style:none;padding:0;margin:20px 0 23px;display:grid;gap:17px}.kit-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:#536355}.kit-benefits .line-icon{color:#947029;width:24px;height:24px;margin-top:3px}.kit-benefits strong{display:block;color:#153f34;font-size:15px;margin-bottom:4px}.checkout-group{text-align:center}.checkout-group>.button{width:100%;justify-content:center;gap:24px}.checkout-status{font-size:12px;margin:10px 0 0;color:var(--muted)}.kit-objection{margin-top:18px;padding-top:16px;border-top:1px solid #c3a66550}.kit-objection strong{font-size:14px}.kit-objection p{font-size:14px;line-height:1.6;color:var(--muted);margin:6px 0 0}.product-disclosures{margin-top:14px;border:1px solid #c4a66d66;border-radius:15px;overflow:hidden}.product-disclosures details+details{border-top:1px solid #c4a66d44}.product-disclosures summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;font-size:14px;list-style:none;background:#faf5e9}.product-disclosures summary>span{display:flex;align-items:center;gap:12px}.product-disclosures summary .line-icon{width:21px;height:21px;color:#967028}.product-disclosures summary small{font-size:12px;color:var(--muted)}.product-disclosures summary>b{font-size:23px;font-weight:400;color:#a07a2f}.disclosure-body{padding:0 23px 15px}.disclosure-body p{font-size:15px;line-height:1.65;margin:12px 0 0;color:#526254}.comparison-disclosure{margin-top:12px;border:1px solid #c4a66d66;border-radius:15px;overflow:hidden}.comparison-disclosure>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;font-size:14px;background:#faf5e9}.comparison-disclosure>summary span{color:#a07a2f;font-size:23px}.comparison-section{padding:22px;border:0;gap:35px;display:grid;grid-template-columns:1fr 1fr}.comparison-copy h3{font:700 26px/1.2 var(--display);margin-bottom:17px}.comparison-copy p{font-size:16px}.comparison-footnote{font-size:12px!important;line-height:1.6;margin:14px 0 0}.comparison-wrap{max-width:220px}.comparison{border-radius:80px 80px 15px 15px}.compare-before,.compare-after{background:none}.compare-before img,.compare-after img{position:absolute;top:0;width:207%;height:auto;max-width:none;display:block}.compare-before img{left:0}.compare-after img{right:0}.faq{padding:30px 0 15px;text-align:center;max-width:850px;border:0}.faq h2{font-size:34px;margin-bottom:23px}.faq details{border-color:#c6af7d70;padding:0}.faq summary{position:relative;list-style:none;text-align:center;padding:18px 35px;font-size:16px;font-weight:650}.faq summary:after{content:'+';position:absolute;right:9px;top:14px;color:#98722a;font-weight:400;font-size:23px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:16px;line-height:1.7;max-width:680px;margin:0 auto;padding:0 20px 20px;text-align:center}.faq details:last-child{border-bottom:1px solid #c6af7d70}.result-end{border:0;padding:12px 0 25px;display:flex;justify-content:center}.result-end .text-button{font-size:13px;color:#677464}summary::-webkit-details-marker{display:none}
#kit-modal{border:1px solid #d3b36e;border-radius:24px;padding:30px 26px 20px;max-width:min(760px,94vw);width:760px;max-height:94svh;background:var(--paper);color:var(--green);overflow:auto;box-shadow:0 20px 80px #0004}#kit-modal::backdrop{background:#062c25bd;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border:1px solid #cbb783;border-radius:50%;background:var(--paper);color:var(--green);font-size:27px;line-height:1;z-index:2}.modal-heading{text-align:center}.modal-heading .eyebrow{font-size:12px;margin:0 35px 8px}.modal-heading h2{font-size:30px;margin:0 0 18px}#kit-modal .kit-scene{height:min(550px,64svh);border-radius:14px}#kit-modal .bottle-shampoo{left:30%}#kit-modal .bottle-leavein{right:28%}.modal-caption{font-size:12px;text-align:center;margin:14px 0 0;color:var(--muted)}.enter-view.is-visible{animation:copy-arrive .65s ease-out both}
@media(max-width:1050px){.intro-grid{gap:35px}.intro-copy h1{font-size:50px}.hero-portrait{height:490px}.intro-copy>.pulse-cta{min-width:0;width:100%;gap:18px}.intro-proof strong{font-size:23px}.reveal-copy{padding-left:35px}.reveal-copy h1{font-size:48px}.reveal-frame{min-height:570px}.reveal-visual{height:480px;margin-right:24px}.reveal-copy>.pulse-cta{gap:15px;padding-inline:18px;font-size:15px}.portrait-profile{left:-12px;right:10px;padding:13px}.portrait-profile strong{font-size:24px}.kit-layout{gap:28px}.kit-offer h3{font-size:32px}.kit-scene{height:400px}.bottle-shampoo{left:22%}.bottle-leavein{right:20%}.care-strip{gap:10px}.care-strip article{padding-inline:9px;gap:10px}.care-strip p{font-size:14px}}
@media(max-width:740px){.site-header{height:90px}.intro-grid{padding:29px 6% 32px;gap:30px}.intro-copy h1{font-size:clamp(41px,9.5vw,61px)}.intro-copy .lead{font-size:17px}.intro-copy>.pulse-cta{font-size:16px;min-height:63px;gap:15px;padding-inline:16px}.intro-proof{margin-top:25px;padding-top:19px}.intro-proof p{font-size:16px}.intro-proof strong{font-size:22px}.hero-composition{max-width:430px;padding:0 0 18px 35px}.hero-portrait{height:410px;max-width:340px}.mini-photo{width:119px;height:140px;left:0}.ribbon-window{padding-block:18px}.ribbon-group{gap:28px;padding-right:28px}.ribbon-group>span{font-size:13px;letter-spacing:.9px}.ribbon-group b{font-size:14px;margin-left:10px}.ribbon-group>i{font-size:21px}.real-section{padding:35px 6%}.real-section h2{font-size:33px}.story-grid{gap:15px}.story-image{height:250px}.story-card p{font-size:15px}.story-card h3{font-size:24px}.real-action>.button{min-width:0;width:100%;padding-inline:16px;font-size:15px;gap:13px}.site-footer{height:58px}.quiz-visual{display:block;min-height:0;height:180px}.quiz-photo{object-position:center 27%}.quiz-visual:after{background:linear-gradient(90deg,transparent 30%,#0a3226dd 100%)}.visual-caption{bottom:22px;left:49%;right:6%}.visual-caption .eyebrow{display:none}.visual-caption p{font-size:25px;line-height:1.14;margin:0}.visual-wordmark{display:none}.quiz-panel{padding-top:20px;min-height:0}.quiz-topline #phase-label{font-size:11px;letter-spacing:.7px}.quiz-identity{width:48px;height:48px}.option strong{font-size:16px}.option small{font-size:14px}.reaction{font-size:14px}.quiz-actions .button{font-size:15px;padding-inline:18px;min-width:160px}.question-intro .eyebrow{font-size:12px}.privacy-note{font-size:12px}#reveal{padding:20px 5% 25px;min-height:calc(100svh - 90px);display:block}.reveal-frame{display:flex;flex-direction:column;min-height:0;max-width:540px;margin:auto;border-radius:25px;padding:0 0 25px;overflow:hidden}.reveal-frame:before{inset:14px;border-radius:18px}.reveal-copy{padding:28px 25px 22px;text-align:center;order:2}.focus-chip{margin-bottom:16px;font-size:13px}.reveal-copy h1{font-size:clamp(35px,8.8vw,49px);letter-spacing:-1.5px;margin-bottom:18px}.reveal-copy h1 em{letter-spacing:-1.2px}.reveal-copy>p{font-size:16px;line-height:1.6;margin:0 auto 25px}.reveal-copy>.pulse-cta{font-size:15px;padding:17px 15px;gap:12px;width:100%;justify-content:center;min-height:63px}.reveal-visual{order:1;height:295px;width:calc(100% - 66px);max-width:330px;margin:25px auto 4px;transform:translate(var(--depth-x),var(--depth-y)) rotate(-2deg)}.reveal-visual>img{border-radius:130px 130px 20px 20px;object-position:center 27%}.reveal-visual:before{border-radius:130px 130px 20px 20px;inset:8px -7px -6px 8px}.portrait-profile{bottom:10px;left:-10px;right:-10px;padding:10px 12px;gap:8px;border-radius:12px}.portrait-profile strong{font-size:24px}.portrait-profile>span:last-child{font-size:12px;max-width:130px}.portrait-profile .line-icon{width:23px;height:23px}.result-hero{display:grid;grid-template-columns:1fr;padding:29px 6% 28px;gap:24px}.result-intro{text-align:center}.result-tags{justify-content:center;margin-bottom:17px}.result-intro h1{font-size:36px;letter-spacing:-1.2px}.result-intro .lead{font-size:16px;margin-inline:auto;margin-bottom:22px}.result-intro>.button{width:100%;justify-content:center;gap:18px;font-size:16px}.result-photo-wrap{max-width:265px;justify-self:center}.result-photo{height:255px;margin:0;border-radius:120px 120px 18px 18px;object-position:center 24%}.result-content{padding-inline:6%}.care-section{padding:20px 0 8px}.care-strip{grid-template-columns:1fr;gap:0}.care-strip article{padding:14px 8px;gap:16px}.care-strip h3{font-size:16px}.care-strip p{font-size:15px}.care-strip .line-icon{width:29px;height:29px}.care-expand{margin-top:7px}.care-expanded{display:block;padding:18px}.care-expanded p+p{margin-top:18px}.care-expand summary{font-size:14px}.products-section{padding:24px 0 15px}.centered .logo-crop{width:218px;margin-bottom:16px}.centered h2{font-size:32px}.centered{margin-bottom:23px}.kit-layout{display:block}.kit-scene{height:395px}.bottle-shampoo{left:22%;height:84%}.bottle-leavein{right:20%;height:72%}.kit-halo{width:270px;height:270px}.kit-caption{font-size:11px;padding-block:12px}.kit-offer{text-align:center;padding-top:20px}.kit-offer h3{font-size:33px}.kit-offer>p{font-size:16px;margin-inline:auto;max-width:380px}.kit-benefits{max-width:380px;margin:19px auto 24px;text-align:left}.kit-benefits li{font-size:14px}.kit-objection{text-align:center;margin-top:17px;padding-top:13px}.kit-objection p{font-size:14px}.checkout-group>.button{gap:18px;font-size:16px}.checkout-status{font-size:12px}.product-disclosures{margin-top:23px}.product-disclosures summary{padding:15px;font-size:14px;gap:12px}.product-disclosures summary>span{gap:8px;flex-wrap:wrap}.product-disclosures summary small{font-size:12px}.disclosure-body{padding-inline:17px}.comparison-disclosure>summary{padding-inline:16px;font-size:14px}.comparison-section{display:flex;flex-direction:column;padding:20px;gap:18px}.comparison-copy{text-align:center}.comparison-copy h3{font-size:24px}.comparison-copy p{font-size:15px}.comparison-wrap{max-width:225px}.faq{padding:25px 0 12px}.faq h2{font-size:30px}.faq summary{font-size:15px;padding:17px 25px;line-height:1.5}.faq summary:after{right:1px}.faq details p{font-size:15px;padding-inline:10px}.result-end{padding:5px 0 22px}.modal-heading .eyebrow{font-size:12px}#kit-modal{padding:28px 12px 17px;border-radius:18px}.modal-heading h2{font-size:27px}#kit-modal .kit-scene{height:430px;max-height:60svh}#kit-modal .bottle-shampoo{left:24%}#kit-modal .bottle-leavein{right:20%}.modal-caption{font-size:12px;line-height:1.5}}
@media(max-width:370px){.intro-copy h1{font-size:39px}.intro-copy>.pulse-cta,.real-action>.pulse-cta{font-size:14px;gap:10px}.reveal-copy{padding-inline:19px}.reveal-copy>.pulse-cta{font-size:14px}.reveal-visual{height:275px;width:calc(100% - 55px)}.result-intro h1{font-size:33px}.kit-scene{height:350px}.bottle-shampoo{left:20%}.bottle-leavein{right:18%}.quiz-identity{width:40px;height:40px}.quiz-topline #phase-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pulse-cta,.ribbon-track,.reveal-copy,.reveal-visual>img,.enter-view.is-visible{animation:none!important}.reveal-visual{transform:none!important;transition:none}.kit-preview:hover .bottle{transform:none}.bottle{transition:none}#ribbon-motion{display:none}.ribbon-window{overflow:visible;padding:16px}.ribbon-track{width:100%;display:block}.ribbon-group{justify-content:center;flex-wrap:wrap;gap:14px;padding:0}.ribbon-group[aria-hidden]{display:none}html{scroll-behavior:auto}}

/* Escolhas simples: duas alternativas por decisão, com retorno imediato. */
.binary-options{grid-template-columns:1fr;gap:13px}
.binary-options .option{min-height:88px;padding:19px 20px;align-items:center;border-color:#b4a37c65;background:#fffefb}
.binary-options .option strong{font-size:17px;font-weight:700;line-height:1.4}
.binary-options .option small{font-size:14px;line-height:1.55;margin-top:6px}
.binary-options .option.selected{background:#eaf2e9;border-color:#174f3d;box-shadow:0 0 0 1px #174f3d}
.binary-options .option:hover{border-color:#9c792f}
#question-help{font-size:16px;line-height:1.55}
.reaction{font-size:15px;line-height:1.6}
.quiz-actions .pulse-cta{max-width:72%;min-width:0}
@media(max-width:740px){.binary-options .option{min-height:84px;padding:16px}.binary-options .option strong{font-size:16px}#question-help{font-size:15px}.quiz-actions{gap:12px}.quiz-actions .pulse-cta{font-size:14px;padding:16px;max-width:69%}.reaction{font-size:14px}}

/* Foto do kit enviada pela marca; apresentação sem recortar os frascos. */
.kit-preview{background:#deddda;box-shadow:0 14px 36px #153d3012}
.kit-photo-frame{height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#deddda}
.kit-photo{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.kit-preview:hover .kit-photo{transform:scale(1.015)}
#kit-modal .kit-photo-frame{height:min(680px,70svh);border-radius:14px}
.product-disclosures summary{font-weight:700;color:#143d32}
.product-disclosures summary:hover,.tip-disclosure>summary:hover{background:#f3ead4}
.product-disclosures details[open] summary>b,.tip-disclosure[open]>summary>span{font-size:0}
.product-disclosures details[open] summary>b:after,.tip-disclosure[open]>summary>span:after{content:'−';font-size:23px}
.disclosure-body{padding:3px 24px 22px}
.disclosure-body .product-pain{font-size:17px;line-height:1.5;margin-top:17px;color:#143d32}
.active-highlight{display:flex;align-items:flex-start;gap:16px;margin-top:19px;padding:20px;border-radius:15px;background:linear-gradient(120deg,#123f36,#0d302a);border:1px solid #b79552}
.active-mark{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d9bd73;border-radius:50%;color:#f0d48f}
.active-mark .line-icon{width:23px;height:23px}
.active-highlight h4,.four-functions h4{font:700 17px/1.4 var(--display);margin:0;letter-spacing:0}
.active-highlight h4{color:#f0d48f}
.active-highlight p{color:#eef1e7;margin:6px 0 0;font-size:14px;line-height:1.65}
.four-functions{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:20px 0 0}
.four-functions li{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #cfb77d77;border-radius:14px;background:#fcf8ee}
.function-number{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1dfad;color:#143d32;font-size:13px;font-weight:800}
.four-functions h4{color:#143d32;font-size:16px}
.four-functions p{font-size:14px;line-height:1.6;margin:6px 0 0}
.finish-tip{display:flex;justify-content:center;align-items:center;gap:15px;padding:23px;background:linear-gradient(110deg,#fbf8ef,#f4ecd6)}
.finish-tip .line-icon{width:29px;height:29px;flex-shrink:0;color:#9d7326}
.finish-tip p{font-size:16px;line-height:1.6;font-weight:600;color:#143d32;margin:0;text-align:center}
.product-disclosures details[open] .disclosure-body,.tip-disclosure[open] .finish-tip{animation:copy-arrive .3s ease-out both}
@media(max-width:740px){.kit-photo-frame{height:470px}#kit-modal .kit-photo-frame{height:min(580px,67svh)}.four-functions{grid-template-columns:1fr;gap:10px}.four-functions li{padding:15px}.disclosure-body{padding:3px 17px 20px}.disclosure-body .product-pain{font-size:16px}.active-highlight{padding:17px;gap:12px}.finish-tip{padding:20px 17px;gap:12px}.finish-tip p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.kit-photo{transition:none}.kit-preview:hover .kit-photo{transform:none}.product-disclosures details[open] .disclosure-body,.tip-disclosure[open] .finish-tip{animation:none}}

/* Percursos por textura; dimensões fluidas sem depender do modelo do aparelho. */
html{scroll-padding-top:24px}
body{min-width:0}
main,.stage,.intro-grid,.quiz-layout,.quiz-panel,.reveal-frame,.result-hero,.result-content{min-width:0}
h1,h2,h3,h4,p,strong,summary,.option-copy{overflow-wrap:break-word}
h1,h2{letter-spacing:-.025em;line-height:1.15}
.button{white-space:normal;min-width:0;max-width:100%;text-align:center;justify-content:center;overflow-wrap:break-word;line-height:1.45}
@keyframes action-breathe{0%,100%{box-shadow:0 6px 22px #b7903420}50%{box-shadow:0 8px 29px #b7903452,0 0 18px #67cca330}}
@keyframes action-ring{0%{inset:-3px;opacity:.7}75%,100%{inset:-9px;opacity:0}}
.intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(25px,5vw,70px)}
.intro-copy h1{font-size:clamp(2.35rem,4.4vw,4.1rem);letter-spacing:-.025em}
.hero-composition{width:min(100%,417px);padding:0;margin-left:auto}
.hero-portrait{width:100%;max-width:none;height:auto;aspect-ratio:417/604;border-radius:26px}
.hero-portrait>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}
.story-image img{object-position:center top}
.quiz-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);min-height:760px}
.quiz-panel{padding:32px clamp(20px,4vw,65px) 28px}
.question-intro{text-align:center}
#question-title{font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.2;letter-spacing:-.02em}
#question-help{max-width:62ch;margin-inline:auto}
.quiz-topline{gap:14px;flex-wrap:wrap}
#phase-label{overflow-wrap:anywhere;font-size:14px;letter-spacing:.7px;flex:1;text-align:center}
.quiz-identity{border-radius:17px;flex-shrink:0}
.quiz-identity img{object-position:center top}
.quiz-photo{object-fit:contain;object-position:center top;background:#e8dfd0}
.quiz-visual{background:#123f36}
.visual-caption{left:8%;right:8%}
.visual-caption p{font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.25}
.visual-wordmark{display:none}
.quiz-layout.is-family-choice{display:block;min-height:0}
.is-family-choice .quiz-visual{display:none}
.is-family-choice .quiz-panel{max-width:1050px;margin:auto;padding-block:32px}
.is-family-choice .quiz-topline{justify-content:center}
.family-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.family-options .option{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;background:#f5eee3;border:1px solid #c8ae7266;border-radius:19px}
.family-options input{position:absolute;top:14px;left:14px;z-index:1;background:#fff;width:21px;height:21px}
.family-photo{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center top;background:#e8dfd0;transition:opacity .25s}
.family-options .option-copy{padding:17px 13px;text-align:center;background:#fffdf8;flex:1}
.family-options .option strong{font:700 21px/1.4 var(--display);color:#123f36}
.family-options .option small{font-size:14px;line-height:1.55}
.family-options .option.selected{border-color:#aa8132;box-shadow:0 0 0 2px #d4af62}
.family-options .option:hover{border-color:#aa8132}
.portrait-pending{opacity:0!important}
.portrait-failed{opacity:0!important}
.pattern-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pattern-options .option{flex-direction:column;text-align:center;gap:12px;padding:22px 13px}
.pattern-options .option strong{font-size:27px;font-weight:800;color:#111}
.option-copy{min-width:0}
.option strong{font-weight:700}
.extra-choices{margin:18px 0 0}
.extra-choices summary{padding:12px 8px;text-align:center;font-size:14px;font-weight:600;color:#365347;text-decoration:underline;text-underline-offset:4px;list-style:none}
#extra-options{display:grid;gap:10px;margin-top:8px}
.reaction{font-size:15px;line-height:1.6;text-align:center;min-height:0}
.reaction:empty{margin:0}
.quiz-actions{gap:15px;flex-wrap:wrap}
.quiz-actions .pulse-cta{flex:1;max-width:none;min-width:130px;font-size:16px}
.quiz-actions .text-button{font-size:14px;flex-shrink:0}
.progress-meta{font-size:14px}
body[data-family="unknown"] .quiz-visual,body[data-family="unknown"] .reveal-visual,body[data-family="unknown"] .result-photo-wrap{display:none}
body[data-family="unknown"] .quiz-layout,body[data-family="unknown"] .reveal-frame,body[data-family="unknown"] .result-hero{grid-template-columns:1fr}
.reveal-visual{height:auto;aspect-ratio:941/1672;width:min(100%,320px);margin:32px auto;transform:none;min-width:0}
.reveal-visual>img{object-fit:contain;object-position:top;border-radius:24px;background:#e8dfd0}
.reveal-visual:before{border-radius:24px;transform:none}
.reveal-copy h1{letter-spacing:-.025em;line-height:1.15}
.reveal-copy .pulse-cta{width:100%;font-size:16px}
.portrait-profile{left:12px;right:12px;bottom:13px;gap:10px;flex-wrap:wrap}
.portrait-profile strong{font-size:26px;color:#111}
.portrait-profile>span:last-child{font-size:14px;max-width:none}
.result-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,5vw,55px)}
.result-intro h1{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.17;letter-spacing:-.025em}
.result-photo-wrap{max-width:270px;min-width:0}
.result-photo{height:auto;max-height:420px;aspect-ratio:941/1672;object-fit:contain;object-position:top;border-radius:24px;background:#e8dfd0}
.result-tags>span{font-size:14px;font-weight:650;color:#111;text-align:center}
.care-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.care-strip article{padding:0;border:0;display:block}
.care-step{width:100%;height:100%;display:flex;align-items:flex-start;gap:14px;padding:19px 16px;border:1px solid #d0b36e66;border-radius:17px;background:linear-gradient(120deg,#fffdf8,#f7efd9);text-align:left;color:#143d32;transition:transform .2s,box-shadow .2s}
.care-step:hover{transform:translateY(-3px);box-shadow:0 9px 23px #123f3612}
.care-step-symbol,.care-symbol{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:29px;line-height:1.2;flex-shrink:0}
.care-step-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0dfa9}
.care-step-copy{display:block;min-width:0;font-size:15px;line-height:1.55}
.care-step-copy strong{display:block;font:700 17px/1.4 var(--display);margin-bottom:6px}
.care-step-copy>span{display:block}
.care-step-copy small{display:inline-block;margin-top:12px;color:#886320;font-size:14px;font-weight:700}
.care-expand summary{font-size:16px}
.care-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px;background:#f6f1e5}
.care-adjustment{display:flex;align-items:flex-start;gap:13px;padding:17px;background:#fffdf8;border:1px solid #d7c99e66;border-radius:14px;min-width:0}
.care-adjustment>.care-symbol{display:grid;place-items:center;width:42px;height:42px;font-size:25px;border-radius:13px;background:#f5e7be}
.care-adjustment h3{font:700 17px/1.4 var(--display);letter-spacing:0;margin:0 0 7px;color:#123f36}
.care-adjustment p{font-size:16px;line-height:1.65;margin:0!important}
.care-adjustment:focus{outline:2px solid #b88d38;outline-offset:2px}
.products-section{padding-top:24px}
.kit-heading{margin-bottom:22px}
.kit-heading h2{font:750 clamp(2rem,4vw,3.3rem)/1.2 var(--display);color:#123f36;letter-spacing:-.035em}
.kit-heading h2 span{color:#8e6625}
.kit-layout{display:flex;flex-direction:column;gap:0;max-width:780px;margin:auto}
.kit-display{width:min(100%,470px)}
.kit-preview{border-radius:24px;box-shadow:0 18px 45px #123f3618}
.kit-photo-frame{height:auto;aspect-ratio:1143/2048}
.kit-photo{height:100%;width:100%;object-fit:contain}
.kit-display .kit-photo-frame{height:530px;aspect-ratio:auto}
.kit-offer{width:100%;padding-top:0;text-align:center}
.kit-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0;padding:0;text-align:left}
.kit-benefits li{border:1px solid #cab47c77;border-radius:16px;padding:19px;background:#fbf7ed;gap:14px;font-size:16px;line-height:1.6;align-items:center}
.kit-benefits strong{font-size:17px;margin-bottom:5px}
.buy-button{width:min(100%,480px)}
.checkout-group>.button{width:min(100%,480px)}
.checkout-status{font-size:13px;margin-top:14px}
.kit-curiosities,.tip-disclosure{margin:17px 0;border:1px solid #c4a66d66;border-radius:16px;overflow:hidden}
.kit-curiosities>summary{display:flex;align-items:center;justify-content:center;gap:20px;background:#123f36;color:#fff5d9;list-style:none;padding:20px;font-size:17px;font-weight:700}
.kit-curiosities>summary>b{font-size:24px;font-weight:400}
.kit-curiosities[open]>summary>b{font-size:0}
.kit-curiosities[open]>summary>b:after{content:'−';font-size:24px}
.kit-curiosities .product-disclosures{margin:0;border:0;border-radius:0}
.curiosity-action{text-align:center;padding:22px}
.product-disclosures summary{font-size:16px;line-height:1.5}
.disclosure-body p{font-size:16px}
.four-functions p{font-size:15px}
.four-functions h4{font-size:17px}
.active-mark{font-size:23px;background:#f6e7c3}
.active-highlight p{font-size:15px}
.tip-disclosure>summary{font-weight:700;font-size:16px}
.comparison-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding:0 24px 25px;max-width:760px;margin:auto}
.comparison-example{margin:0;min-width:0}
.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.photo-pane{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#e5e3df}
.photo-pane img{position:absolute;max-width:none;height:auto;display:block}
.case-one .photo-pane img{width:200%;top:-38%;left:0}
.case-one .after img{left:-100%}
.case-two .photo-pane img{width:185%;left:-42.5%;top:0}
.case-two .before img{top:-125%}
.photo-pane>span{position:absolute;bottom:8px;left:8px;right:8px;font-size:13px;font-weight:700;text-align:center;padding:4px 7px;border-radius:20px;color:#fff;background:#10392ded}
.comparison-example figcaption{font-size:13px;line-height:1.5;color:#59695c;text-align:center;margin-top:11px}
.site-footer{height:84px;min-height:84px;background:#f5f0e3;border-top:1px solid #c3a15566}
.footer-brand{display:block;max-width:100%}
.footer-wordmark{display:block;width:220px;height:43px;overflow:hidden}
.footer-wordmark .logo-crop{width:220px;max-width:none}
#brand-celebration{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000}
#checkout-modal{width:min(480px,calc(100% - 32px));max-height:90svh;overflow:auto;padding:32px 25px;border:1px solid #c7a45b;border-radius:24px;background:#fffdf8;text-align:center;color:#123f36}
#checkout-modal::backdrop{background:#082f27b8;backdrop-filter:blur(4px)}
#checkout-modal h2{font:700 30px/1.3 var(--display);margin-top:18px}
#checkout-modal>img{display:block;width:100%;height:240px;object-fit:contain;margin-bottom:20px}
#payment-message{font-size:16px;line-height:1.6;margin-bottom:22px}
#continue-checkout{width:100%}
.purchase-complete{padding:70px clamp(18px,5vw,70px);max-width:850px;margin:auto;text-align:center;min-height:70svh}
.purchase-check{display:grid;place-items:center;width:84px;height:84px;background:#f0d58f;border:1px solid #b99340;border-radius:50%;font-size:45px;color:#123f36;margin:0 auto 30px}
.purchase-complete h1{font:700 clamp(2rem,5vw,3.5rem)/1.2 var(--display);letter-spacing:-.03em}
.purchase-complete p{font-size:22px}
@media(max-width:999px){
 .intro-grid{grid-template-columns:minmax(0,1fr);max-width:740px}
 .intro-copy{text-align:center}.intro-copy .lead{margin-inline:auto}
 .hero-composition{margin:0 auto;width:min(100%,360px)}
 .quiz-layout{display:block;min-height:0}
 .quiz-visual{height:210px;min-height:0;display:flex;align-items:center;padding:13px clamp(18px,5vw,60px);gap:24px;overflow:visible}
 .quiz-photo{position:relative;inset:auto;width:106px;height:188px;flex-shrink:0;object-fit:contain;border-radius:13px}
 .quiz-visual:after{display:none}.visual-caption{position:static;min-width:0;color:#fff;z-index:1}.visual-caption .eyebrow{display:none}
 .visual-caption p{font-size:clamp(1.3rem,3vw,1.8rem);margin:0}
 .quiz-panel{max-width:780px;margin:auto;padding:25px clamp(18px,5vw,50px)}
 .care-strip{gap:10px}.care-step{gap:10px;padding:15px 12px}.care-step-symbol{width:35px;height:35px;font-size:25px}
 .result-hero{padding:35px 6%}.result-photo-wrap{max-width:230px}
}
@media(max-width:699px){
 .site-header{padding:13px max(16px,5%);gap:12px;height:auto;min-height:82px}
 .header-pill{font-size:13px;padding:5px 12px}.brand .logo-crop{width:clamp(155px,47vw,220px)}
 .intro-grid{padding:25px max(18px,5%) 32px}.intro-copy h1{font-size:clamp(2.15rem,8.5vw,3.2rem)}
 .intro-copy>.pulse-cta{width:100%;min-height:62px;font-size:16px;padding-inline:18px}
 .hero-composition{width:min(100%,320px)}
 .real-section{padding-inline:max(18px,5%)}.story-image{height:300px}
 .family-options{grid-template-columns:1fr;gap:13px}
 .family-options .option{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:136px;border-radius:16px}
 .family-photo{width:100px;height:136px;aspect-ratio:auto;object-fit:cover;object-position:top}
 .family-options input{top:10px;left:10px;width:19px;height:19px}
 .family-options .option-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 13px;text-align:left}
 .family-options .option strong{font-size:20px}.family-options .option small{font-size:14px}
 .is-family-choice .quiz-panel{padding:24px max(18px,5%)}
 #question-title{font-size:clamp(1.75rem,6.6vw,2.3rem)}
 .quiz-visual{height:185px;gap:18px}.quiz-photo{width:90px;height:160px}
 .visual-caption p{font-size:clamp(1.15rem,4.5vw,1.5rem)}
 #phase-label{font-size:13px;letter-spacing:.4px}.quiz-topline{gap:10px}
 .option{padding:16px 14px}.option strong{font-size:16px}.option small{font-size:14px}
 .pattern-options{gap:8px}.pattern-options .option{padding:17px 7px;gap:9px}.pattern-options .option strong{font-size:23px}.pattern-options .option small{font-size:13px}
 .quiz-actions .pulse-cta{font-size:15px;padding:16px 12px}.privacy-note{font-size:13px}
 .reveal-frame{padding-bottom:20px}.reveal-visual{width:min(60%,210px);height:auto;aspect-ratio:941/1672;margin:25px auto 12px;transform:none}
 .reveal-visual>img{border-radius:21px}.reveal-visual:before{border-radius:21px;inset:7px -7px -7px 7px}
 .reveal-copy{padding:20px max(18px,6%)}.reveal-copy h1{font-size:clamp(1.95rem,7.5vw,2.7rem)}
 .reveal-copy .pulse-cta{font-size:16px;padding-inline:15px}
 .portrait-profile{position:relative;left:auto;right:auto;bottom:auto;margin-top:9px;padding:10px;justify-content:center;text-align:center;box-shadow:none;border-radius:12px}
 .portrait-profile strong{font-size:23px}.portrait-profile .line-icon{display:none}
 .result-hero{display:flex;flex-direction:column;gap:22px;padding:29px max(18px,5%)}
 .result-intro{text-align:center}.result-intro h1{font-size:clamp(1.9rem,7.5vw,2.5rem)}
 .result-photo-wrap{width:170px;order:-1}.result-photo{height:auto;max-height:270px;border-radius:20px}
 .result-intro>.button{width:100%;font-size:16px;padding-inline:15px}
 .result-content{padding-inline:max(18px,5%)}
 .care-strip{grid-template-columns:1fr;gap:10px}.care-step{padding:17px;align-items:center}
 .care-step-symbol{width:43px;height:43px;font-size:29px}.care-step-copy small{margin-top:6px}
 .care-expanded{grid-template-columns:1fr;padding:12px}.care-adjustment{padding:15px;gap:12px}
 .care-adjustment p{font-size:16px}.care-adjustment h3{font-size:17px}
 .kit-display{width:100%}.kit-display .kit-photo-frame{height:470px}
 .kit-benefits{grid-template-columns:1fr;max-width:none;margin:20px 0;gap:11px}
 .kit-benefits li{padding:17px;font-size:16px}.kit-benefits strong{font-size:17px}
 .checkout-group>.button,.buy-button{width:100%;font-size:17px;min-height:64px}
 .kit-curiosities>summary{font-size:16px;padding:18px}.curiosity-action{padding:20px 17px}
 .product-disclosures summary{font-size:16px;padding:16px 15px}
 .product-disclosures summary>span{flex-wrap:nowrap;min-width:0;gap:10px}
 .product-disclosures .care-symbol{font-size:24px}
 .comparison-examples{grid-template-columns:1fr;max-width:370px;padding:0 20px 23px;gap:26px}
 .finish-tip p{font-size:16px}.comparison-example figcaption{font-size:13px}
 .faq summary,.faq details p{font-size:16px}
 .footer-wordmark{width:200px;height:40px}.footer-wordmark .logo-crop{width:200px}
}
@media(max-width:359px){.family-options .option{grid-template-columns:83px minmax(0,1fr)}.family-photo{width:83px}.family-options .option-copy{padding-inline:11px}.family-options .option strong{font-size:18px}.kit-display .kit-photo-frame{height:420px}.care-step{padding:14px;gap:12px}.header-pill{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.pulse-cta,.pulse-cta:after{animation:none!important}.family-photo{transition:none}.care-step:hover{transform:none}.care-step{transition:none}}
@media(max-width:699px){.reveal-visual{aspect-ratio:auto;height:auto}.reveal-visual>img{height:auto;aspect-ratio:941/1672}}

/* A entrada aponta para cenas clicáveis; cada resposta admite até duas escolhas. */
.cta-to-scenes{gap:18px}
.cta-target-mark{display:inline-block;font-size:25px;line-height:1;animation:point-to-scenes 1.7s ease-in-out infinite}
@keyframes point-to-scenes{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
#scene-heading{scroll-margin-top:28px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding:12px 0 0;scroll-snap-type:none;align-items:stretch}
.story-card{min-width:0;max-width:none;flex:none;overflow:hidden;border:1px solid #c9a25166;border-radius:24px;background:#fffdf8;box-shadow:0 9px 24px #143d3210;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;will-change:transform}
.story-choice{font:inherit;color:inherit;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:0;background:none;border:0;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:inherit}
.story-image{display:block;width:100%;height:auto;aspect-ratio:3/4;flex-shrink:0;overflow:hidden;background:#e8dfd0}
.story-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.story-card .story-copy{font:inherit;color:inherit;letter-spacing:normal;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:15px;padding:25px 23px 24px;min-width:0}
.story-card .story-number{font-size:12px;font-weight:700;color:#805b1e;letter-spacing:1.25px}
.story-card .story-title{font:600 clamp(1.45rem,2.1vw,1.9rem)/1.2 var(--serif);letter-spacing:-.025em;color:#123f36;display:block}
.story-card .story-description{font-size:16px;line-height:1.6;color:#4c655e;display:block}
.story-card .story-invite{display:block;margin-top:auto;padding-top:7px;font-size:14px;line-height:1.5;font-weight:700;color:#123f36;border-bottom:1px solid #b48b38}
.story-card.is-hovering{animation:scene-hover-float 2.2s ease-in-out infinite;box-shadow:0 17px 32px #123f361c}
@keyframes scene-hover-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.story-choice:focus-visible{outline:3px solid #a57a23;outline-offset:-4px}
@media(any-hover:hover) and (any-pointer:fine){.story-card:hover{animation:scene-hover-float 2.2s ease-in-out infinite;box-shadow:0 17px 32px #123f361c}}
.story-card.is-lifted{animation:scene-tap-lift .2s ease-out both}
@keyframes scene-tap-lift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-5px,0)}}
.selection-status{font-size:14px;line-height:1.5;font-weight:700;color:#815c20;text-align:center;margin:0 0 16px;min-height:21px}
.option input[type=checkbox]{accent-color:#123f36;width:21px;height:21px;flex-shrink:0;border-radius:5px;cursor:pointer}
.option.selection-limit{opacity:.57;cursor:default}
.option:has(input:focus-visible){outline:3px solid #ae842b;outline-offset:3px}
.multi-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.multi-options .option{height:auto;min-height:112px;padding:17px 16px;gap:12px;align-items:flex-start}
.multi-options .option strong{font-size:16px;line-height:1.4}
.multi-options .option small{font-size:14px;line-height:1.5;margin-top:7px}
.multi-options .option input{margin-top:4px}
.choice-group{font-size:12px;line-height:1.5;color:#805b1e;font-weight:700;display:block;margin-bottom:6px}
@media(max-width:899px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-card .story-copy{padding:22px 16px}.story-card .story-title{font-size:1.4rem}.story-card .story-description{font-size:15px}}
@media(max-width:699px){.story-grid{grid-template-columns:1fr;gap:27px;max-width:440px;margin-inline:auto}.story-card{width:100%;border-radius:23px}.story-image{aspect-ratio:3/4}.story-card .story-copy{padding:23px;gap:14px}.story-card .story-title{font-size:clamp(1.65rem,6.2vw,2rem)}.story-card .story-description{font-size:16px}.story-card .story-invite{font-size:15px}.multi-options{grid-template-columns:1fr}.multi-options .option{min-height:0}.selection-status{font-size:14px}.cta-to-scenes{gap:13px}}
@media(prefers-reduced-motion:reduce){.cta-target-mark{animation:none}.story-card,.story-image img{transition:none}.story-card,.story-card:hover,.story-card.is-hovering,.story-card.is-lifted{animation:none!important;transform:none}}

/* Convite após o quiz e apresentação direta do kit. */
#reveal-title{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.16;letter-spacing:-.025em}
.care-expand>summary{flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:18px 12px}
.care-expand>summary>.care-summary-title{display:block;font-size:16px;line-height:1.5;font-weight:700;color:#123f36;margin:0}
.care-expand>summary>.care-summary-action{display:block;font-size:14px;line-height:1.5;font-weight:700;color:#815c20;margin:0;padding:6px 18px;border:1px solid #c9aa64;border-radius:999px;background:#fbf3df}
.care-expand>summary:hover>.care-summary-action{background:#f5e7c5}
.kit-offer .checkout-group{margin-top:24px;margin-bottom:9px}
.kit-news-content{padding:clamp(16px,3vw,25px)}
.kit-news-content .kit-benefits{margin:0 0 18px;max-width:none}
.kit-news-content .product-disclosures{border:1px solid #c4a66d66;border-radius:14px}
.kit-curiosities>summary{line-height:1.5}
.kit-curiosities>summary>span{min-width:0;overflow-wrap:break-word}
.kit-curiosities>summary>b{flex-shrink:0}

/* Fundo discreto para destacar a foto original e o convite à compra. */
.kit-display .kit-preview{background:#deddda;border-color:#c6a05e66;box-shadow:0 10px 28px #17201c0c}
.kit-display .kit-photo-frame{background:#deddda;background-image:none}
@keyframes kit-cta-pulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 7px 22px #b7903426}45%{transform:translateY(-2px) scale(1.025);box-shadow:0 12px 32px #b790344d,0 0 0 5px #e5bd4821}70%{transform:translateY(0) scale(1);box-shadow:0 7px 22px #b7903426}}
@keyframes kit-cta-shine{0%,30%{background-position:100% 50%;opacity:0}38%{opacity:.65}65%{background-position:0% 50%;opacity:.65}75%,100%{background-position:0% 50%;opacity:0}}
@media(prefers-reduced-motion:reduce){.buy-button,.buy-button:before,.buy-button:after{animation:none!important;transition:none}.buy-button:hover,.buy-button:focus-visible,.buy-button:active{transform:none}}

/* Retrato integrado à página: fundo transparente, cabelo inteiro e profundidade leve. */
#intro .hero-cutout{width:min(100%,440px);max-width:none;padding:0;margin-left:auto;isolation:isolate}
#intro .hero-cutout .hero-portrait{width:100%;height:auto;max-width:none;aspect-ratio:auto;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:perspective(1100px) rotateX(var(--hero-rotate-x,0deg)) rotateY(var(--hero-rotate-y,0deg)) translate3d(var(--hero-shift-x,0px),var(--hero-shift-y,0px),0);transform-origin:50% 52%;transition:transform .42s cubic-bezier(.2,.7,.3,1)}
#intro .hero-cutout .hero-portrait>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center top;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 1.5%,#000 98.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 1.5%,#000 98.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%);mask-composite:intersect}
#intro .hero-cutout.is-tilting .hero-portrait{will-change:transform}
@media(max-width:999px){#intro .hero-cutout{width:min(100%,390px);margin:0 auto}}
@media(max-width:699px){#intro .hero-cutout{width:min(100%,350px)}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){#intro .hero-cutout .hero-portrait{transform:none;transition:none;will-change:auto}}

/* Convite após o quiz: mensagem centralizada e resumo do perfil logo abaixo. */
#reveal .reveal-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
#reveal-title{margin:0 auto 24px}
#reveal #map-focus{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto 28px;padding:9px 16px;text-align:center;line-height:1.6;font-weight:700;white-space:normal}
#reveal #view-plan{width:min(100%,480px);margin-inline:auto;transform-origin:center}
@keyframes reveal-cta-pulse{0%,100%{transform:scale(1);box-shadow:0 7px 24px #e5bd481a}50%{transform:scale(1.025);box-shadow:0 9px 28px #e5bd4838}}
@media(prefers-reduced-motion:reduce){#reveal #view-plan,#reveal #view-plan:after{animation:none!important;transition:none;transform:none}}

/* Resultado centralizado e apresentação ampliada do kit fornecido. */
#result .result-intro{text-align:center}
#result .result-tags{justify-content:center}
#result .result-intro h1{margin-inline:auto;text-wrap:balance}
#result .result-intro .lead{margin-inline:auto;max-width:60ch;font-size:1.0625rem;line-height:1.8}
#result .result-intro>.attention-cta{margin:0 auto}
#result .care-expand>summary>.care-summary-title{font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;line-height:1.4}
#result .care-expand>summary>.care-summary-action{padding:8px 22px;font-size:1rem;line-height:1.4}
#pricing .kit-heading{margin:30px auto 26px;gap:0}
#pricing .kit-heading h2{margin:0;text-align:center;line-height:1.15}
#pricing .kit-name-kicker{display:block;margin-bottom:10px;font:700 1rem/1.4 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#123f36}
#pricing .kit-name-brand{display:block;font:500 clamp(2.8rem,7vw,4.8rem)/1.05 var(--serif);letter-spacing:-.035em;color:#967027;background:linear-gradient(110deg,#866021 0%,#b58b35 35%,#eacb80 49%,#966c22 66%,#866021 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:kit-name-sheen 7s ease-in-out infinite}
#pricing .kit-heading:after{content:'';display:block;width:62px;height:1px;margin-top:17px;background:linear-gradient(90deg,transparent,#b78d38,transparent)}
@keyframes kit-name-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
#pricing .kit-layout{max-width:960px}
#pricing .kit-display{width:100%}
#pricing .kit-display .kit-preview{background:#fff;border-color:#c6a05e55;box-shadow:0 12px 32px #17201c0c}
#pricing .kit-display .kit-photo-frame{height:min(82vh,800px);height:min(82svh,800px);aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#fff}
#pricing .kit-photo{width:100%;height:100%;object-fit:contain;object-position:center}
#kit-modal .kit-photo-frame{aspect-ratio:1122/1402;background:#fff}
#result .kit-news-content{text-align:center}
#pricing .kit-benefits li{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 20px;gap:13px;font-size:1rem;line-height:1.7}
#pricing .kit-benefits strong{font-size:clamp(1.15rem,2vw,1.3rem);font-weight:750;line-height:1.4;margin-bottom:7px}
#pricing .product-icon{display:inline-grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #cfaf60;border-radius:16px;background:linear-gradient(140deg,#fff6d9,#e8cb7a);color:#805b1c;box-shadow:inset 0 1px 0 #fff9,0 4px 10px #9b741914}
#pricing .product-icon svg{display:block;width:27px;height:27px}
#pricing .product-disclosures summary{position:relative;justify-content:center;text-align:center;padding:19px 58px;font-size:1.0625rem;line-height:1.5;font-weight:700}
#pricing .product-disclosures summary>span{justify-content:center;align-items:center;gap:14px;min-width:0}
#pricing .product-disclosures summary>b{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
#pricing .product-disclosures summary .product-icon{width:38px;height:38px;border-radius:12px}
#pricing .product-disclosures summary .product-icon svg{width:22px;height:22px}
#pricing .disclosure-body{text-align:center;padding-inline:clamp(18px,4vw,42px)}
#pricing .disclosure-body p{font-size:1rem;line-height:1.8;max-width:68ch;margin-inline:auto}
#pricing .disclosure-body .product-pain{font-size:1.125rem;line-height:1.6}
#pricing .active-highlight{flex-direction:column;align-items:center;text-align:center}
#pricing .active-mark{background:#173f33;color:#eed28e;border-color:#d4b66b}
#pricing .active-mark svg{width:24px;height:24px}
#pricing .four-functions li{flex-direction:column;align-items:center;text-align:center}
#pricing .four-functions p{line-height:1.7}
#pricing .tip-disclosure>summary{position:relative;justify-content:center;text-align:center;font-size:1.0625rem;line-height:1.5;padding:19px 55px}
#pricing .tip-disclosure>summary>span{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
#pricing .finish-tip{flex-direction:column;text-align:center}
@keyframes result-action-beat{0%,100%{transform:scale(1);box-shadow:0 7px 23px #b7903426}32%{transform:scale(1.025);box-shadow:0 12px 31px #b7903460,0 0 0 6px #eac15e29}48%{transform:scale(1);box-shadow:0 7px 23px #b7903426}64%{transform:scale(1.017);box-shadow:0 10px 28px #b7903445,0 0 0 4px #eac15e1c}}
@media(max-width:699px){#pricing .kit-benefits li{padding:22px 16px}#pricing .product-disclosures summary{padding:18px 42px}#pricing .product-disclosures summary>span{flex-direction:column;gap:9px}#pricing .product-disclosures summary>b,#pricing .tip-disclosure>summary>span{right:16px}#pricing .kit-heading{margin-top:22px}}
@media(prefers-reduced-motion:reduce){#pricing .kit-name-brand,#result .attention-cta,#result .attention-cta:before,#result .attention-cta:after{animation:none!important;transition:none}#result .attention-cta:hover,#result .attention-cta:active{transform:none}}

/* Intervalos mais próximos e foto original integrada ao fundo da página. */
#result #ritual{padding:24px 0 0}
#result #ritual .care-expand{margin:0}
#result #ritual .care-expand>summary{gap:12px;padding:16px 12px}
#result #pricing{padding-top:16px}
#result #pricing .kit-heading{margin:0 auto 24px}
#result #pricing .kit-name-kicker{margin-bottom:8px}
#pricing .kit-display .kit-preview{background:var(--paper);border:0;border-radius:0;box-shadow:none;isolation:isolate}
#pricing .kit-display .kit-photo-frame,#kit-modal .kit-photo-frame{background:var(--paper)}
#pricing .kit-photo,#kit-modal .kit-photo{width:auto;height:auto;max-width:100%;max-height:100%;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}

/* Transição das orientações para o kit: composição tipográfica local. */
#result #ritual .care-expand>summary>.care-summary-action{padding:7px 18px;font-size:.875rem;background:transparent;max-width:100%;white-space:normal}
#result #ritual .care-expand>summary:hover>.care-summary-action{background:#fbf3df}
#result #pricing{padding-top:8px}
#result #pricing .kit-editorial-heading{margin:0 auto 24px;min-width:0}
#pricing .kit-editorial-heading:after{display:none}
#pricing .kit-care-transition{max-width:36ch;margin:0 auto 18px;font:400 1rem/1.55 var(--display);color:var(--ink);text-wrap:balance}
#pricing .kit-editorial-title{position:relative;display:inline-block;max-width:100%;padding-bottom:20px}
#pricing .kit-editorial-title .kit-name-kicker{font:600 .75rem/1.4 var(--display);letter-spacing:.3em;color:#8e6625;margin:0 0 8px}
#pricing .kit-editorial-title .kit-name-brand{font:500 clamp(2.8rem,6vw,4.4rem)/1.12 var(--serif);letter-spacing:-.035em;color:#123f36;background:linear-gradient(110deg,#123f36 20%,#285247 65%,#876021 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:none}
#pricing .kit-editorial-title:after{content:'';position:absolute;left:50%;bottom:0;width:92px;height:12px;border-bottom:1px solid #a77828;border-radius:0 0 50% 50%;transform:translateX(-50%) rotate(-5deg);pointer-events:none}
@media(max-width:699px){#pricing .kit-care-transition{max-width:30ch;margin-bottom:16px;padding-inline:6px;font-size:.9375rem}#pricing .kit-editorial-title .kit-name-brand{font-size:clamp(2.6rem,11vw,3.3rem)}#result #pricing .kit-editorial-heading{margin-bottom:20px}}
@media(forced-colors:active){#pricing .kit-editorial-title .kit-name-brand{background:none;-webkit-text-fill-color:currentColor}#pricing .kit-editorial-title:after{border-color:currentColor}}

/* Chamada única de orientações e assinatura com KIT abaixo do nome. */
#result #ritual .care-expand>summary{width:fit-content;max-width:100%;margin-inline:auto;padding:10px 20px;border:1px solid #c9aa64;border-radius:999px;text-align:center;background:transparent;box-sizing:border-box}
#result #ritual .care-summary-unified{display:block;font:600 .9375rem/1.5 var(--display);color:#123f36;text-wrap:balance;overflow-wrap:break-word}
#result #ritual .care-expand>summary:hover{background:#fbf3df}
#pricing .kit-editorial-title .kit-name-kicker{margin:10px 0 0;font-weight:800;font-size:.75rem;letter-spacing:.18em}
#result #pricing .kit-editorial-heading{margin-top:16px}
@media(max-width:699px){#result #ritual .care-expand>summary{padding:10px 16px;border-radius:22px}#result #ritual .care-summary-unified{font-size:.875rem}}

/* Mesmo eixo central para chamada, orientações e nome do kit. */
#result #ritual .care-expand{width:100%;max-width:900px;margin:0 auto}
#result #ritual .care-expand>summary{background:#123f36;border-color:#123f36;padding:12px 24px;animation:care-call-pulse 1.8s ease-in-out infinite;transform-origin:center}
#result #ritual .care-summary-unified{color:#fff;font-size:1rem;font-weight:700;text-align:center}
#result #ritual .care-expand>summary:hover{background:#123f36}
#result #ritual .care-expand>summary:is(:hover,:focus-visible){animation-play-state:paused}
@keyframes care-call-pulse{0%,100%{transform:scale(1);background:#123f36;box-shadow:0 3px 12px #a7782820}50%{transform:scale(1.035);background:#256353;box-shadow:0 0 0 5px #a7782826,0 6px 22px #a7782845}}
#pricing .kit-editorial-title .kit-name-kicker{font-size:1rem;font-weight:800;letter-spacing:.16em;margin-top:12px}
#result #care-personalized{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}
#result #care-personalized .care-adjustment{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:24px 20px;gap:14px}
#result #care-personalized .care-adjustment>div{width:100%;min-width:0}
#result #care-personalized .care-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:28px;line-height:1;background:#fbf3df;border:1px solid #c9aa6470;box-shadow:0 3px 9px #123f3608}
#result #care-personalized h3{margin:0 0 10px;text-align:center}
#result #care-personalized p{max-width:48ch;margin:0 auto!important;text-align:center;overflow-wrap:break-word}
@media(max-width:699px){#result #care-personalized{grid-template-columns:1fr;padding:12px;gap:12px}#result #care-personalized .care-adjustment{padding:22px 18px}#result #ritual .care-expand>summary{max-width:calc(100% - 12px);padding:12px 18px}#result #ritual .care-summary-unified{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){#result #ritual .care-expand>summary{animation:none;transform:none}}

/* Revisão final: dimensões fluidas, zoom e telas compactas. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
fieldset{min-inline-size:0;max-width:100%}
.intro-copy,.quiz-panel,.result-intro,.option-copy,.kit-offer,.disclosure-body,.active-highlight>div{min-width:0}
.site-header{flex-wrap:wrap}
.quiz-actions{min-width:0}
.quiz-actions>button{min-width:0}
#kit-modal,#checkout-modal{box-sizing:border-box;max-width:calc(100% - 24px)}
@media(max-width:999px){.intro-copy>.pulse-cta,.real-action>.button{min-width:0;max-width:100%}.result-hero{gap:clamp(18px,3vw,40px)}}
@media(max-width:480px){.quiz-actions .pulse-cta{max-width:none;flex:1}.quiz-actions .text-button{flex:0 0 auto}.site-header{column-gap:10px;row-gap:8px}.header-pill{white-space:normal;text-align:center}.care-adjustment p,.disclosure-body p{overflow-wrap:break-word}}
@media(max-width:359px){.pattern-options{grid-template-columns:minmax(0,1fr)}.pattern-options .option{padding:16px 12px}.pattern-options .option-copy small{font-size:14px}.family-options .option{grid-template-columns:88px minmax(0,1fr)}.family-photo{width:88px}.brand .logo-crop{max-width:100%}}

/* Valor apresentado antes da abertura do checkout externo. */
.kit-price-page{padding:28px max(16px,4%) 44px;text-align:center;background:var(--paper);outline:none}
.kit-price-content{width:min(100%,640px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:26px;min-width:0}
.offer-price-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.kit-price-content>.button{width:min(100%,480px);margin:0;min-width:0}
@media(max-width:699px){.kit-price-page{padding-top:18px;padding-bottom:32px}.kit-price-content{gap:20px}}

/* Oferta: aproximação dos produtos com preço independente e imóvel. */
#offer.kit-price-page{position:relative;isolation:isolate;overflow:hidden;padding:24px max(20px,5%) 42px;background:var(--paper)}
#offer:before,#offer:after{content:'';position:absolute;width:clamp(110px,18vw,250px);height:clamp(240px,40vw,460px);border:1px solid #a7782830;border-radius:50%;pointer-events:none;z-index:-1}
#offer:before{left:-8%;top:14%;transform:rotate(-24deg)}
#offer:after{right:-8%;top:36%;transform:rotate(24deg);border-color:#123f3620}
#offer .kit-price-content{position:relative;width:min(100%,760px);gap:22px}
.offer-kit-scene{position:relative;width:min(100%,470px);perspective:1100px;padding:14px 15px 0;background:transparent}
.offer-kit-motion{transform-origin:50% 65%;transform-style:preserve-3d;animation:offer-kit-advance 4.5s ease-in-out infinite}
#offer .offer-price-image{width:100%;height:auto;mix-blend-mode:multiply;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect}
@keyframes offer-kit-advance{0%,100%{transform:translateZ(0) rotateY(-2deg) rotateX(1deg)}50%{transform:translateZ(48px) rotateY(2deg) rotateX(-1deg)}}
.offer-fixed-price{position:relative;z-index:1;margin:0;text-align:center;animation:none;transform:none}
.offer-price-label{margin:0 0 8px;font:600 clamp(.85rem,2vw,1rem)/1.5 var(--display);letter-spacing:.24em;color:#143d32}
.offer-price-label:before{content:'';display:block;width:110px;height:1px;background:#b69143;margin:0 auto 13px}
.offer-price{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:0;color:#10371e;font-family:var(--serif);line-height:1.05;white-space:nowrap}
.offer-price>strong{font-size:clamp(4rem,9vw,6.6rem);font-weight:700;letter-spacing:-.04em}
.offer-currency{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700}
.offer-cents{font-size:.52em;letter-spacing:-.025em}
#offer .kit-price-content>.button{position:relative;z-index:1}
@media(max-width:699px){#offer.kit-price-page{padding:18px 20px 32px}#offer .kit-price-content{gap:19px}.offer-kit-scene{width:min(100%,340px);padding:10px 10px 0}#offer:before{left:-24%;opacity:.55}#offer:after{right:-24%;opacity:.55}}
@media(prefers-reduced-motion:reduce){.offer-kit-motion{animation:none;transform:none}}

#offer .offer-kit-motion{mix-blend-mode:multiply}


/* CTA principal: pulsação vermelha compartilhada em todas as etapas. */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(180, 35, 24, 0.6);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 14px rgba(180, 35, 24, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(180, 35, 24, 0);
  }
}

.cta-pulse {
  animation: pulse 2s infinite;
  background: #b42318;
  color: white;
  border: none;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transform-origin: center;
  transition: transform 0.2s ease;
}

@media (hover: hover) {
  .cta-pulse:hover:not(:disabled) {
    transform: scale(1.08);
    animation: none;
    box-shadow: none;
  }
}

.cta-pulse:focus-visible {
  animation: none;
  transform: scale(1);
  box-shadow: none;
}

.cta-pulse:disabled {
  animation: none;
  transform: none;
  box-shadow: none;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .cta-pulse,
  .cta-pulse:hover,
  .cta-pulse:focus-visible {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}