@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--verde1: #4caf50;--verde2: #43a047;--verde3: #388e3c;--verde4: #2e7d32;--verde5: #1b5e20;--blanco: #fff;--amarillo: #ffe082}.header-futbol{position:relative;width:100%;padding:2rem 0 1.5rem;background:linear-gradient(120deg,var(--verde1),var(--verde3),var(--verde5));background-size:200% 200%;animation:bg-move 6s ease-in-out infinite;box-shadow:0 4px 16px #2c3e5026;text-align:center;overflow:hidden}@keyframes bg-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-title{font-family:Anton,sans-serif;font-size:3.5rem;color:var(--amarillo);letter-spacing:2px;margin:0;text-shadow:2px 2px 8px #1b5e20}.header-buttons{position:absolute;right:30px;top:30px;display:flex;gap:1rem}.head-btn{font-family:Anton,sans-serif;background:var(--blanco);color:var(--verde5);border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:1rem;font-weight:700;box-shadow:2px 2px 8px #1b5e20;cursor:pointer;transition:background .2s,color .2s,transform .2s}.head-btn:hover{background:var(--amarillo);color:var(--verde4);transform:scale(1.07)}.modal-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--blanco);border-radius:10px;padding:2rem 1.5rem 1rem;box-shadow:0 8px 32px #2c3e5040;min-width:340px;position:relative}.close-modal-btn{margin-top:1rem;background:var(--verde3);color:var(--blanco);border:none;border-radius:5px;padding:.5rem 1.2rem;font-size:1rem;font-family:Anton,sans-serif;cursor:pointer;transition:background .2s}.close-modal-btn:hover{background:var(--verde5)}.navbar-futbol{width:100%;display:flex;justify-content:center;gap:2rem;background:linear-gradient(90deg,var(--verde5),var(--verde2),var(--verde5));background-size:300% 100%;animation:navbar-move 8s linear infinite;padding:.7rem 0;box-shadow:0 2px 8px #2c3e501a}@keyframes navbar-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.nav-btn{font-family:Anton,sans-serif;color:var(--blanco);text-decoration:none;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:5px;transition:background .2s,color .2s,transform .2s}.nav-btn.active,.nav-btn:hover{background:var(--amarillo);color:var(--verde5);transform:scale(1.08)}@media (max-width: 900px){.header-title{font-size:2.2rem}.header-buttons{flex-direction:column;gap:.7rem;right:10px;top:10px;position:static;margin:0 auto}.navbar-futbol{flex-direction:column;gap:.7rem;padding:.7rem .2rem;font-size:1rem;align-items:center}.nav-btn{width:100%;text-align:center;font-size:1.05rem;padding:.7rem .5rem;margin:0}}@media (max-width: 700px){.header-title{font-size:1.5rem}.header-futbol{padding:1rem 0 .7rem}.navbar-futbol{flex-direction:column;gap:.5rem;padding:.5rem .1rem;font-size:.98rem}.nav-btn{font-size:1rem;padding:.6rem .2rem;border-radius:6px}}@media (max-width: 600px){.header-title{font-size:1.1rem}.header-futbol{padding:.5rem 0 .3rem}.header-buttons{flex-direction:column;gap:.5rem;width:100%;align-items:center}.navbar-futbol{flex-direction:column;gap:.3rem;padding:.3rem .05rem;font-size:.96rem;width:100vw;min-width:0}.nav-btn{font-size:.98rem;padding:.5rem .1rem;width:100%;min-width:0;border-radius:5px}}.home-futbol-bg{min-height:100vh;background:linear-gradient(135deg,#1de982 0%,#0b8c3a 100%);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;padding-bottom:0;animation:futbol-bg-move 10s ease-in-out infinite alternate}@keyframes futbol-bg-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.home-hero{width:100%;max-width:900px;margin:2.5rem auto 1.5rem;padding:2.5rem 2rem 2rem;text-align:center;position:relative;z-index:2;animation:fadeInDown 1s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.home-title{font-family:Anton,sans-serif;font-size:2.7rem;color:#0b8c3a;margin-bottom:.7rem;letter-spacing:2px}.home-title span{color:#1de982;text-shadow:1px 1px 8px #b2f7ef}.home-desc{font-size:1.25rem;color:#222;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;line-height:1.5}.home-highlight{color:#0b8c3a;font-weight:700;font-size:1.15em;letter-spacing:1px}.home-test-btn{background:linear-gradient(90deg,#1de982 0%,#0b8c3a 100%);color:#fff;border:none;border-radius:8px;padding:.7rem 2rem;font-size:1.1rem;font-family:Anton,sans-serif;font-weight:700;box-shadow:2px 2px 12px #b2f7ef;cursor:pointer;margin-bottom:1rem;transition:background .2s,color .2s,transform .2s}.home-test-btn:hover{background:linear-gradient(90deg,#0b8c3a 0%,#1de982 100%);color:#fff;transform:scale(1.05)}.home-db-status{color:#388e3c;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.home-error{color:#d32f2f;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.home-map-section{width:100%;max-width:950px;margin:0 auto 2rem;border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #2c3e501a;background:rgba(255,255,255,.92);padding:1rem 1rem 1.5rem;z-index:1}.home-footer{width:100%;background:linear-gradient(90deg,#0b8c3a 0%,#1de982 100%);color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;text-align:center;padding:1.2rem 0 .5rem;margin-top:auto;letter-spacing:1px;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -2px 8px #2c3e501a}.home-footer-small{font-size:.95rem;color:#b2f7ef;display:block;margin-top:.5rem}@media (max-width: 900px){.home-hero,.home-map-section{max-width:98vw;padding:1.2rem .5rem}}@media (max-width: 700px){.home-hero{padding:1rem .2rem;border-radius:10px}.home-title{font-size:1.5rem}}@media (max-width: 600px){.home-hero,.home-map-section{max-width:100vw;padding:.5rem .1rem;border-radius:0;box-shadow:none}.home-title{font-size:1.1rem}}.styled-section{margin:40px auto;background:linear-gradient(120deg,#e0f7fa 0%,#f7fff7 100%);border-radius:18px;box-shadow:0 4px 24px #b2f7ef77;padding:2.5rem 2rem;border:2px solid #b2f7ef;color:#007991;font-family:inherit}.styled-section-title{text-align:center;font-weight:900;font-size:32px;margin-bottom:18px;letter-spacing:1px;color:#007991}.styled-section-p{font-size:18px;line-height:1.7;margin-bottom:18px}.styled-section-highlight{color:#43a047;font-weight:700}.styled-section-success{color:#388e3c;font-weight:700}.styled-section-box{background:#fff;border-radius:12px;padding:1.2rem 1.5rem;margin:24px 0;box-shadow:0 2px 8px #b2f7ef44;border-left:6px solid #43e97b;font-size:17px}.styled-section-footer{text-align:center;margin-top:32px}.styled-section-hashtag{font-size:32px;color:#43e97b;font-weight:900;letter-spacing:2px;text-shadow:0 2px 8px #b2f7ef55}.container{max-width:350px;background:#F8F9FD;background:linear-gradient(0deg,rgb(255,255,255) 0%,rgb(244,247,251) 100%);border-radius:40px;padding:25px 35px;border:5px solid rgb(255,255,255);box-shadow:#85bdd7e0 0 30px 30px -20px;margin:20px auto}.heading{text-align:center;font-weight:900;font-size:30px;color:#0b8c3a}.form{margin-top:20px}.form .input{width:100%;background:white;border:none;padding:15px 20px;border-radius:20px;margin-top:15px;box-shadow:#cff0ff 0 10px 10px -5px;border-inline:2px solid transparent}.form .input::placeholder{color:#aaa}.form .input:focus{outline:none;border-inline:2px solid #0b8c3a}.form .forgot-password{display:block;margin-top:10px;margin-left:10px}.form .forgot-password a{font-size:11px;color:#09f;text-decoration:none}.form .login-button{display:block;width:100%;font-weight:700;background:linear-gradient(45deg,#0b8c3a 0%,#1de982 100%);color:#fff;padding-block:15px;margin:20px auto;border-radius:20px;box-shadow:#85bdd7e0 0 20px 10px -15px;border:none;transition:all .2s ease-in-out}.form .login-button:hover{transform:scale(1.03);box-shadow:#85bdd7e0 0 23px 10px -20px}.form .login-button:active{transform:scale(.95);box-shadow:#85bdd7e0 0 15px 10px -10px}.social-account-container{margin-top:25px}.social-account-container .title{display:block;text-align:center;font-size:10px;color:#aaa}.social-account-container .social-accounts{width:100%;display:flex;justify-content:center;gap:15px;margin-top:5px}.social-account-container .social-accounts .social-button{background:linear-gradient(45deg,rgb(0,0,0) 0%,rgb(112,112,112) 100%);border:5px solid white;padding:5px;border-radius:50%;width:40px;aspect-ratio:1;display:grid;place-content:center;box-shadow:#85bdd7e0 0 12px 10px -8px;transition:all .2s ease-in-out}.social-account-container .social-accounts .social-button .svg{fill:#fff;margin:auto}.social-account-container .social-accounts .social-button:hover{transform:scale(1.2)}.social-account-container .social-accounts .social-button:active{transform:scale(.9)}.agreement{display:block;text-align:center;margin-top:15px}.agreement a{text-decoration:none;color:#09f;font-size:9px}.otp-form{width:100%;max-width:370px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 4px 32px #1b5e2055;padding:2.2rem 1.5rem 2.5rem;position:relative;z-index:2;border:2px solid #43a047;display:flex;flex-direction:column;align-items:center}.otp-content{width:100%;display:flex;flex-direction:column;align-items:center}.otp-title{font-family:Bebas Neue,Impact,Arial,sans-serif;font-size:2rem;color:#388e3c;margin-bottom:1.2rem;letter-spacing:2px}.otp-email{width:100%;margin-bottom:1.2rem;padding:.7rem 1rem;border-radius:8px;border:1.5px solid #43a047;font-size:1.08rem;color:#388e3c;background:#f7fff7;outline:none}.otp-inp{display:flex;justify-content:center;gap:12px;margin-bottom:1.5rem}.otp-input{width:38px;height:48px;font-size:2rem;text-align:center;border-radius:8px;border:2px solid #43a047;background:#fff;color:#388e3c;font-family:Bebas Neue,Impact,Arial,sans-serif;outline:none;transition:border .2s}.otp-input:focus{border:2.5px solid #1de982;background:#e8ffe8}.otp-btn{width:100%;background:linear-gradient(90deg,#388e3c 0%,#43a047 100%);color:#fff;border:none;border-radius:10px;padding:.9rem 0;font-size:1.15rem;font-family:Bebas Neue,Impact,Arial,sans-serif;font-weight:700;margin-bottom:.8rem;cursor:pointer;box-shadow:0 2px 12px #43a04733;letter-spacing:1px;transition:background .2s,color .2s,transform .2s}.otp-btn:hover{background:linear-gradient(90deg,#43a047 0%,#388e3c 100%);color:#fff;transform:scale(1.04)}.otp-btn-resend{background:none;border:none;color:#388e3c;font-size:1rem;font-family:Montserrat,Arial,sans-serif;margin-bottom:1.2rem;cursor:pointer;text-decoration:underline;transition:color .2s}.otp-btn-resend:hover{color:#1de982}.otp-svg{width:80px;height:80px;display:block;margin:0 auto;opacity:.18;position:absolute;bottom:10px;right:10px;z-index:0}.reserve-bg{min-height:100vh;background:linear-gradient(120deg,#43e97b 0%,#38f9d7 100%);display:flex;align-items:center;justify-content:center;padding:2rem 0}.reserve-container{background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 8px 32px #2c3e502e;padding:2.5rem 2rem 2rem;min-width:350px;max-width:700px;width:100%}.reserve-title{font-family:Anton,sans-serif;font-size:2rem;color:#0b8c3a;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.reserve-error{color:#d32f2f;font-weight:600;margin-bottom:1rem;text-align:center}.reserve-success{color:#388e3c;font-weight:600;margin-bottom:1rem;text-align:center}.reserve-empty{color:#888;font-size:1.1rem;text-align:center;margin:2rem 0}.reserve-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.reserve-card{background:linear-gradient(120deg,#e0ffe8 0%,#e0f7fa 100%);border-radius:12px;box-shadow:0 4px 16px #2c3e501a;padding:1.2rem 1.5rem;min-width:220px;max-width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;border:2px solid #43e97b;transition:transform .15s;position:relative}.reserve-card:hover{transform:scale(1.04);border-color:#0b8c3a}.reserve-card-label{font-weight:700;color:#0b8c3a;margin-right:4px}.reserve-btn{margin-top:.5rem;background:linear-gradient(90deg,#43e97b 0%,#0b8c3a 100%);color:#fff;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:1rem;font-family:Anton,sans-serif;font-weight:700;box-shadow:2px 2px 12px #b2f7ef;cursor:pointer;transition:background .2s,color .2s,transform .2s}.reserve-btn:hover:enabled{background:linear-gradient(90deg,#0b8c3a 0%,#43e97b 100%);color:#fff;transform:scale(1.05)}.reserve-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1100px){.reserve-container{flex-direction:column!important;max-width:99vw;min-width:unset;padding:1.2rem .5rem;gap:18px!important}}@media (max-width: 900px){.reserve-bg{padding:.5rem 0}.reserve-container{max-width:99vw;min-width:unset;padding:1.2rem .5rem;flex-direction:column!important;gap:18px!important;box-shadow:0 2px 8px #43e97b33}.reserve-cards{flex-direction:column;gap:1rem}.reserve-card{min-width:unset;max-width:100%;width:100%}}@media (max-width: 700px){.reserve-container{padding:.7rem .1rem;border-radius:10px;flex-direction:column!important;gap:12px!important}.reserve-title{font-size:1.3rem}.reserve-card{font-size:1rem;padding:.7rem}}@media (max-width: 600px){.reserve-bg{padding:.2rem 0}.reserve-container{max-width:100vw;min-width:unset;padding:.1rem .01rem;border-radius:0;box-shadow:none;flex-direction:column!important;gap:8px!important}.reserve-title{font-size:1.05rem;margin-bottom:.7rem}.reserve-cards{flex-direction:column;gap:.7rem}.reserve-card{padding:.6rem .4rem;border-radius:7px;font-size:.97rem;min-width:unset;max-width:100vw;width:100%}.reserve-btn{width:100%;font-size:.98rem;padding:.5rem .7rem}}@media (max-width: 500px){.reserve-container{padding:.05rem .01rem}.reserve-card{padding:.4rem .2rem;font-size:.95rem}.reserve-btn{font-size:.95rem;padding:.5rem}}@media (max-width: 900px){.reserve-container{flex-direction:column!important;gap:18px!important}.reserve-panel-left,.reserve-panel-right{max-width:100vw!important;min-width:unset!important;padding:.5rem .1rem!important}}@media (max-width: 700px){.reserve-panel-left,.reserve-panel-right{padding:.2rem .05rem!important;border-radius:0!important;box-shadow:none!important}}.manage-courts-bg{min-height:100vh;background:linear-gradient(120deg,#43e97b 0%,#38f9d7 100%);display:flex;align-items:flex-start;justify-content:center;padding:2rem 0}.manage-courts-panel{background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 8px 32px #2c3e502e;padding:2.5rem 2rem 2rem;min-width:350px;max-width:1200px;width:100%}.manage-title{font-family:Anton,sans-serif;font-size:2.2rem;color:#0b8c3a;margin-bottom:.5rem;text-align:center;letter-spacing:1px}.manage-desc{text-align:center;color:#444;margin-bottom:1.5rem}.manage-error{color:#d32f2f;font-weight:600;margin-bottom:1rem;text-align:center}.manage-loading{color:#0b8c3a;font-weight:600;margin-bottom:1rem;text-align:center}.manage-flex{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}.manage-list{min-width:220px;background:#e0ffe8;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #b2f7ef;flex:1;max-width:250px}.manage-court-btn{width:100%;background:#fff;color:#0b8c3a;border:2px solid #43e97b;border-radius:6px;padding:.5rem 1rem;margin-bottom:6px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border .2s}.manage-court-btn.selected,.manage-court-btn:hover{background:#43e97b;color:#fff;border:2px solid #0b8c3a}.manage-detail{background:#f8fff8;border-radius:10px;padding:1.2rem 1.5rem;box-shadow:0 2px 8px #b2f7ef;flex:2;min-width:320px;max-width:420px}.manage-horarios{list-style:none;padding:0;margin:0 0 1rem}.manage-horarios li{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem;background:#e0f7fa;border-radius:6px;padding:.4rem .7rem;font-size:1rem}.manage-horario-fecha,.manage-horario-hora{font-weight:600;color:#0b8c3a}.manage-horario-estado{font-weight:700;padding:2px 10px;border-radius:8px;font-size:.95em}.manage-horario-estado.disponible{background:#c8ffd6;color:#0b8c3a}.manage-horario-estado.reservado{background:#ffd6d6;color:#d32f2f}.manage-form-horario{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.manage-form-horario input,.manage-form-horario button{padding:.4rem .7rem;border-radius:6px;border:1px solid #43e97b;font-size:1rem}.manage-form-horario button{background:#43e97b;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .2s}.manage-form-horario button:hover{background:#0b8c3a}.manage-register{min-width:350px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #b2f7ef;padding:2rem;flex:1;max-width:400px}.manage-register h3{margin-top:0}.manage-register form label{font-weight:600;color:#0b8c3a;margin-top:.5rem;display:block}.manage-register form input[type=text],.manage-register form input[type=number],.manage-register form input[type=file]{width:100%;margin-bottom:12px;padding:.5rem;border-radius:6px;border:1px solid #43e97b;font-size:1rem}.manage-register form button{margin-top:10px;padding:10px 30px;border-radius:8px;background:#007991;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .2s}.manage-register form button:hover{background:#43e97b}@media (max-width: 1100px){.manage-courts-panel{flex-direction:column!important;padding:1.2rem .5rem;min-width:unset;max-width:99vw}.manage-flex{flex-direction:column;gap:1rem}}@media (max-width: 800px){.manage-courts-bg{padding:.5rem 0}.manage-courts-panel{padding:1rem .2rem;border-radius:10px}.manage-title{font-size:1.3rem}.manage-list,.manage-detail,.manage-register{max-width:100vw;min-width:unset;padding:1rem}}@media (max-width: 600px){.manage-courts-panel{flex-direction:column!important;padding:.2rem .1rem;border-radius:0;box-shadow:none}.manage-list,.manage-detail,.manage-register{padding:.7rem;border-radius:6px;font-size:.98rem}.manage-courts-panel{min-width:unset;max-width:100vw}}@media (max-width: 900px){.manage-courts-panel{flex-direction:column!important;gap:18px!important}.manage-list,.manage-detail,.manage-register{max-width:100vw!important;min-width:unset!important;padding:.5rem .1rem!important}}@media (max-width: 700px){.manage-list,.manage-detail,.manage-register{padding:.2rem .05rem!important;border-radius:0!important;box-shadow:none!important}}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.estadisticas-fullwidth-bg{position:relative;left:0;top:0;width:70vw!important;min-width:70vw!important;max-width:70vw!important;margin:0!important;transform:translate(-400px);padding:0!important;background:#fff;border-radius:0!important;box-shadow:none!important;min-height:calc(100vh - 180px);box-sizing:border-box;overflow-x:hidden;display:flex;justify-content:flex-start;align-items:flex-start;z-index:1}.estadisticas-fullwidth-bg>div{width:70vw!important;max-width:70vw!important;margin:0!important;padding:32px 0!important;box-sizing:border-box}@media (max-width: 700px){.estadisticas-fullwidth-bg{width:100vw!important;min-width:100vw!important;max-width:100vw!important;transform:none!important;padding:0!important;border-radius:0!important;min-height:unset;overflow-x:auto}.estadisticas-fullwidth-bg>div{width:100vw!important;max-width:100vw!important;padding:18px 8px!important;border-radius:12px!important}}body,#root{padding:0!important;margin:0!important}.admin-users-panel{background:#fff;border-radius:18px;box-shadow:0 8px 32px #43e97b22;padding:2.5rem 2rem;margin:2rem auto;max-width:1200px;min-height:500px;overflow-x:auto;font-family:Montserrat,Arial,sans-serif;position:relative}.admin-users-title{text-align:center;margin-bottom:32px;color:#388e3c;font-weight:800;font-size:2.1rem;letter-spacing:1px}.admin-users-header{display:flex;justify-content:space-between;margin-bottom:18px;align-items:center}.admin-users-search{padding:10px 18px;border-radius:8px;border:1.5px solid #43e97b;font-size:1.08rem;width:260px;margin-right:16px;outline:none;box-shadow:0 2px 8px #43e97b11}.admin-users-btn{background:linear-gradient(90deg,#43e97b 0%,#38f9d7 100%);color:#fff;border:none;border-radius:8px;padding:10px 32px;font-weight:700;font-size:1.08rem;box-shadow:0 2px 12px #43e97b33;cursor:pointer;transition:all .18s cubic-bezier(.4,2,.6,1)}.admin-users-btn:hover{transform:scale(1.09) rotate(-2deg) translateY(-2px);box-shadow:0 8px 24px #43e97b55;background:linear-gradient(90deg,#38f9d7 0%,#43e97b 100%);filter:brightness(1.08)}.admin-users-table{width:100%;border-collapse:separate;border-spacing:0;background:#f8fffe;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #43e97b11;animation:slideDownTable .8s cubic-bezier(.4,2,.6,1)}.admin-users-table th{padding:14px;color:#388e3c;font-weight:700;font-size:1.07rem;background:linear-gradient(90deg,#e0ffe8 0%,#e0f7fa 100%)}.admin-users-table td{padding:12px}.admin-users-row{transition:background .2s;animation:fadeInRow .7s both}.admin-users-row:nth-child(2n){background:#f4fefb}.admin-users-row:nth-child(odd){background:#fff}.admin-users-row:hover{background:#e0ffe8!important;transition:background .18s}.admin-users-row.row-highlight{animation:highlightRow 1.2s}@keyframes fadeInRow{0%{opacity:0;transform:translateY(40px) scale(.97) skewY(2deg);filter:blur(2px)}60%{opacity:1;transform:translateY(-4px) scale(1.01) skewY(-1deg);filter:blur(.5px)}to{opacity:1;transform:translateY(0) scale(1) skewY(0);filter:blur(0)}}@keyframes slideDownTable{0%{opacity:0;transform:translateY(-60px) scale(.98) skewY(-2deg);filter:blur(3px)}80%{opacity:1;transform:translateY(4px) scale(1.01) skewY(1deg);filter:blur(.5px)}to{opacity:1;transform:translateY(0) scale(1) skewY(0);filter:blur(0)}}@keyframes highlightRow{0%{background:#fffbe6}to{background:inherit}}.admin-users-input,.admin-users-select{padding:8px;border-radius:6px;border:1.5px solid #43e97b;width:100%;font-size:1rem}.admin-users-action-btn{border:none;border-radius:6px;padding:7px 18px;font-weight:700;cursor:pointer;margin-right:8px;box-shadow:0 2px 8px #43e97b33;transition:all .18s cubic-bezier(.4,2,.6,1)}.admin-users-action-btn.save{background:#43e97b;color:#fff}.admin-users-action-btn.cancel{background:#e0e0e0;color:#333}.admin-users-action-btn.edit{background:linear-gradient(90deg,#43e97b 0%,#38f9d7 100%);color:#fff}.admin-users-action-btn.delete{background:#d32f2f;color:#fff;box-shadow:0 2px 8px #d32f2f33}.admin-users-action-btn:active{transform:scale(.97)}@media (max-width: 1200px){.admin-users-panel{max-width:99vw;padding:1.2rem .5rem;border-radius:12px}}@media (max-width: 900px){.admin-users-panel{max-width:100vw;padding:1rem .2rem;border-radius:10px;min-width:unset;overflow-x:auto}.admin-users-table th,.admin-users-table td{font-size:.98rem;padding:10px 6px}}@media (max-width: 700px){.admin-users-panel{padding:.7rem .1rem;border-radius:8px;min-width:unset}.admin-users-title{font-size:1.3rem}.admin-users-table th,.admin-users-table td{font-size:.93rem;padding:8px 4px}}@media (max-width: 600px){.admin-users-panel{padding:.3rem .01rem;border-radius:0;min-width:0;box-shadow:none}.admin-users-title{font-size:1.1rem}.admin-users-table{font-size:.9rem;min-width:600px;width:100vw;overflow-x:auto;display:block}.admin-users-table th,.admin-users-table td{font-size:.9rem;padding:6px 2px;word-break:break-word}}html,body,#root{height:100%}body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}.futbol-header-bg{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);position:relative;overflow:hidden}.futbol-header-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0px,rgba(255,255,255,.12) 2px,transparent 2px,transparent 40px);pointer-events:none;z-index:0;opacity:.7}.pretty-header-bg{background:linear-gradient(120deg,#00c6fb 0%,#005bea 100%);position:relative;overflow:hidden}.pretty-header-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,#43e97b33 0%,transparent 60%),radial-gradient(circle at 20% 80%,#38f9d733 0%,transparent 60%),repeating-radial-gradient(circle at 50% 50%,#fff2 0 2px,transparent 2px 40px);pointer-events:none;z-index:0;opacity:.7}@keyframes ball-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes fadeinBadge{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:.97;transform:translateY(0) scale(1)}}.pretty-btn:hover,.pretty-btn:focus{filter:brightness(1.08) drop-shadow(0 2px 12px #005bea55);transform:translateY(-2px) scale(1.04)}.user-greeting-animated:hover .pretty-badge,.user-greeting-animated:focus .pretty-badge{box-shadow:0 8px 32px #00c6fb55;transform:scale(1.05);background:rgba(255,255,255,.82)}.user-greeting-animated:hover .pretty-avatar,.user-greeting-animated:focus .pretty-avatar{transform:translateY(-50%) scale(1.13) rotate(-6deg);box-shadow:0 0 0 8px #00c6fb55,0 0 32px 8px #005bea99;background-position:100% 50%;transition:background-position .6s}.pretty-avatar{animation:avatar-gradient-move 6s linear infinite alternate}@keyframes avatar-gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.main-footer{width:100%;margin-top:auto}.pretty-footer-bg{background:linear-gradient(90deg,#00c6fb 0%,#005bea 100%)}.football-header-bg{background:linear-gradient(135deg,#388e3c 0%,#43a047 100%);position:relative;overflow:hidden}.football-header-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0px,rgba(255,255,255,.13) 2px,transparent 2px,transparent 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 40px);pointer-events:none;z-index:0;opacity:.7}.football-footer-bg{background:linear-gradient(135deg,#388e3c 0%,#43a047 100%);position:relative;overflow:hidden}.football-footer-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0px,rgba(255,255,255,.13) 2px,transparent 2px,transparent 40px);pointer-events:none;z-index:0;opacity:.7}.football-home-bg{background:linear-gradient(135deg,#388e3c 0%,#43a047 100%);min-height:100vh;position:relative;overflow:hidden}.football-home-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#fff 0 4px,transparent 4px 100%),linear-gradient(to top,#fff 0 4px,transparent 4px 100%),linear-gradient(to right,#fff 0 4px,transparent 4px 100%),linear-gradient(to left,#fff 0 4px,transparent 4px 100%),linear-gradient(to right,transparent 49.7%,#fff 49.7%,#fff 50.3%,transparent 50.3%),linear-gradient(to right,#fff 0 3px,transparent 3px 100%),linear-gradient(to left,#fff 0 3px,transparent 3px 100%),radial-gradient(ellipse 60px 60px at 0% 50%,transparent 0 44px,#fff 44px 48px,transparent 48px 60px),radial-gradient(ellipse 60px 60px at 100% 50%,transparent 0 44px,#fff 44px 48px,transparent 48px 60px),radial-gradient(circle at 0 0,transparent 0 38px,#fff 38px 44px,transparent 44px 60px),radial-gradient(circle at 100% 0,transparent 0 38px,#fff 38px 44px,transparent 44px 60px),radial-gradient(circle at 0 100%,transparent 0 38px,#fff 38px 44px,transparent 44px 60px),radial-gradient(circle at 100% 100%,transparent 0 38px,#fff 38px 44px,transparent 44px 60px);background-repeat:no-repeat;background-size:100% 4px,100% 4px,4px 100%,4px 100%,100% 100%,80px 180px,80px 180px,120px 120px,120px 120px,90px 90px,90px 90px,90px 90px,90px 90px;background-position:top left,bottom left,top left,top right,center,left center,right center,left center,right center,top left,top right,bottom left,bottom right;opacity:.85}.football-home-bg:after{content:"";position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:none;z-index:1;opacity:.95;box-shadow:0 0 0 8px #ffffff14}.football-home-bg .center-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;z-index:2;box-shadow:0 0 8px 2px #fff,0 0 0 8px #388e3c40;opacity:.95}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){html,body,#root{font-size:15px}}@media (max-width: 700px){html,body,#root{font-size:14px}}@media (max-width: 600px){html,body,#root{font-size:13px}}