:root{--theme:#16a34a;--text:#6b7280;--title:#030712;--bg:#fff;--danger:#dc2626;--border:#dbdbdb;--ease:all .3s ease}
html{font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html::-webkit-scrollbar{width:10px}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}p,h1,h2,h3,h4{margin:0}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-size-small{font-size:.75em;line-height:1.25}.fade-in{animation:fadeIn .45s ease both}.fade-out{animation:fadeOut .22s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0;transform:translateY(-3px)}}
.main-content{position:relative;display:flex;min-height:95svh;flex-direction:column;justify-content:space-between;gap:1rem;padding:.75rem}.topbar{display:grid;width:100%;grid-template-columns:1fr auto 1fr;align-items:start;gap:.75rem;z-index:50}.back{display:flex;align-items:center;gap:.5rem;border:0;background:transparent;padding:0;color:var(--title);cursor:pointer;min-height:24px}.back svg{width:14px;height:14px}.logo-mobile{width:6rem}.top-spacer{justify-self:end;width:1rem}.header-center{display:grid;width:100%;max-width:28rem;margin:0 auto;gap:1rem}.logo-desktop{display:none;width:8rem;margin:auto}.progress{position:relative;width:100%;height:.5rem;overflow:hidden;border-radius:999px;background:#e8f5ec}.progress>i{position:absolute;inset:0 auto 0 0;background:var(--theme);transition:width .7s ease}.content-wrap{width:100%;max-width:28rem;margin:0 auto}.layers{display:flex;flex-flow:row wrap;margin-left:-.2rem;margin-right:-.2rem}.layer{position:relative;min-width:0;padding:.2rem;flex-basis:100%}.layer-button{padding-bottom:.7rem}.layer.center{margin-left:auto;margin-right:auto}.bottom-space{height:5rem}
.rich{word-break:break-word;padding:.5rem 0;color:var(--text);line-height:1.4}.rich h1,.rich h2,.rich h3{color:var(--title);font-weight:700;line-height:1.15}.rich h1{font-size:1.75rem}.rich h2{font-size:1.5rem}.rich h3{font-size:1.17rem}.rich p{margin:0}.rich h1+p,.rich h2+p,.rich h3+p,.rich p+p{margin-top:.75rem}.rich strong{font-weight:700}.rich strong.ql-size-small{display:inline-block}.rich h1 strong,.rich h2 strong,.rich h3 strong{font-weight:900}.rich em{font-style:italic}.layer-text{padding-top:.45rem;padding-bottom:.45rem}
.image-component{width:100%}.image-box{position:relative;width:100%;overflow:hidden}.image-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-box.contain img{object-fit:contain}
.primary-btn{position:relative;width:100%;min-height:56px;border:0;border-radius:16px;padding:.55rem 1rem;color:#fff;background:var(--theme);font-weight:500;cursor:pointer;transition:var(--ease)}.primary-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.primary-btn.success{background:#17a34a}.primary-btn.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
.alert{border-radius:16px;padding:16px;background:#f3f4f6;color:var(--title)}.alert.danger{background:rgb(255,230,227);color:var(--title)}.alert.danger.contrast{background:#ff3341;color:#fff}.alert.success{background:#dcfce7;color:#166534}.alert.warning{background:rgb(255,246,230);color:var(--title)}.alert.info{background:rgb(227,238,255);color:var(--title)}.alert.info.contrast{background:#3b82f6;color:#fff}.alert.theme{background:#f0fdf4;color:#166534}.alert .rich{padding:0;color:inherit;line-height:1.4}.alert .rich p{margin:0}.alert .rich h1+p,.alert .rich h2+p,.alert .rich h3+p,.alert .rich p+p{margin-top:.75rem}.alert .rich *{color:inherit}
.options{display:grid;gap:.5rem;margin-bottom:2px}.options.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.option-item{display:grid}.option{position:relative;height:100%;overflow:hidden;border:2px solid var(--border);border-radius:1rem;background:#fff;padding:0;color:var(--title);text-align:left;cursor:pointer;transition:var(--ease)}.option:hover{border-color:var(--theme);transform:scale(1.006)}.option.active{border-color:var(--theme)}.option.vertical{display:flex;flex-direction:column}.option.vertical.active{background:var(--theme);color:#fff}.option-media-square{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:transparent}.option-media-square img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.option-row{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem}.option.horizontal .option-row{padding:0 .75rem 0 0}.option.horizontal.has-emoji .option-row{gap:0}.option.horizontal.no-media .option-row{min-height:51px}.option-thumb{width:63px;height:63px;flex:0 0 63px;overflow:hidden;border-radius:14px 0 0 14px}.option-thumb img{width:100%;height:100%;object-fit:cover}.option-emoji{display:grid;width:3.75rem;min-height:56px;place-items:center;flex:0 0 3.75rem;padding:.5rem;font-size:2rem;line-height:1.5}.option-label{display:flex;width:100%;flex-direction:column;justify-content:center;font-size:1rem;line-height:1.25;word-break:break-word}.option.horizontal .option-label{padding:0 .25rem}.option.horizontal.has-emoji .option-label{margin-right:.75rem;padding:.75rem 0}.option-label p{margin:0}.option-label p+p{margin-top:.75rem}.check{position:relative;width:23px;height:23px;flex:0 0 23px;border:1px solid var(--border);border-radius:5px;background:#fff}.vertical .check{border-radius:999px}.active .check{border-color:var(--theme)}.check svg{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);opacity:0;color:var(--theme)}.active .check svg{opacity:1}.active.vertical .check svg{color:var(--theme)}
.unit-toggle{display:flex;width:max-content;height:35px;justify-content:center;gap:.25rem;margin:0 auto;border-radius:1.5rem;background:#ededed;padding:.25rem;font-weight:500}.unit-toggle button{height:28px;border:0;border-radius:1rem;background:transparent;padding:.25rem 1.25rem;color:#a3a3a3;line-height:1.5rem}.unit-toggle button.active{background:var(--theme);color:#fff}.ruler{height:192.8px;padding:1rem 0 .5rem;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ruler-stage{position:relative;height:148px;border-bottom:1px solid #d1d5db;overflow:hidden;user-select:none;touch-action:none}.ruler-value{position:absolute;top:0;left:0;width:100%;height:52.5px;text-align:center;color:var(--title);font-size:2.5rem;font-weight:600;line-height:52.5px}.ruler-value small{font-size:1.25rem;line-height:1.75rem}.ruler-ticks{position:absolute;top:56px;left:0;display:grid;width:100%;height:35px;grid-template-columns:repeat(31,1fr)}.ruler-ticks i{height:14px;justify-self:center;border-left:1px solid #e5e7eb}.ruler-ticks i.major{height:35px;border-color:#d1d5db}.ruler-labels{position:absolute;top:99px;left:0;display:flex;width:100%;justify-content:space-around;padding:0 2.8rem;color:#737373;font-size:1rem}.ruler-pointer{position:absolute;z-index:2;top:59.5px;left:50%;width:24.5px;height:87.5px;transform:translateX(-50%)}.ruler-pointer::before{content:"";position:absolute;top:0;bottom:14px;left:11px;width:2px;background:var(--theme)}.ruler-pointer::after{content:"";position:absolute;bottom:0;left:0;border-right:12.25px solid transparent;border-bottom:14px solid var(--theme);border-left:12.25px solid transparent;border-top:0}.ruler-stage input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;cursor:grab;opacity:0;touch-action:none}.ruler-stage input:active{cursor:grabbing}.ruler-help{height:16.8px;margin-top:.5rem;text-align:center;color:#c7c7c7;font-size:.8rem;line-height:1.2rem}
.audio-card{position:relative;height:133px;overflow:hidden;border-radius:.75rem;background:#efeae2;padding:2rem;color:#9b8e8d}.audio-pattern{position:absolute;inset:0;background:url("assets/bg-whatsapp.png") center/cover;opacity:.5}.audio-bubble{position:relative;height:77px;border-radius:0 .75rem .75rem;background:#fff;padding:.5rem .75rem;box-shadow:0 1px .5px rgba(11,20,26,.13)}.audio-bubble::before{content:"";position:absolute;top:0;right:100%;border-width:0 7px 10.5px 0;border-style:solid;border-color:transparent #fff transparent transparent}.audio-sender{height:14px;overflow:hidden;color:#22c55e;font-size:.75rem;font-weight:500;line-height:1rem;text-overflow:ellipsis;white-space:nowrap}.audio-controls{display:flex;height:49px;align-items:center;justify-content:space-between;gap:1rem}.audio-play{display:grid;width:17.5px;height:17.5px;flex:0 0 17.5px;place-items:center;border:0;background:transparent;padding:0;color:#9b8e8d;cursor:pointer}.audio-play svg{width:17.5px;height:17.5px}.audio-wave-zone{position:relative;height:35px;min-width:0;flex:1}.audio-wave{display:flex;height:25px;align-items:center;gap:2px;overflow:hidden}.audio-wave i{display:block;width:3px;min-width:3px;border-radius:999px;background:#d9dcdf}.audio-wave i:nth-child(-n+2){background:#53c2eb}.audio-wave-zone input{position:absolute;inset:0 0 auto;width:100%;height:25px;margin:0;cursor:pointer;opacity:0}.audio-time{position:absolute;left:.25rem;bottom:0;color:#8b8b8b;font-size:.75rem;line-height:1rem}.audio-avatar-wrap{position:relative;width:49px;height:49px;flex:0 0 49px}.audio-avatar{width:49px;height:49px;border-radius:50%;object-fit:cover}.audio-avatar-wrap span{position:absolute;bottom:-1px;left:-4px;color:#24b5e9;font-size:16px;line-height:16px}.quote{display:flex;gap:.75rem;border:1px solid #e5e7eb;border-radius:1rem;background:#fff;padding:1rem;line-height:1.4}.quote-avatar{width:2.5rem;height:2.5rem;flex:0 0 2.5rem;border-radius:50%;object-fit:cover}.quote-main{min-width:0;flex:1}.stars{height:1rem;padding-bottom:.25rem;color:#facc15;font-size:.75rem;line-height:1rem;letter-spacing:.1rem}.quote-name{height:1.5rem;color:var(--title);font-weight:600;line-height:1.5rem}.quote-activity{height:1rem;font-size:.75rem;line-height:1rem}.quote-text{margin:0;padding-top:.5rem;color:var(--text);font-size:1rem;line-height:1.4}.quotes{display:grid;gap:.5rem}
.metric-card{position:relative;border-radius:0;background:transparent;padding:.25rem}.metric-copy{display:flex;height:42.88px;align-items:flex-end;padding-bottom:.5rem;color:var(--text);font-size:.875rem;line-height:1.25rem}.metric-title{color:var(--title);font-weight:600;line-height:1.3125rem}.metric-sub{line-height:1.25rem}.metric-tooltip-space{position:relative;height:17.5px}.metric-tooltip{position:absolute;right:0;bottom:.75rem;z-index:3;transform:translateX(50%);border-radius:.5rem;background:#1f2937;padding:.4rem .75rem;color:#fff;font-size:.75rem;font-weight:600;line-height:1rem}.metric-tooltip::after{content:"";position:absolute;left:50%;bottom:-5px;width:12px;height:12px;background:#1f2937;transform:translateX(-50%) rotate(45deg)}.metric-track{position:relative;height:0}.metric-segments{position:absolute;top:0;left:0;display:flex;width:100%;align-items:center;gap:.5rem;transform:translateY(-50%)}.metric-segments i{height:.5rem;flex:1;border-radius:1rem}.metric-dot{position:absolute;z-index:2;top:0;width:19.2px;height:19.2px;border:4px solid var(--theme);border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.metric-legends{display:flex;height:21px;justify-content:space-between;padding-top:.25rem;color:var(--text);font-size:.875rem;font-weight:600;line-height:1.25rem}
.loading-item{display:flex;height:40px;flex-direction:column;gap:7px;padding:3.5px 0}.loading-item.hidden{display:none}.loading-line{display:flex;height:21px;justify-content:space-between;padding-bottom:3.5px;color:var(--title);font-size:12.25px;font-weight:600;line-height:17.5px}.loading-line span:first-child{min-width:0;flex:1}.loading-line span:last-child{width:28px;text-align:right}.loading-track{height:12px;overflow:hidden;border-radius:12px;background:#ededed}.loading-track i{display:block;width:0;height:100%;min-width:1px;border-radius:12px;background:var(--theme);transition:width .1s linear}
.carousel{position:relative;height:387.8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.carousel-track{display:flex;height:352.8px;transform:translateX(5%);transition:transform .45s ease}.slide{width:90%;min-width:90%;height:352.8px;margin-right:8px;overflow:hidden;border:1px solid #e5e7eb;border-radius:7px;background:#fff}.slide img{width:100%;height:100%;object-fit:cover}.dots{display:flex;height:35px;align-items:center;justify-content:center;gap:9px;padding:14px 0}.dots i{width:4px;height:4px;border-radius:50%;background:var(--theme);opacity:.18;transition:.2s}.dots i.active{width:7px;height:7px;opacity:1}
.arguments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.argument{display:flex;overflow:hidden;flex-direction:column;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.argument img{width:100%;aspect-ratio:1/1;object-fit:cover}.argument .rich{padding:16px}
.price{overflow:hidden;border:1px solid var(--theme);border-radius:16px;background:#fff}.price-featured{height:24.5px;padding:3.5px 0;background:var(--theme);color:#fff;text-align:center;font-size:12.25px;font-weight:600;line-height:17.5px}.price-body{display:flex;height:65.1px;align-items:center;gap:14px;padding:7px}.price-title{min-width:0;flex:1;padding:3.5px 0;color:var(--title);font-size:17.5px;line-height:24.5px;text-align:left}.price-title p{margin:0}.price-amount{position:relative;max-width:50%;flex:0 0 auto;border-radius:12px;background:#f3f4f6;padding:7px}.price-before{font-size:10.5px;line-height:10.5px;opacity:.7;text-align:left}.price-value{padding:2.8px 0;color:var(--title);font-size:21px;font-weight:700;line-height:21px}.price-value span{font-size:12.6px}.price-after{font-size:10.5px;line-height:10.5px;opacity:.7;text-align:right}
.video{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#000}.video.mobile{aspect-ratio:9/16}.video.wide{aspect-ratio:16/9}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.graphics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1.75px 0}.graphic{display:flex;min-width:0;flex-direction:column;align-items:center;gap:14px;border:1px solid #e5e7eb;border-radius:10.5px;padding:14px;text-align:center}.graphic-meter{position:relative;display:flex;width:35px;height:98px;align-items:flex-end;overflow:hidden;border-radius:7px;background:#f3f4f6}.graphic-meter i{display:block;width:100%;transition:height .8s ease}.graphic-percent{position:absolute;top:0;left:0;width:100%;padding:3.5px;color:var(--title);font-size:10.5px;font-weight:700;line-height:14px}.graphic-legend{width:100%;font-size:11.9px;line-height:14.875px}
.notification{position:fixed;top:1rem;right:1rem;z-index:1000;width:min(330px,calc(100vw - 2rem));border-radius:14px;background:#fff;padding:.8rem 1rem;box-shadow:0 8px 28px rgba(0,0,0,.18);animation:slideIn .4s ease both}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.notification strong{color:var(--title)}
.timer{display:flex;height:64px;align-items:center;justify-content:center;gap:1.75px}.timer-box{width:58px;height:64px;border-radius:10.5px;background:#fff1f2;padding:10px 14px;text-align:center}.timer-box strong{display:flex;width:28px;height:28px;justify-content:center;color:var(--danger);font-size:21px;font-weight:700;line-height:28px}.timer-box span{display:block;height:14px;color:var(--danger);font-size:10.5px;font-weight:600;line-height:14px;opacity:.5}.timer-sep{width:6.13px;height:28px;color:var(--danger);font-size:21px;font-weight:400;line-height:28px;text-align:center}
.faq details{overflow:hidden;border-bottom:1px solid #e5e7eb;padding:7px 0}.faq details[open]{padding:0 0 7px}.faq summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:14px;padding:10.5px 0;color:var(--title);font-size:15.75px;font-weight:600;line-height:19.6875px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'⌄';display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;color:#9ca3af;font-size:10px;line-height:21px;transition:transform .2s}.faq details[open] summary::after{transform:rotate(180deg)}.faq-answer{padding:10.5px 0 0;color:var(--text);line-height:19.6px}.faq-answer p{margin:0}
@media(min-width:768px){.main-content{gap:1.5rem;padding:1.25rem}.logo-mobile{display:none}.logo-desktop{display:block}.topbar{display:flex;justify-content:space-between;gap:1rem}.topbar>.back-wrap,.topbar>.top-spacer{width:calc((100% - 28rem)/2);min-width:1rem}.content-wrap{width:28rem}.bottom-space{height:5rem}}
@media(max-width:520px){.rich h2{font-size:1.35rem}.options.cols-2{gap:.45rem}.main-content.offer-step{padding-left:.75rem;padding-right:.75rem}}
@media(min-width:768px){.topbar{position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;width:auto;height:0;min-height:0;overflow:visible}.topbar>.back-wrap{position:absolute;top:0;left:0;width:auto}.topbar>.top-spacer{display:none}}
.alert.compact{padding:8px}.options.compact-end{margin-bottom:0}.quotes.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quotes.grid .quote{display:block}.quotes.grid .quote-main{margin-top:.328rem}.quotes.grid .quote-activity,.quotes.grid .stars{display:none}.arguments.one-col{grid-template-columns:1fr}
@keyframes fadeIn{from{opacity:0;transform:none}to{opacity:1;transform:none}}.story-title h2{max-width:380px;margin-right:auto;margin-left:auto}
