:root{--night:#180321;--purple:#2b073e;--purple2:#4b0b61;--gold:#ffca45;--gold2:#fff0a0;--pink:#f21b91;--green:#13bd58;--green2:#087a38;--cream:#fff7db;--line:rgba(255,209,87,.3);--shadow:0 20px 55px #09000f99} *{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;background:radial-gradient(ellipse at 50% 0%,#54106a 0%,var(--night) 54%,#100118 100%);color:#fff8e7;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{width:min(100% - 28px,1040px);margin:auto;position:relative;z-index:2}.topline{display:flex;align-items:center;justify-content:center;padding:22px 0 10px;position:relative}.brand-mark{width:clamp(104px,22vw,164px);height:auto;filter:drop-shadow(0 8px 22px #0008)}.hero{text-align:center;position:relative;padding:12px 0 28px;isolation:isolate}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #ffcf5866;border-radius:999px;color:#ffe49a;background:#2b083caa;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #30ff8a}.hero h1{font-family:'Roboto Slab',serif;font-size:clamp(2.65rem,10vw,6.6rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 12px;text-transform:uppercase;font-weight:900;color:var(--gold2);background:linear-gradient(#fff8b7 5%,#ffd849 38%,#ff9b17 70%,#fff0a0 91%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #7c3500;filter:drop-shadow(0 4px 0 #5a1b09) drop-shadow(0 10px 12px #0009)}.hero h1 span{display:block;color:#fff0a0}.hero-copy{font-size:clamp(1rem,3vw,1.25rem);line-height:1.55;color:#f5e9ff;max-width:630px;margin:0 auto 20px}.hero-copy strong{color:#ffdc6a}.jackpot{max-width:660px;margin:20px auto 20px;padding:18px 18px 15px;border:1px solid #ffd46b;border-radius:22px;background:linear-gradient(140deg,#4c0d63,#21042f 62%,#390847);box-shadow:inset 0 0 0 4px #ffcb3420,0 14px 40px #0006;position:relative}.jackpot:before,.jackpot:after{content:'';position:absolute;top:50%;width:7px;height:7px;background:#fff1a1;border-radius:50%;box-shadow:0 0 15px #ffc63f}.jackpot:before{left:10px}.jackpot:after{right:10px}.jackpot .small{font-size:.78rem;text-transform:uppercase;font-weight:800;letter-spacing:.13em;color:#ffeaa3}.jackpot .amount{font-family:'Roboto Slab',serif;font-size:clamp(2rem,8vw,4.3rem);line-height:1.1;font-weight:900;letter-spacing:-.04em;color:#ffdc50;text-shadow:0 3px #a74406,0 6px 12px #0008;margin:4px 0}.jackpot .condition{font-size:.84rem;color:#fff0d3}.cta-main{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,610px);min-height:76px;margin:22px auto 12px;padding:17px 20px;border-radius:20px;background:linear-gradient(180deg,#34f17a 0%,#13c653 42%,#07923d 100%);border:2px solid #9affb8;color:white;font-weight:900;font-size:clamp(1.15rem,4vw,1.7rem);letter-spacing:.01em;text-shadow:0 2px 2px #005b2b;box-shadow:0 7px 0 #075b2e,0 13px 30px #00d65a3d,inset 0 2px 0 #ffffff80;transition:transform .16s,filter .16s;cursor:pointer}.cta-main:hover{filter:brightness(1.08);transform:translateY(-2px)}.cta-main:active{transform:translateY(4px);box-shadow:0 3px 0 #075b2e,0 7px 20px #00d65a33}.wa-symbol{width:29px;height:29px;flex:0 0 auto}.sub-cta{font-size:.82rem;color:#e0cce8;margin:18px auto 0}.admin-link{display:inline-flex;justify-content:center;align-items:center;gap:9px;margin:12px auto 0;padding:12px 17px;border:1px solid #d7a9ed55;border-radius:13px;background:#ffffff08;color:#f8e8ff;font-size:.9rem;font-weight:700;transition:background .2s}.admin-link:hover{background:#ffffff14}.admin-link svg{width:18px;height:18px}.section{padding:32px 0 24px}.section-heading{text-align:center;margin:0 auto 22px}.section-heading .kicker{color:#ffcf5b;font-weight:800;text-transform:uppercase;font-size:.7rem;letter-spacing:.18em}.section-heading h2{font-family:'Roboto Slab',serif;text-transform:uppercase;font-size:clamp(1.65rem,5.5vw,2.65rem);line-height:1.12;margin:8px 0;color:#fff0a4;text-shadow:0 3px 0 #702a08}.section-heading p{color:#d9c7e4;margin:10px auto 0;max-width:500px;line-height:1.5;font-size:.92rem}.prize-panel{padding:13px;border-radius:22px;border:1px solid #f8c74f80;background:linear-gradient(145deg,#3a084e,#20032f 70%);box-shadow:var(--shadow),inset 0 0 0 4px #ffcf3410}.prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.prize{min-width:0;text-align:center;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#7c0a67,#390442 75%);border:1px solid #f6a7f0;box-shadow:inset 0 -3px 0 #ffb1ee22}.prize-label{display:block;background:linear-gradient(#ffe77b,#ffb719);color:#35103b;padding:7px 3px;font-size:clamp(.63rem,2vw,.8rem);font-weight:900;letter-spacing:.04em}.prize-value{display:block;padding:10px 2px 11px;color:#ffe36b;font-family:'Roboto Slab',serif;font-size:clamp(1rem,4.1vw,1.8rem);font-weight:900;line-height:1.05;text-shadow:0 2px 0 #8c3204}.prize-note{text-align:center;font-size:.76rem;color:#d9c2e4;margin:12px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{border:1px solid #e6c1ff25;border-radius:16px;padding:18px 14px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);text-align:center}.feature-mark{width:38px;height:38px;border-radius:12px;margin:0 auto 10px;display:grid;place-items:center;color:#ffda64;background:#ffd24b12;border:1px solid #ffd24b45}.feature-mark svg{width:21px;height:21px}.feature h3{font-size:.95rem;margin:0 0 6px;color:#fff0b1}.feature p{font-size:.79rem;line-height:1.45;margin:0;color:#d6c4e1}.floating-stage{height:110px;position:relative;max-width:700px;margin:0 auto;pointer-events:none}.float-slot{position:absolute;width:72px;height:72px;border-radius:50%;background:radial-gradient(ellipse at 50% 90%,#0009,transparent 68%);display:grid;place-items:center;animation:float 5s ease-in-out infinite}.float-slot:before{content:'';width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#ffe889,#c57b12 55%,#fff0a0);border:2px solid #fff0a0;box-shadow:0 0 18px #ffca4560,inset 0 0 0 3px #9c5908}.float-slot:after{content:'BS';position:absolute;color:#8c3c00;font-family:'Roboto Slab',serif;font-size:.7rem;font-weight:900}.float-slot.one{left:9%;top:12px;animation-delay:-1s}.float-slot.two{right:10%;top:1px;width:88px;height:88px;animation-delay:-2.7s}.float-slot.two:before{width:53px;height:53px}.float-slot.two:after{font-size:.83rem}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-11px) rotate(5deg)}}.footer{text-align:center;padding:30px 0 32px;border-top:1px solid #f8d36a25;color:#c8b4d5;font-size:.76rem}.footer-seal{width:47px;height:47px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 0 12px #ffc94c30)}.footer strong{display:block;color:#ffe3a0;font-size:.8rem;letter-spacing:.04em}.sparkle{position:fixed;z-index:0;width:3px;height:3px;border-radius:50%;background:#fff5b0;box-shadow:0 0 8px 2px #ffc84c;opacity:0;pointer-events:none;animation:twinkle 4.8s ease-in-out infinite}.sparkle:nth-of-type(1){left:8%;top:22%;animation-delay:.4s}.sparkle:nth-of-type(2){left:91%;top:16%;animation-delay:1.3s}.sparkle:nth-of-type(3){left:15%;top:65%;animation-delay:2.2s}.sparkle:nth-of-type(4){left:84%;top:72%;animation-delay:3s}.sparkle:nth-of-type(5){left:72%;top:39%;animation-delay:1.8s}.sparkle:nth-of-type(6){left:28%;top:48%;animation-delay:2.8s}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.5)}35%,55%{opacity:1;transform:scale(1.5)}}.firework{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffdc6c;box-shadow:0 -24px #ffdc6c,0 24px #ffdc6c,24px 0 #ffdc6c,-24px 0 #ffdc6c,17px 17px #ffdc6c,-17px -17px #ffdc6c,17px -17px #ffdc6c,-17px 17px #ffdc6c;opacity:0;animation:burst 4s ease-out infinite;pointer-events:none}.firework.fw1{top:60px;left:7%;animation-delay:1s}.firework.fw2{top:140px;right:6%;animation-delay:2.5s;transform:scale(.7)}@keyframes burst{0%,75%,100%{opacity:0;transform:scale(.2)}80%{opacity:.9;transform:scale(1)}90%{opacity:0;transform:scale(1.5)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(min-width:760px){.topline{padding-top:28px}.hero{padding-top:20px;padding-bottom:38px}.jackpot{padding:22px}.section{padding:42px 0 28px}.prize-panel{padding:18px}.prize-grid{gap:13px}.prize-label{padding:9px}.prize-value{padding:14px 4px}.features{gap:16px}.feature{padding:22px}.floating-stage{height:130px}.sound-control{right:22px;bottom:20px}} @media(max-width:430px){.site-shell{width:min(100% - 22px,1040px)}.topline{padding-top:16px}.hero h1{font-size:clamp(2.45rem,12vw,3.3rem)}.jackpot{border-radius:17px;padding:15px 12px}.cta-main{min-height:67px;border-radius:16px}.prize-grid{gap:7px}.prize-panel{padding:8px}.prize-label{font-size:.62rem;padding:7px 1px}.prize-value{font-size:clamp(.95rem,4.3vw,1.25rem);padding:10px 1px}.features{gap:7px}.feature{padding:13px 8px}.feature h3{font-size:.79rem}.feature p{font-size:.7rem}.feature-mark{width:33px;height:33px}.floating-stage{height:96px}.float-slot.one{left:1%}.float-slot.two{right:0}.pig-slot{width:72px;height:72px}.footer{padding-bottom:76px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important}} .how-to-play{margin:4px auto 24px;max-width:850px;padding:0 17px;border:1px solid #f8c74f80;border-radius:17px;background:linear-gradient(145deg,#3a084e,#20032f 70%);box-shadow:0 12px 32px #09000f55,inset 0 0 0 3px #ffcf3410} .how-to-play summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;color:#fff0a4;font-family:'Roboto Slab',serif;font-size:clamp(1rem,3.5vw,1.25rem);font-weight:800;cursor:pointer;list-style:none} .how-to-play summary::-webkit-details-marker{display:none} .how-to-play summary:after{content:'+';color:#ffca45;font:800 1.5rem 'DM Sans',sans-serif} .how-to-play[open] summary:after{content:'−'} .how-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:0 2px 16px} .how-copy{margin:0;color:#eadbf0;font-size:.86rem;line-height:1.6} .how-copy strong{color:#ffe16e} .winning-strip{position:relative;padding:8px 15px;transform:rotate(-3deg);animation:float 5s ease-in-out infinite;filter:drop-shadow(0 12px 7px #09000f99)} .winning-strip img{display:block;width:clamp(150px,28vw,220px);height:auto} .how-caveat{grid-column:1/-1;margin:0;color:#d4c0df;font-size:.74rem;line-height:1.5} .brand-mark,.footer-seal{border:2px solid #ffca45;border-radius:50%;aspect-ratio:1;object-fit:cover} .floating-gallery{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none} .floating-gallery .floating-png{position:absolute;display:block;width:clamp(30px,5vw,48px);max-width:48px;aspect-ratio:1;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center;rotate:var(--tilt,0deg);animation:decor-float 5s ease-in-out infinite} .floating-gallery .floating-png:after{content:"";position:absolute;left:18%;right:8%;bottom:-5px;height:10px;border-radius:50%;background:#05000899;filter:blur(6px)} .site-shell{z-index:2} .float-1{left:8%;top:3%;--tilt:-13deg;--image:url("assets/image-Photoroom%20%283%29.png")} .float-2{right:8%;top:13%;--tilt:11deg;--image:url("assets/moneda.png");animation-delay:-1.2s} .float-3{left:18%;top:23%;--tilt:-8deg;--image:url("assets/ficha.png");animation-delay:-2.5s} .float-4{right:17%;top:34%;--tilt:14deg;--image:url("assets/cochinito.png");animation-delay:-.7s} .float-5{left:5%;top:45%;--tilt:9deg;--image:url("assets/moneda.png");animation-delay:-3.1s} .float-6{right:7%;top:56%;--tilt:-12deg;--image:url("assets/ficha.png");animation-delay:-1.8s} .float-7{left:15%;top:67%;--tilt:12deg;--image:url("assets/cochinito.png");animation-delay:-2.9s} .float-8{right:18%;top:77%;--tilt:-9deg;--image:url("assets/moneda.png");animation-delay:-.4s} .float-9{left:6%;top:87%;--tilt:-14deg;--image:url("assets/ficha.png");animation-delay:-2.2s} .float-10{right:9%;top:96%;--tilt:8deg;--image:url("assets/image-Photoroom%20%283%29.png");animation-delay:-1.5s} .floating-gallery .floating-png{background-image:var(--image)} @keyframes decor-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @media(max-width:600px){.floating-gallery .floating-png{width:clamp(30px,8vw,42px)}.float-1,.float-10{width:clamp(38px,10vw,46px)!important}.float-2{right:3%}.float-3{left:5%}.float-4{right:4%}.float-5{left:2%}.float-6{right:2%}.float-7{left:4%}.float-8{right:5%}.float-9{left:2%}.how-to-play{padding:0 12px}.how-content{grid-template-columns:1fr;gap:8px}.winning-strip{justify-self:center;margin:4px 0}.how-caveat{grid-column:auto}}