:root{--bg-creme:#fdf9f5;--text-vinho:#3a0c1e;--accent-caramelo:#c88a58;--accent-verde:#5c6f4e;--gold-glow:#e2b276;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-creme)}::-webkit-scrollbar-thumb{background:#a36b7e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-vinho)}html,body{background-color:var(--bg-creme);color:var(--text-vinho);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(22px);z-index:1000;background:#fdf9f5eb;border:1px solid #e2b27659;border-radius:22px;justify-content:center;align-items:center;width:min(94%,1200px);padding:.6rem 1.4rem;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #3a0c1e1a,0 0 15px #e2b2761f}.navbar-inner{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.nav-brand-text-only{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar-brand-title{color:var(--text-vinho);letter-spacing:-.5px;white-space:nowrap;font-size:1.35rem;font-weight:900}.navbar-links-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-pill-btn{background:linear-gradient(135deg, var(--text-vinho), #5c1230);color:#fff;white-space:nowrap;border-radius:50px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #3a0c1e33}.nav-pill-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3a0c1e4d}.nav-pill-btn-outline{color:var(--text-vinho);border:1.5px solid var(--text-vinho);box-shadow:none;background:0 0}.nav-pill-btn-outline:hover{background:var(--text-vinho);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3a0c1e33}.main-container{z-index:2;max-width:1200px;min-height:100vh;margin:0 auto;padding-top:4.8rem;padding-left:1.5rem;padding-right:1.5rem;position:relative}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:1rem 1rem 2.5rem;display:flex;position:relative}.hero-logo-clean-wrapper{filter:drop-shadow(0 20px 40px #3a0c1e26);justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;width:320px!important;height:320px!important;margin-bottom:2rem!important}.hero-logo-clean-wrapper:hover{transform:scale(1.04)}.hero-logo-clean-img{object-fit:contain;width:100%;height:100%}.badge-tag{color:var(--accent-verde);letter-spacing:1px;text-transform:uppercase;background-color:#5c6f4e1a;border:1px solid #5c6f4e26;border-radius:30px;margin-bottom:1rem;padding:.45rem 1.2rem;font-size:.8rem;font-weight:800}.main-title{color:var(--text-vinho);letter-spacing:-1.5px;margin-bottom:.8rem;font-size:3.5rem;font-weight:900;line-height:1.08}.sub-title{color:var(--accent-caramelo);max-width:620px;margin-bottom:2rem;font-size:1.15rem;font-weight:500;line-height:1.5}.hero-scroll-hint{color:var(--accent-caramelo);cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;margin-top:2.2rem;text-decoration:none;display:flex}.scroll-text{text-transform:uppercase;letter-spacing:2px;color:var(--text-vinho);opacity:.7;font-size:.75rem;font-weight:700}.scroll-arrow-icon{width:34px;height:34px;color:var(--text-vinho);background:#fdf9f5b3;border:1.5px solid #c88a5866;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite bounceScroll;display:flex}@keyframes bounceScroll{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(2px)}}.exploded-cart-section{height:100vh;margin:1rem 0;position:relative;background:0 0!important}.sticky-container{color:#fff;background:radial-gradient(circle,#2f0717 0%,#120208 100%);border:1px solid #e2b27626;border-radius:24px;flex-direction:column;justify-content:center;max-width:1200px;height:calc(100vh - 90px);max-height:680px;margin:0 auto;padding:0 3rem;display:flex;position:sticky;top:80px;overflow:visible;box-shadow:0 20px 50px #3a0c1e59}.exploded-top-header{border-bottom:1px solid #e2b27626;justify-content:space-between;align-items:flex-end;margin-bottom:1.2rem;padding-bottom:.6rem;display:flex}.exploded-top-header h2{letter-spacing:-.5px;font-size:1.6rem;font-weight:900}.exploded-top-header h2 span{color:var(--gold-glow);text-transform:uppercase;letter-spacing:2px;margin-bottom:.2rem;font-size:.7rem;display:block}.scroll-indicator-instruction{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-glow);flex-direction:column;align-items:flex-end;gap:.3rem;font-size:.7rem;font-weight:800;display:flex}.scroll-hint-bar{background:#fff3;border-radius:4px;width:100px;height:2px;position:relative;overflow:hidden}.scroll-hint-progress{background:var(--gold-glow);height:100%;position:absolute;top:0;left:0}.exploded-grid{grid-template-columns:380px 1fr;align-items:center;gap:2.5rem;display:grid}.exploded-text-box{flex-direction:column;justify-content:space-between;min-height:120px;display:flex}.stage-content-box h3{color:var(--gold-glow);margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.stage-content-box p{color:#d4c3b3;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.stages-indicator{gap:.8rem;margin-top:.8rem;display:flex}.stage-bar{background:#fff3;flex:1;height:2px;position:relative}.stage-bar.active{background:var(--gold-glow)}.stage-bar span{color:var(--gold-glow);font-size:.65rem;font-weight:800;position:absolute;top:-14px;left:0}.cart-stage-visual{justify-content:center;align-items:center;height:350px;display:flex;position:relative}.cart-stack-wrapper-desktop{width:320px;height:360px;position:relative}.cart-img-vazio,.cart-img-cheio{object-fit:contain;filter:drop-shadow(0 12px 25px #0009);width:100%;height:100%;position:absolute;top:0;left:0}.explod-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gold-glow);color:#fff;opacity:0;z-index:50;pointer-events:none;background:#120208eb;border-radius:10px;max-width:180px;padding:.5rem .8rem;font-size:.7rem;font-weight:700;position:absolute;box-shadow:0 8px 25px #00000080}.explod-tag strong{color:var(--gold-glow);margin-bottom:.1rem;font-size:.7rem;display:block}.tag-desktop-1{top:10%;right:-70px}.tag-desktop-2{top:45%;left:-70px}.tag-desktop-3{bottom:8%;left:-100px}.section-divider-content{text-align:center;max-width:750px;margin:0 auto;padding:2.5rem 1rem}.section-divider-content span{color:var(--accent-caramelo);text-transform:uppercase;letter-spacing:2.5px;font-size:.8rem;font-weight:800}.section-divider-content h2{color:var(--text-vinho);margin:.5rem 0 .6rem;font-size:2.2rem;font-weight:900}.section-divider-content p{color:#666;font-size:1rem}.calculator-section{background:var(--card-bg);border:1px solid #3a0c1e14;border-radius:24px;margin:2rem 0;padding:2.5rem 2rem;box-shadow:0 15px 40px #3a0c1e0a}.calculator-section h2{color:var(--text-vinho);text-align:center;margin-bottom:.4rem;font-size:2rem;font-weight:800}.calculator-section p{text-align:center;color:var(--accent-caramelo);margin-bottom:2rem;font-size:.95rem}.calc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.calc-box label{color:var(--text-vinho);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem;font-size:.85rem;font-weight:800;display:block}.calc-box select,.calc-box input{width:100%;color:var(--text-vinho);background:#fdfbf8;border:2px solid #efeae4;border-radius:10px;outline:none;padding:.9rem;font-size:.95rem;font-weight:600}.cta-btn-primary{border:none;border-radius:50px;padding:.9rem 2rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:0 8px 25px #3a0c1e33;background:linear-gradient(135deg, var(--text-vinho), #5c1230)!important;color:#fff!important;text-decoration:none!important}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3a0c1e4d;color:#fff!important;text-decoration:none!important}.floating-actions-container{z-index:999;flex-direction:column;gap:.7rem;display:flex;position:fixed;bottom:1.8rem;right:1.8rem}.float-icon-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;display:flex;box-shadow:0 6px 20px #0003}.whatsapp-float-icon{background:linear-gradient(135deg,#25d366,#1ebe5d)}.instagram-float-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}footer{text-align:center;color:var(--accent-caramelo);border-top:1px solid #3a0c1e0d;margin-top:3rem;padding:3rem 0;font-size:.9rem;font-weight:500}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:900px){.navbar{border-radius:18px;width:96%;padding:.45rem .75rem;top:8px}.navbar-brand-title{font-size:1.05rem}.navbar-links-group{gap:.35rem}.nav-pill-btn{padding:.4rem .65rem;font-size:.72rem}.main-container{padding-top:4.5rem}.hero-logo-clean-wrapper{width:240px!important;height:240px!important;margin-bottom:1.2rem!important}.floating-actions-container{gap:.5rem;bottom:1.2rem;right:1.2rem}.float-icon-btn{width:38px!important;height:38px!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-exploded-section{margin:1.5rem 0;height:95vh!important}.mobile-sticky-container{justify-content:space-between!important;height:calc(100vh - 70px)!important;max-height:590px!important;padding:1.2rem 1rem!important}.mobile-exploded-content{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:relative}.mobile-cart-visual-box{width:100%;height:230px!important}.mobile-stack-wrapper{width:210px!important;height:230px!important}.mobile-text-box{width:100%;min-height:85px!important}.mobile-explod-tag{z-index:60!important;white-space:normal!important;width:max-content!important;max-width:135px!important;padding:.4rem .6rem!important;font-size:.7rem!important;position:absolute!important}.mobile-explod-tag strong{color:var(--gold-glow);margin-bottom:.1rem!important;font-size:.7rem!important;display:block!important}.mobile-explod-tag span{color:#fff;font-size:.65rem!important}.tag-mob-1{top:25%!important;left:auto!important;right:-70px!important}.tag-mob-2{top:45%!important;left:-75px!important;right:auto!important}.tag-mob-3{top:75%!important;left:-74px!important;right:auto!important}}
