.koko-hero{background:#fff;padding:3rem 0 5.5rem;position:relative;z-index:1}.koko-hero__dulces{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.koko-hero__dulce{position:absolute;display:block;aspect-ratio:1;opacity:var(--op, .12);will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.koko-hero__dulce-fig{display:block;width:100%;height:100%;background-color:#e5007d;-webkit-mask:var(--koko-dulce) center / contain no-repeat;mask:var(--koko-dulce) center / contain no-repeat;animation:var(--giro-nombre, kokoGira) var(--giro-dur, 20s) linear infinite}@keyframes kokoGira{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kokoGiraInv{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes kokoFlotaA{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(14px,-18px,0) rotate(5deg)}66%{transform:translate3d(22px,-6px,0) rotate(-3deg)}}@keyframes kokoFlotaB{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(-16px,-14px,0) rotate(-6deg)}66%{transform:translate3d(-8px,-24px,0) rotate(3deg)}}@keyframes kokoFlotaC{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(12px,16px,0) rotate(4deg)}66%{transform:translate3d(20px,6px,0) rotate(-5deg)}}@keyframes kokoFlotaD{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(-18px,10px,0) rotate(-4deg)}66%{transform:translate3d(-6px,20px,0) rotate(6deg)}}@keyframes kokoFlotaE{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(20px,-4px,0) rotate(3deg)}75%{transform:translate3d(-20px,4px,0) rotate(-3deg)}}@keyframes kokoFlotaF{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(4px,-22px,0) rotate(-2deg)}75%{transform:translate3d(-4px,14px,0) rotate(2deg)}}@keyframes kokoFlotaG{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(16px,-12px,0) rotate(4deg)}50%{transform:translate3d(0,-20px,0) rotate(8deg)}75%{transform:translate3d(-16px,-10px,0) rotate(4deg)}}@keyframes kokoFlotaH{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(-14px,10px,0) rotate(-5deg)}50%{transform:translate3d(0,18px,0) rotate(-9deg)}75%{transform:translate3d(14px,8px,0) rotate(-5deg)}}.koko-hero__dulce--1{width:62px;top:6%;left:6%;--op: .3;animation-name:kokoFlotaF;animation-duration:7.8s;animation-delay:-4.8s;--giro-dur: 19s;--giro-nombre: kokoGira}.koko-hero__dulce--2{width:46px;top:15%;left:8%;--op: .3;animation-name:kokoFlotaC;animation-duration:7.6s;animation-delay:-1.5s;--giro-dur: 28s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--3{width:46px;top:24%;left:6%;--op: .3;animation-name:kokoFlotaH;animation-duration:5.4s;animation-delay:-2.7s;--giro-dur: 30s;--giro-nombre: kokoGira}.koko-hero__dulce--4{width:62px;top:33%;left:8%;--op: .3;animation-name:kokoFlotaE;animation-duration:6.9s;animation-delay:-4.7s;--giro-dur: 10s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--5{width:70px;top:42%;left:6%;--op: .3;animation-name:kokoFlotaB;animation-duration:5s;animation-delay:-.5s;--giro-dur: 14s;--giro-nombre: kokoGira}.koko-hero__dulce--6{width:70px;top:51%;left:8%;--op: .3;animation-name:kokoFlotaG;animation-duration:8.7s;animation-delay:-2.4s;--giro-dur: 22s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--7{width:62px;top:60%;left:6%;--op: .3;animation-name:kokoFlotaD;animation-duration:6.1s;animation-delay:-3.1s;--giro-dur: 14s;--giro-nombre: kokoGira}.koko-hero__dulce--8{width:54px;top:69%;left:8%;--op: .3;animation-name:kokoFlotaA;animation-duration:7s;animation-delay:-7.2s;--giro-dur: 19s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--9{width:54px;bottom:13%;left:6%;--op: .3;animation-name:kokoFlotaF;animation-duration:7s;animation-delay:-2.2s;--giro-dur: 10s;--giro-nombre: kokoGira}.koko-hero__dulce--10{width:50px;top:10%;left:33%;--op: .1;animation-name:kokoFlotaC;animation-duration:7.3s;animation-delay:-1.1s;--giro-dur: 28s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--11{width:42px;top:30%;left:30%;--op: .1;animation-name:kokoFlotaH;animation-duration:8.2s;animation-delay:-2.1s;--giro-dur: 21s;--giro-nombre: kokoGira}.koko-hero__dulce--12{width:50px;top:50%;left:36%;--op: .1;animation-name:kokoFlotaE;animation-duration:5.2s;animation-delay:-6s;--giro-dur: 10s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--13{width:42px;top:70%;left:30%;--op: .1;animation-name:kokoFlotaB;animation-duration:8.8s;animation-delay:-1.5s;--giro-dur: 8s;--giro-nombre: kokoGira}.koko-hero__dulce--14{width:58px;bottom:3%;left:30%;--op: .1;animation-name:kokoFlotaG;animation-duration:4.8s;animation-delay:-3.4s;--giro-dur: 8s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--15{width:50px;top:20%;left:33%;--op: .1;animation-name:kokoFlotaD;animation-duration:5.3s;animation-delay:-2s;--giro-dur: 8s;--giro-nombre: kokoGira}.koko-hero__dulce--16{width:46px;top:6%;right:6%;--op: .3;animation-name:kokoFlotaA;animation-duration:8.9s;animation-delay:-6.5s;--giro-dur: 8s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--17{width:70px;top:15%;right:8%;--op: .3;animation-name:kokoFlotaF;animation-duration:7s;animation-delay:-7.9s;--giro-dur: 26s;--giro-nombre: kokoGira}.koko-hero__dulce--18{width:62px;top:24%;right:6%;--op: .3;animation-name:kokoFlotaC;animation-duration:5s;animation-delay:-.3s;--giro-dur: 28s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--19{width:46px;top:33%;right:8%;--op: .3;animation-name:kokoFlotaH;animation-duration:6.3s;animation-delay:-1.7s;--giro-dur: 10s;--giro-nombre: kokoGira}.koko-hero__dulce--20{width:54px;top:42%;right:6%;--op: .3;animation-name:kokoFlotaE;animation-duration:5.8s;animation-delay:-4.5s;--giro-dur: 28s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--21{width:46px;top:51%;right:8%;--op: .3;animation-name:kokoFlotaB;animation-duration:8.7s;animation-delay:-7.6s;--giro-dur: 13s;--giro-nombre: kokoGira}.koko-hero__dulce--22{width:62px;top:60%;right:6%;--op: .3;animation-name:kokoFlotaG;animation-duration:5s;animation-delay:-4.5s;--giro-dur: 24s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--23{width:54px;top:69%;right:8%;--op: .3;animation-name:kokoFlotaD;animation-duration:5.3s;animation-delay:-4.4s;--giro-dur: 30s;--giro-nombre: kokoGira}.koko-hero__dulce--24{width:54px;bottom:13%;right:6%;--op: .3;animation-name:kokoFlotaA;animation-duration:5.7s;animation-delay:-1s;--giro-dur: 11s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--25{width:50px;top:10%;right:36%;--op: .1;animation-name:kokoFlotaF;animation-duration:8.6s;animation-delay:-3.7s;--giro-dur: 16s;--giro-nombre: kokoGira}.koko-hero__dulce--26{width:50px;top:30%;right:36%;--op: .1;animation-name:kokoFlotaC;animation-duration:7.5s;animation-delay:-3.4s;--giro-dur: 11s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--27{width:50px;top:50%;right:36%;--op: .1;animation-name:kokoFlotaH;animation-duration:8.5s;animation-delay:-5.6s;--giro-dur: 17s;--giro-nombre: kokoGira}.koko-hero__dulce--28{width:50px;top:70%;right:36%;--op: .1;animation-name:kokoFlotaE;animation-duration:4.9s;animation-delay:-7.7s;--giro-dur: 24s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--29{width:42px;bottom:3%;right:36%;--op: .1;animation-name:kokoFlotaB;animation-duration:7.9s;animation-delay:-4.5s;--giro-dur: 17s;--giro-nombre: kokoGira}.koko-hero__dulce--30{width:42px;top:20%;right:33%;--op: .1;animation-name:kokoFlotaG;animation-duration:6.4s;animation-delay:-6.2s;--giro-dur: 21s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--31{width:64px;top:3%;left:14%;--op: .22;animation-name:kokoFlotaD;animation-duration:7.3s;animation-delay:-.6s;--giro-dur: 14s;--giro-nombre: kokoGira}.koko-hero__dulce--32{width:50px;top:21%;left:17%;--op: .22;animation-name:kokoFlotaA;animation-duration:5.1s;animation-delay:-5.1s;--giro-dur: 16s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--33{width:58px;top:39%;left:13%;--op: .22;animation-name:kokoFlotaF;animation-duration:8.8s;animation-delay:-5.9s;--giro-dur: 17s;--giro-nombre: kokoGira}.koko-hero__dulce--34{width:46px;top:57%;left:16%;--op: .22;animation-name:kokoFlotaC;animation-duration:5.7s;animation-delay:-7.6s;--giro-dur: 10s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--35{width:54px;bottom:16%;left:15%;--op: .22;animation-name:kokoFlotaH;animation-duration:6.1s;animation-delay:-5.6s;--giro-dur: 10s;--giro-nombre: kokoGira}.koko-hero__dulce--36{width:60px;bottom:1%;left:12%;--op: .22;animation-name:kokoFlotaE;animation-duration:5.6s;animation-delay:-4.6s;--giro-dur: 19s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--37{width:44px;top:48%;left:25%;--op: .15;animation-name:kokoFlotaB;animation-duration:8.1s;animation-delay:-7.9s;--giro-dur: 14s;--giro-nombre: kokoGira}.koko-hero__dulce--38{width:64px;top:3%;right:14%;--op: .22;animation-name:kokoFlotaG;animation-duration:4.6s;animation-delay:-3.1s;--giro-dur: 28s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--39{width:50px;top:21%;right:17%;--op: .22;animation-name:kokoFlotaD;animation-duration:8.8s;animation-delay:-6s;--giro-dur: 17s;--giro-nombre: kokoGira}.koko-hero__dulce--40{width:58px;top:39%;right:13%;--op: .22;animation-name:kokoFlotaA;animation-duration:5.5s;animation-delay:-5.5s;--giro-dur: 11s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--41{width:46px;top:57%;right:16%;--op: .22;animation-name:kokoFlotaF;animation-duration:7.5s;animation-delay:-6s;--giro-dur: 10s;--giro-nombre: kokoGira}.koko-hero__dulce--42{width:54px;bottom:16%;right:15%;--op: .22;animation-name:kokoFlotaC;animation-duration:6.4s;animation-delay:-2.4s;--giro-dur: 22s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--43{width:60px;bottom:1%;right:12%;--op: .22;animation-name:kokoFlotaH;animation-duration:7.6s;animation-delay:-4.4s;--giro-dur: 21s;--giro-nombre: kokoGira}.koko-hero__dulce--44{width:44px;top:48%;right:25%;--op: .15;animation-name:kokoFlotaE;animation-duration:5.4s;animation-delay:-4.4s;--giro-dur: 14s;--giro-nombre: kokoGiraInv}.koko-hero__dulce--31,.koko-hero__dulce--32,.koko-hero__dulce--33,.koko-hero__dulce--34,.koko-hero__dulce--35,.koko-hero__dulce--36,.koko-hero__dulce--37,.koko-hero__dulce--38,.koko-hero__dulce--39,.koko-hero__dulce--40,.koko-hero__dulce--41,.koko-hero__dulce--42,.koko-hero__dulce--43,.koko-hero__dulce--44{display:none}.koko-hero__dulce--cazable{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .15s ease}.koko-hero__dulce--cazable:hover{opacity:calc(var(--op, .12) * 2.2)}.koko-hero__dulce--premio:hover{opacity:calc(var(--op, .12) * 3)}.koko-hero__dulce--reventado{pointer-events:none;animation:kokoRevienta .34s ease-out forwards!important}.koko-hero__dulce--reventado .koko-hero__dulce-fig{animation:none}@keyframes kokoRevienta{0%{transform:scale(1);opacity:1}40%{transform:scale(1.5);opacity:1}to{transform:scale(.2);opacity:0}}.koko-hero__chispa{position:absolute;width:7px;height:7px;border-radius:50%;background:#e5007d;pointer-events:none;animation:kokoChispa .5s ease-out forwards}@keyframes kokoChispa{0%{transform:translateZ(0) scale(1);opacity:.9}to{transform:translate3d(var(--cx),var(--cy),0) scale(0);opacity:0}}.koko-hero__marcador{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:99px;background:#e5007d;color:#fff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 4px 14px #e5007d4d;opacity:0;transform:translateY(-8px) scale(.9);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.koko-hero__marcador.koko-visible{opacity:1;transform:translateY(0) scale(1)}.koko-hero__marcador-icono{font-size:15px;line-height:1}.koko-hero__marcador--sube{animation:kokoMarcadorPulso .3s ease-out}@keyframes kokoMarcadorPulso{50%{transform:scale(1.14)}}.koko-hero__premio{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:kokoPremioEntra .3s ease-out}.koko-hero__premio[hidden]{display:none}@keyframes kokoPremioEntra{0%{opacity:0}to{opacity:1}}.koko-hero__premio-card{position:relative;background:#fff;border:2px solid #E5007D;border-radius:20px;padding:26px 34px 28px;text-align:center;max-width:340px;box-shadow:0 12px 40px #e5007d47;animation:kokoPremioCard .42s cubic-bezier(.34,1.56,.64,1)}@keyframes kokoPremioCard{0%{transform:scale(.82) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.koko-hero__premio-emoji{font-size:40px;line-height:1;margin-bottom:10px}.koko-hero__premio-msg{font-size:19px;font-weight:800;color:#1e293b;margin:0 0 16px;line-height:1.25}.koko-hero__premio-btn{display:inline-block;background:#e5007d;color:#fff;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:11px 26px;border-radius:99px;transition:transform .15s ease,background .15s ease}.koko-hero__premio-btn:hover{background:#c4006b;transform:scale(1.04);color:#fff}.koko-hero__premio-cerrar{position:absolute;top:8px;right:12px;background:none;border:none;font-size:24px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px}.koko-hero__premio-cerrar:hover{color:#1e293b}@media(max-width:749px){.koko-hero__marcador{top:10px;right:12px;padding:6px 12px;font-size:13px}.koko-hero__premio-card{padding:22px 26px 24px;max-width:82%}.koko-hero__premio-msg{font-size:17px}}@media(prefers-reduced-motion:reduce){.koko-hero__marcador,.koko-hero__premio{display:none}}.koko-hero__cupon-card{max-width:380px}.koko-hero__cupon-code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:800;letter-spacing:.12em;color:#e5007d;background:#fff0f8;border:2px dashed #E5007D;border-radius:12px;padding:13px 18px;margin:4px 0 12px;-webkit-user-select:all;user-select:all}.koko-hero__cupon-vig{font-size:13px;color:#b45309;background:#fffbeb;border-radius:8px;padding:7px 12px;margin:0 0 14px;font-weight:700}.koko-hero__cupon-nota{font-size:13px;color:#6b7280;margin:12px 0 0;line-height:1.45}.koko-hero__header,.koko-hero__carousel-outer,.koko-hero__dots{position:relative;z-index:1}@media(max-width:989px){.koko-hero__dulce{display:none}.koko-hero__dulce--1,.koko-hero__dulce--3,.koko-hero__dulce--5,.koko-hero__dulce--7,.koko-hero__dulce--16,.koko-hero__dulce--18,.koko-hero__dulce--20,.koko-hero__dulce--22{display:block;width:52px;top:auto;bottom:auto}.koko-hero__dulce--1{top:1%;left:3%}.koko-hero__dulce--3{top:6%;left:20%}.koko-hero__dulce--16{top:1%;right:3%}.koko-hero__dulce--18{top:6%;right:20%}.koko-hero__dulce--5{bottom:2%;left:4%}.koko-hero__dulce--7{bottom:11%;left:16%}.koko-hero__dulce--20{bottom:2%;right:4%}.koko-hero__dulce--22{bottom:11%;right:16%}}@media(max-width:749px){.koko-hero__dulce{width:46px}.koko-hero__dulce--3,.koko-hero__dulce--18{display:none}}@media(prefers-reduced-motion:reduce){.koko-hero__dulces{display:none}}.koko-hero__header{text-align:center;padding:0 1.5rem;margin-bottom:2rem}.koko-hero__title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:900;color:#1e293b;text-transform:uppercase;letter-spacing:.03em;margin:0;line-height:1.2}.koko-hero__carousel-outer{position:relative;display:flex;align-items:center;max-width:1400px;margin:0 auto;padding:0 .5rem}.koko-hero__viewport{flex:1;overflow:hidden}.koko-hero__track{display:flex;gap:.75rem;padding:1rem 0}.koko-hero__slide{flex:1;min-width:0;transition:opacity .25s ease}.koko-hero__video-wrap{position:relative;transition:filter .35s ease,opacity .35s ease,transform .35s ease}.koko-hero__slide:not(.koko-active) .koko-hero__video-wrap{filter:blur(3.5px);opacity:.6;transform:scale(.97)}.koko-hero__slide.koko-active .koko-hero__video-wrap{filter:none;opacity:1;transform:scale(1)}.koko-hero__video-wrap{aspect-ratio:9 / 16;max-height:62vh;margin-inline:auto;border-radius:20px;overflow:hidden;background:#0f0f0f;box-shadow:0 8px 32px #00000026}.koko-hero__video{width:100%;height:100%;object-fit:cover;display:block}.koko-hero__mute-btn{position:absolute;bottom:1rem;right:1rem;width:38px;height:38px;border-radius:50%;background:#0000008c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,transform .15s;padding:0}.koko-hero__mute-btn:hover{background:#000000d9;transform:scale(1.1)}.koko-hero__mute-btn svg{width:18px;height:18px;fill:#fff}.koko-hero__slide:not(.koko-active) .koko-hero__mute-btn{display:none}.koko-hero__buy-btn{position:absolute;bottom:3.75rem;left:.75rem;right:.75rem;display:flex;align-items:center;gap:.66rem;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:.55rem .825rem;text-decoration:none;color:#1e293b;box-shadow:0 4px 16px #0000002e;transition:transform .15s ease,box-shadow .15s ease;z-index:8}.koko-hero__buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00000038;color:#1e293b}.koko-hero__buy-img{flex-shrink:0;width:46px;height:46px;border-radius:10px;object-fit:cover}.koko-hero__buy-icon{flex-shrink:0;width:46px;height:46px;background:#e5007d;border-radius:11px;display:flex;align-items:center;justify-content:center}.koko-hero__buy-icon svg{width:22px;height:22px}.koko-hero__buy-info{display:flex;flex-direction:column;min-width:0;flex:1}.koko-hero__buy-name{font-size:1.37rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1e293b;line-height:1.2}.koko-hero__buy-price{font-size:1.097rem;font-weight:900;color:#e5007d;line-height:1.2}.koko-hero__buy-cta{flex-shrink:0;font-size:.99rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#e5007d;color:#fff;border-radius:9px;padding:.33rem .715rem}.koko-hero__slide:not(.koko-active) .koko-hero__buy-btn{display:none}.koko-hero__caption{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;font-size:.85rem;font-weight:600;line-height:1.4}.koko-hero__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#1a1a2e,#2d1b3d);color:#ffffff80}.koko-hero__placeholder-icon{font-size:3.5rem}.koko-hero__placeholder p{font-size:.9rem;text-align:center;margin:0;padding:0 1rem;text-transform:uppercase;letter-spacing:.1em}.koko-hero__arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:2px solid rgba(229,0,125,.25);background:#fff;color:#e5007d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .15s ease;z-index:2;margin:0 .5rem}.koko-hero__arrow:hover{background:#e5007d;border-color:#e5007d;color:#fff;transform:scale(1.08)}.koko-hero__arrow svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:560px){.koko-hero__slide:not(.koko-active){display:none}.koko-hero__slide.koko-active{flex:1;min-width:0}.koko-hero__video-wrap{max-height:78vh}.koko-hero__carousel-outer{display:flex;align-items:center;padding:0;overflow:hidden;max-width:100%}.koko-hero__viewport{flex:1;min-width:0;overflow:hidden}.koko-hero__arrow{display:flex;flex-shrink:0;position:static;transform:none;width:32px;height:32px;margin:0 .25rem;z-index:5}}.koko-hero__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem;padding:0 1.5rem}.koko-hero__dot{width:8px;height:8px;border-radius:50%;border:none;background:#e5007d33;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.koko-hero__dot.active{background:#e5007d;transform:scale(1.4)}.koko-hero__footer{text-align:center;margin-top:2rem;padding:0 1.5rem}.koko-hero__btn{display:inline-block;position:relative;background:#000;color:#fff;font-weight:700;font-size:1.95rem;letter-spacing:.04em;text-transform:uppercase;padding:1.755rem 4.875rem;border-radius:99px;text-decoration:none;border:2px solid #000000;transition:transform ease-in .1s,box-shadow .25s ease,background .2s ease,color .2s ease,border-color .2s ease;box-shadow:none}.koko-hero__btn:focus{outline:0}.koko-hero__btn:hover{background:#e5007d;color:#fff;border-color:#e5007d;transform:translateY(-2px);box-shadow:0 0 10px #e5007d,0 0 25px #e5007d,0 0 50px #e5007d99,0 0 80px #e5007d4d}.koko-hero__btn:active{transform:scale(.95);background:#c4006b;border-color:#c4006b;box-shadow:0 0 12px #e5007d80}.koko-hero__btn:before,.koko-hero__btn:after{position:absolute;content:"";display:none;width:140%;height:100%;left:-20%;z-index:-1;transition:all ease-in-out .5s;background-repeat:no-repeat;pointer-events:none}.koko-hero__btn:before{top:-75%;background-image:radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,transparent 20%,#E5007D 20%,transparent 30%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,transparent 10%,#E5007D 15%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.koko-hero__btn:after{bottom:-75%;background-image:radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,transparent 10%,#E5007D 15%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%),radial-gradient(circle,#E5007D 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.koko-hero__btn.koko-animate:before{display:block;animation:koko-topBubbles ease-in-out .75s forwards}.koko-hero__btn.koko-animate:after{display:block;animation:koko-bottomBubbles ease-in-out .75s forwards}@keyframes koko-topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes koko-bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@media(prefers-reduced-motion:reduce){.koko-hero__arrow,.koko-hero__dot,.koko-hero__btn{transition:none}.koko-hero__btn.koko-animate:before,.koko-hero__btn.koko-animate:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kokorocao-hero-videos.css.map */