/* 06-preloader-stadium.css
   Extracted from the approved La Laguna commercial demo. Keep order in index.html. */

/* Preloader estilo estadio México 2026, inspirado en la última referencia compartida. Mantiene el mismo ID para conservar la lógica LEPreloader. */
    #mxWorldcupPreloader.mx-preloader-stadium{
      position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;
      background:linear-gradient(180deg,#004e35 0%,#063b2b 46%,#071b12 100%)!important;
      color:#fff;transition:opacity .72s ease,visibility .72s ease,transform .72s ease;isolation:isolate;
    }
    #mxWorldcupPreloader.mx-preloader-stadium:before{
      content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 2px,transparent 2px);background-size:30px 30px;opacity:.92;z-index:0;
    }
    #mxWorldcupPreloader.mx-preloader-stadium:after{
      content:'';position:absolute;inset:-12%;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 50% 72%,rgba(245,158,11,.16),transparent 34%);z-index:0;pointer-events:none;
    }
    #mxWorldcupPreloader.mx-preloader-stadium.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.035)}
    .mx-stadium-band{position:absolute;left:0;right:0;height:14px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:3;box-shadow:0 8px 28px rgba(0,0,0,.22)}
    .mx-stadium-band.top{top:0}.mx-stadium-band.bottom{bottom:0;box-shadow:0 -8px 28px rgba(0,0,0,.18)}
    .mx-stadium-band span:nth-child(1){background:#006847}.mx-stadium-band span:nth-child(2){background:#fff}.mx-stadium-band span:nth-child(3){background:#CE1126}
    .mx-stadium-glow{position:absolute;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);filter:blur(10px);z-index:0;animation:mxStadiumGlow 2.6s ease-in-out infinite alternate;}
    .mx-stadium-card{position:relative;z-index:2;width:min(92vw,860px);min-height:min(82vh,690px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.8rem 1.4rem 3rem;}
    .mx-ball-stage{position:relative;width:156px;height:170px;margin-bottom:2.1rem;filter:drop-shadow(0 24px 22px rgba(0,0,0,.34));}
    .mx-ball-svg-wrap{position:absolute;left:50%;top:0;width:132px;height:132px;transform:translateX(-50%);animation:mxBallBounce .58s alternate infinite ease-in;z-index:3;}
    .mx-ball-svg-wrap svg{width:100%;height:100%;display:block;animation:mxBallSpin 2s linear infinite;}
    .mx-ball-ground-shadow{position:absolute;left:50%;bottom:0;width:92px;height:18px;background:rgba(0,0,0,.54);border-radius:999px;filter:blur(7px);transform:translateX(-50%);animation:mxBallShadow .58s alternate infinite ease-in;z-index:1;}
    .mx-stadium-title{font-family:'Space Grotesk','Plus Jakarta Sans',Inter,system-ui,sans-serif;font-size:clamp(3.7rem,11vw,6.8rem);line-height:.86;letter-spacing:-.075em;font-weight:900;color:#fff;text-shadow:0 18px 44px rgba(0,0,0,.36);margin:0;}
    .mx-stadium-title span{color:#FBBF24;text-shadow:0 10px 34px rgba(251,191,36,.38)}
    .mx-stadium-slogan{margin-top:.8rem;background:#fff;color:#CE1126;border:1px solid rgba(226,232,240,.9);box-shadow:0 14px 30px rgba(0,0,0,.18);border-radius:.58rem;padding:.46rem 1.18rem;font-size:clamp(.85rem,2.4vw,1.05rem);font-weight:950;text-transform:uppercase;letter-spacing:.16em;}
    .mx-stadium-copy{margin-top:1.25rem;max-width:650px;color:rgba(255,255,255,.82);font-size:.82rem;line-height:1.65;font-weight:800;text-transform:uppercase;letter-spacing:.16em;border-top:1px solid rgba(255,255,255,.22);padding-top:1.1rem;}
    .mx-stadium-dots{display:inline-flex;align-items:center;gap:.32rem;margin:0 .45rem;vertical-align:middle;}
    .mx-stadium-dots i{display:block;width:7px;height:7px;border-radius:999px;animation:mxDotBounce .8s ease-in-out infinite;}
    .mx-stadium-dots i:nth-child(1){background:#006847}.mx-stadium-dots i:nth-child(2){background:#fff;animation-delay:.12s}.mx-stadium-dots i:nth-child(3){background:#CE1126;animation-delay:.24s}
    .mx-stadium-status{margin-top:1.45rem;display:inline-flex;align-items:center;gap:.72rem;background:rgba(15,23,42,.70);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:.82rem 1.1rem;box-shadow:0 18px 40px -22px rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
    .mx-stadium-status .mx-loading-dot{height:10px;width:10px;border-radius:999px;background:#FBBF24;box-shadow:0 0 0 0 rgba(251,191,36,.7);animation:mxPulse 1.2s infinite;}
    .mx-stadium-status-text{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
    .mx-stadium-skip{margin-top:1rem;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.84);border-radius:999px;padding:.56rem 1rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;cursor:pointer;transition:.18s;}
    .mx-stadium-skip:hover{background:#fff;color:#0f172a;transform:translateY(-1px)}
    @keyframes mxBallBounce{0%{transform:translate(-50%,-42px) scaleY(1)}100%{transform:translate(-50%,22px) scaleY(.86)}}
    @keyframes mxBallSpin{to{transform:rotate(360deg)}}
    @keyframes mxBallShadow{0%{transform:translateX(-50%) scale(1.05);opacity:.22}100%{transform:translateX(-50%) scale(.62);opacity:.72}}
    @keyframes mxDotBounce{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-7px);opacity:1}}
    @keyframes mxStadiumGlow{from{transform:scale(.95);opacity:.65}to{transform:scale(1.1);opacity:1}}
    @media (max-width:820px){
      .mx-stadium-card{min-height:100dvh;padding:4.6rem 1rem 2.6rem}.mx-ball-stage{width:132px;height:148px;margin-bottom:1.55rem}.mx-ball-svg-wrap{width:108px;height:108px}.mx-stadium-title{font-size:clamp(3.25rem,18vw,5rem)}.mx-stadium-slogan{letter-spacing:.10em;padding:.42rem .85rem}.mx-stadium-copy{font-size:.68rem;letter-spacing:.11em;max-width:340px}.mx-stadium-status{width:min(92vw,390px);justify-content:center}.mx-stadium-status-text{font-size:.65rem}.mx-stadium-band{height:11px}
    }
    @media (prefers-reduced-motion:reduce){.mx-ball-svg-wrap,.mx-ball-svg-wrap svg,.mx-ball-ground-shadow,.mx-stadium-dots i,.mx-stadium-glow{animation:none!important}}