.hero-carousel{isolation:isolate}
.hero-carousel::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 61%);transform:translateX(-130%);pointer-events:none}
.hero-carousel.is-changing::before{animation:hero-cinema-sweep .85s cubic-bezier(.2,.75,.3,1)}
.hero-carousel .hero-slide{filter:blur(7px) saturate(.82);transform:translateX(2.8%) scale(1.045);transition:opacity .72s ease,transform 1.15s cubic-bezier(.16,1,.3,1),filter .72s ease,visibility .72s}
.hero-carousel .hero-slide.active{filter:none;transform:none}
.hero-carousel.direction-prev .hero-slide:not(.active){transform:translateX(-2.8%) scale(1.045)}
.hero-carousel .hero-slide.active .hero-copy{animation:cinema-copy-in .8s .06s cubic-bezier(.16,1,.3,1) both}
.hero-cinema-particles{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.hero-cinema-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 9px 2px var(--c);opacity:0;animation:cinema-particle var(--d) var(--delay) ease-in-out infinite}
.hero-cinema-particles i:nth-child(1){--x:7%;--y:70%;--s:3px;--c:#f2c96d;--d:5.2s;--delay:-1s}.hero-cinema-particles i:nth-child(2){--x:14%;--y:22%;--s:4px;--c:#73b8ff;--d:6.4s;--delay:-4s}.hero-cinema-particles i:nth-child(3){--x:25%;--y:82%;--s:2px;--c:#fff;--d:4.8s;--delay:-2s}.hero-cinema-particles i:nth-child(4){--x:37%;--y:17%;--s:3px;--c:#ed5162;--d:5.7s;--delay:-3s}.hero-cinema-particles i:nth-child(5){--x:49%;--y:72%;--s:4px;--c:#f2c96d;--d:6.8s;--delay:-5s}.hero-cinema-particles i:nth-child(6){--x:58%;--y:32%;--s:2px;--c:#fff;--d:4.5s;--delay:-1.8s}.hero-cinema-particles i:nth-child(7){--x:66%;--y:88%;--s:3px;--c:#73b8ff;--d:5.9s;--delay:-.5s}.hero-cinema-particles i:nth-child(8){--x:74%;--y:15%;--s:4px;--c:#f2c96d;--d:7.1s;--delay:-6s}.hero-cinema-particles i:nth-child(9){--x:81%;--y:63%;--s:2px;--c:#fff;--d:5.1s;--delay:-2.4s}.hero-cinema-particles i:nth-child(10){--x:89%;--y:28%;--s:3px;--c:#ed5162;--d:6.2s;--delay:-4.5s}.hero-cinema-particles i:nth-child(11){--x:94%;--y:79%;--s:4px;--c:#73b8ff;--d:5.4s;--delay:-3.4s}.hero-cinema-particles i:nth-child(12){--x:44%;--y:91%;--s:2px;--c:#f2c96d;--d:4.7s;--delay:-1.3s}
.hero-carousel .button-primary{isolation:isolate;box-shadow:0 12px 35px rgba(232,64,81,.28),0 0 0 1px rgba(255,255,255,.08)}
.hero-carousel .button-primary::before{content:"";position:absolute;z-index:-1;inset:-45% -15%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.48) 50%,transparent 62%);transform:translateX(-125%);animation:hero-cta-shine 4.8s 1.2s ease-in-out infinite;pointer-events:none}
.hero-dots button{position:relative;overflow:hidden;border-color:rgba(242,201,109,.72);box-shadow:0 0 0 3px rgba(242,201,109,.06)}
.hero-dots button.active{background:linear-gradient(90deg,#e84051,#f2c96d,#73b8ff);box-shadow:0 0 16px rgba(242,201,109,.42)}
.hero-dots button.active::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.82);transform-origin:left;animation:hero-dot-progress 7.5s linear both}
.hero-rewards-trigger{position:absolute;z-index:5;left:25px;top:24px;display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;align-items:center;gap:0 9px;padding:7px 13px 7px 8px;border:1px solid rgba(242,201,109,.58);border-radius:12px;background:rgba(5,9,19,.66);box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 0 18px rgba(242,201,109,.05);color:#fff;text-align:left;cursor:pointer;backdrop-filter:blur(12px)}
.hero-rewards-trigger>span{grid-row:1/3;display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#fff1ae,#d79b20);box-shadow:0 0 18px rgba(242,201,109,.24);color:#311c05;font-size:21px}.hero-rewards-trigger b{font-size:10px;letter-spacing:.14em}.hero-rewards-trigger small{color:#d8cfae;font-size:9px}.hero-rewards-trigger:hover{border-color:#ffe18a;transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 24px rgba(242,201,109,.16)}
.hero-rewards-panel{position:fixed;z-index:102;right:0;top:0;width:min(430px,94vw);height:100dvh;padding:42px 28px;overflow:auto;border:0;border-left:1px solid rgba(242,201,109,.32);background:radial-gradient(circle at 100% 0,rgba(40,102,199,.28),transparent 35%),linear-gradient(155deg,#101c35,#070b16 68%);box-shadow:-30px 0 90px rgba(0,0,0,.58);color:#fff;visibility:hidden;transform:translateX(105%);transition:transform .42s cubic-bezier(.16,1,.3,1),visibility .42s}
.hero-rewards-panel.open{visibility:visible;transform:none}.hero-rewards-close{position:absolute;right:18px;top:15px;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:linear-gradient(145deg,rgba(115,184,255,.2),rgba(232,64,81,.16));box-shadow:0 0 22px rgba(115,184,255,.14);color:#fff;font-size:26px;cursor:pointer}.hero-rewards-close:hover{border-color:#73b8ff;background:linear-gradient(145deg,#2866c7,#e84051);transform:rotate(90deg)}.rewards-kicker{display:flex;align-items:center;gap:9px;margin:25px 0 10px;color:#ffd86a;font-size:10px;font-weight:900;letter-spacing:.18em;text-shadow:0 0 18px rgba(255,216,106,.28)}.rewards-kicker span{font-size:20px}.hero-rewards-panel h2{margin:0;background:linear-gradient(90deg,#fff 12%,#9dcbff 52%,#ff8090);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:37px;letter-spacing:-.045em}.hero-rewards-panel>p:not(.rewards-kicker){margin:10px 0 27px;color:#c5d2e8;line-height:1.6}.reward-option{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;margin:13px 0;padding:17px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(115deg,rgba(232,64,81,.18),rgba(232,64,81,.045) 68%);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 3px 0 #ed5162;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.reward-option:nth-of-type(2){background:linear-gradient(115deg,rgba(40,102,199,.25),rgba(40,102,199,.05) 68%);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 3px 0 #73b8ff}.reward-option:nth-of-type(3){background:linear-gradient(115deg,rgba(25,203,157,.2),rgba(242,201,109,.05) 68%);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 3px 0 #2be0ad}.reward-option:hover{border-color:rgba(255,255,255,.34);box-shadow:0 14px 35px rgba(0,0,0,.28),0 0 22px rgba(232,64,81,.12),inset 3px 0 #ed5162;transform:translateY(-2px)}.reward-option:nth-of-type(2):hover{box-shadow:0 14px 35px rgba(0,0,0,.28),0 0 22px rgba(115,184,255,.15),inset 3px 0 #73b8ff}.reward-option:nth-of-type(3):hover{box-shadow:0 14px 35px rgba(0,0,0,.28),0 0 22px rgba(43,224,173,.13),inset 3px 0 #2be0ad}.reward-option>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#7b2946,#272f63);box-shadow:0 7px 18px rgba(232,64,81,.2);color:#ffd86a;font-weight:900}.reward-option:nth-of-type(2)>span{background:linear-gradient(145deg,#245fc1,#27346b);box-shadow:0 7px 18px rgba(40,102,199,.25)}.reward-option:nth-of-type(3)>span{background:linear-gradient(145deg,#087f77,#253765);box-shadow:0 7px 18px rgba(25,203,157,.2)}.reward-option div{display:grid;gap:4px}.reward-option b{font-size:14px}.reward-option small{color:#b3c0d6;font-size:11px;line-height:1.4}.reward-option button{grid-column:2;justify-self:start;padding:8px 14px;border:1px solid rgba(255,112,130,.68);border-radius:9px;background:linear-gradient(120deg,rgba(232,64,81,.32),rgba(232,64,81,.12));box-shadow:0 6px 16px rgba(232,64,81,.12);color:#ffdce1;font-size:10px;font-weight:900;cursor:pointer}.reward-option:nth-of-type(2) button{border-color:rgba(115,184,255,.72);background:linear-gradient(120deg,rgba(40,102,199,.38),rgba(40,102,199,.12));color:#dcecff}.reward-option:nth-of-type(3) button{border-color:rgba(43,224,173,.7);background:linear-gradient(120deg,rgba(25,203,157,.3),rgba(242,201,109,.1));color:#caffed}.reward-option button:hover{border-color:#ffd86a!important;background:linear-gradient(90deg,#ffd86a,#ff9d57)!important;box-shadow:0 8px 22px rgba(255,190,80,.25);color:#181007!important}.rewards-note{display:block;margin-top:22px;color:#8292aa;font-size:10px;line-height:1.5}.hero-rewards-shade{position:fixed;z-index:101;inset:0;background:rgba(2,5,12,.68);backdrop-filter:blur(9px);opacity:0;transition:opacity .35s}.hero-rewards-shade.open{opacity:1}body.rewards-open{overflow:hidden}
@keyframes hero-cinema-sweep{from{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes cinema-copy-in{from{opacity:0;transform:translateX(-28px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes cinema-particle{0%,100%{opacity:0;transform:translate3d(0,18px,0) scale(.5)}35%,65%{opacity:.85;transform:translate3d(10px,-12px,0) scale(1.15)}}@keyframes hero-cta-shine{0%,55%{transform:translateX(-125%)}80%,100%{transform:translateX(125%)}}@keyframes hero-dot-progress{from{transform:scaleX(0);opacity:.55}to{transform:scaleX(1);opacity:0}}
@media(max-width:700px){.hero-rewards-trigger{left:auto;right:12px;top:auto;bottom:58px;display:block;padding:5px;border-radius:50%}.hero-rewards-trigger>span{width:38px;height:38px;border-radius:50%;font-size:19px}.hero-rewards-trigger b,.hero-rewards-trigger small{display:none}.hero-cinema-particles i:nth-child(even){display:none}.hero-rewards-panel{padding:34px 18px}.hero-rewards-panel h2{font-size:31px}.hero-dots button.active::after{animation-duration:8.5s}}
@media(prefers-reduced-motion:reduce){.hero-carousel::before,.hero-carousel .hero-slide.active .hero-copy,.hero-cinema-particles i,.hero-carousel .button-primary::before,.hero-dots button.active::after{animation:none!important}.hero-carousel .hero-slide{filter:none;transform:none;transition:opacity .15s,visibility .15s}.hero-rewards-panel{transition:none}}
body.rewards-open .hero-carousel{z-index:100;overflow:visible}

/* Intensidad v2: movimiento ambiental claramente visible sin tapar el contenido. */
.hero-carousel::after{content:"";position:absolute;z-index:2;inset:-35%;background:conic-gradient(from 90deg at 64% 48%,transparent 0 18%,rgba(232,64,81,.12) 24%,transparent 31% 47%,rgba(115,184,255,.14) 54%,transparent 62% 78%,rgba(242,201,109,.1) 84%,transparent 91%);filter:blur(24px);animation:cinema-ambient-spin 16s linear infinite;pointer-events:none}
.hero-cinema-particles i{width:calc(var(--s) * 1.7);height:calc(var(--s) * 1.7);box-shadow:0 0 13px 4px var(--c);animation-name:cinema-particle-strong}
.hero-carousel .button-primary{animation:cinema-cta-pulse 2.4s ease-in-out infinite}
.hero-rewards-trigger{animation:cinema-rewards-pulse 2.8s ease-in-out infinite}
.hero-slide.active .hero-art{transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0);transition:transform .18s ease-out}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
  .hero-paraguay.active .paraguay-tiger{animation:paraguay-tiger-cinematic 3.8s ease-in-out infinite!important}
  .hero-paraguay.active .hero-game-card,.hero-paraguay.active .hero-game-card-main{animation-duration:8s!important}
  .hero-paraguay.active .hero-game-card span,.hero-paraguay.active .hero-game-card b,.hero-paraguay.active .hero-game-card img{animation-duration:8s!important}
  .hero-paraguay.active .hero-game-card:nth-child(1),.hero-paraguay.active .hero-game-card:nth-child(1) span,.hero-paraguay.active .hero-game-card:nth-child(1) b,.hero-paraguay.active .hero-game-card:nth-child(1) img{animation-delay:0s!important}
  .hero-paraguay.active .hero-game-card:nth-child(2),.hero-paraguay.active .hero-game-card:nth-child(2) span,.hero-paraguay.active .hero-game-card:nth-child(2) b,.hero-paraguay.active .hero-game-card:nth-child(2) img{animation-delay:-2.666s!important}
  .hero-paraguay.active .hero-game-card:nth-child(3),.hero-paraguay.active .hero-game-card:nth-child(3) span,.hero-paraguay.active .hero-game-card:nth-child(3) b,.hero-paraguay.active .hero-game-card:nth-child(3) img{animation-delay:-5.333s!important}
  .hero-paraguay.active .fortune-chip{animation-duration:3.4s!important}
  .hero-paraguay.active .hero-aurora{animation:hero-aurora-cinematic 9s linear infinite!important}
}
@keyframes cinema-ambient-spin{to{transform:rotate(360deg)}}
@keyframes cinema-particle-strong{0%,100%{opacity:.08;transform:translate3d(-6px,28px,0) scale(.55)}35%{opacity:1;transform:translate3d(12px,-18px,0) scale(1.45)}65%{opacity:.62;transform:translate3d(24px,-38px,0) scale(.9)}}
@keyframes cinema-cta-pulse{0%,100%{box-shadow:0 12px 35px rgba(232,64,81,.28),0 0 0 0 rgba(232,64,81,.24)}50%{box-shadow:0 16px 46px rgba(232,64,81,.48),0 0 0 8px rgba(232,64,81,0);transform:translateY(-2px)}}
@keyframes cinema-rewards-pulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 0 rgba(242,201,109,.28)}50%{box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 0 9px rgba(242,201,109,0);border-color:#ffe18a}}
@keyframes paraguay-tiger-cinematic{0%,100%{transform:translateX(-50%) translateY(5px) rotate(-1.4deg) scale(1)}50%{transform:translateX(-50%) translateY(-18px) rotate(1.4deg) scale(1.025)}}
@keyframes hero-aurora-cinematic{0%{transform:translate(-50%,-50%) rotate(0) scale(.92);opacity:.52}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.12);opacity:.9}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.92);opacity:.52}}
@media(max-width:700px){.hero-carousel::after{inset:-20%;animation-duration:20s}.hero-carousel .button-primary{animation-duration:3s}.hero-cinema-particles i{width:calc(var(--s) * 1.35);height:calc(var(--s) * 1.35)}}
@media(prefers-reduced-motion:reduce){.hero-carousel::after,.hero-carousel .button-primary,.hero-rewards-trigger{animation:none!important}.hero-slide.active .hero-art{transform:none!important}}
.hero-fortune-bags::before{content:"";position:absolute;z-index:0;inset:-18%;background:linear-gradient(rgba(12,10,29,.42),rgba(12,10,29,.72)),url("../providers/amigo/fortune-bags.webp?v=1") center/cover;filter:blur(16px) saturate(1.35);transform:scale(1.12);pointer-events:none}
.hero-fortune-bags img{object-fit:contain!important;background:rgba(18,9,34,.5)}
.hero-game-cards::before{content:"MÁS JUGADOS · ÚLTIMOS 7 DÍAS";position:absolute;left:0;top:-22px;width:100%;color:#f7d678;font-size:7px;font-weight:1000;letter-spacing:.13em;text-align:center;text-shadow:0 2px 10px #000;white-space:nowrap}
.hero-dynamic-game img{content:normal!important}
@media(max-width:700px){.hero-game-cards::before{top:-16px;font-size:5px;letter-spacing:.08em}}

/* Mantiene el acceso a beneficios fuera de las tarjetas en la portada móvil compacta. */
@media(max-width:700px){.hero-rewards-trigger{top:285px;right:12px;bottom:auto}}

/* En teléfonos, el acceso flotante cede espacio a la vitrina de juegos. */
@media(max-width:700px){.hero-rewards-trigger{display:none}}

/* Partículas bokeh inspiradas en el efecto de referencia, presentes en todos los banners. */
.hero-cinema-particles i:nth-child(n+13){filter:blur(2.5px);opacity:0;animation-name:cinema-bokeh-drift;mix-blend-mode:screen}
.hero-cinema-particles i:nth-child(13){--x:3%;--y:54%;--s:15px;--c:#f2c96d;--d:8.2s;--delay:-2.1s}
.hero-cinema-particles i:nth-child(14){--x:11%;--y:35%;--s:9px;--c:#fff4c3;--d:7.3s;--delay:-5.4s}
.hero-cinema-particles i:nth-child(15){--x:20%;--y:67%;--s:18px;--c:#ed5162;--d:9.1s;--delay:-3.7s}
.hero-cinema-particles i:nth-child(16){--x:29%;--y:41%;--s:11px;--c:#73b8ff;--d:7.8s;--delay:-1.4s}
.hero-cinema-particles i:nth-child(17){--x:39%;--y:78%;--s:14px;--c:#f2c96d;--d:8.7s;--delay:-6.2s}
.hero-cinema-particles i:nth-child(18){--x:47%;--y:25%;--s:8px;--c:#fff;--d:6.9s;--delay:-2.8s}
.hero-cinema-particles i:nth-child(19){--x:56%;--y:58%;--s:20px;--c:#73b8ff;--d:9.6s;--delay:-7.1s}
.hero-cinema-particles i:nth-child(20){--x:64%;--y:36%;--s:12px;--c:#f2c96d;--d:7.6s;--delay:-4.3s}
.hero-cinema-particles i:nth-child(21){--x:73%;--y:73%;--s:16px;--c:#ed5162;--d:8.9s;--delay:-1.9s}
.hero-cinema-particles i:nth-child(22){--x:82%;--y:45%;--s:9px;--c:#fff;--d:7.1s;--delay:-5.8s}
.hero-cinema-particles i:nth-child(23){--x:90%;--y:66%;--s:18px;--c:#73b8ff;--d:9.3s;--delay:-3.2s}
.hero-cinema-particles i:nth-child(24){--x:96%;--y:29%;--s:12px;--c:#f2c96d;--d:8s;--delay:-6.7s}
@keyframes cinema-bokeh-drift{0%,100%{opacity:.05;transform:translate3d(-14px,34px,0) scale(.55)}28%{opacity:.52;transform:translate3d(5px,8px,0) scale(1.12)}58%{opacity:.82;transform:translate3d(22px,-26px,0) scale(.82)}82%{opacity:.25;transform:translate3d(35px,-52px,0) scale(1.3)}}
@media(max-width:700px){.hero-cinema-particles i:nth-child(n+13){filter:blur(2px);opacity:0}.hero-cinema-particles i:nth-child(4n+1){display:none}}
@media(prefers-reduced-motion:reduce){.hero-cinema-particles i:nth-child(n+13){animation:none!important;opacity:.18}}
