:root{--verde-jarritos:#1b7a3d;--verde-jarritos-bright:#25a452;--naranja-jarritos:#e8722a;--naranja-jarritos-bright:#ff853a;--dorado-premium:#d4a853;--dorado-light:#f5e4b3;--negro-profundo:#0b0f0c;--negro-superficie:#141a16;--negro-card:#1c241e;--blanco-crema:#faf7f2;--texto-mutado:#a0b0a4;--vidrio:#ffffff0d;--vidrio-borde:#ffffff1f;--vidrio-hover:#ffffff14;--shadow-glow-verde:0 0 30px #25a45240;--shadow-glow-naranja:0 0 30px #e8722a40;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--negro-profundo);color:var(--blanco-crema);overflow-x:hidden}body{background-color:var(--negro-profundo);color:var(--blanco-crema);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--negro-profundo)}::-webkit-scrollbar-thumb{background:var(--negro-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--verde-jarritos)}.glass-panel{background:var(--vidrio);-webkit-backdrop-filter:blur(16px);border:1px solid var(--vidrio-borde);border-radius:20px}.gradient-text-gold{background:linear-gradient(135deg, var(--blanco-crema) 0%, var(--dorado-premium) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-brand{background:linear-gradient(135deg, var(--naranja-jarritos-bright) 0%, var(--dorado-premium) 50%, var(--verde-jarritos-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 24px}section{padding:100px 0;position:relative}.mapboxgl-popup-content{border:1px solid var(--vidrio-borde);background:var(--negro-card)!important;color:var(--blanco-crema)!important;border-radius:16px!important;padding:16px 20px!important;box-shadow:0 20px 40px #0009!important}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:var(--negro-card)!important}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:var(--negro-card)!important}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:var(--negro-card)!important}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:var(--negro-card)!important}.mapboxgl-popup-close-button{color:var(--texto-mutado)!important;padding:6px 10px!important;font-size:16px!important}.brand-logo-link{pointer-events:auto;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo-img{filter:drop-shadow(0 4px 12px #0009)}.brand-logo-text{font-family:var(--font-heading);letter-spacing:1.5px;color:var(--blanco-crema);text-transform:uppercase;text-shadow:0 2px 10px #000c;font-weight:800}.navbar-header{z-index:100;pointer-events:none;background:0 0;border-bottom:1px solid #0000;padding:24px 0;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:flex-start;align-items:center;display:flex}.sabores-section{background:var(--negro-superficie);padding:0;position:relative}.sticky-viewport-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.map-slide-container{width:100%;height:100%;position:relative}.flavor-slide-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.flavor-bg-img{filter:brightness(.7)contrast(1.1);pointer-events:none;z-index:1;will-change:transform, opacity;background-position:50%;background-size:cover;position:absolute;inset:0;transform:translateZ(0)}.flavor-glow-overlay{opacity:.35;pointer-events:none;z-index:2;background:radial-gradient(circle,currentColor 0%,#0000 70%);border-radius:50%;width:700px;height:700px;transition:color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.flavor-bg-text{font-family:var(--font-heading);text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;letter-spacing:-4px;will-change:transform, opacity;font-size:clamp(6rem,19vw,23rem);font-weight:900;position:absolute;transform:translateZ(0)}.flavor-showcase-container{flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:460px;margin:0 auto;display:flex;position:relative}.flavor-bottle-wrapper{z-index:4;will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateZ(0)}.flavor-bottle-img{object-fit:contain;will-change:filter;width:auto;max-height:460px}.unified-nav-pill-bar{z-index:1001;-webkit-backdrop-filter:blur(16px);background:#0f1410e0;border:1px solid #ffffff26;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0009}.arrow-pill-btn{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.arrow-pill-btn:hover:not(:disabled){background:var(--verde-jarritos);border-color:var(--verde-jarritos-bright)}.scroll-indicator-container{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.scroll-indicator-text{letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;text-shadow:0 2px 6px #0009;font-size:.68rem;font-weight:600}@media (width<=768px){.unified-nav-pill-bar{gap:6px;max-width:calc(100% - 32px);padding:6px 10px;bottom:20px}}@media (prefers-reduced-motion:reduce){.flavor-bg-img,.flavor-bg-text,.flavor-bottle-wrapper,.flavor-glow-overlay{transition:none!important;animation:none!important}}.liquid-loader-overlay{z-index:99999;-webkit-user-select:none;user-select:none;cursor:pointer;background:#080b09;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.liquid-loader-glow-bg{pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#1b7a3d0a 45%,#0000 70%);border-radius:50%;width:650px;height:650px;animation:4s ease-in-out infinite alternate loaderPulseGlow;position:absolute}@keyframes loaderPulseGlow{0%{opacity:.5;transform:scale(.85)}to{opacity:.9;transform:scale(1.18)}}.liquid-loader-content{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:540px;padding:0 24px;display:flex;position:relative}.liquid-logo-wrapper{aspect-ratio:848/335;justify-content:center;align-items:center;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.liquid-logo-wrapper.is-full{filter:drop-shadow(0 0 35px #ffffff4d);transform:scale(1.02)}.liquid-logo-empty{object-fit:contain;opacity:.13;filter:brightness(.9)drop-shadow(0 0 12px #ffffff14);pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.liquid-logo-masked{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:url(/brand/sloop-logo-tight.webp);mask-image:url(/brand/sloop-logo-tight.webp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.liquid-fill-box{will-change:height;width:100%;position:absolute;bottom:0;left:0;right:0}.liquid-wave-container{width:100%;height:28px;position:absolute;top:-24px;left:0;overflow:visible}.liquid-wave-svg{width:200%;height:100%;position:absolute;top:0;left:0}.liquid-wave-back{fill:#ffffff6b;animation:3s linear infinite waveMotionBack}.liquid-wave-front{fill:#fff;animation:2.2s linear infinite waveMotionFront}@keyframes waveMotionFront{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes waveMotionBack{0%{transform:translate(-50%)}to{transform:translate(0)}}.liquid-body{background:linear-gradient(#fff 0%,#f7f9f7 60%,#eef2ef 100%);width:100%;height:100%;box-shadow:0 0 25px #fff6}.liquid-bubble{pointer-events:none;background:#ffffffbf;border-radius:50%;animation:2s ease-in infinite bubbleRise;position:absolute;bottom:0;box-shadow:0 0 6px #fffc}@keyframes bubbleRise{0%{opacity:.8;transform:translateY(0)scale(.5)}60%{opacity:.95}to{opacity:0;transform:translateY(-120px)scale(1.25)}}.liquid-loader-footer{flex-direction:column;align-items:center;gap:10px;margin-top:36px;display:flex}.liquid-progress-bar-track{background:#ffffff1a;border-radius:9999px;width:180px;height:3px;position:relative;overflow:hidden}.liquid-progress-bar-fill{background:linear-gradient(90deg,#fff6 0%,#fff 100%);border-radius:9999px;height:100%;transition:width 50ms linear;box-shadow:0 0 10px #ffffffb3}.liquid-loader-tagline{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:#ffffff73;font-size:.75rem;font-weight:600}.liquid-loader-progress-text{font-family:var(--font-heading);color:var(--blanco-crema);letter-spacing:1.5px;font-size:.92rem;font-weight:700}.liquid-loader-skip-hint{color:#ffffff38;letter-spacing:.5px;margin-top:8px;font-size:.68rem}