@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700&display=swap";:root{--color-primary: #c8372d;--color-secondary: #1f56c6;--color-accent: #a7bf32;--color-white-ball: #f2eee2;--color-bg-dark: #050b16;--color-bg-darker: #07142a;--color-bg-darkest: #040814;--font-display: "Bebas Neue", cursive;--font-body: "Roboto", sans-serif}.master-title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.master-title-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.master-title-los{font-family:var(--font-display);font-size:clamp(24px,5vw,40px);color:var(--color-primary);letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 10px rgba(200,55,45,.46),0 0 20px rgba(200,55,45,.24),0 0 36px rgba(200,55,45,.14);animation:flicker 3s infinite}.master-title-juegos-row{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px)}.master-title-juegos{font-family:var(--font-display);font-size:clamp(48px,12vw,100px);color:var(--color-white-ball);letter-spacing:clamp(4px,1vw,12px);text-transform:uppercase;text-shadow:0 0 12px rgba(31,86,198,.52),0 0 28px rgba(31,86,198,.32),0 0 52px rgba(200,55,45,.12),2px 2px 0 #020611,-2px -2px 0 #020611;animation:glow 2s ease-in-out infinite alternate}.master-icon{width:clamp(25px,5vw,45px);height:clamp(25px,5vw,45px);display:flex;align-items:center;justify-content:center;animation:iconPulse 2s ease-in-out infinite}.master-icon-circle{width:100%;height:100%;border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 0 10px #c8372d52,inset 0 0 10px #c8372d1a}.master-icon-triangle{width:0;height:0;border-left:clamp(12px,2.5vw,22px) solid transparent;border-right:clamp(12px,2.5vw,22px) solid transparent;border-bottom:clamp(22px,4.5vw,40px) solid var(--color-secondary);filter:drop-shadow(0 0 10px rgba(31,86,198,.36))}.master-icon-square{width:80%;height:80%;border:3px solid var(--color-accent);box-shadow:0 0 10px #a7bf3233,inset 0 0 10px #a7bf3214}.master-title-del{font-family:var(--font-display);font-size:clamp(24px,5vw,40px);color:var(--color-secondary);letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 10px rgba(31,86,198,.5),0 0 20px rgba(31,86,198,.26);animation:flicker 3s infinite .5s}.master-title-master{font-family:var(--font-display);font-size:clamp(36px,10vw,80px);color:var(--color-white-ball);letter-spacing:clamp(6px,1.5vw,15px);text-transform:uppercase;text-shadow:0 0 10px rgba(31,86,198,.48),0 0 26px rgba(31,86,198,.28),0 0 44px rgba(167,191,50,.1),2px 2px 0 #020611,-2px -2px 0 #020611;animation:glowCyan 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(31,86,198,.42),0 0 28px rgba(31,86,198,.26),0 0 52px rgba(200,55,45,.1),2px 2px 0 #020611,-2px -2px 0 #020611}to{text-shadow:0 0 16px rgba(31,86,198,.58),0 0 38px rgba(31,86,198,.36),0 0 64px rgba(200,55,45,.16),2px 2px 0 #020611,-2px -2px 0 #020611}}@keyframes glowCyan{0%{text-shadow:0 0 10px rgba(31,86,198,.42),0 0 26px rgba(31,86,198,.24),0 0 46px rgba(167,191,50,.08),2px 2px 0 #020611,-2px -2px 0 #020611}to{text-shadow:0 0 16px rgba(31,86,198,.56),0 0 34px rgba(31,86,198,.34),0 0 58px rgba(167,191,50,.12),2px 2px 0 #020611,-2px -2px 0 #020611}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.82}52%{opacity:1}54%{opacity:.9}56%{opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.84}}.master-title-compact{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,15px);flex-wrap:wrap}.master-title-compact .master-title-text{font-family:var(--font-display);font-size:clamp(20px,4vw,32px);color:var(--color-white-ball);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 10px rgba(31,86,198,.46),0 0 20px rgba(31,86,198,.24)}.master-title-compact .master-icon{width:clamp(18px,3vw,28px);height:clamp(18px,3vw,28px)}.master-title-compact .master-icon-circle{border-width:2px}.master-title-compact .master-icon-triangle{border-left-width:clamp(9px,1.5vw,14px);border-right-width:clamp(9px,1.5vw,14px);border-bottom-width:clamp(16px,2.5vw,24px)}.master-title-compact .master-icon-square{border-width:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 50%,var(--color-bg-darkest) 100%);color:var(--color-white-ball);min-height:100vh;overflow-x:hidden}.squid-container{min-height:100vh;background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 50%,var(--color-bg-darkest) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(15px,4vw,40px);position:relative;overflow-x:hidden}.squid-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(200,55,45,.055) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(31,86,198,.085) 0%,transparent 20%),radial-gradient(circle at 50% 70%,rgba(167,191,50,.026) 0%,transparent 24%);pointer-events:none;z-index:0}.squid-card{background:#f2eee207;border:2px solid rgba(31,86,198,.24);border-radius:0;padding:clamp(20px,5vw,40px);box-shadow:0 8px 32px #00000073,0 0 24px #1f56c612;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:min(680px,95vw);position:relative;z-index:1;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.squid-title{font-family:var(--font-display);color:var(--color-white-ball);font-size:clamp(28px,7vw,48px);letter-spacing:clamp(2px,.5vw,4px);text-transform:uppercase;text-align:center;margin-bottom:clamp(15px,4vw,30px);text-shadow:0 0 18px rgba(31,86,198,.32);background:linear-gradient(90deg,var(--color-white-ball),var(--color-secondary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.squid-subtitle{font-family:var(--font-display);color:var(--color-secondary);font-size:clamp(18px,4vw,28px);letter-spacing:clamp(1px,.3vw,2px);text-transform:uppercase;margin-bottom:clamp(12px,3vw,20px)}.squid-logo{width:clamp(80px,20vw,140px);display:block;margin:0 auto clamp(15px,4vw,25px);filter:drop-shadow(0 0 14px rgba(31,86,198,.26));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.squid-form{display:flex;flex-direction:column;gap:clamp(12px,3vw,18px)}.squid-label{font-size:clamp(11px,1.5vw,13px);color:var(--color-white-ball);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:6px}.squid-input,.squid-select,.squid-textarea{width:100%;padding:clamp(10px,2.5vw,14px) clamp(12px,3vw,18px);background:#0000005c;border:2px solid rgba(31,86,198,.26);border-radius:0;color:var(--color-white-ball);font-size:clamp(12px,1.5vw,14px);font-family:var(--font-body);outline:none;transition:all .3s ease}.squid-input:focus,.squid-select:focus,.squid-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 14px #1f56c63d}.squid-input::placeholder{color:#f2eee252;text-transform:uppercase;font-size:clamp(10px,1.3vw,12px);letter-spacing:1px}.squid-btn{background:#1f56c617;color:var(--color-white-ball);border:2px solid var(--color-secondary);padding:clamp(12px,3vw,16px) clamp(20px,5vw,40px);border-radius:0;cursor:pointer;font-size:clamp(12px,1.8vw,15px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(1.5px,.3vw,2.5px);transition:all .3s ease;position:relative;overflow:hidden;z-index:1;font-family:var(--font-body);width:100%;text-align:center}.squid-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));transition:left .4s ease;z-index:-1}.squid-btn:hover:before{left:0}.squid-btn:hover{color:var(--color-white-ball);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 28px #1f56c63d}.squid-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.squid-btn-secondary{background:#a7bf320b;color:var(--color-accent);border-color:#a7bf326b}.squid-btn-secondary:before{background:linear-gradient(90deg,var(--color-secondary),var(--color-accent))}.squid-btn-accent{background:#c8372d14;color:var(--color-primary);border-color:var(--color-primary)}.squid-message{padding:clamp(10px,2.5vw,15px);margin-top:clamp(10px,2.5vw,15px);background:#1f56c617;border:2px solid var(--color-secondary);color:var(--color-secondary);font-size:clamp(11px,1.5vw,13px);text-transform:uppercase;letter-spacing:1px;text-align:center;animation:fadeIn .3s ease}.squid-message.success{background:#a7bf320b;border-color:var(--color-accent);color:var(--color-accent)}.squid-message.error{background:#c8372d1a;border-color:var(--color-primary);color:var(--color-primary)}.squid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(12px,3vw,25px);margin:clamp(15px,4vw,30px) 0}.squid-card-small{background:#0000005c;border:2px solid rgba(31,86,198,.23);border-radius:0;padding:clamp(15px,4vw,25px);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.squid-card-small:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(31,86,198,.085) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.squid-card-small:hover:before{opacity:1}.squid-card-small:hover{border-color:var(--color-secondary);box-shadow:0 0 26px #1f56c638;transform:translateY(-5px)}.squid-checkbox-group{display:flex;align-items:center;gap:clamp(8px,2vw,12px);margin:clamp(8px,2vw,12px) 0}.squid-checkbox{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer}.squid-checkbox-label{font-size:clamp(11px,1.5vw,13px);color:#f2eee2cc;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.squid-password-wrapper{position:relative}.squid-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-accent);cursor:pointer;font-size:clamp(10px,1.3vw,12px);text-transform:uppercase;letter-spacing:1px;padding:4px 8px;transition:color .3s ease}.squid-password-toggle:hover{color:var(--color-primary)}.squid-table{width:100%;border-collapse:collapse;margin:clamp(15px,4vw,25px) 0;overflow-x:auto;display:block}.squid-table thead{background:#1f56c621;border-bottom:2px solid var(--color-secondary)}.squid-table th{padding:clamp(10px,2.5vw,15px);text-align:left;color:var(--color-white-ball);font-size:clamp(10px,1.3vw,12px);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.squid-table td{padding:clamp(10px,2.5vw,15px);border-bottom:1px solid rgba(31,86,198,.12);color:#f2eee2c7;font-size:clamp(11px,1.4vw,13px)}.squid-table tr:hover{background:#1f56c60c}.squid-loading{text-align:center;padding:clamp(30px,8vw,60px);color:var(--color-secondary);font-size:clamp(13px,1.8vw,16px);text-transform:uppercase;letter-spacing:2px;animation:pulse 1.5s infinite}.squid-link{color:var(--color-secondary);text-decoration:none;text-transform:uppercase;font-size:clamp(11px,1.5vw,13px);letter-spacing:1px;font-weight:700;transition:color .3s ease;display:inline-block;margin-top:clamp(10px,2.5vw,15px)}.squid-link:hover{color:var(--color-accent);text-shadow:0 0 9px rgba(167,191,50,.16)}.squid-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),var(--color-accent),transparent);margin:clamp(20px,5vw,40px) 0}@media (max-width: 768px){.squid-container{padding:15px}.squid-card{padding:20px 15px}.squid-grid{grid-template-columns:1fr}}@media (max-width: 480px){.squid-title{font-size:24px}.squid-subtitle{font-size:16px}.squid-logo{width:70px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#050b16,#07142a 52%,#040814);border-right:1px solid rgba(31,86,198,.22);display:flex;flex-direction:column;z-index:1000;overflow-y:auto;overflow-x:hidden}.sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(200,55,45,.28) 20%,rgba(31,86,198,.42) 50%,rgba(167,191,50,.26) 80%,transparent 100%);animation:sidebarGlow 4s ease-in-out infinite}@keyframes sidebarGlow{0%,to{opacity:.34}50%{opacity:.9}}.sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:14px}.sidebar-logo{width:50px;height:50px;border-radius:12px;overflow:hidden;box-shadow:0 0 16px #1f56c638,0 0 10px #a7bf320f,0 4px 15px #0000006b;border:2px solid rgba(31,86,198,.26)}.sidebar-logo-img{width:100%;height:100%;object-fit:cover}.sidebar-brand{display:flex;flex-direction:column;gap:2px}.brand-title{font-family:Bebas Neue,sans-serif;font-size:18px;color:#f2eee2;letter-spacing:3px;line-height:1;text-shadow:0 0 10px rgba(31,86,198,.34)}.brand-subtitle{font-family:Bebas Neue,sans-serif;font-size:14px;color:#a7bf32;letter-spacing:2px;line-height:1;text-shadow:0 0 8px rgba(167,191,50,.18)}.sidebar-shapes{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0;margin:0 20px;border-top:1px solid rgba(31,86,198,.15);border-bottom:1px solid rgba(167,191,50,.12)}.shape{opacity:.58;transition:all .3s ease}.shape.circle{width:16px;height:16px;border:2px solid #c8372d;border-radius:50%;box-shadow:0 0 8px #c8372d42}.shape.triangle{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid #1f56c6;filter:drop-shadow(0 0 8px rgba(31,86,198,.32))}.shape.square{width:14px;height:14px;border:2px solid #a7bf32;box-shadow:0 0 8px #a7bf3233}.sidebar:hover .shape{opacity:.9;animation:shapePulse 2s ease-in-out infinite}@keyframes shapePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1f56c61c,#a7bf3206);opacity:0;transition:opacity .3s ease}.sidebar-nav-item:hover:before{opacity:1}.sidebar-nav-item:hover{transform:translate(4px)}.sidebar-nav-item:hover .nav-item-icon{color:#a7bf32;filter:drop-shadow(0 0 7px rgba(167,191,50,.18))}.sidebar-nav-item:hover .nav-item-label{color:#f2eee2}.nav-item-icon{color:#f2eee280;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.nav-item-label{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#f2eee29e;letter-spacing:.5px;transition:all .3s ease;z-index:1}.sidebar-nav-item.active{background:linear-gradient(135deg,#1f56c62e,#a7bf320b)!important;border:1px solid rgba(31,86,198,.36)!important;box-shadow:inset 0 0 0 1px #f2eee209,0 0 16px #1f56c621,0 0 12px #a7bf320e!important}.sidebar-nav-item.active .nav-item-icon{color:#a7bf32!important;filter:drop-shadow(0 0 7px rgba(167,191,50,.22))!important}.sidebar-nav-item.active .nav-item-label{color:#f2eee2!important;text-shadow:0 0 9px rgba(31,86,198,.3)!important}.nav-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#1f56c6,#a7bf32);border-radius:0 4px 4px 0;box-shadow:0 0 9px #1f56c65c,0 0 10px #a7bf3224}.sidebar-nav-item.highlighted{background:#c8372d13!important;border:1px solid rgba(200,55,45,.3)!important;margin:8px 0}.sidebar-nav-item.highlighted .nav-item-icon{color:#c8372d!important}.sidebar-nav-item.highlighted .nav-item-label{color:#c8372d!important;font-weight:600}.sidebar-nav-item.highlighted:hover{background:linear-gradient(135deg,#c8372d24,#1f56c611 72%,#a7bf3208)!important;box-shadow:0 0 16px #c8372d24,0 0 10px #a7bf320e}.sidebar-nav-item.highlighted:hover .nav-item-icon,.sidebar-nav-item.highlighted:hover .nav-item-label{color:#f2eee2!important}.sidebar-nav-item.highlighted.active{background:linear-gradient(135deg,#c8372d29,#1f56c61a 70%,#a7bf320b)!important;border-color:#c8372d61!important}.sidebar-nav-item.highlighted.active .nav-item-icon,.sidebar-nav-item.highlighted.active .nav-item-label{color:#f2eee2!important;filter:drop-shadow(0 0 6px rgba(200,55,45,.28))!important}.sidebar-footer{padding:20px;text-align:center}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(31,86,198,.24),rgba(167,191,50,.18),transparent);margin-bottom:16px}.sidebar-copyright{font-size:11px;color:#f2eee24d;margin:0 0 4px;letter-spacing:1px}.sidebar-version{font-size:10px;color:#a7bf3280;margin:0;letter-spacing:.5px}@media (max-width: 767px){.sidebar{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:220px}.sidebar-header{padding:20px 16px}.sidebar-logo{width:42px;height:42px}.brand-title{font-size:16px}.brand-subtitle{font-size:12px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#07111ff2,#070b13fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,87,255,.3);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(225,37,27,.55) 20%,rgba(0,87,255,.65) 50%,rgba(182,255,0,.42) 80%,transparent 100%);animation:navGlow 3s ease-in-out infinite}@keyframes navGlow{0%,to{opacity:.5}50%{opacity:1}}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:8px 16px 12px;position:relative}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 16px;min-width:64px;min-height:56px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{transform:scale(.92)}.nav-icon{color:#ffffff80;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:24px;height:24px}.nav-label{font-size:10px;font-weight:500;color:#ffffff80;letter-spacing:.3px;transition:all .3s ease;text-transform:uppercase}.bottom-nav-item.active .nav-icon{color:#0057ff;filter:drop-shadow(0 0 8px rgba(0,87,255,.6))}.bottom-nav-item.active .nav-label{color:#0057ff;text-shadow:0 0 10px rgba(0,87,255,.5)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,#0057ff,#b6ff00);border-radius:0 0 4px 4px;box-shadow:0 0 12px #0057ff99}.bottom-nav-item.main-action{padding:0;min-width:auto}.main-action-btn{position:relative;width:60px;height:60px;margin-top:-24px;display:flex;align-items:center;justify-content:center}.main-action-icon{width:56px;height:56px;background:linear-gradient(135deg,#0057ff,#e1251b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #0057ff7a,0 0 30px #e1251b40,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.main-action-icon svg{width:26px;height:26px}.main-action-glow{position:absolute;width:70px;height:70px;background:radial-gradient(circle,rgba(0,87,255,.36) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s ease-in-out infinite;z-index:1}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}}.bottom-nav-item.main-action:active .main-action-icon{transform:scale(.9);box-shadow:0 2px 10px #0057ff66,0 0 20px #e1251b33}.bottom-nav-item.main-action.active .main-action-icon{background:linear-gradient(135deg,#0057ff,#b6ff00);box-shadow:0 4px 20px #0057ff80,0 0 30px #b6ff003d,inset 0 1px #fff3}.bottom-nav-item.main-action.active .main-action-glow{background:radial-gradient(circle,rgba(182,255,0,.28) 0%,transparent 70%)}.nav-squid-shapes{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;gap:8px;opacity:.15;pointer-events:none}.nav-shape{animation:floatShape 4s ease-in-out infinite}.nav-shape.circle{width:8px;height:8px;border:1.5px solid #e1251b;border-radius:50%;animation-delay:0s}.nav-shape.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #0057ff;animation-delay:.5s}.nav-shape.square{width:7px;height:7px;border:1.5px solid #b6ff00;animation-delay:1s}@keyframes floatShape{0%,to{transform:translateY(0);opacity:.15}50%{transform:translateY(-5px);opacity:.3}}@media (max-width: 380px){.bottom-nav-item{min-width:56px;padding:8px 12px}.nav-label{font-size:9px}.main-action-icon{width:50px;height:50px}.main-action-btn{width:54px;height:54px;margin-top:-20px}}@media (max-height: 500px) and (orientation: landscape){.bottom-nav-container{padding:4px 16px 8px}.bottom-nav-item{min-height:48px}.main-action-btn{margin-top:-16px}.main-action-icon{width:46px;height:46px}}@media (min-width: 768px){.bottom-nav{display:none}}@media (min-width: 1024px){.bottom-nav{display:none}}.main-layout{height:100vh;height:100dvh;background:linear-gradient(135deg,#050b16,#07142a 55%,#040814);display:flex;overflow:hidden}.main-layout:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(200,55,45,.075) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(31,86,198,.12) 0%,transparent 25%),radial-gradient(circle at 50% 70%,rgba(167,191,50,.055) 0%,transparent 28%);animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:.5}to{opacity:1}}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:1}@media (min-width: 768px){.main-content{margin-left:260px}}@media (min-width: 768px) and (max-width: 1023px){.main-content{margin-left:220px}}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#050b16f5,#07142adb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(167,191,50,.16);box-shadow:0 4px 18px #1f56c61a;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-logo-mobile{width:42px;height:42px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #1f56c642,0 0 10px #a7bf3214;border:1px solid rgba(167,191,50,.16)}.header-logo-mobile img{width:100%;height:100%;object-fit:cover}.header-brand-mobile{display:flex;flex-direction:column;gap:1px}.brand-text-pink{font-family:Bebas Neue,sans-serif;font-size:14px;color:#f2eee2;letter-spacing:2px;line-height:1;text-shadow:0 0 8px rgba(31,86,198,.34)}.brand-text-cyan{font-family:Bebas Neue,sans-serif;font-size:11px;color:#a7bf32;letter-spacing:1.5px;line-height:1;text-shadow:0 0 8px rgba(167,191,50,.18)}.header-page-title{font-family:Bebas Neue,sans-serif;font-size:20px;color:#f2eee2;letter-spacing:3px;margin:0;text-shadow:0 0 10px rgba(31,86,198,.34),0 0 16px rgba(167,191,50,.08)}.header-page-title:after{content:"";display:block;width:42px;height:2px;margin-top:3px;background:linear-gradient(90deg,#1f56c6,#a7bf32,#c8372d);border-radius:999px;box-shadow:0 0 8px #1f56c638}.header-right{display:flex;align-items:center;gap:12px}.header-user{display:flex;align-items:center;gap:10px}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1f56c6,#c8372d);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:16px;color:#f2eee2;box-shadow:0 2px 10px #1f56c647,0 0 12px #c8372d1f}.user-info-desktop{display:none;flex-direction:column;gap:2px}.user-name{font-size:13px;font-weight:600;color:#f2eee2}.user-vidas{font-size:11px;color:#a7bf32d1}.btn-logout{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#c8372d1a;border:1px solid rgba(200,55,45,.34);border-radius:10px;color:#c8372d;cursor:pointer;transition:all .3s ease;min-width:44px;min-height:44px;justify-content:center}.btn-logout:hover{background:linear-gradient(135deg,#c8372d29,#a7bf320b);box-shadow:0 0 15px #c8372d33,0 0 10px #a7bf3212}.btn-logout:active{transform:scale(.95)}.logout-text{display:none;font-size:13px;font-weight:500}@media (min-width: 768px){.header-logo-mobile,.header-brand-mobile{display:none}.header-page-title{font-size:24px}.user-info-desktop{display:flex}.logout-text{display:inline}.btn-logout{padding:10px 16px}}.page-content{flex:1;padding:16px 16px 90px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.page-content{padding:24px 32px 32px}}@media (min-width: 1200px){.page-content{padding:40px 60px;max-width:1400px}}.modal-overlay{position:fixed;inset:0;background:#030610e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.squid-modal{background:linear-gradient(180deg,#07142a,#040814);border:2px solid rgba(31,86,198,.3);border-radius:16px;width:100%;max-width:380px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 0 36px #1f56c626,0 0 22px #c8372d14,0 0 18px #a7bf320e,0 20px 60px #00000094}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 24px 16px;text-align:center}.modal-shapes{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.modal-shape{animation:shapeBounce 2s ease-in-out infinite}.modal-shape.circle{width:20px;height:20px;border:2px solid #c8372d;border-radius:50%;box-shadow:0 0 9px #c8372d4d;animation-delay:0s}.modal-shape.triangle{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid #1f56c6;filter:drop-shadow(0 0 9px rgba(31,86,198,.34));animation-delay:.2s}.modal-shape.square{width:18px;height:18px;border:2px solid #a7bf32;box-shadow:0 0 10px #a7bf3238;animation-delay:.4s}@keyframes shapeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.modal-header h2{font-family:Bebas Neue,sans-serif;font-size:28px;color:#f2eee2;letter-spacing:3px;margin:0;text-shadow:0 0 14px rgba(31,86,198,.34),0 0 18px rgba(167,191,50,.07)}.modal-body{padding:0 24px 24px;text-align:center}.modal-body p{font-size:15px;color:#f2eee2c7;margin:0 0 8px;line-height:1.5}.modal-warning{color:#a7bf32!important;font-size:13px!important;text-shadow:0 0 8px rgba(167,191,50,.18)}.modal-footer{display:flex;gap:12px;padding:20px 24px;background:#00000047;border-top:1px solid rgba(167,191,50,.16)}.btn-modal-secondary,.btn-modal-primary{flex:1;padding:14px 20px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:48px}.btn-modal-secondary{background:transparent;border:2px solid rgba(242,238,226,.22);color:#f2eee2b8}.btn-modal-secondary:hover{border-color:#a7bf3270;color:#f2eee2;box-shadow:0 0 12px #a7bf321a}.btn-modal-primary{background:linear-gradient(135deg,#1f56c6,#c8372d);border:none;color:#f2eee2;box-shadow:0 4px 15px #1f56c640,0 0 14px #c8372d1a}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1f56c64d,0 0 16px #a7bf3214,0 0 14px #c8372d1a}.btn-modal-primary:active{transform:translateY(0)}.dashboard-loading-state,.dashboard-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center}.loading-spinner-squid{width:60px;height:60px;border:4px solid rgba(31,86,198,.18);border-top-color:#1f56c6;border-right-color:#a7bf32;border-radius:50%;animation:spin .8s linear infinite}.dashboard-loading-state p,.dashboard-error-state p{font-size:16px;color:#f2eee2b3}.btn-squid-primary{padding:14px 32px;background:linear-gradient(135deg,#1f56c6,#c8372d);border:none;border-radius:12px;color:#f2eee2;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1f56c642,0 0 14px #c8372d1a}.btn-squid-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1f56c64d,0 0 14px #a7bf3214}.dashboard-content{max-width:900px;margin:0 auto}.dashboard-welcome{margin-bottom:20px}.welcome-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#1f56c61c,#c8372d11 58%,#a7bf3207);border:1px solid rgba(31,86,198,.3);border-radius:16px;flex-wrap:wrap}.welcome-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1f56c6,#c8372d);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:24px;color:#f2eee2;box-shadow:0 4px 15px #1f56c647,0 0 16px #c8372d1a;flex-shrink:0}.welcome-info{flex:1;min-width:150px}.welcome-name{font-family:Bebas Neue,sans-serif;font-size:24px;color:#f2eee2;margin:0 0 4px;letter-spacing:1px}.welcome-level{font-size:13px;color:#1f56c6;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 9px rgba(31,86,198,.24)}.welcome-vidas{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#0000004d;border-radius:12px;border:1px solid rgba(167,191,50,.18)}.vidas-icon-lg{font-size:24px}.vidas-number{font-family:Bebas Neue,sans-serif;font-size:32px;color:#a7bf32;line-height:1;text-shadow:0 0 9px rgba(167,191,50,.2)}.vidas-label{font-size:11px;color:#f2eee280;text-transform:uppercase;letter-spacing:1px}.section-title{display:flex;align-items:center;gap:8px;font-family:Bebas Neue,sans-serif;font-size:16px;color:#f2eee2;letter-spacing:2px;margin:0 0 12px}.title-icon{font-size:16px}.dashboard-actions{margin-bottom:20px}.action-card-main{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:linear-gradient(135deg,#1f56c62e,#c8372d16);border:2px solid rgba(31,86,198,.34);border-radius:16px;cursor:pointer;transition:all .3s ease;margin-bottom:12px;text-align:left}.action-card-main:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1f56c638,0 0 16px #c8372d14;border-color:#1f56c67a}.action-card-main:active{transform:scale(.98)}.action-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#1f56c6,#c8372d);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #1f56c642,0 0 14px #c8372d1a;flex-shrink:0}.action-emoji{font-size:28px}.action-text{flex:1}.action-text h4{font-family:Bebas Neue,sans-serif;font-size:22px;color:#f2eee2;margin:0 0 4px;letter-spacing:1px}.action-text p{font-size:13px;color:#f2eee299;margin:0}.action-arrow{color:#a7bf32;flex-shrink:0;filter:drop-shadow(0 0 7px rgba(167,191,50,.14))}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:14px;width:100%}.action-card-secondary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;min-height:120px;background:#f2eee208;border:1px solid rgba(242,238,226,.1);border-radius:14px;cursor:pointer;transition:all .25s ease;text-align:center}.action-card-secondary:hover{background:#1f56c613;border-color:#1f56c647;transform:translateY(-2px)}.action-card-secondary:active{transform:scale(.97)}.action-emoji-sm{font-size:32px}.action-card-secondary h4{font-family:Bebas Neue,sans-serif;font-size:16px;color:#f2eee2;margin:0;letter-spacing:1px}.action-card-secondary p{font-size:11px;color:#f2eee280;margin:0}.dashboard-teams{margin-bottom:24px;background:linear-gradient(180deg,rgba(31,86,198,.032) 0%,transparent 100%);border-radius:20px;padding:20px 0;position:relative;overflow:hidden}.dashboard-teams:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(31,86,198,.34),rgba(167,191,50,.14),transparent)}.teams-header{text-align:center;margin-bottom:20px}.teams-title{font-family:Bebas Neue,sans-serif;font-size:28px;color:#f2eee2;letter-spacing:4px;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;text-shadow:0 0 18px rgba(31,86,198,.32),0 0 28px rgba(31,86,198,.12)}.teams-icon{font-size:24px;animation:trophyBounce 2s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.teams-subtitle{font-size:14px;color:#a7bf32;letter-spacing:2px;padding:4px 12px;background:#a7bf320b;border:1px solid rgba(167,191,50,.18);border-radius:20px}.teams-decoration{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:12px}.deco-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(200,55,45,.28),rgba(31,86,198,.34),transparent)}.deco-diamond{color:#a7bf32;font-size:10px;animation:diamondPulse 2s ease-in-out infinite}@keyframes diamondPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.teams-carousel-wrapper{position:relative;overflow:hidden}.teams-gradient-left,.teams-gradient-right{position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.teams-gradient-left{left:0;background:linear-gradient(90deg,rgba(4,8,20,1),transparent)}.teams-gradient-right{right:0;background:linear-gradient(-90deg,rgba(4,8,20,1),transparent)}.teams-scroll{display:flex;gap:16px;padding:12px 20px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:scrollTeams 30s linear infinite;width:max-content}.teams-scroll:hover{animation-play-state:paused}@keyframes scrollTeams{0%{transform:translate(0)}to{transform:translate(-50%)}}.teams-scroll::-webkit-scrollbar{display:none}.team-item{width:90px;flex-shrink:0;background:linear-gradient(145deg,#07142af2,#040814f2);border:2px solid rgba(242,238,226,.08);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px 12px;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.team-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(31,86,198,.1) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.team-item:hover:before{opacity:1}.team-item:hover{transform:translateY(-10px) scale(1.08);border-color:#1f56c67a;box-shadow:0 15px 40px #1f56c638,0 0 24px #a7bf320f,inset 0 0 20px #1f56c60b}.team-logo-wrapper{position:relative;width:60px;height:60px}.team-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:radial-gradient(circle,rgba(167,191,50,.12) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-item:hover .team-glow{opacity:1;animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.75}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.35}}.team-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));transition:all .4s ease;background:linear-gradient(145deg,#f2eee21f,#f2eee20a);border-radius:50%;padding:6px;position:relative;z-index:1}.team-item:hover img{filter:drop-shadow(0 3px 8px rgba(0,0,0,.6)) drop-shadow(0 0 15px rgba(242,238,226,.3));transform:scale(1.1) rotate(3deg)}.team-name{font-family:Bebas Neue,sans-serif;font-size:12px;color:#f2eee2e0;text-align:center;letter-spacing:1px;text-transform:uppercase;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}.team-item:hover .team-name{color:#a7bf32;text-shadow:0 0 10px rgba(167,191,50,.18)}.dashboard-shapes{display:flex;justify-content:center;gap:24px;padding:20px 0;opacity:.3}.shape-circle{width:24px;height:24px;border:3px solid #c8372d;border-radius:50%;animation:floatShape 3s ease-in-out infinite}.shape-triangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid #1f56c6;animation:floatShape 3s ease-in-out infinite .5s}.shape-square{width:22px;height:22px;border:3px solid #a7bf32;animation:floatShape 3s ease-in-out infinite 1s}@keyframes floatShape{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-8px);opacity:.5}}@media (max-width: 480px){.welcome-card{padding:16px;gap:12px}.welcome-avatar{width:48px;height:48px;font-size:20px}.welcome-name{font-size:20px}.welcome-vidas{padding:10px 16px}.vidas-number{font-size:26px}.action-card-main{padding:16px;gap:12px}.action-icon-wrapper{width:48px;height:48px}.action-emoji{font-size:24px}.action-text h4{font-size:18px}.team-item{width:52px;height:52px}}@media (min-width: 768px){.welcome-card{padding:24px 32px}.welcome-avatar{width:64px;height:64px;font-size:28px}.welcome-name{font-size:28px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:16px}.action-card-secondary{padding:24px 20px}.team-item{width:70px;height:70px}}.survivor-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#2d0a4e);padding:20px;font-family:Segoe UI,sans-serif}.survivor-header{text-align:center;padding:30px 20px;margin-bottom:30px}.survivor-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#f06,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-transform:uppercase;letter-spacing:3px}.survivor-subtitle{color:#fff9;font-size:16px}.usuario-stats{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 30px;text-align:center;min-width:120px}.stat-value{font-size:32px;font-weight:800;color:#00d9ff;display:block}.stat-label{color:#fff9;font-size:13px;margin-top:5px}.stat-card.vidas .stat-value{color:#f06}.partido-actual{max-width:700px;margin:0 auto 40px;background:#ffffff14;border-radius:24px;padding:30px;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.partido-actual:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f06,#00d9ff)}.partido-jornada-badge{text-align:center;margin-bottom:25px}.jornada-nombre{display:inline-block;background:linear-gradient(135deg,#f06,#ff4081);color:#fff;padding:8px 24px;border-radius:30px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px}.partido-versus{display:flex;align-items:center;justify-content:space-between;gap:20px}.equipo-selector{flex:1;text-align:center;padding:25px 15px;border-radius:20px;border:3px solid transparent;background:#ffffff0d;cursor:pointer;transition:all .3s ease;position:relative}.equipo-selector:hover:not(.bloqueado):not(.seleccionado){border-color:#00d9ff80;background:#00d9ff1a;transform:scale(1.02)}.equipo-selector.seleccionado{border-color:#0f8;background:#00ff8826;box-shadow:0 0 30px #00ff884d}.equipo-selector.bloqueado{opacity:.4;cursor:not-allowed;position:relative}.equipo-selector.bloqueado:after{content:"🔒 USADO";position:absolute;top:10px;right:10px;background:#f44336e6;color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700}.equipo-logo-grande{width:100px;height:100px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:50px}.equipo-logo-grande img{width:80px;height:80px;object-fit:contain}.equipo-nombre-grande{color:#fff;font-size:20px;font-weight:700;margin-bottom:5px}.equipo-abrev-grande{color:#ffffff80;font-size:14px}.versus-texto{font-size:24px;font-weight:800;color:#f06;text-shadow:0 0 20px rgba(255,0,102,.5)}.confirmar-container{text-align:center;margin-top:30px}.btn-confirmar{background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border:none;padding:18px 50px;border-radius:30px;font-size:18px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s;box-shadow:0 10px 30px #00ff884d}.btn-confirmar:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #0f86}.btn-confirmar:disabled{opacity:.5;cursor:not-allowed}.advertencia-pick{color:#ffc107;font-size:13px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px}.pick-realizado{text-align:center;padding:40px;background:#00ff881a;border-radius:20px;border:2px solid rgba(0,255,136,.3);margin-top:20px}.pick-realizado-icon{font-size:50px;margin-bottom:15px}.pick-realizado-texto{color:#0f8;font-size:20px;font-weight:700;margin-bottom:10px}.pick-equipo-elegido{color:#fff;font-size:24px;font-weight:800}.historial-section{max-width:800px;margin:0 auto}.historial-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.historial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.historial-card{background:#ffffff0d;border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.1)}.historial-jornada{color:#fff9;font-size:12px;margin-bottom:8px}.historial-equipo{color:#fff;font-weight:600;font-size:16px;margin-bottom:10px}.historial-resultado{display:inline-block;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700}.resultado-ganado{background:#0f83;color:#0f8}.resultado-perdido{background:#f4433633;color:#f44336}.resultado-empate{background:#ffc10733;color:#ffc107}.resultado-pendiente{background:#ffffff1a;color:#fff9}.mensaje-survivor{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:12px;font-weight:600;z-index:1000;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.no-partido{text-align:center;padding:60px 20px;color:#fff9}.no-partido-icon{font-size:80px;margin-bottom:20px}.no-partido-texto{font-size:20px;margin-bottom:10px;color:#fff}.loading-survivor{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-ring{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#f06;border-radius:50%;animation:spin 1s linear infinite}.survivor-nav{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.nav-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:500}.nav-btn:hover{background:#fff3}.nav-btn.active{background:linear-gradient(135deg,#f06,#00d9ff);border-color:transparent;font-weight:700}@media (max-width: 768px){.survivor-title{font-size:24px}.usuario-stats{gap:15px}.stat-card{padding:15px 20px;min-width:100px}.partido-versus{flex-direction:column;gap:15px}.versus-texto{display:none}.equipo-logo-grande{width:80px;height:80px;font-size:40px}.equipo-nombre-grande{font-size:18px}.historial-grid{grid-template-columns:1fr}}:root{--squid-pink: #ff2e7c;--squid-cyan: #00eaff;--squid-green: #4effa6;--squid-yellow: #facc15;--bg-dark: #0a0a0a;--bg-card: rgba(20, 20, 30, .85);--text-white: #ffffff;--text-gray: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .5);--success: #4effa6;--error: #ff2e7c;--warning: #facc15}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.seleccionar-equipo-container-mobile{min-height:100dvh;background:linear-gradient(135deg,#0a0a0a,#1a0814,#0a0a0a);color:var(--text-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding-bottom:120px}.loading-container-mobile{display:flex;align-items:center;justify-content:center;padding:24px}.loading-content-mobile{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner-mobile{width:56px;height:56px;border:4px solid rgba(255,46,124,.2);border-top-color:var(--squid-pink);border-radius:50%;animation:spin .8s linear infinite}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.loading-text-mobile{font-size:16px;color:var(--text-gray);text-align:center}.empty-container-mobile,.eliminado-container-mobile{display:flex;align-items:center;justify-content:center;padding:32px 24px;min-height:100dvh}.empty-full-mobile,.eliminado-full-mobile{text-align:center;max-width:400px;display:flex;flex-direction:column;gap:20px}.empty-icon-large-mobile,.eliminado-icon-large-mobile{font-size:72px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.empty-title-mobile,.eliminado-title-mobile{font-size:24px;font-weight:700;color:var(--text-white)}.empty-text-mobile,.eliminado-text-mobile{font-size:16px;color:var(--text-gray)}.empty-subtitle-mobile{font-size:14px;color:var(--text-dim)}.stats-eliminado-mobile{display:flex;flex-direction:column;gap:12px;margin:16px 0;padding:20px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,46,124,.2)}.stat-elim-item{display:flex;justify-content:space-between;align-items:center}.stat-elim-label{font-size:14px;color:var(--text-dim)}.stat-elim-value{font-size:16px;font-weight:600;color:var(--squid-pink)}.btn-back-full-mobile,.btn-back-elim-mobile{padding:16px 32px;font-size:15px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-white);cursor:pointer;transition:all .3s ease;min-height:52px}.btn-back-full-mobile:active,.btn-back-elim-mobile:active{transform:scale(.97);background:#ffffff26}.btn-historial-elim-mobile{padding:16px 32px;font-size:15px;font-weight:600;background:linear-gradient(135deg,var(--squid-cyan),#00b8d4);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #00eaff4d}.btn-historial-elim-mobile:active{transform:scale(.97)}.pick-header-mobile{padding:16px 20px 20px;background:linear-gradient(180deg,#1a0814e6,#0a0a0ab3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,46,124,.15);position:sticky;top:0;z-index:100}.pick-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.btn-back-mobile,.btn-historial-mobile{background:#ff2e7c1a;border:1px solid rgba(255,46,124,.3);border-radius:10px;padding:12px;min-width:44px;min-height:44px;color:var(--squid-pink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-back-mobile:active,.btn-historial-mobile:active{transform:scale(.95);background:#ff2e7c33}.header-torneo-info{flex:1;text-align:center;padding:0 12px}.header-torneo-nombre{font-size:16px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--squid-pink),var(--squid-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header-torneo-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.vidas-card-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:2px solid;box-shadow:0 4px 20px #0000004d}.vidas-left{display:flex;align-items:center;gap:14px}.vidas-icon-large{font-size:40px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.vidas-text{display:flex;flex-direction:column;gap:4px}.vidas-count-mobile{display:flex;align-items:baseline;gap:4px}.vidas-num-big{font-size:32px;font-weight:700;line-height:1}.vidas-num-total{font-size:18px;font-weight:600;color:var(--text-dim)}.vidas-label{font-size:12px;color:var(--text-dim)}.vidas-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.vidas-estado-badge{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid}.vidas-barra-mobile{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.vidas-barra-fill-mobile{height:100%;border-radius:3px;transition:width .5s ease}.alert-mobile{margin:20px;padding:16px;border-radius:12px;border:1px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .4s ease}.alert-mobile-success{background:#4effa61a;border-color:var(--success)}.alert-mobile-error{background:#ff2e7c1a;border-color:var(--error)}.alert-mobile-warning{background:#facc151a;border-color:var(--warning)}.alert-mobile-text{font-size:14px;color:var(--text-white);white-space:pre-wrap;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state-mobile,.empty-equipos-mobile{padding:40px 20px;text-align:center}.empty-icon-mobile{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.empty-state-mobile h3,.empty-equipos-mobile p{font-size:18px;font-weight:600;color:var(--text-white);margin-bottom:8px}.empty-state-mobile p,.empty-subtitle{font-size:14px;color:var(--text-gray);margin-bottom:6px}.empty-subtitle{color:var(--text-dim)}.jornadas-section-mobile{padding:20px;animation:fadeInUp .6s ease}.section-title-mobile{font-size:17px;font-weight:700;margin-bottom:14px;color:var(--text-white);display:flex;align-items:center;gap:10px}.section-icon{font-size:20px}.jornadas-scroll-mobile{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:8px 0 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jornadas-scroll-mobile::-webkit-scrollbar{display:none}.jornada-chip-mobile{flex-shrink:0;padding:12px 20px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-white);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-height:48px;scroll-snap-align:start}.jornada-chip-mobile:active{transform:scale(.97)}.jornada-chip-mobile.active{background:linear-gradient(135deg,var(--squid-pink),#ff0055);border-color:var(--squid-pink);box-shadow:0 4px 20px #ff2e7c66}.jornada-chip-text{white-space:nowrap}.jornada-chip-check{font-size:16px;font-weight:700}.equipos-section-mobile{padding:20px;animation:fadeInUp .8s ease}.section-header-mobile{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.equipos-count-badge{padding:6px 12px;background:#00eaff26;border:1px solid var(--squid-cyan);border-radius:8px;font-size:12px;font-weight:600;color:var(--squid-cyan)}.equipos-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.equipo-card-mobile{min-height:140px;padding:16px 12px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 16px #0003}.equipo-card-mobile:active{transform:scale(.97)}.equipo-card-mobile.selected{background:linear-gradient(135deg,#00eaff33,#4effa633);border-color:var(--squid-cyan);box-shadow:0 6px 24px #00eaff66}.equipo-logo-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.equipo-logo-mobile{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.equipo-nombre-mobile{font-size:13px;font-weight:600;color:var(--text-white);text-align:center;margin:0;line-height:1.3}.equipo-abrev-mobile{font-size:11px;color:var(--text-dim);font-weight:500}.check-icon-mobile{position:absolute;top:8px;right:8px;width:32px;height:32px;background:linear-gradient(135deg,var(--squid-cyan),var(--squid-green));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 12px #00eaff80;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirmacion-floating-mobile{position:fixed;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.95) 20%,rgba(10,10,10,.98) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,46,124,.2);z-index:90;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirmacion-card-mobile{display:flex;flex-direction:column;gap:14px}.confirmacion-header-mobile{display:flex;align-items:center;gap:10px}.confirmacion-icon-mobile{font-size:24px}.confirmacion-title-mobile{font-size:16px;font-weight:700;color:var(--text-white);margin:0}.confirmacion-preview-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,46,124,.2)}.preview-item-mobile{flex:1;display:flex;flex-direction:column;gap:4px}.preview-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.preview-value{font-size:13px;font-weight:600;color:var(--text-white)}.preview-arrow-mobile{color:var(--squid-pink);flex-shrink:0}.btn-confirmar-mobile{width:100%;min-height:56px;padding:16px 24px;background:linear-gradient(135deg,var(--squid-green),#00d084);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #4effa666;display:flex;align-items:center;justify-content:center;gap:10px}.btn-confirmar-mobile:disabled{opacity:.6;cursor:not-allowed}.btn-confirmar-mobile:active:not(:disabled){transform:scale(.98);box-shadow:0 3px 16px #4effa680}.warning-text-mobile{font-size:12px;color:var(--warning);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.warning-icon-mobile{font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.seleccionar-equipo-container-mobile{padding-bottom:140px}.pick-header-mobile{padding:24px 32px}.header-torneo-nombre{font-size:20px}.vidas-card-mobile{padding:20px}.jornadas-section-mobile,.equipos-section-mobile{padding:24px 32px;max-width:1200px;margin:0 auto}.equipos-grid-mobile{grid-template-columns:repeat(3,1fr);gap:16px}.equipo-card-mobile{min-height:160px;padding:20px 16px}.confirmacion-floating-mobile{padding:24px 32px}.confirmacion-card-mobile{max-width:800px;margin:0 auto}}@media (min-width: 1024px){.equipos-grid-mobile{grid-template-columns:repeat(4,1fr)}}@media (max-height: 600px) and (orientation: landscape){.pick-header-mobile{padding:12px 20px;position:relative}.vidas-card-mobile{padding:12px 14px}.vidas-icon-large{font-size:32px}.vidas-num-big{font-size:24px}.jornadas-section-mobile,.equipos-section-mobile{padding:16px 20px}.section-title-mobile{font-size:15px;margin-bottom:10px}.equipos-grid-mobile{gap:10px}.equipo-card-mobile{min-height:110px;padding:12px 10px}.equipo-logo-container{width:48px;height:48px}.confirmacion-floating-mobile{padding:12px 20px}.confirmacion-card-mobile{gap:10px}.btn-confirmar-mobile{min-height:48px;padding:12px 20px}}@media (max-width: 360px){.equipos-grid-mobile{gap:10px}.equipo-card-mobile{min-height:130px;padding:14px 10px}.equipo-logo-container{width:56px;height:56px}.equipo-nombre-mobile{font-size:12px}}.historial-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem 2rem 100px;color:#fff}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:60px;height:60px;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.historial-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.historial-header h1{color:gold;font-size:2rem;margin:0;flex:1;padding-left:7rem}.historial-torneo-badge{font-size:23px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ff2e7c;margin-bottom:16px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.btn-back{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#fff3;border-color:gold;transform:translate(-5px)}.empty-state-full{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,215,0,.3);max-width:600px;margin:4rem auto}.empty-state-full h2{color:gold;margin-bottom:1rem;font-size:2rem;padding-left:1rem}.subtitle-empty{color:#9e9e9e;font-size:.95rem;margin-top:.5rem;margin-bottom:1.5rem}.vidas-summary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid;border-radius:16px;padding:2rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;margin-bottom:2rem;box-shadow:0 8px 24px #0006;animation:fadeIn .5s ease-out}.vidas-icon-large{font-size:5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.vidas-content h2{color:gold;margin:0 0 1.5rem;font-size:1.8rem}.vidas-display-large{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.vida-stat{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.vida-stat.perdidas{background:#f443361a;border-color:#f443364d}.vida-stat.restantes{background:#4caf501a;border-color:#4caf504d}.vida-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:.5rem}.vida-valor{display:block;font-size:2.5rem;font-weight:700}.vidas-barra-large{width:100%;height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden;margin-bottom:1rem}.vidas-barra-fill{height:100%;transition:width .5s ease,background-color .5s ease;border-radius:8px}.vidas-estado-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;font-size:1.2rem;border:2px solid;text-transform:uppercase;letter-spacing:1px}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.stat-card.success{background:linear-gradient(135deg,#4caf5033,#4caf500d);border-color:#4caf5080}.stat-card.warning{background:linear-gradient(135deg,#ff980033,#ff98000d);border-color:#ff980080}.stat-card.danger{background:linear-gradient(135deg,#f4433633,#f443360d);border-color:#f4433680}.stat-card.pending{background:linear-gradient(135deg,#9e9e9e33,#9e9e9e0d);border-color:#9e9e9e80}.stat-card.efectividad{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border-color:#ffd70080}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stat-label{font-size:.9rem;opacity:.8;margin-bottom:.25rem}.stat-valor{font-size:2rem;font-weight:700;color:gold}.filtros-section{margin-bottom:2rem;animation:fadeIn .5s ease-out .2s backwards}.filtros-section h3{color:gold;margin-bottom:1rem;font-size:1.3rem}.filtros-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filtro-btn{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.2);padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filtro-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.filtro-btn.active{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-color:gold;box-shadow:0 4px 12px #ffd70066}.filtro-btn.success{border-color:#4caf5080}.filtro-btn.success:hover,.filtro-btn.success.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-color:#4caf50}.filtro-btn.warning{border-color:#ff980080}.filtro-btn.warning:hover,.filtro-btn.warning.active{background:linear-gradient(135deg,#ff9800,#ffa726);color:#fff;border-color:#ff9800}.filtro-btn.danger{border-color:#f4433680}.filtro-btn.danger:hover,.filtro-btn.danger.active{background:linear-gradient(135deg,#f44336,#e57373);color:#fff;border-color:#f44336}.filtro-btn.pending{border-color:#9e9e9e80}.filtro-btn.pending:hover,.filtro-btn.pending.active{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff;border-color:#9e9e9e}.historial-list{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .5s ease-out .3s backwards}.empty-historial{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:12px;border:2px dashed rgba(255,215,0,.3)}.empty-historial h3{color:gold;margin-bottom:1rem;font-size:1.5rem}.empty-historial p{margin-bottom:1.5rem;opacity:.8}.pick-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-left:5px solid;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pick-card:hover{transform:translate(5px);box-shadow:0 8px 24px #0006}.pick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.pick-jornada{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:gold}.jornada-icon{font-size:1.5rem}.pick-estado-badge{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid;text-transform:uppercase;letter-spacing:.5px}.pick-body{display:flex;flex-direction:column;gap:1.5rem}.pick-equipo{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#ffffff0d;border-radius:8px}.pick-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.equipo-info h4{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.equipo-tag{display:inline-block;background:#ffd70033;color:gold;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.pick-resultado{padding:1rem;background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:8px}.resultado-titulo{font-size:.9rem;opacity:.8;margin-bottom:.75rem}.resultado-marcador{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.equipo-marcador{flex:1;text-align:center}.marcador{color:gold;font-size:1.5rem;font-weight:700;padding:.25rem .75rem;background:#ffd7001a;border-radius:6px}.resultado-ganador{text-align:center;color:#4caf50;font-size:1.1rem}.pick-vidas{padding:1rem;border-radius:8px}.vidas-info{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600}.vidas-info.success{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:.75rem;border-radius:8px}.vidas-info.danger{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem;border-radius:8px}.vidas-info.pending{background:#9e9e9e26;border:1px solid rgba(158,158,158,.3);color:#9e9e9e;padding:.75rem;border-radius:8px}.vidas-icon{font-size:1.5rem}.pick-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.pick-fecha{color:#9e9e9e;font-size:.9rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 4px 12px #ffd7004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd70080}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 1024px){.estadisticas-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vida-valor{font-size:2rem}}@media (max-width: 768px){.historial-container{padding:1rem}.historial-header{flex-direction:column;align-items:flex-start}.historial-header h1{font-size:1.5rem}.btn-back{width:100%}.vidas-summary{grid-template-columns:1fr;text-align:center;padding:1.5rem}.vidas-icon-large{font-size:3.5rem}.vidas-display-large{grid-template-columns:1fr;gap:1rem}.vida-valor{font-size:2rem}.estadisticas-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-icon{font-size:2rem}.stat-valor{font-size:1.5rem}.filtros-buttons{flex-direction:column}.filtro-btn{width:100%}.pick-equipo{flex-direction:column;text-align:center}.resultado-marcador{flex-direction:column}}@media (max-width: 480px){.pick-card{padding:1rem}.pick-header{flex-direction:column;align-items:flex-start;gap:.75rem}.pick-jornada{font-size:1rem}.equipo-info h4{font-size:1.2rem}.pick-logo{width:60px;height:60px}.estadisticas-grid{grid-template-columns:1fr}}.pick-tu-seleccion{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffd70014;border-radius:10px;border:1px solid rgba(255,215,0,.2);margin-bottom:1rem}.seleccion-label{font-size:.85rem;color:gold;font-weight:600;text-transform:uppercase;letter-spacing:1px}.equipo-elegido{display:flex;align-items:center;gap:.75rem}.equipo-elegido .pick-logo{width:45px;height:45px;border-radius:50%;border:2px solid rgba(255,215,0,.4);object-fit:contain;background:#0000004d}.equipo-nombre-pick{font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:#fff;letter-spacing:1px}.partido-detalle{background:linear-gradient(135deg,#1a1a2ee6,#0f0f1ef2);border:2px solid rgba(255,46,124,.2);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.partido-enfrentamiento{display:flex;align-items:center;justify-content:center;gap:1.5rem}.partido-equipo-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:120px}.partido-equipo-info.local,.partido-equipo-info.visitante{align-items:center}.partido-logo{width:55px;height:55px;border-radius:50%;border:2px solid rgba(255,255,255,.2);object-fit:contain;background:#0000004d;transition:all .3s ease}.partido-equipo-nombre{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:#fff;text-align:center;letter-spacing:.5px;line-height:1.2}.partido-marcador-container{min-width:80px;text-align:center}.partido-marcador{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0006;padding:.75rem 1rem;border-radius:10px;border:2px solid rgba(255,215,0,.3)}.partido-marcador .goles{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.partido-marcador .separador{font-size:1.5rem;color:#888}.partido-vs{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:#ff2e7c;text-shadow:0 0 10px rgba(255,46,124,.5);padding:.5rem}.partido-resultado-final{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.partido-resultado-final .ganador{color:#4caf50;font-weight:600;font-size:.95rem}.partido-resultado-final .empate{color:#ff9800;font-weight:600;font-size:.95rem}.historial-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.historial-title-box{display:flex;align-items:center;gap:18px}.historial-title-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:8px;background:#ffffff14;box-shadow:0 0 16px #ff2e7c59}.historial-title-box h2{margin:0;font-family:Bebas Neue,sans-serif;color:#ff2e7c;font-size:42px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,46,124,.25)}.historial-empty-wrapper{min-height:55vh;display:flex;align-items:center;justify-content:center}.historial-empty-card{width:min(560px,90%);min-height:230px;padding:38px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff0e;border:1px solid rgba(255,193,7,.55);border-radius:10px;box-shadow:0 0 22px #ffc10714}.historial-empty-card .empty-icon{font-size:54px;margin-bottom:18px}.historial-empty-card h3{margin:0 0 14px;color:#ffd600;font-size:30px;font-weight:900}.historial-empty-card p{margin:0;color:#fff;font-size:15px}.controles-superiores{display:flex;align-items:center;justify-content:flex-end}.selectores-container{display:flex;align-items:center;gap:12px}.selector-torneo label{color:#00eaff;font-size:14px;font-weight:800;white-space:nowrap}.selector-torneo select{min-width:260px;height:40px;padding:0 12px;border-radius:6px;background:#050714f2;border:1px solid #00a7c7;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:all .25s ease}.selector-torneo select:hover{border-color:#00eaff;box-shadow:0 0 12px #00eaff40}.selector-torneo select:focus{border-color:#ff2e7c;box-shadow:0 0 14px #ff2e7c59}.selector-torneo select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.historial-header-row{flex-direction:column;align-items:stretch;margin-bottom:40px}.historial-title-box{justify-content:center}.historial-title-box h2{font-size:34px}.selector-torneo{width:100%;justify-content:center;flex-wrap:wrap}.selector-torneo select{width:100%;min-width:0}}.historial-pick-info{display:flex;flex-direction:column;align-items:center;gap:6px}.historial-equipo-nombre{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1.4px;color:#fff;text-transform:uppercase;line-height:1;text-shadow:0 0 10px rgba(255,255,255,.15)}.historial-estado{font-family:Roboto,sans-serif;font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;line-height:1}.historial-estado-ganado{color:#4effa6;text-shadow:0 0 10px rgba(78,255,166,.35)}.historial-estado-perdido{color:#ff4f7b;text-shadow:0 0 10px rgba(255,79,123,.35)}.historial-estado-empatado{color:orange;text-shadow:0 0 10px rgba(255,165,0,.35)}.historial-estado-pendiente{color:#b8b8b8}@media (max-width: 500px){.pick-tu-seleccion{flex-direction:column;text-align:center;gap:.75rem}.partido-enfrentamiento{gap:.75rem}.partido-equipo-info{max-width:90px}.partido-logo{width:45px;height:45px}.partido-equipo-nombre{font-size:.8rem}.partido-marcador .goles{font-size:1.4rem}.partido-marcador-container{min-width:60px}}.perfil-container{min-height:100vh;background:linear-gradient(135deg,#050816,#0b1730 55%,#060b18);padding:40px 20px 100px}.perfil-header{text-align:center;margin-bottom:50px}.perfil-title{font-family:Bebas Neue,sans-serif;font-size:56px;color:#f8f5ea;letter-spacing:8px;margin:0;text-shadow:0 0 20px rgba(47,107,255,.52),0 0 40px rgba(47,107,255,.28)}.perfil-divider{width:200px;height:4px;background:linear-gradient(90deg,transparent,#2f6bff,#d7ff3f,transparent);margin:20px auto}.perfil-mensaje{max-width:600px;margin:0 auto 30px;padding:16px 24px;border-radius:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;text-align:center;border:3px solid;animation:slideDown .3s ease}.perfil-mensaje.success{background:#d7ff3f0e;border-color:#d7ff3fbf;color:#d7ff3f}.perfil-mensaje.error{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30}.perfil-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:40px}.perfil-sidebar{display:flex;flex-direction:column;gap:30px}.perfil-avatar-card{background:#f8f5ea08;border:3px solid rgba(47,107,255,.38);padding:40px 30px;text-align:center;position:relative;transition:all .3s ease}.perfil-avatar-card:hover{background:#2f6bff0e;box-shadow:0 0 30px #2f6bff3d;transform:translateY(-5px)}.perfil-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#2f6bff,#ff3b30);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:60px;color:#fff;margin:0 auto 20px;box-shadow:0 0 30px #2f6bff57,0 0 18px #ff3b301f}.perfil-username{font-family:Bebas Neue,sans-serif;font-size:28px;color:#f8f5ea;letter-spacing:2px;margin:10px 0;text-shadow:0 0 12px rgba(47,107,255,.34)}.perfil-status{display:inline-block;padding:6px 20px;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;border:2px solid;margin-top:10px}.perfil-status.activo{color:#d7ff3f;border-color:#d7ff3fc7;background:#d7ff3f0e}.perfil-status.inactivo{color:#ff3b30;border-color:#ff3b30;background:#ff3b301a}.perfil-stats-card{background:#f8f5ea08;border:3px solid rgba(47,107,255,.38);padding:30px}.stats-title{font-family:Bebas Neue,sans-serif;font-size:24px;color:#2f6bff;letter-spacing:3px;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid rgba(47,107,255,.28);text-shadow:0 0 10px rgba(47,107,255,.32)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(248,245,234,.1)}.stat-item:last-child{border-bottom:none}.stat-label{font-family:Roboto,sans-serif;font-size:13px;color:#f8f5ea9e;letter-spacing:1px;font-weight:500}.stat-value{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px}.stat-value.vidas{color:#d7ff3f;text-shadow:0 0 10px rgba(215,255,63,.26)}.stat-value.nivel{color:#2f6bff;text-shadow:0 0 10px rgba(47,107,255,.42)}.stat-value.fecha{color:#f8f5ea;font-size:20px;text-shadow:0 0 10px rgba(47,107,255,.24)}.perfil-main{display:flex;flex-direction:column}.perfil-datos-card{background:#f8f5ea08;border:3px solid rgba(248,245,234,.1);padding:40px;transition:all .3s ease}.perfil-datos-card:hover{border-color:#2f6bff6b}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:20px;border-bottom:3px solid rgba(47,107,255,.24)}.card-title{font-family:Bebas Neue,sans-serif;font-size:32px;color:#f8f5ea;letter-spacing:4px;margin:0;text-shadow:0 0 20px rgba(47,107,255,.34)}.btn-editar{background:transparent;color:#2f6bff;border:2px solid #2f6bff;padding:10px 24px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.btn-editar:hover{background:#2f6bff;color:#fff;box-shadow:0 0 20px #2f6bff61;transform:translateY(-2px)}.perfil-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-group{display:flex;flex-direction:column}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:span 2}.form-label{font-family:Roboto,sans-serif;font-size:13px;color:#f8f5eab3;letter-spacing:1px;margin-bottom:8px;font-weight:500;text-transform:uppercase}.form-input{background:#00000052;border:2px solid rgba(248,245,234,.18);color:#f8f5ea;padding:14px 18px;font-family:Roboto,sans-serif;font-size:15px;transition:all .3s ease;border-radius:0}.form-input:focus{outline:none;border-color:#2f6bff;background:#2f6bff0e;box-shadow:0 0 20px #2f6bff33}.form-input:disabled{background:#00000080;border-color:#f8f5ea1a;color:#f8f5ea7a;cursor:not-allowed}.form-input.disabled{opacity:.6}.form-help{font-family:Roboto,sans-serif;font-size:12px;color:#f8f5ea7a;margin-top:6px;font-style:italic}.form-actions{grid-column:span 2;display:flex;gap:20px;justify-content:flex-end;margin-top:20px}.btn-cancelar,.btn-guardar{padding:14px 32px;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;cursor:pointer;transition:all .3s ease;border:3px solid;background:transparent}.btn-cancelar{color:#ff3b30;border-color:#ff3b30}.btn-cancelar:hover{background:#ff3b30;color:#fff;box-shadow:0 0 25px #ff3b305c;transform:translateY(-3px)}.btn-guardar{color:#d7ff3f;border-color:#d7ff3fc7}.btn-guardar:hover{background:#d7ff3f;color:#050816;box-shadow:0 0 25px #d7ff3f42;transform:translateY(-3px)}.loading-spinner{text-align:center;padding:100px 20px;font-family:Bebas Neue,sans-serif;font-size:32px;color:#2f6bff;letter-spacing:3px;text-shadow:0 0 12px rgba(47,107,255,.35)}.error-message{text-align:center;padding:100px 20px;font-family:Roboto,sans-serif;font-size:18px;color:#ff3b30}@media (max-width: 1200px){.perfil-content{grid-template-columns:300px 1fr;gap:30px}}@media (max-width: 992px){.perfil-content{grid-template-columns:1fr}.perfil-sidebar{flex-direction:row}.perfil-avatar-card,.perfil-stats-card{flex:1}}@media (max-width: 768px){.perfil-title{font-size:42px;letter-spacing:5px}.perfil-sidebar{flex-direction:column}.perfil-form{grid-template-columns:1fr}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:span 1}.perfil-datos-card{padding:30px 20px}.card-header{flex-direction:column;gap:15px;align-items:flex-start}.form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}}@media (max-width: 480px){.perfil-container{padding:20px 15px}.perfil-title{font-size:32px;letter-spacing:3px}.perfil-avatar{width:100px;height:100px;font-size:50px}.perfil-username{font-size:24px}.card-title{font-size:26px}}.torneos-container{min-height:100vh;background:linear-gradient(135deg,#050b16,#07142a);padding:40px 20px 100px}.torneos-header{max-width:1400px;margin:0 auto 60px;text-align:center;position:relative;z-index:5}.btn-back{position:absolute;left:0;top:10px;background:transparent;border:2px solid #1f56c6;color:#1f56c6;padding:10px 20px;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .3s ease;z-index:10}.torneos-title{font-family:Bebas Neue,sans-serif;font-size:64px;color:#f2eee2;letter-spacing:10px;margin:0;text-shadow:0 0 24px rgba(31,86,198,.34),0 0 42px rgba(200,55,45,.16);animation:pulse 3s ease-in-out infinite}.torneos-divider{width:250px;height:4px;background:linear-gradient(90deg,transparent,#1f56c6,#a7bf32,#c8372d,transparent);margin:25px auto}.torneos-subtitle{font-family:Roboto,sans-serif;font-size:16px;color:#f2eee2ad;letter-spacing:1px;margin:20px 0 0}.torneos-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px;padding:0 20px}.torneo-card{background:#f2eee208;border:3px solid rgba(242,238,226,.08);padding:35px;position:relative;overflow:hidden;transition:all .4s ease}.torneo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(31,86,198,.085) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.torneo-card:hover{border-color:#1f56c67a;transform:translateY(-8px);box-shadow:0 15px 40px #1f56c638}.torneo-header{text-align:center;margin-bottom:25px;position:relative;z-index:1}.torneo-badge{display:inline-block;background:linear-gradient(135deg,#1f56c6,#c8372d);color:#f2eee2;padding:6px 20px;font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:2px;margin-bottom:15px}.torneo-nombre{font-family:Bebas Neue,sans-serif;font-size:32px;color:#f2eee2;letter-spacing:3px;margin:10px 0;text-shadow:0 0 18px rgba(31,86,198,.24)}.torneo-temporada{display:block;font-family:Roboto,sans-serif;font-size:14px;color:#1f56c6;letter-spacing:1px;margin-top:8px}.torneo-descripcion{font-family:Roboto,sans-serif;font-size:14px;color:#f2eee299;line-height:1.6;text-align:center;margin:20px 0;padding:0 10px}.torneo-fechas{display:flex;align-items:center;justify-content:space-between;padding:25px 20px;background:#0000004d;border:2px solid rgba(31,86,198,.2);margin:25px 0;position:relative;z-index:1}.fecha-item{display:flex;flex-direction:column;align-items:center;flex:1}.fecha-label{font-family:Bebas Neue,sans-serif;font-size:12px;color:#f2eee280;letter-spacing:2px;margin-bottom:8px}.fecha-valor{font-family:Roboto,sans-serif;font-size:13px;color:#1f56c6;font-weight:500;text-align:center}.fecha-divider{width:2px;height:40px;background:linear-gradient(180deg,transparent,#1f56c6,transparent)}.torneo-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;position:relative;z-index:1}.stat-box{background:#0000005c;border:2px solid;padding:20px;text-align:center;transition:all .3s ease}.stat-box.disponibles{border-color:#a7bf32}.stat-box.disponibles:hover{background:#a7bf3213;box-shadow:0 0 18px #a7bf3229;transform:scale(1.05)}.stat-box.totales{border-color:#c99a2e}.stat-box.totales:hover{background:#c99a2e13;box-shadow:0 0 18px #c99a2e29;transform:scale(1.05)}.stat-numero{display:block;font-family:Bebas Neue,sans-serif;font-size:42px;letter-spacing:2px;margin-bottom:5px}.stat-box.disponibles .stat-numero{color:#a7bf32;text-shadow:0 0 12px rgba(167,191,50,.24)}.stat-box.totales .stat-numero{color:#c99a2e;text-shadow:0 0 12px rgba(201,154,46,.24)}.stat-texto{display:block;font-family:Roboto,sans-serif;font-size:12px;color:#f2eee299;letter-spacing:1px;text-transform:uppercase}.btn-ver-jornadas{width:100%;background:transparent;border:3px solid #1f56c6;color:#f2eee2;padding:16px 24px;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:3px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;overflow:hidden;margin-bottom:5px}.btn-ver-jornadas:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:linear-gradient(135deg,#1f56c6,#c8372d);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.btn-ver-jornadas:hover:before{width:100%;height:100%}.btn-ver-jornadas:hover{color:#f2eee2;border-color:#c8372d;box-shadow:0 0 24px #1f56c642;transform:translateY(-2px)}.btn-ver-jornadas:disabled{border-color:#f2eee22e;color:#f2eee24d;cursor:not-allowed;background:#00000080}.btn-ver-jornadas:disabled:before{display:none}.btn-ver-jornadas:disabled:hover{transform:none;box-shadow:none}.torneos-vacio,.error-message{max-width:600px;margin:100px auto;text-align:center;padding:60px 40px;background:#f2eee208;border:3px solid rgba(242,238,226,.08)}.torneos-vacio h3,.error-message p:first-of-type{font-family:Bebas Neue,sans-serif;font-size:32px;color:#1f56c6;letter-spacing:3px;margin:20px 0}.torneos-vacio p,.error-message p{font-family:Roboto,sans-serif;font-size:15px;color:#f2eee299;line-height:1.6;margin:10px 0}.btn-reintentar{margin-top:30px;background:transparent;border:3px solid #a7bf32;color:#a7bf32;padding:14px 32px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.btn-reintentar:hover{background:#a7bf32;color:#050b16;box-shadow:0 0 20px #a7bf3238;transform:translateY(-3px)}.modal-overlay{position:fixed;inset:0;background:#030610e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:16px;overflow-y:auto}.modal-content{background:linear-gradient(145deg,#050b16,#07142a,#040814);border:2px solid;border-image:linear-gradient(135deg,#c8372d,#1f56c6,#a7bf32) 1;border-radius:16px;padding:0;width:100%;max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 25px 60px #000c,0 0 70px #1f56c61f,inset 0 1px #f2eee20d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,24px);border-bottom:2px solid rgba(31,86,198,.28);background:#1f56c614}.modal-header h2{font-family:Bebas Neue,cursive;color:#c8372d;margin:0;font-size:clamp(18px,3vw,24px);letter-spacing:2px}.jornadas-accordion{display:flex;flex-direction:column;gap:14px}.jornada-item{background:#f2eee208;border:2px solid rgba(242,238,226,.09);border-radius:14px;overflow:hidden;transition:all .25s ease}.jornada-item:hover{border-color:#1f56c64d;box-shadow:0 0 18px #1f56c61c}.jornada-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000040}.jornada-header:hover{background:#00000059}.jornada-header-left{display:flex;align-items:center;gap:12px;min-width:0}.jornada-caret{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:18px;line-height:1;letter-spacing:1px;transition:all .25s ease}.jornada-title{font-family:Bebas Neue,sans-serif;font-size:18px;color:#f2eee2;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jornada-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.jornada-pill{font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:2px;padding:5px 12px;border-radius:999px;border:2px solid rgba(242,238,226,.16);background:#00000040;color:#f2eee2d6}.jornada-stats{font-family:Roboto,sans-serif;font-size:12px;color:#f2eee2ad}.jornada-body{padding:14px 16px 16px;border-top:1px solid rgba(242,238,226,.08);background:#00000038}.pick-card.pick-falta{border:2px dashed rgba(200,55,45,.26);opacity:.92}.pick-badge{font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:2px;padding:5px 12px;border-radius:999px;border:2px solid rgba(242,238,226,.16);background:#00000040}.pick-badge.hecho{border-color:#1f56c66b;color:#1f56c6}.pick-badge.falta{border-color:#c8372d6b;color:#c8372d}.pick-badge.eliminado{background:#a0a0a029;color:#cfcfcf;border:1px solid rgba(160,160,160,.32)}.pick-badge.resultado{font-size:.85rem;padding:4px 10px;border-radius:14px;display:inline-flex;align-items:center;gap:4px}.vidas-mini{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:.85rem;background:#c8372d1f;border:1px solid rgba(200,55,45,.28)}.pick-badge.resultado.ganado{background:#a7bf3213;border:1px solid rgba(167,191,50,.28)}.pick-badge.resultado.perdido{background:#c8372d13;border:1px solid rgba(200,55,45,.3)}.pick-badge.resultado.empate{background:#c99a2e16;border:1px solid rgba(201,154,46,.3)}.pick-badge.resultado.pendiente{background:#95a5a62e;border:1px solid rgba(149,165,166,.32)}.torneo-card{position:relative;overflow:hidden}.torneo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(31,86,198,.085) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.torneo-card>*{position:relative;z-index:1}.torneo-card .torneo-vidas{margin:16px 0 5px;padding:14px 20px;background:#0000005c;border:3px solid #c8372d;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;transition:all .3s ease}.torneo-card .torneo-vidas:hover{background:#c8372d14;box-shadow:0 0 18px #c8372d2e;transform:scale(1.05)}.torneo-vidas-icon{font-size:18px;line-height:1}.torneo-vidas-numero{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;color:#c8372d;text-shadow:0 0 12px rgba(200,55,45,.24);line-height:1}.torneo-vidas-texto{font-family:Roboto,sans-serif;font-size:12px;color:#f2eee2a3;letter-spacing:1px;text-transform:uppercase;font-weight:800}.torneo-card .torneo-vidas.sin-vidas{border-color:#555;background:#00000059;box-shadow:none}.torneo-card .torneo-vidas.sin-vidas:hover{background:#f2eee20e;box-shadow:0 0 14px #f2eee21a;transform:scale(1.05)}.torneo-card .torneo-vidas.sin-vidas .torneo-vidas-icon{filter:grayscale(1);opacity:.55}.torneo-card .torneo-vidas.sin-vidas .torneo-vidas-numero{color:#777;text-shadow:none}.torneo-card .torneo-vidas.sin-vidas .torneo-vidas-texto{color:#777}.torneo-card .torneo-vidas.error-vidas{border-color:#c99a2e;background:#c99a2e12}.torneo-card .torneo-vidas.error-vidas:hover{background:#c99a2e17;box-shadow:0 0 18px #c99a2e2e;transform:scale(1.05)}.torneo-card .torneo-vidas.error-vidas .torneo-vidas-numero{color:#c99a2e;text-shadow:0 0 12px rgba(201,154,46,.24)}.torneo-card .torneo-vidas.error-vidas .torneo-vidas-texto{color:#f2eee2a3}@media (max-width: 480px){.torneo-card .torneo-vidas{padding:14px 12px;gap:8px}.torneo-vidas-numero{font-size:24px}.torneo-vidas-texto{font-size:10px}}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 24px rgba(31,86,198,.34)}50%{opacity:.72;text-shadow:0 0 42px rgba(31,86,198,.26)}}@media (max-width: 1200px){.torneos-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px}}@media (max-width: 768px){.torneos-title{font-size:48px;letter-spacing:6px}.torneos-grid{grid-template-columns:1fr;gap:25px}.torneo-card{padding:30px 25px}.torneo-nombre{font-size:28px}.torneo-fechas{flex-direction:column;gap:15px;padding:20px}.fecha-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,#1f56c6,transparent)}}@media (max-width: 480px){.torneos-container{padding:30px 15px}.torneos-title{font-size:36px;letter-spacing:4px}.torneo-card{padding:25px 20px}.torneo-nombre{font-size:24px}.stat-numero{font-size:36px}.btn-ver-jornadas{font-size:16px;padding:14px 20px}}@media (max-width: 1024px){body.modal-picks-open aside.sidebar{display:none!important}body.modal-picks-open .main-content{margin-left:0!important;width:100%!important;max-width:100%!important}body.modal-picks-open .main-layout{grid-template-columns:1fr!important}body.modal-picks-open .main-content,body.modal-picks-open .page-content{padding-left:0!important}body.modal-picks-open .modal-content{width:96vw!important;max-width:96vw!important}body.modal-picks-open{overflow:hidden!important}.pick-badge,.vidas-mini{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.8rem;letter-spacing:3px}}.jornadas-container{min-height:100vh;background:linear-gradient(135deg,#050b16,#07142a);padding:40px 20px 100px}.jornadas-header{max-width:1400px;margin:0 auto 60px;text-align:center;position:relative}.btn-back{position:absolute;left:0;top:10px;background:transparent;border:2px solid #1f56c6;color:#1f56c6;padding:10px 20px;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#1f56c6;color:#f2eee2;box-shadow:0 0 18px #1f56c652}.jornadas-title{font-family:Bebas Neue,sans-serif;font-size:64px;color:#f2eee2;letter-spacing:10px;margin:0;text-shadow:0 0 24px rgba(31,86,198,.34),0 0 42px rgba(200,55,45,.16)}.jornadas-divider{width:250px;height:4px;background:linear-gradient(90deg,transparent,#1f56c6,#a7bf32,#c8372d,transparent);margin:25px auto}.mensaje-pick{max-width:800px;margin:0 auto 40px;padding:20px 30px;border:3px solid;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;text-align:center;animation:slideDown .4s ease-out}.mensaje-pick.exito{background:#a7bf3213;border-color:#a7bf32;color:#a7bf32}.mensaje-pick.error{background:#c8372d17;border-color:#c8372d;color:#c8372d}.jornadas-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:40px;padding:0 20px}.jornada-card{background:#f2eee208;border:3px solid rgba(242,238,226,.08);padding:30px;position:relative;overflow:hidden;transition:all .4s ease}.jornada-card:hover{border-color:#1f56c67a;box-shadow:0 10px 30px #1f56c62e}.jornada-card.bloqueada{opacity:.5;cursor:not-allowed}.jornada-card.bloqueada:hover{border-color:#f2eee214;box-shadow:none}.jornada-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.jornada-numero{font-family:Bebas Neue,sans-serif;font-size:28px;color:#1f56c6;letter-spacing:3px;text-shadow:0 0 12px rgba(31,86,198,.28)}.jornada-estado{padding:6px 16px;font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:2px;border:2px solid}.jornada-estado.disponible{background:#a7bf3213;border-color:#a7bf32;color:#a7bf32}.jornada-estado.bloqueada{background:#c8372d17;border-color:#c8372d;color:#c8372d}.jornada-estado.finalizada{background:#c99a2e14;border-color:#c99a2e;color:#c99a2e}.estado-btn{background:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;margin:0;cursor:pointer}.estado-btn:hover{opacity:.85}.jornadas-table-container{background:#00000080;border:2px solid rgba(31,86,198,.26);overflow:hidden;overflow-x:auto}.jornadas-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.jornadas-table thead{background:#1f56c621;position:sticky;top:0;z-index:10}.jornadas-table th{padding:clamp(14px,2.5vw,20px) clamp(12px,2vw,20px);color:#f2eee2;vertical-align:middle;font-size:clamp(12px,1.5vw,14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jornadas-table tbody tr{border-bottom:1px solid rgba(242,238,226,.05);transition:all .3s ease}.jornadas-table tbody tr:hover{background:#1f56c60e}.jornadas-table td{padding:clamp(14px,2.5vw,20px) clamp(12px,2vw,20px);color:#f2eee2;vertical-align:middle;font-size:clamp(12px,1.5vw,14px)}.jornadas-table td,.jornadas-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jornada-fecha{text-align:center;font-family:Roboto,sans-serif;font-size:13px;color:#f2eee2ad;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(31,86,198,.18)}.seleccion-equipos{margin:30px 0}.seleccion-equipos h4{color:#1f56c6;font-family:Bebas Neue,sans-serif;font-size:20px;margin-bottom:20px;text-align:center}.equipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:10px}.equipo-btn{background:linear-gradient(145deg,#07142aeb,#040814f2);border:2px solid rgba(242,238,226,.12);border-radius:12px;padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:140px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.equipo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(242,238,226,.08),transparent);transition:left .5s ease}.equipo-btn:hover:before{left:100%}.equipo-btn:hover:not(:disabled){border-color:#1f56c67a;background:linear-gradient(145deg,#1f56c61f,#07142ad9);transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #1f56c62e,0 0 18px #1f56c61a}.equipo-btn.bloqueado{border-color:#c8372d6b;background:linear-gradient(145deg,#c8372d1f,#3712182e);opacity:.5;cursor:not-allowed}.equipo-btn.seleccionado{border-color:#a7bf32;background:linear-gradient(145deg,#a7bf3224,#465c181a);box-shadow:0 0 32px #a7bf322e,0 8px 25px #a7bf321f,inset 0 0 24px #a7bf3212;transform:translateY(-5px)}.equipo-btn.seleccionado:after{content:"";position:absolute;inset:0;border:2px solid #a7bf32;pointer-events:none;animation:pulse-border 2s ease-in-out infinite}.equipo-logo{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f2eee21a,#f2eee208);border-radius:50%;padding:12px;border:2px solid rgba(242,238,226,.13);box-shadow:0 4px 15px #0000006b,inset 0 1px #f2eee214;transition:all .3s ease;position:relative;overflow:hidden}.equipo-logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(242,238,226,.08) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.equipo-btn:hover .equipo-logo{transform:scale(1.1);border-color:#1f56c673;box-shadow:0 6px 25px #1f56c638,0 0 24px #1f56c61f,inset 0 1px #f2eee224}.equipo-btn:hover .equipo-logo:before{opacity:1}.equipo-btn.seleccionado .equipo-logo{border-color:#a7bf3280;box-shadow:0 6px 25px #a7bf3238,0 0 30px #a7bf321f,inset 0 1px #f2eee224}.equipo-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:all .3s ease}.equipo-btn:hover .equipo-logo img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(242,238,226,.24))}.logo-placeholder{font-size:40px;filter:grayscale(1)}.equipo-nombre{font-family:Bebas Neue,sans-serif;font-size:15px;color:#f2eee2eb;letter-spacing:1.5px;text-align:center;line-height:1.2;min-height:36px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.equipo-btn:hover .equipo-nombre{color:#1f56c6;text-shadow:0 0 9px rgba(31,86,198,.24)}.equipo-btn.seleccionado .equipo-nombre{color:#a7bf32;text-shadow:0 0 9px rgba(167,191,50,.18)}.check-mark{position:absolute;top:15px;right:15px;width:35px;height:35px;background:#a7bf32;color:#050b16;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 0 18px #a7bf3247;animation:checkPop .4s ease-out}.vs-divider{font-family:Bebas Neue,sans-serif;font-size:24px;color:#c8372d;letter-spacing:3px;text-shadow:0 0 14px rgba(200,55,45,.3);flex-shrink:0}.pick-guardado{text-align:center;padding:15px 20px;background:#a7bf3213;border:2px solid #a7bf32;font-family:Roboto,sans-serif;font-size:14px;color:#f2eee2e6;margin-top:20px}.pick-guardado strong{color:#a7bf32;font-weight:700}.editar-hint{display:block;font-size:12px;color:#f2eee280;margin-top:8px;font-style:italic}.procesando-overlay,.bloqueada-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;z-index:10}.procesando-overlay{background:#1f56c624;color:#1f56c6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bloqueada-overlay{background:#000c;color:#c8372d}.spinner-mini{font-size:40px;animation:spin 1s linear infinite}.jornadas-vacio,.error-message{max-width:600px;margin:100px auto;text-align:center;padding:60px 40px;background:#f2eee208;border:3px solid rgba(242,238,226,.08)}.vacio-icon,.error-icon{font-size:80px;display:block;margin-bottom:30px;filter:grayscale(1) opacity(.5)}.jornadas-vacio h3{font-family:Bebas Neue,sans-serif;font-size:32px;color:#1f56c6;letter-spacing:3px;margin:20px 0}.jornadas-vacio p,.error-message p{font-family:Roboto,sans-serif;font-size:15px;color:#f2eee299;line-height:1.6;margin:10px 0}.btn-reintentar,.btn-volver{margin-top:25px;background:transparent;border:3px solid #a7bf32;color:#a7bf32;padding:14px 32px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-left:10px;margin-right:10px}.btn-volver{border-color:#1f56c6;color:#1f56c6}.btn-reintentar:hover{background:#a7bf32;color:#050b16;box-shadow:0 0 20px #a7bf3238}.btn-volver:hover{background:#1f56c6;color:#f2eee2;box-shadow:0 0 20px #1f56c647}.loading-spinner{text-align:center;padding:150px 20px;font-family:Bebas Neue,sans-serif;font-size:42px;color:#1f56c6;letter-spacing:5px;animation:pulse 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.5}}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}@media (max-width: 992px){.jornadas-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px}}@media (max-width: 768px){.jornadas-title{font-size:48px;letter-spacing:6px}.btn-back{position:static;display:block;margin:0 auto 30px;width:fit-content}.jornadas-grid{grid-template-columns:1fr;gap:25px}.jornada-card{padding:25px 20px}.enfrentamiento{flex-direction:column;gap:25px}.equipo-btn{width:100%;max-width:300px}.vs-divider{transform:rotate(90deg);font-size:20px}}@media (max-width: 480px){.jornadas-container{padding:30px 15px}.jornadas-title{font-size:36px;letter-spacing:4px}.jornada-numero{font-size:24px}.equipo-logo{width:60px;height:60px}.equipo-nombre{font-size:16px}}.loading-partidos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#f2eee28c}.partidos-lista-usuario{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem}.partido-card-usuario{background:linear-gradient(135deg,#07142af2,#040814fa);border:2px solid rgba(31,86,198,.24);border-radius:16px;padding:1.5rem 2rem;transition:all .3s ease;position:relative;overflow:hidden}.partido-card-usuario:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c8372d,#c99a2e,#1f56c6,#a7bf32);opacity:0;transition:opacity .3s ease}.partido-card-usuario:hover{border-color:#1f56c670;transform:translateY(-3px);box-shadow:0 12px 35px #1f56c633}.partido-card-usuario:hover:before{opacity:1}.partido-numero{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:#c8372d;letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;text-align:center;padding-bottom:.75rem;border-bottom:1px solid rgba(200,55,45,.18)}.partido-equipos{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 0}.partido-equipo{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;max-width:200px}.partido-equipo.local,.partido-equipo.visitante{align-items:center}.equipo-logo-partido{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid rgba(242,238,226,.13);background:linear-gradient(145deg,#07142aeb,#040814f2);display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 4px 15px #00000052}.partido-card-usuario:hover .equipo-logo-partido{border-color:#1f56c67a;box-shadow:0 0 22px #1f56c63d;transform:scale(1.05)}.equipo-logo-partido img{width:90%;height:90%;object-fit:contain}.equipo-nombre-partido{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:#f2eee2;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.partido-vs{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#c99a2e;text-shadow:0 0 10px rgba(201,154,46,.28),0 0 18px rgba(201,154,46,.14);font-weight:700;min-width:60px;text-align:center;animation:vsPulse 2s ease-in-out infinite}@keyframes vsPulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(201,154,46,.28),0 0 18px rgba(201,154,46,.14)}50%{transform:scale(1.1);text-shadow:0 0 13px rgba(201,154,46,.36),0 0 26px rgba(201,154,46,.2)}}.partido-fecha-usuario{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(242,238,226,.09);text-align:center;font-size:.95rem;color:#1f56c6;font-weight:600;letter-spacing:.5px;text-shadow:0 0 8px rgba(31,86,198,.18)}@media (max-width: 600px){.partido-card-usuario{padding:1.25rem 1rem}.partido-equipos{gap:1rem}.equipo-logo-partido{width:55px;height:55px}.equipo-nombre-partido{font-size:.9rem}.partido-vs{font-size:1.4rem;min-width:45px}.partido-fecha-usuario{font-size:.85rem}}.tablaPicks-torneo-badge{width:100%;padding:clamp(14px,3.5vw,26px);margin:clamp(8px,2.5vw,18px) 0 clamp(14px,4vw,26px);background:linear-gradient(90deg,#ff2e7c1a,#00eaff14,#ff2e7c1a);border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);font-family:var(--font-display);font-size:clamp(16px,4.2vw,26px);letter-spacing:clamp(1px,.8vw,4px);text-transform:uppercase;text-align:center;color:var(--color-primary);text-shadow:0 0 10px rgba(255,46,124,.6),0 0 20px rgba(255,46,124,.35);position:relative;overflow:hidden;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.1}.tablaPicks-torneo-badge:after{content:"";position:absolute;top:0;left:-120%;width:140%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,46,124,.22),transparent);animation:squidSweep 4s infinite;pointer-events:none}@media (max-width: 480px){.tablaPicks-torneo-badge{padding:12px 10px;letter-spacing:1.5px}.tablaPicks-torneo-badge:after{opacity:.65}}@keyframes squidSweep{0%{left:-120%}60%{left:110%}to{left:110%}}main.page-content:has(.tablaPicks-content){overflow:hidden}.tablaPicks-emptyInside{width:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:28px 18px;color:#ffffffc7}.tablaPicks-emptyInside .empty-icon{font-size:42px;opacity:.9}.tablaPicks-emptyInside h3{margin:0;letter-spacing:1px}.tablaPicks-emptyInside p{margin:0;max-width:520px;color:#fff9}.tablaPicks-header-con-select{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;margin-bottom:18px;background:#0c0a19eb;border-top:1px solid rgba(255,0,110,.7);border-bottom:1px solid rgba(255,0,110,.18);box-shadow:0 0 18px #ff006e1f}.tablaPicks-title-box{display:flex;align-items:center;gap:14px}.tablaPicks-title-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:6px;background:#ffffff14;box-shadow:0 0 12px #ff006e40}.tablaPicks-selector-inline{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a}.tablaPicks-selector-label-inline{color:#00eaff;font-size:14px;font-weight:800;white-space:nowrap}.tablaPicks-selector{min-width:230px;height:36px;padding:0 12px;background:#050714f2;border:1px solid #00a7c7;border-radius:6px;color:#fff;font-size:14px;outline:none;transition:all .25s ease}.tablaPicks-selector:hover{border-color:#00eaff;box-shadow:0 0 12px #00eaff40}.tablaPicks-selector:focus{border-color:#ff2e7c;box-shadow:0 0 14px #ff2e7c59}.tablaPicks-selector:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.tablaPicks-header-con-select{flex-direction:column;align-items:stretch}.tablaPicks-title-box{justify-content:center}.tablaPicks-selector-inline{justify-content:center;flex-wrap:wrap}.tablaPicks-selector{width:100%;min-width:0}}.pick-cell{vertical-align:top;text-align:center}.pick-cell .pick-multi,.tablaPicks-mobilePick .pick-multi{display:block;width:100%;text-align:center;white-space:normal;word-break:break-word;line-height:1.15;margin:2px 0}.pick-cell .pick-eliminado,.tablaPicks-mobilePick .pick-eliminado,.pick-cell .pick-sin-equipo,.tablaPicks-mobilePick .pick-sin-equipo{display:block;width:100%;text-align:center;margin:2px 0}.tablaPicks-table tbody td{vertical-align:top}.tablaPicks-table{table-layout:fixed}.tablaPicks-table th,.tablaPicks-table td{box-sizing:border-box}:root{--vida-total-w: 118px}.vidas-total-head,.vida-total-cell{width:var(--vida-total-w);min-width:var(--vida-total-w);max-width:var(--vida-total-w);text-align:center}.tablaPicks-table .vidas-total-head,.tablaPicks-table .vida-total-cell{position:sticky;left:var(--cont-w);background:var(--tabla-bg, #0f1419)}.tablaPicks-table .vida-total-cell{z-index:65}.tablaPicks-table .vidas-total-head{z-index:135}.tablaPicks-table:has(.vidas-total-head) th.jugador-head,.tablaPicks-table:has(.vidas-total-head) td.jugador-cell{left:calc(var(--cont-w) + var(--vida-total-w));box-shadow:6px 0 #000000a6}.tablaPicks-table tbody tr:hover td.vida-total-cell{background:var(--tabla-bg, #0f1419)!important}.vidas-contador-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;padding:7px 11px;border-radius:999px;font-family:var(--font-display);font-size:.92rem;font-weight:900;letter-spacing:1px;white-space:nowrap;border:1px solid rgba(255,255,255,.16)}.tablaPicks-mobileJugador{width:100%;min-width:0}.mobile-jugador-nombre{min-width:0}.tablaPicks-table tbody td{vertical-align:middle!important}.contador-cell,.vida-total-cell,.jugador-cell{text-align:center!important;vertical-align:middle!important}.vida-total-cell{align-items:center;justify-content:center}.pick-cell{text-align:center!important;vertical-align:middle!important}.pick-cell .pick-multi,.pick-cell .pick-eliminado,.pick-cell .pick-sin-equipo{text-align:center!important;margin-left:auto;margin-right:auto}.pick-sin-equipo{display:block;text-align:center!important}.tablaPicks-table:has(.vidas-total-head) .jugador-cell{text-align:center!important;vertical-align:middle!important}.tablaPicks-table:has(.vidas-total-head) .vida-total-cell{text-align:center!important;vertical-align:middle!important}@media (max-width: 768px){.vidas-contador-badge{min-width:auto;padding:6px 10px;font-size:.82rem;letter-spacing:.6px}}@media (max-width: 480px){.vidas-contador-badge{padding:5px 8px;font-size:.78rem}}:root{--squid-pink: #ff2e7c;--squid-cyan: #00eaff;--squid-green: #4effa6;--squid-red: #ff1744;--dark-bg: #0a0e1a;--darker-bg: #050810;--card-bg: rgba(15, 20, 30, .95)}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--dark-bg) 0%,#1a0e2e 50%,var(--darker-bg) 100%);padding:clamp(15px,5vw,40px);position:relative;overflow:hidden;font-family:Roboto,sans-serif}.admin-login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,46,124,.02) 2px,rgba(255,46,124,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,234,255,.02) 2px,rgba(0,234,255,.02) 4px);pointer-events:none;animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.3}50%{opacity:.6}}.login-bg-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.08;animation:floatShape 20s ease-in-out infinite}.shape-circle{width:clamp(150px,30vw,400px);height:clamp(150px,30vw,400px);border:3px solid var(--squid-pink);border-radius:50%;top:10%;left:-10%;animation-delay:0s}.shape-triangle{width:0;height:0;border-left:clamp(100px,20vw,250px) solid transparent;border-right:clamp(100px,20vw,250px) solid transparent;border-bottom:clamp(150px,30vw,400px) solid var(--squid-cyan);top:60%;right:-5%;animation-delay:3s}.shape-square{width:clamp(120px,25vw,350px);height:clamp(120px,25vw,350px);border:3px solid var(--squid-green);bottom:5%;left:50%;transform:translate(-50%) rotate(45deg);animation-delay:6s}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0);opacity:.05}50%{transform:translateY(-30px) rotate(10deg);opacity:.12}}.admin-login-box{background:var(--card-bg);border:2px solid rgba(255,46,124,.3);padding:clamp(30px,6vw,60px) clamp(25px,5vw,50px);max-width:min(500px,95vw);width:100%;position:relative;z-index:10;box-shadow:0 0 40px #ff2e7c33,0 0 80px #00eaff1a,inset 0 0 60px #00000080;animation:boxEntrance .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes boxEntrance{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-login-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--squid-pink),var(--squid-cyan),var(--squid-green),var(--squid-pink));background-size:300% 300%;animation:borderGlow 4s ease infinite;z-index:-1;opacity:.3;filter:blur(10px)}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.admin-header{text-align:center;margin-bottom:clamp(30px,5vw,45px)}.geometric-icons{display:flex;justify-content:center;gap:clamp(20px,4vw,40px);margin-bottom:clamp(15px,3vw,25px);font-size:clamp(32px,6vw,56px);font-weight:300;letter-spacing:5px}.icon-circle{color:var(--squid-pink);animation:pulseIcon 2s ease-in-out infinite;animation-delay:0s}.icon-triangle{color:var(--squid-cyan);animation:pulseIcon 2s ease-in-out infinite;animation-delay:.3s}.icon-square{color:var(--squid-green);animation:pulseIcon 2s ease-in-out infinite;animation-delay:.6s}@keyframes pulseIcon{0%,to{opacity:.6;text-shadow:0 0 10px currentColor}50%{opacity:1;text-shadow:0 0 25px currentColor}}.login-title{font-family:Bebas Neue,cursive;font-size:clamp(28px,6vw,48px);color:#fff;margin:0 0 clamp(12px,2vw,20px) 0;letter-spacing:clamp(3px,.8vw,8px);text-transform:uppercase;font-weight:400;text-shadow:0 0 20px rgba(255,46,124,.5),0 0 40px rgba(0,234,255,.3);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(255,46,124,.5),0 0 40px rgba(0,234,255,.3)}50%{text-shadow:0 0 30px rgba(255,46,124,.8),0 0 60px rgba(0,234,255,.5),0 0 80px rgba(78,255,166,.2)}}.login-divider{height:3px;width:min(100%,300px);background:linear-gradient(90deg,transparent 0%,var(--squid-pink) 20%,var(--squid-cyan) 50%,var(--squid-green) 80%,transparent 100%);margin:0 auto clamp(12px,2vw,20px) auto;box-shadow:0 0 15px #ff2e7c99;animation:dividerPulse 2s ease-in-out infinite}@keyframes dividerPulse{0%,to{opacity:.7;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1)}}.login-subtitle{font-size:clamp(11px,1.8vw,14px);color:#fff9;letter-spacing:clamp(2px,.5vw,4px);text-transform:uppercase;font-weight:500;margin:0}.admin-login-form{margin-bottom:clamp(25px,4vw,35px)}.form-group{margin-bottom:clamp(20px,4vw,30px)}.form-label{display:flex;align-items:center;gap:8px;font-size:clamp(11px,1.5vw,12px);color:#fffc;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:clamp(8px,1.5vw,12px)}.label-icon{color:var(--squid-cyan);font-size:clamp(14px,2vw,16px);text-shadow:0 0 10px currentColor}.form-input{width:100%;padding:clamp(12px,2.5vw,16px) clamp(15px,3vw,20px);background:#0009;border:2px solid rgba(0,234,255,.3);color:#fff;font-size:clamp(13px,2vw,15px);font-family:Roboto,sans-serif;font-weight:400;letter-spacing:1px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input:focus{border-color:var(--squid-cyan);background:#00eaff0d;box-shadow:0 0 20px #00eaff4d,inset 0 0 10px #00eaff1a}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:#ffffff4d;font-style:italic;font-size:clamp(12px,1.8vw,13px)}.error-message{display:flex;align-items:center;gap:10px;padding:clamp(12px,2.5vw,16px) clamp(15px,3vw,20px);background:#ff174426;border:2px solid var(--squid-red);color:var(--squid-red);margin-bottom:clamp(20px,4vw,25px);font-size:clamp(11px,1.8vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:1px;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:clamp(16px,2.5vw,20px);text-shadow:0 0 15px currentColor;animation:errorBlink 1s ease-in-out infinite}@keyframes errorBlink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.error-text{flex:1}.btn-login-admin{width:100%;padding:clamp(14px,3vw,18px) clamp(20px,4vw,30px);background:#ff2e7c33;border:2px solid var(--squid-pink);color:var(--squid-pink);font-size:clamp(13px,2vw,15px);font-weight:900;text-transform:uppercase;letter-spacing:clamp(2px,.5vw,3px);cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px}.btn-login-admin:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--squid-pink) 0%,var(--squid-cyan) 50%,var(--squid-green) 100%);transition:left .5s ease;z-index:-1}.btn-login-admin:hover:not(:disabled):before{left:0}.btn-login-admin:hover:not(:disabled){color:#fff;border-color:var(--squid-cyan);box-shadow:0 0 30px #ff2e7c99,0 0 60px #00eaff66;transform:translateY(-3px)}.btn-login-admin:active:not(:disabled){transform:translateY(-1px)}.btn-login-admin:disabled{opacity:.6;cursor:not-allowed}.btn-login-admin.loading{animation:buttonPulse 1.5s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #ff2e7c66}50%{box-shadow:0 0 40px #ff2e7ccc}}.btn-icon{font-size:clamp(16px,2.5vw,20px);text-shadow:0 0 10px currentColor}.loading-spinner{font-size:clamp(18px,3vw,24px);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-footer{text-align:center}.warning-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:clamp(10px,2vw,14px) clamp(15px,3vw,20px);background:#ff2e7c1a;border:1px solid rgba(255,46,124,.3);margin-bottom:clamp(15px,3vw,20px)}.warning-icon{font-size:clamp(16px,2.5vw,20px);color:var(--squid-pink);text-shadow:0 0 15px currentColor;animation:warningBlink 2s ease-in-out infinite}@keyframes warningBlink{0%,to{opacity:1}50%{opacity:.4}}.warning-text{font-size:clamp(10px,1.5vw,11px);color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin:0}.back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffff80;text-decoration:none;font-size:clamp(11px,1.5vw,12px);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;transition:all .3s ease;padding:clamp(8px,1.5vw,10px) 0}.back-link:hover{color:var(--squid-cyan);text-shadow:0 0 10px rgba(0,234,255,.6)}.back-icon{font-size:clamp(14px,2vw,16px);text-shadow:0 0 10px currentColor}@media (max-width: 768px){.admin-login-container{padding:20px}.admin-login-box{padding:30px 20px}.geometric-icons{gap:25px;font-size:40px}.login-title{font-size:32px;letter-spacing:4px}.shape-circle,.shape-triangle,.shape-square{opacity:.05}}@media (max-width: 480px){.admin-login-container{padding:60px 15px 15px;align-items:flex-start}.admin-login-box{padding:25px 18px}.geometric-icons{gap:20px;font-size:36px;margin-bottom:15px}.login-title{font-size:24px;letter-spacing:3px}.login-subtitle{font-size:10px;letter-spacing:2px}.form-label{font-size:10px}.form-input{padding:12px 14px;font-size:14px}.btn-login-admin{padding:14px 20px;font-size:12px}.error-message{font-size:11px;padding:12px 15px}.warning-text{font-size:9px}.back-link{font-size:10px}.shape{display:none}}@media (max-width: 360px){.admin-login-box{padding:20px 15px}.geometric-icons{font-size:30px;gap:15px}.login-title{font-size:20px;letter-spacing:2px}}@media (max-width: 768px) and (orientation: landscape){.admin-login-container{padding:15px;align-items:flex-start}.admin-login-box{max-width:600px;padding:20px 30px;margin:20px auto}.geometric-icons{margin-bottom:12px}.login-divider{margin:10px auto 15px}.form-group{margin-bottom:20px}}.gestion-usuarios{padding:clamp(20px,3vw,40px);min-height:100vh;background:linear-gradient(135deg,#0a0e1af2,#141928fa)}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(30px,4vw,45px);flex-wrap:wrap;gap:clamp(15px,2vw,25px);padding-bottom:clamp(20px,3vw,30px);border-bottom:3px solid rgba(255,46,124,.3)}.header-section h2{color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(32px,6vw,52px);letter-spacing:clamp(2px,.4vw,5px);text-transform:uppercase;text-shadow:0 0 30px rgba(255,46,124,.6),0 0 60px rgba(255,46,124,.3);margin:0;position:relative}.header-section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#ff2e7c 0%,transparent 100%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:clamp(15px,2.5vw,25px);margin-bottom:clamp(30px,4vw,40px)}.stat-card{background:#0009;border:3px solid rgba(78,255,166,.4);border-radius:0;padding:clamp(20px,3vw,30px);text-align:center;box-shadow:0 10px 40px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(78,255,166,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .5s ease;z-index:0}.stat-card:hover:before{width:300%;height:300%}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 50px #4effa666,0 0 40px #4effa633;border-color:#4effa6}.stat-card.green{border-color:#4effa680;background:linear-gradient(135deg,#4effa614,#0009)}.stat-card.green:before{background:radial-gradient(circle,rgba(78,255,166,.3) 0%,transparent 70%)}.stat-card.red{border-color:#ff2e7c80;background:linear-gradient(135deg,#ff2e7c14,#0009)}.stat-card.red:before{background:radial-gradient(circle,rgba(255,46,124,.3) 0%,transparent 70%)}.stat-card.blue{border-color:#00eaff80;background:linear-gradient(135deg,#00eaff14,#0009)}.stat-card.blue:before{background:radial-gradient(circle,rgba(0,234,255,.3) 0%,transparent 70%)}.stat-card.orange{border-color:#ff980080;background:linear-gradient(135deg,#ff980014,#0009)}.stat-card.orange:before{background:radial-gradient(circle,rgba(255,152,0,.3) 0%,transparent 70%)}.stat-card.purple{border-color:#9c27b080;background:linear-gradient(135deg,#9c27b014,#0009)}.stat-card.purple:before{background:radial-gradient(circle,rgba(156,39,176,.3) 0%,transparent 70%)}.stat-card h3{font-size:clamp(36px,6vw,52px);margin:0 0 clamp(8px,1.5vw,12px) 0;color:#4effa6;font-family:Bebas Neue,sans-serif;text-shadow:0 0 20px rgba(78,255,166,.6),0 0 40px rgba(78,255,166,.3);position:relative;z-index:1}.stat-card p{font-size:clamp(12px,2vw,15px);color:#fffc;margin:0;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-weight:600;position:relative;z-index:1}.filtros-section{background:#0009;border:3px solid rgba(0,234,255,.4);border-radius:0;padding:clamp(22px,3.5vw,30px);margin-bottom:clamp(30px,4vw,40px);box-shadow:0 10px 40px #00000080,0 0 30px #00eaff1a}.search-box{display:flex;gap:clamp(10px,2vw,15px);margin-bottom:clamp(18px,2.5vw,25px);flex-wrap:wrap}.search-box input{flex:1;min-width:220px;padding:clamp(12px,2vw,15px) clamp(15px,2.5vw,18px);border:3px solid rgba(0,234,255,.4);border-radius:0;font-size:clamp(13px,2vw,15px);background:#0009;color:#fff;font-family:Roboto,sans-serif;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#00eaff;box-shadow:0 0 25px #00eaff66,inset 0 0 15px #00eaff1a;background:#00eaff0d}.search-box input::placeholder{color:#ffffff80;font-style:italic}.search-box button,.btn-primary,.btn-action{padding:clamp(12px,2vw,15px) clamp(20px,3vw,28px);border:3px solid #4effa6;background:#4effa61f;color:#4effa6;border-radius:0;cursor:pointer;font-size:clamp(12px,1.8vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:Bebas Neue,sans-serif;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.search-box button:before,.btn-primary:before,.btn-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#4effa6,#0f8);transition:left .4s ease;z-index:-1}.search-box button:hover:before,.btn-primary:hover:before,.btn-action:hover:before{left:0}.search-box button:hover,.btn-primary:hover,.btn-action:hover{color:#0a0e1a;box-shadow:0 0 35px #4effa699,0 5px 15px #4effa64d;transform:translateY(-3px)}.filtros-row{display:flex;gap:clamp(10px,2vw,15px);flex-wrap:wrap}.btn-filter{padding:clamp(10px,1.5vw,12px) clamp(18px,2.5vw,24px);border:3px solid rgba(0,234,255,.4);background:transparent;color:#00eaff;border-radius:0;cursor:pointer;font-size:clamp(11px,1.8vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-family:Bebas Neue,sans-serif;transition:all .3s ease;white-space:nowrap}.btn-filter:hover,.btn-filter.active{background:#00eaff33;border-color:#00eaff;box-shadow:0 0 25px #00eaff66;transform:translateY(-2px)}.usuarios-table-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:clamp(20px,3vw,30px);margin-bottom:clamp(20px,3vw,30px)}.usuario-card{background:linear-gradient(135deg,#000000b3,#141928cc);border:3px solid rgba(255,46,124,.4);border-radius:0;padding:0;box-shadow:0 10px 40px #0009,0 0 30px #ff2e7c1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.usuario-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,46,124,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .5s ease;z-index:0}.usuario-card:hover:before{width:300%;height:300%}.usuario-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #ff2e7c66,0 0 50px #ff2e7c33;border-color:#ff2e7c}.usuario-card-header{padding:clamp(20px,3vw,25px);display:flex;align-items:center;gap:clamp(15px,2vw,20px);border-bottom:2px solid rgba(255,46,124,.2);position:relative;z-index:1}.usuario-avatar{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);border-radius:50%;background:linear-gradient(135deg,#ff2e7c,#00eaff);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:clamp(24px,4vw,32px);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);flex-shrink:0;box-shadow:0 0 20px #ff2e7c66;border:3px solid rgba(255,255,255,.2)}.usuario-info{flex:1;min-width:0}.usuario-nombre{font-family:Bebas Neue,sans-serif;font-size:clamp(18px,3vw,22px);color:#ff2e7c;margin:0 0 clamp(4px,.8vw,6px) 0;letter-spacing:clamp(.5px,.2vw,1px);text-transform:uppercase;text-shadow:0 0 15px rgba(255,46,124,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px}.usuario-username{font-size:clamp(12px,2vw,14px);color:#fff9;margin:0;font-family:Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:clamp(5px,1.1vw,7px) clamp(12px,2.2vw,16px);font-size:clamp(9px,1.1vw,11px);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border-radius:14px!important;white-space:nowrap;position:absolute;top:clamp(16px,3vw,20px);right:clamp(16px,3vw,20px)}.status-badge.activo{background:#4effa633;color:#4effa6;border-color:#4effa6;box-shadow:0 0 15px #4effa64d}.status-badge.inactivo{background:#ff2e7c33;color:#ff2e7c;border-color:#ff2e7c;box-shadow:0 0 15px #ff2e7c4d}.status-badge.bloqueado{background:#ff980033;color:#ff9800;border-color:#ff9800;box-shadow:0 0 15px #ff98004d}.usuario-card-body{padding:clamp(18px,3vw,22px);position:relative;z-index:1}.usuario-detail{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.5vw,10px) 0;border-bottom:1px solid rgba(255,255,255,.05)}.usuario-detail:last-child{border-bottom:none}.usuario-detail-label{font-size:clamp(11px,1.8vw,13px);color:#ffffff80;text-transform:uppercase;letter-spacing:clamp(.3px,.1vw,.5px);font-weight:600;font-family:Roboto,sans-serif}.usuario-detail-value{font-size:clamp(12px,2vw,14px);color:#00eaff;font-weight:600;font-family:Roboto,sans-serif;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario-detail-value.vidas{color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(16px,2.5vw,20px);text-shadow:0 0 10px rgba(255,46,124,.3)}.usuario-detail-value.sin-vidas{color:#ff1744;text-shadow:0 0 10px rgba(255,23,68,.5)}.usuario-detail-value.nivel{color:#4effa6;font-family:Bebas Neue,sans-serif;font-size:clamp(16px,2.5vw,20px)}.usuario-card-footer{padding:clamp(15px,2.5vw,20px);background:#0000004d;border-top:2px solid rgba(255,46,124,.2);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.5vw,12px);position:relative;z-index:1}.btn-sm{padding:clamp(8px,1.5vw,10px);border:2px solid;background:transparent;border-radius:0;cursor:pointer;font-size:clamp(11px,1.8vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.3px,.1vw,.5px);font-family:Bebas Neue,sans-serif;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px}.btn-sm.btn-edit{color:#00eaff;border-color:#00eaff}.btn-sm.btn-edit:hover{background:#00eaff33;box-shadow:0 0 20px #00eaff66;transform:translateY(-2px)}.btn-sm.btn-delete{color:#ff2e7c;border-color:#ff2e7c}.btn-sm.btn-delete:hover{background:#ff2e7c33;box-shadow:0 0 20px #ff2e7c66;transform:translateY(-2px)}.btn-sm.btn-toggle{color:#4effa6;border-color:#4effa6}.btn-sm.btn-toggle:hover{background:#4effa633;box-shadow:0 0 20px #4effa666;transform:translateY(-2px)}.btn-sm.btn-vidas{color:#ff9800;border-color:#ff9800}.btn-sm.btn-vidas:hover{background:#ff980033;box-shadow:0 0 20px #ff980066;transform:translateY(-2px)}.btn-sm.btn-password{color:#9c27b0;border-color:#9c27b0;grid-column:span 1}.btn-sm.btn-password:hover{background:#9c27b033;box-shadow:0 0 20px #9c27b066;transform:translateY(-2px)}.usuarios-table{width:100%;border-collapse:collapse;min-width:800px}.usuarios-table thead{background:#ff2e7c26;border-bottom:3px solid #ff2e7c}.usuarios-table th{padding:clamp(15px,2.5vw,20px);text-align:left;color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(13px,2.2vw,16px);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);font-weight:700}.usuarios-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.usuarios-table tbody tr:hover{background:#ff2e7c26;transform:translate(8px)}.usuarios-table td{padding:clamp(15px,2.5vw,18px);color:#fffc;font-size:clamp(12px,1.8vw,14px)}.no-data{text-align:center;padding:clamp(40px,8vw,60px);color:#ffffff80;font-size:clamp(14px,2.5vw,18px);text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-family:Bebas Neue,sans-serif;background:#0006;border:2px dashed rgba(255,46,124,.3)}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:16px;overflow-y:auto}.modal-content{background:linear-gradient(145deg,#0d1117,#161b22,#0d1117);border:2px solid;border-image:linear-gradient(135deg,#ff2e7c,#00eaff,#4effa6) 1;border-radius:16px;padding:0;width:100%;max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 25px 60px #000c,0 0 80px #ff2e7c26,inset 0 1px #ffffff0d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes modalSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#ff2e7c1a,#00eaff0d);border-bottom:1px solid rgba(255,46,124,.2);flex-shrink:0}.modal-header h3{color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:2px;text-transform:uppercase;margin:0;display:flex;align-items:center;gap:10px;text-shadow:0 0 20px rgba(255,46,124,.4)}.btn-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff9;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;padding:0}.btn-close:hover{background:#ff2e7c33;border-color:#ff2e7c;color:#ff2e7c;transform:rotate(90deg)}.modal-body,.modal-content>form{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;color:#00eaff;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-family:Bebas Neue,sans-serif}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:2px solid rgba(0,234,255,.3);border-radius:10px;font-size:14px;background:#0006;color:#fff;transition:all .3s ease;font-family:Roboto,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00eaff;box-shadow:0 0 20px #00eaff40;background:#00eaff0d}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300eaff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group select option{background:#161b22;color:#fff;padding:10px}.checkbox-group{display:flex;align-items:center;padding:8px 0}.checkbox-group label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-size:13px}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#4effa6}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background:#0000004d;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.btn-secondary{padding:12px 24px;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fffc;border-radius:10px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:all .3s ease;font-family:Bebas Neue,sans-serif;white-space:nowrap}.btn-secondary:hover{background:#ffffff26;color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff26}.btn-primary{padding:12px 28px;border:2px solid #4effa6;background:linear-gradient(135deg,#4effa633,#4effa61a);color:#4effa6;border-radius:10px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:Bebas Neue,sans-serif;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#4effa6,#0f8);transition:left .4s ease;z-index:-1}.btn-primary:hover{color:#0a0e1a;box-shadow:0 0 35px #4effa699,0 5px 15px #4effa64d;transform:translateY(-3px)}.loading-state{display:flex;align-items:center;justify-content:center;padding:clamp(50px,10vw,80px);color:#00eaff;font-size:clamp(16px,3vw,20px);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,3px);font-family:Bebas Neue,sans-serif;text-shadow:0 0 20px rgba(0,234,255,.5)}.error-message{background:#ff2e7c26;border:3px solid #ff2e7c;color:#ff2e7c;border-radius:0;margin:10px 0 15px;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-size:clamp(12px,2vw,14px);font-weight:700;font-family:Bebas Neue,sans-serif;box-shadow:0 5px 20px #ff2e7c4d}.success-message{background:#4effa626;border:3px solid #4effa6;color:#4effa6;padding:clamp(18px,3.5vw,25px);border-radius:0;margin-bottom:clamp(20px,3vw,25px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-size:clamp(12px,2vw,14px);font-weight:700;font-family:Bebas Neue,sans-serif;box-shadow:0 5px 20px #4effa64d}.confirmacion-bloque{margin:0;padding:0;flex-direction:column;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.05rem;line-height:1.6}.confirmacion-pregunta{margin-top:12px;opacity:.8}@media (max-width: 360px){.gestion-usuarios{padding:15px}.header-section h2{font-size:24px}.usuario-card-header{flex-direction:column;text-align:center}.usuario-avatar{width:70px;height:70px}.usuario-card-footer{grid-template-columns:1fr}.btn-sm.btn-password{grid-column:span 1}}@media (min-width: 361px) and (max-width: 480px){.gestion-usuarios{padding:18px}.header-section{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.search-box{flex-direction:column}.search-box input{min-width:100%}.search-box button{width:100%}.filtros-row{flex-direction:column}.btn-filter{width:100%}.usuarios-table-container{grid-template-columns:1fr}.pagination{flex-direction:column}.pagination button{width:100%}.modal-footer{flex-direction:row;padding:16px 20px}.btn-secondary,.btn-primary{flex:1;padding:12px 16px;text-align:center}.form-grid{grid-template-columns:1fr;gap:12px}.modal-content{max-width:100%;border-radius:12px}.modal-header{padding:16px 20px}.modal-header h3{font-size:20px}.modal-body,.modal-content>form{padding:20px}.form-group input,.form-group select{padding:14px 12px;font-size:16px}}@media (min-width: 481px) and (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.usuarios-table-container{grid-template-columns:1fr}}@media (min-width: 601px) and (max-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width: 1025px) and (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width: 1201px) and (max-width: 1440px){.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (min-width: 1441px) and (max-width: 1920px){.gestion-usuarios{max-width:1800px;margin:0 auto}.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (min-width: 1921px){.gestion-usuarios{max-width:2000px;margin:0 auto}.usuarios-table-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.stats-grid{grid-template-columns:repeat(6,1fr)}}@media (max-height: 500px) and (orientation: landscape){.modal-overlay{padding:8px;align-items:flex-start}.modal-content{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.modal-header{padding:12px 16px}.modal-body,.modal-content>form{padding:12px 16px}.modal-footer{padding:12px 16px}.usuario-card-header,.usuario-card-body{padding:15px}.usuario-card-footer{padding:12px}}.gestion-jornadas{padding:clamp(15px,3vw,30px);min-height:100vh}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,4vw,35px);flex-wrap:wrap;gap:clamp(15px,2vw,20px)}.header-section h2{color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,5vw,42px);letter-spacing:clamp(2px,.3vw,4px);text-transform:uppercase;text-shadow:0 0 20px rgba(255,46,124,.5);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:clamp(12px,2vw,18px);margin-bottom:clamp(20px,3vw,30px)}.stat-card{background:#00000080;border:2px solid rgba(78,255,166,.3);border-radius:0;padding:clamp(15px,3vw,25px);text-align:center;box-shadow:0 8px 32px #0006;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #4effa64d;border-color:#4effa6}.stat-card.green{border-color:#4effa680;background:#4effa60d}.stat-card.red{border-color:#ff2e7c80;background:#ff2e7c0d}.stat-card.blue{border-color:#00eaff80;background:#00eaff0d}.stat-card h3{font-size:clamp(28px,5vw,42px);margin:0 0 clamp(6px,1vw,10px) 0;color:#4effa6;font-family:Bebas Neue,sans-serif;text-shadow:0 0 15px rgba(78,255,166,.5)}.stat-card p{font-size:clamp(11px,1.8vw,14px);color:#ffffffb3;margin:0;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px)}.filtros-section{background:#00000080;border:2px solid rgba(0,234,255,.3);border-radius:0;padding:clamp(18px,3vw,25px);margin-bottom:clamp(20px,3vw,25px);box-shadow:0 8px 32px #0006}.filter-buttons{display:flex;gap:clamp(8px,1.5vw,12px);flex-wrap:wrap}.btn-filter{padding:clamp(8px,1.2vw,10px) clamp(15px,2vw,20px);border:2px solid rgba(0,234,255,.3);background:transparent;color:#00eaff;border-radius:0;cursor:pointer;font-size:clamp(10px,1.5vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);transition:all .3s ease;white-space:nowrap}.btn-filter:hover,.btn-filter.active{background:#00eaff33;border-color:#00eaff;box-shadow:0 0 20px #00eaff4d}.btn-primary,.btn-action{padding:clamp(10px,1.5vw,12px) clamp(18px,2.5vw,25px);border:2px solid #4effa6;background:#4effa61a;color:#4effa6;border-radius:0;cursor:pointer;font-size:clamp(11px,1.5vw,12px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);transition:all .3s ease;font-family:Bebas Neue,sans-serif;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn-primary:before,.btn-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#4effa6;transition:left .3s ease;z-index:-1}.btn-primary:hover:before,.btn-action:hover:before{left:0}.btn-primary:hover,.btn-action:hover{color:#0a0e1a;box-shadow:0 0 30px #4effa680;transform:translateY(-2px)}.jornadas-table-container{background:#00000080;border:2px solid rgba(255,46,124,.3);border-radius:0;padding:clamp(15px,2vw,20px);overflow-x:auto;box-shadow:0 8px 32px #0006}.jornadas-table{width:100%;border-collapse:collapse;min-width:700px}.jornadas-table thead{background:#ff2e7c26;border-bottom:2px solid #ff2e7c}.jornadas-table th{padding:clamp(12px,2vw,18px);text-align:left;color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(12px,2vw,15px);text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-weight:700}.jornadas-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.jornadas-table tbody tr:hover{background:#ff2e7c1a;transform:translate(5px)}.jornadas-table td{padding:clamp(12px,2vw,15px);color:#fffc;font-size:clamp(11px,1.6vw,13px)}.status-badge{display:inline-block;padding:clamp(4px,.8vw,6px) clamp(10px,1.5vw,14px);border-radius:0;font-size:clamp(9px,1.3vw,10px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.3px,.1vw,.5px);border:2px solid}.status-badge.activa{background:#4effa626;color:#4effa6;border-color:#4effa6}.status-badge.finalizada{background:#ff2e7c26;color:#ff2e7c;border-color:#ff2e7c}.status-badge.pendiente{background:#ff980026;color:#ff9800;border-color:#ff9800}.status-badge.cerrada{background:#9c27b026;color:#9c27b0;border-color:#9c27b0}.table-actions{display:flex;gap:clamp(6px,1vw,8px);flex-wrap:wrap}.btn-table-action{padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,14px);border:2px solid;background:transparent;border-radius:0;cursor:pointer;font-size:clamp(9px,1.3vw,10px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.3px,.1vw,.5px);transition:all .3s ease;white-space:nowrap}.btn-table-action.edit{color:#00eaff;border-color:#00eaff}.btn-table-action.edit:hover{background:#00eaff33;box-shadow:0 0 15px #00eaff66}.btn-table-action.delete{color:#ff2e7c;border-color:#ff2e7c}.btn-table-action.delete:hover{background:#ff2e7c33;box-shadow:0 0 15px #ff2e7c66}.btn-table-action.activate{color:#4effa6;border-color:#4effa6}.btn-table-action.activate:hover{background:#4effa633;box-shadow:0 0 15px #4effa666}.btn-table-action.close{color:#ff9800;border-color:#ff9800}.btn-table-action.close:hover{background:#ff980033;box-shadow:0 0 15px #ff980066}.pagination{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,12px);margin-top:clamp(20px,3vw,30px);flex-wrap:wrap}.pagination button{padding:clamp(8px,1.2vw,10px) clamp(15px,2vw,20px);border:2px solid rgba(0,234,255,.3);background:transparent;color:#00eaff;border-radius:0;cursor:pointer;font-size:clamp(11px,1.5vw,13px);font-weight:600;transition:all .3s ease;font-family:Bebas Neue,sans-serif;letter-spacing:clamp(.5px,.2vw,1px)}.pagination button:hover:not(:disabled),.pagination button.active{background:#00eaff33;border-color:#00eaff;box-shadow:0 0 20px #00eaff4d}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:#fff9;font-size:clamp(11px,1.5vw,13px)}.jornada-detail-card{background:#00000080;border:2px solid rgba(78,255,166,.3);border-radius:0;padding:clamp(20px,3vw,30px);margin-bottom:clamp(20px,3vw,30px);box-shadow:0 8px 32px #0006}.jornada-detail-card h3{color:#4effa6;font-family:Bebas Neue,sans-serif;font-size:clamp(22px,4vw,28px);letter-spacing:clamp(1.5px,.3vw,3px);text-transform:uppercase;margin-bottom:clamp(15px,2vw,20px);text-shadow:0 0 15px rgba(78,255,166,.5)}.jornada-detail-card p{color:#fffc;font-size:clamp(12px,1.8vw,14px);margin-bottom:clamp(10px,1.5vw,12px);line-height:1.6}.jornada-detail-card strong{color:#00eaff;font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:#0a0e1af2;border:clamp(2px,.3vw,3px) solid #ff2e7c;border-radius:0;padding:clamp(25px,5vw,40px);max-width:clamp(400px,90vw,700px);width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 100px #ff2e7c4d;animation:slideUp .3s ease}.modal-content h2{color:#ff2e7c;font-family:Bebas Neue,sans-serif;font-size:clamp(26px,5vw,36px);letter-spacing:clamp(2px,.3vw,3px);text-transform:uppercase;text-align:center;margin-bottom:clamp(20px,3vw,30px);text-shadow:0 0 20px rgba(255,46,124,.5)}.form-group{margin-bottom:clamp(15px,2.5vw,20px)}.form-group label{display:block;color:#00eaff;font-weight:700;margin-bottom:clamp(6px,1vw,8px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(10px,1.5vw,12px)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:clamp(10px,1.5vw,12px) clamp(12px,2vw,15px);border:2px solid rgba(0,234,255,.3);border-radius:0;font-size:clamp(12px,1.8vw,14px);background:#00000080;color:#fff;transition:all .3s ease;font-family:Roboto,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00eaff;box-shadow:0 0 20px #00eaff4d}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(12px,2vw,20px)}.btn-cancel{padding:clamp(10px,1.5vw,12px) clamp(20px,3vw,30px);border:2px solid rgba(255,255,255,.3);background:transparent;color:#ffffffb3;border-radius:0;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-size:clamp(10px,1.5vw,12px);transition:all .3s ease;font-family:Bebas Neue,sans-serif;white-space:nowrap}.btn-submit{padding:clamp(10px,1.5vw,12px) clamp(20px,3vw,30px);border:2px solid #4effa6;background:#4effa61a;color:#4effa6;border-radius:0;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-size:clamp(10px,1.5vw,12px);transition:all .3s ease;font-family:Bebas Neue,sans-serif;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.loading-state{display:flex;align-items:center;justify-content:center;padding:clamp(40px,8vw,60px);color:#00eaff;font-size:clamp(14px,2.5vw,16px);text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-family:Bebas Neue,sans-serif}.error-message{background:#ff2e7c1a;border:2px solid #ff2e7c;color:#ff2e7c;padding:clamp(15px,3vw,20px);border-radius:0;margin-bottom:clamp(20px,3vw,25px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(11px,1.8vw,13px);font-weight:600}.success-message{background:#4effa61a;border:2px solid #4effa6;color:#4effa6;padding:clamp(15px,3vw,20px);border-radius:0;margin-bottom:clamp(20px,3vw,25px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(11px,1.8vw,13px);font-weight:600;box-shadow:0 0 20px #4effa633}@media (max-width: 480px){.gestion-jornadas{padding:12px}.header-section{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.btn-filter{width:100%}.jornadas-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-actions{flex-direction:column}.btn-table-action{width:100%}.pagination{flex-direction:column}.pagination button{width:100%}.modal-buttons{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.form-row{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.jornadas-table{font-size:12px}.form-row{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width: 1441px){.gestion-jornadas{max-width:1800px;margin:0 auto}}.confirm-modal-header h3{margin:0;font-family:Bebas Neue,cursive;font-size:28px;letter-spacing:2px;color:#ff2e7c;text-shadow:0 0 15px rgba(255,46,124,.5)}.confirm-modal-footer .btn-secondary,.confirm-modal-footer .btn-confirm{flex:1;max-width:160px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:none}@media (max-width: 480px){.confirm-modal-content{max-width:100%;margin:0 10px;border-radius:15px}.confirm-modal-header{padding:20px 20px 15px}.confirm-modal-header h3{font-size:24px}.confirm-modal-body{padding:20px}.confirm-modal-body p{font-size:14px}.confirm-modal-footer{padding:15px 20px 20px;flex-direction:column}.confirm-modal-footer .btn-secondary,.confirm-modal-footer .btn-confirm{max-width:100%}}.gestion-configuracion{padding:clamp(15px,4vw,30px);color:#fff}.gestion-configuracion h2{color:#ff2e7c;margin-bottom:clamp(8px,2vw,10px);font-family:Bebas Neue,cursive;font-size:clamp(28px,6vw,42px);letter-spacing:clamp(2px,.5vw,4px);text-transform:uppercase;text-shadow:0 0 30px rgba(255,46,124,.6)}.gestion-configuracion>p{color:#fff9;margin-bottom:clamp(25px,5vw,40px);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);font-size:clamp(11px,1.5vw,12px)}.config-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(15px,3vw,25px);margin-bottom:clamp(25px,4vw,40px)}.config-card{background:#0006;border:2px solid rgba(0,234,255,.4);border-radius:0;padding:clamp(15px,4vw,25px);box-shadow:0 8px 32px #00000080,inset 0 0 30px #00eaff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.config-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,234,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.config-card:hover:before{opacity:1}.config-card:hover{transform:translateY(-5px);border-color:#00eaff;box-shadow:0 12px 40px #00eaff66}.config-card-header{display:flex;align-items:center;margin-bottom:20px;position:relative;z-index:1}.config-icon{font-size:32px;margin-right:15px;filter:drop-shadow(0 0 10px rgba(255,46,124,.5))}.config-card-header h4{margin:0;color:#00eaff;font-size:clamp(12px,1.8vw,14px);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);font-weight:700}.config-card-body{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(12px,3vw,20px);position:relative;z-index:1}.config-value{font-size:clamp(32px,7vw,48px);font-weight:700;font-family:Bebas Neue,cursive;color:#ff2e7c;min-width:clamp(60px,10vw,80px);text-shadow:0 0 20px rgba(255,46,124,.6)}.config-input-group{flex:1}.config-input-group label{display:block;font-size:clamp(10px,1.5vw,11px);color:#ffffff80;margin-bottom:clamp(6px,1vw,8px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px)}.config-input-group input,.config-input-group select{width:100%;padding:clamp(10px,2vw,12px) clamp(12px,2.5vw,15px);border:2px solid rgba(78,255,166,.3);border-radius:0;font-size:clamp(12px,1.8vw,14px);background:#00000080;color:#fff;transition:all .3s ease}.config-input-group input:focus,.config-input-group select:focus{outline:none;border-color:#4effa6;box-shadow:0 0 20px #4effa64d;background:#000000b3}.config-actions{background:#ff2e7c0d;border:2px solid rgba(255,46,124,.3);border-radius:0;padding:clamp(18px,4vw,30px);box-shadow:0 8px 32px #0006,inset 0 0 40px #ff2e7c0d;margin-bottom:clamp(25px,5vw,40px)}.config-actions h3{color:#4effa6;margin-bottom:clamp(18px,3vw,25px);font-family:Bebas Neue,cursive;font-size:clamp(22px,4vw,28px);letter-spacing:clamp(1.5px,.3vw,3px);text-transform:uppercase}.action-buttons-row{display:flex;gap:clamp(12px,2.5vw,20px);flex-wrap:wrap}.btn-action{padding:clamp(12px,2vw,15px) clamp(20px,3vw,30px);border:2px solid;border-radius:0;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-size:clamp(11px,1.8vw,12px);position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .3s ease;z-index:-1}.btn-action:hover:before{left:0}.btn-save{background:#4effa61a;color:#4effa6;border-color:#4effa6}.btn-save:before{background:#4effa6}.btn-save:hover{color:#0a0e1a;box-shadow:0 0 30px #4effa680;transform:translateY(-2px)}.btn-reset{background:#ff2e7c1a;color:#ff2e7c;border-color:#ff2e7c}.btn-reset:before{background:#ff2e7c}.btn-reset:hover{color:#fff;box-shadow:0 0 30px #ff2e7c80;transform:translateY(-2px)}.btn-refresh{background:#00eaff1a;color:#00eaff;border-color:#00eaff}.btn-refresh:before{background:#00eaff}.btn-refresh:hover{color:#0a0e1a;box-shadow:0 0 30px #00eaff80;transform:translateY(-2px)}.btn-add-config{background:#9c27b01a;color:#9b59b6;border-color:#9b59b6}.btn-add-config:before{background:#9b59b6}.btn-add-config:hover{color:#fff;box-shadow:0 0 30px #9c27b080;transform:translateY(-2px)}.config-extra{background:#0006;border:2px solid rgba(78,255,166,.3);border-radius:0;padding:clamp(18px,4vw,30px);box-shadow:0 8px 32px #0006;margin-bottom:clamp(25px,5vw,40px)}.config-extra h3{color:#4effa6;margin-bottom:clamp(18px,4vw,30px);font-family:Bebas Neue,cursive;font-size:clamp(22px,4vw,28px);letter-spacing:clamp(1.5px,.3vw,3px);text-transform:uppercase}.config-list{display:flex;flex-direction:column;gap:clamp(12px,2.5vw,20px)}.config-item{display:flex;align-items:center;justify-content:space-between;padding:clamp(15px,3vw,20px);background:#00000080;border-radius:0;border:2px solid rgba(0,234,255,.3);transition:all .3s ease;flex-wrap:wrap;gap:clamp(10px,2vw,15px)}.config-item:hover{border-color:#00eaff;box-shadow:0 0 20px #00eaff4d;transform:translate(5px)}.config-item-info{flex:1}.config-item-info strong{display:block;color:#00eaff;margin-bottom:clamp(6px,1vw,8px);font-size:clamp(12px,2vw,14px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px)}.config-item-info span{color:#ffffffb3;font-size:clamp(11px,1.8vw,13px)}.config-item-actions{display:flex;gap:clamp(8px,1.5vw,12px);flex-wrap:wrap}.btn-edit,.btn-delete{padding:clamp(8px,1.5vw,10px) clamp(15px,2.5vw,20px);border:2px solid;border-radius:0;cursor:pointer;font-size:clamp(10px,1.5vw,11px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-weight:700;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn-edit:before,.btn-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .3s ease;z-index:-1}.btn-edit{background:#00eaff1a;color:#00eaff;border-color:#00eaff}.btn-edit:before{background:#00eaff}.btn-edit:hover:before{left:0}.btn-edit:hover{color:#0a0e1a;box-shadow:0 0 20px #00eaff80}.btn-delete{background:#ff2e7c1a;color:#ff2e7c;border-color:#ff2e7c}.btn-delete:before{background:#ff2e7c}.btn-delete:hover:before{left:0}.btn-delete:hover{color:#fff;box-shadow:0 0 20px #ff2e7c80}.config-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.config-modal{background:#0a0e1af2;border:clamp(2px,.3vw,3px) solid #ff2e7c;border-radius:0;padding:clamp(20px,5vw,40px);max-width:clamp(320px,90vw,550px);width:90%;box-shadow:0 20px 60px #000c,0 0 100px #ff2e7c4d;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.config-modal h3{color:#ff2e7c;margin-bottom:clamp(20px,4vw,30px);font-family:Bebas Neue,cursive;font-size:clamp(24px,5vw,32px);letter-spacing:clamp(1.5px,.3vw,3px);text-transform:uppercase;text-align:center;text-shadow:0 0 20px rgba(255,46,124,.5)}.form-group{margin-bottom:clamp(18px,3vw,25px)}.form-group label{display:block;color:#00eaff;font-weight:700;margin-bottom:clamp(8px,1.5vw,10px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1.5px);font-size:clamp(10px,1.8vw,12px)}.form-group input{width:100%;padding:clamp(12px,2vw,15px);border:2px solid rgba(0,234,255,.3);border-radius:0;font-size:clamp(12px,2vw,14px);background:#00000080;color:#fff;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00eaff;box-shadow:0 0 20px #00eaff4d;background:#000000b3}.form-group input:disabled{opacity:.5;cursor:not-allowed}.modal-buttons{display:flex;gap:clamp(10px,2vw,15px);justify-content:center;margin-top:clamp(25px,4vw,35px);flex-wrap:wrap}.btn-cancel{padding:clamp(12px,2vw,15px) clamp(25px,4vw,35px);border:2px solid rgba(255,255,255,.3);background:transparent;color:#ffffffb3;border-radius:0;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-size:clamp(10px,1.8vw,12px);transition:all .3s ease;white-space:nowrap}.btn-cancel:hover{background:#ffffff1a;color:#fff;border-color:#fff}.btn-submit{padding:clamp(12px,2vw,15px) clamp(25px,4vw,35px);border:2px solid #4effa6;background:#4effa61a;color:#4effa6;border-radius:0;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px);font-size:clamp(10px,1.8vw,12px);transition:all .3s ease;position:relative;overflow:hidden;z-index:1;white-space:nowrap}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#4effa6;transition:left .3s ease;z-index:-1}.btn-submit:hover:before{left:0}.btn-submit:hover{color:#0a0e1a;box-shadow:0 0 30px #4effa680}.loading-state{display:flex;align-items:center;justify-content:center;padding:clamp(40px,8vw,60px);color:#00eaff;font-size:clamp(14px,2.5vw,16px);text-transform:uppercase;letter-spacing:clamp(1px,.2vw,2px)}.error-state{background:#ff2e7c1a;border:2px solid #ff2e7c;color:#ff2e7c;padding:clamp(15px,3vw,20px);border-radius:0;margin-bottom:clamp(20px,4vw,30px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(11px,2vw,13px);font-weight:600}.success-message{background:#4effa61a;border:2px solid #4effa6;color:#4effa6;padding:clamp(15px,3vw,20px);border-radius:0;margin-bottom:clamp(20px,4vw,30px);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(11px,2vw,13px);font-weight:600;box-shadow:0 0 20px #4effa633}@media (max-width: 480px){.gestion-configuracion{padding:15px}.config-cards-grid{grid-template-columns:1fr}.config-item{flex-direction:column;align-items:flex-start}.config-item-actions{width:100%;justify-content:flex-start}.action-buttons-row{flex-direction:column;width:100%}.btn-action{width:100%;justify-content:center}.modal-buttons{flex-direction:column;width:100%}.btn-cancel,.btn-submit{width:100%;justify-content:center}.config-modal{width:95%;padding:15px}}@media (min-width: 481px) and (max-width: 768px){.config-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-item{flex-wrap:wrap}}@media (min-width: 769px) and (max-width: 1024px){.config-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width: 1025px) and (max-width: 1440px){.config-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width: 1441px){.gestion-configuracion{max-width:1800px;margin:0 auto}.config-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.gestion-admins-container{padding:clamp(15px,4vw,40px);font-family:Roboto,sans-serif;min-height:calc(100vh - 60px)}.admin-header{margin-bottom:clamp(20px,4vw,40px)}.admin-title{font-family:Bebas Neue,cursive;font-size:clamp(24px,5vw,42px);color:#ff2e7c;margin:0 0 clamp(10px,2vw,20px) 0;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,46,124,.5)}.admin-divider{height:3px;width:min(100%,600px);background:linear-gradient(90deg,#ff2e7c,#00eaff,#4effa6);box-shadow:0 0 15px #ff2e7c80;border-radius:2px}.admin-mensaje{padding:clamp(12px,2vw,16px) clamp(15px,3vw,24px);margin-bottom:clamp(15px,3vw,25px);border-radius:0;font-weight:500;letter-spacing:.5px;animation:slideDown .3s ease}.admin-mensaje.success{background:#4effa626;border:2px solid #4effa6;color:#4effa6}.admin-mensaje.error{background:#ff2e7c26;border:2px solid #ff2e7c;color:#ff2e7c;margin-top:22px}.admin-toolbar{display:flex;gap:clamp(12px,2vw,20px);align-items:center;flex-wrap:wrap;margin-bottom:clamp(20px,4vw,35px);padding:clamp(15px,3vw,25px);background:#0000004d;border:1px solid rgba(255,46,124,.2);border-radius:0}.search-box{position:relative;flex:1;min-width:min(250px,100%)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.6}.search-input{width:100%;padding:clamp(10px,2vw,14px) clamp(10px,2vw,14px) clamp(10px,2vw,14px) clamp(40px,8vw,48px);background:#00000080;border:2px solid rgba(0,234,255,.3);color:#fff;font-size:clamp(12px,1.5vw,14px);outline:none;transition:all .3s ease}.search-input:focus{border-color:#00eaff;box-shadow:0 0 15px #00eaff4d}.search-input::placeholder{color:#fff6}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:clamp(8px,1.5vw,10px) clamp(12px,2.5vw,18px);background:#00000080;border:2px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:clamp(11px,1.3vw,13px);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#00eaff;color:#00eaff}.filter-btn.active{background:#00eaff33;border-color:#00eaff;color:#00eaff;font-weight:700}.btn-crear-admin{padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);background:#ff2e7c33;border:2px solid #ff2e7c;color:#ff2e7c;font-size:clamp(11px,1.3vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-crear-admin:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#ff2e7c,#00eaff);transition:left .4s ease;z-index:-1}.btn-crear-admin:hover:before{left:0}.btn-crear-admin:hover{color:#fff;box-shadow:0 0 25px #ff2e7c99;transform:translateY(-2px)}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:clamp(20px,3.5vw,30px)}.admin-card{background:linear-gradient(135deg,#0a0e1af2,#141928f2);border:2px solid rgba(0,234,255,.3);padding:0;transition:all .3s ease;position:relative;overflow:hidden;border-radius:0}.admin-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,234,255,.08) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.admin-card:hover:before{opacity:1}.admin-card:hover{border-color:#00eaff;box-shadow:0 0 35px #00eaff80;transform:translateY(-8px)}.admin-card.inactive{border-color:#ff2e7c4d;opacity:.75}.admin-card.inactive:hover{border-color:#ff2e7c;box-shadow:0 0 35px #ff2e7c80}.admin-card-header{display:flex;gap:clamp(14px,2.5vw,18px);align-items:center;padding:clamp(20px,3.5vw,28px);margin-bottom:0;position:relative;z-index:1;background:#0003}.admin-avatar{width:clamp(60px,11vw,80px);height:clamp(60px,11vw,80px);background:linear-gradient(135deg,#ff2e7c,#00eaff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,5vw,36px);font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #ff2e7c66;border:3px solid rgba(255,255,255,.1)}.admin-info{flex:1;margin-top:30px;min-width:0}.admin-nombre{font-size:clamp(17px,2.8vw,22px);color:#fff;margin:0 0 clamp(6px,1.2vw,8px) 0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.5px}.admin-username{font-size:clamp(13px,1.6vw,15px);color:#00eaff;margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-email{font-size:clamp(11px,1.4vw,13px);color:#ffffff80;margin:clamp(5px,1vw,7px) 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{padding:clamp(5px,1.1vw,7px) clamp(12px,2.2vw,16px);font-size:clamp(9px,1.1vw,11px);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border-radius:14px;white-space:nowrap;position:absolute;top:clamp(16px,3vw,20px);right:clamp(16px,3vw,20px)}.admin-badge.activo{background:#4effa640;color:#4effa6;border:2px solid #4effa6;box-shadow:0 0 12px #4effa64d}.admin-badge.inactivo{background:#ff2e7c40;color:#ff2e7c;border:2px solid #ff2e7c;box-shadow:0 0 12px #ff2e7c4d}.admin-card-footer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vw,12px);padding:clamp(18px,3vw,24px);position:relative;z-index:1;background:#00000026}.btn-action{padding:clamp(10px,1.8vw,13px) clamp(12px,2vw,16px);background:#0009;border:2px solid;font-size:clamp(10px,1.3vw,12px);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:6px}.btn-edit{border-color:#00eaff;color:#00eaff}.btn-edit:hover{background:#00eaff40;box-shadow:0 0 18px #00eaff80;transform:translateY(-2px)}.btn-password{border-color:#4effa6;color:#4effa6}.btn-password:hover{background:#4effa640;box-shadow:0 0 18px #4effa680;transform:translateY(-2px)}.btn-activate{border-color:#4effa6;color:#4effa6;grid-column:span 2}.btn-activate:hover{background:#4effa640;box-shadow:0 0 18px #4effa680;transform:translateY(-2px)}.btn-deactivate{border-color:orange;color:orange;grid-column:span 2}.btn-deactivate:hover{background:#ffa50040;box-shadow:0 0 18px #ffa50080;transform:translateY(-2px)}.btn-delete{border-color:#ff2e7c;color:#ff2e7c}.btn-delete:hover{background:#ff2e7c40;box-shadow:0 0 18px #ff2e7c80;transform:translateY(-2px)}.loading-spinner,.no-results{text-align:center;padding:clamp(40px,8vw,80px);color:#fff9;font-size:clamp(14px,2vw,16px)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(15px,3vw,20px);animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#0a0e1afa,#1a0e2efa);border:2px solid #ff2e7c;max-width:min(550px,95vw);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #ff2e7c66;animation:slideUp .3s ease}.modal-header{padding:clamp(18px,3vw,24px);border-bottom:2px solid rgba(255,46,124,.3);display:flex;justify-content:space-between;align-items:center;background:#ff2e7c1a}.modal-header h2{margin:0;font-family:Bebas Neue,cursive;font-size:clamp(18px,3vw,24px);color:#ff2e7c;letter-spacing:2px}.btn-close-modal{background:none;border:none;color:#ff2e7c;font-size:clamp(24px,4vw,32px);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-modal:hover{color:#fff;transform:rotate(90deg)}.modal-form{padding:clamp(20px,4vw,30px)}.form-group label{display:block;margin-bottom:clamp(6px,1.5vw,8px);color:#00eaff;font-size:clamp(12px,1.5vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:clamp(10px,2vw,14px);background:#00000080;border:2px solid rgba(0,234,255,.3);color:#fff;font-size:clamp(13px,1.5vw,15px);outline:none;transition:all .3s ease}.form-group input:focus{border-color:#00eaff;box-shadow:0 0 15px #00eaff4d}.form-group input.input-disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:#ffffff4d}.modal-actions{display:flex;gap:clamp(10px,2vw,15px);margin-top:clamp(20px,4vw,30px)}.btn-cancelar,.btn-guardar{flex:1;padding:clamp(12px,2.5vw,16px);font-size:clamp(12px,1.5vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;border:2px solid}.btn-cancelar{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffb3}.btn-cancelar:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.btn-guardar{background:#ff2e7c33;border-color:#ff2e7c;color:#ff2e7c;position:relative;overflow:hidden}.btn-guardar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#ff2e7c,#00eaff);transition:left .4s ease;z-index:-1}.btn-guardar:hover:before{left:0}.btn-guardar:hover{color:#fff;box-shadow:0 0 25px #ff2e7c99}@media (max-width: 768px){.admin-toolbar{flex-direction:column;align-items:stretch}.search-box,.filter-group,.btn-crear-admin{width:100%}.filter-group{justify-content:space-between}.admins-grid{grid-template-columns:1fr}.admin-card-footer{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.btn-action{font-size:10px;padding:8px 6px}.modal-actions{flex-direction:column}}.modal-content::-webkit-scrollbar-thumb{background:#ff2e7c;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00eaff}.confirmacion-bloque{margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.05rem;line-height:1.6}.confirmacion-bloque p{margin:0;max-width:90%}:root{--squid-pink: #ff2e7c;--squid-cyan: #00eaff;--squid-green: #4effa6;--squid-red: #ff1744;--squid-dark: #0a0e1a;--squid-dark-alt: #1a0e2e}.gestion-torneos-container{padding:clamp(15px,4vw,40px);font-family:Roboto,sans-serif;min-height:calc(100vh - 60px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(20px,4vw,40px);flex-wrap:wrap;gap:clamp(15px,3vw,20px)}.page-header h1{font-family:Bebas Neue,cursive;font-size:clamp(24px,5vw,42px);color:var(--squid-pink);margin:0 0 clamp(8px,1.5vw,12px) 0;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,46,124,.5)}.page-header .subtitle{color:#fff9;margin:0;font-size:clamp(13px,1.8vw,16px);font-weight:300;letter-spacing:1px}.alert{padding:clamp(12px,2vw,16px) clamp(15px,3vw,24px);margin-bottom:clamp(15px,3vw,25px);border-radius:0;font-weight:500;letter-spacing:.5px;animation:slideDown .3s ease;border:2px solid}.btn{padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);border:2px solid;font-size:clamp(11px,1.3vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;border-radius:0}.btn-primary:hover:before{left:0}.btn-primary:hover{color:#fff;box-shadow:0 0 25px #ff2e7c99;transform:translateY(-2px)}.torneos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(15px,3vw,25px);margin-top:clamp(20px,4vw,30px)}.torneo-card{background:#00000080;border:2px solid rgba(0,234,255,.3);padding:0;transition:all .3s ease;position:relative;overflow:hidden;border-radius:0}.torneo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,234,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.torneo-card:hover:before{opacity:1}.torneo-card:hover{border-color:var(--squid-cyan);box-shadow:0 0 30px #00eaff66;transform:translateY(-5px)}.torneo-card.inactivo{border-color:#ff2e7c4d;opacity:.7}.torneo-card.inactivo:hover{border-color:var(--squid-pink);box-shadow:0 0 30px #ff2e7c66}.torneo-card-header{background:#ff2e7c1a;padding:clamp(16px,3vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,46,124,.3);gap:clamp(10px,2vw,15px);position:relative;z-index:1}.torneo-card-header h3{color:#fff;margin:0;font-size:clamp(16px,2.5vw,20px);font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.badge{padding:clamp(4px,1vw,6px) clamp(10px,2vw,14px);font-size:clamp(9px,1.1vw,11px);font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:12px;white-space:nowrap;border:1px solid;flex-shrink:0}.badge-success{background:#4effa633;color:var(--squid-green);border-color:var(--squid-green)}.badge-secondary{background:#ff2e7c33;color:var(--squid-pink);border-color:var(--squid-pink)}.torneo-card-body{padding:clamp(16px,3vw,24px);position:relative;z-index:1}.info-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.5vw,12px) 0;border-bottom:1px solid rgba(255,255,255,.1);gap:clamp(10px,2vw,15px)}.info-row:last-of-type{border-bottom:none}.info-row .label{color:var(--squid-cyan);font-weight:500;font-size:clamp(12px,1.5vw,14px);flex-shrink:0}.info-row .value{color:#fff;font-weight:600;font-size:clamp(12px,1.5vw,14px);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.descripcion{margin-top:clamp(12px,2vw,16px);padding-top:clamp(12px,2vw,16px);border-top:1px solid rgba(255,46,124,.3)}.descripcion p{color:#ffffffb3;margin:0;font-size:clamp(12px,1.4vw,14px);line-height:1.6}.torneo-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:clamp(6px,1.2vw,8px);padding:clamp(12px,2vw,16px);background:#0000004d;border-top:2px solid rgba(0,234,255,.2);position:relative;z-index:1}.btn-sm{padding:clamp(8px,1.5vw,10px) clamp(6px,1.2vw,8px);font-size:clamp(9px,1.1vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:2px solid;background:#00000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-info{border-color:var(--squid-cyan);color:var(--squid-cyan)}.btn-info:hover{background:#00eaff33;box-shadow:0 0 15px #00eaff66}.btn-warning{border-color:orange;color:orange}.btn-warning:hover{background:#ffa50033;box-shadow:0 0 15px #ffa50066}.btn-secondary{border-color:var(--squid-pink);color:var(--squid-pink);grid-column:span 3}.btn-secondary:hover{background:#ff2e7c33;box-shadow:0 0 15px #ff2e7c66}.btn-success{border-color:var(--squid-green);color:var(--squid-green);grid-column:span 3}.btn-success:hover{background:#4effa633;box-shadow:0 0 15px #4effa666}.btn-danger{border-color:var(--squid-red);color:var(--squid-red)}.btn-danger:hover{background:#ff174433;box-shadow:0 0 15px #ff174466}.empty-state{grid-column:1 / -1;text-align:center;padding:clamp(40px,8vw,80px) clamp(20px,4vw,40px);background:#0000004d;border:2px dashed rgba(255,46,124,.3)}.modal-header h2{font-family:Bebas Neue,cursive;color:var(--squid-pink);margin:0;font-size:clamp(18px,3vw,24px);letter-spacing:2px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,16px)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.page-header>div{min-width:100%}.torneos-grid,.form-row{grid-template-columns:1fr}.torneo-card-actions{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.btn-sm{font-size:9px;padding:8px 6px}.modal-footer{flex-direction:column}.btn{width:100%}}@media (max-width: 360px){.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row .value{text-align:left}}.confirm-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out;padding:20px}.confirm-modal-content{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:20px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 0 40px #ff2e7c4d,0 20px 60px #00000080;animation:slideUp .3s ease-out;border:2px solid rgba(255,46,124,.3)}.confirm-modal-body p{margin:0;color:#ffffffe6;font-size:16px;line-height:1.6}.confirm-modal-footer .btn{flex:1;max-width:160px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.confirm-modal-footer .btn-danger{background:linear-gradient(135deg,#ff1744,#d50000);border:none;color:#fff}.confirm-modal-footer .btn-warning{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;color:#1a1a2e}.confirm-modal-footer .btn-primary{background:linear-gradient(135deg,var(--squid-pink),#d81b60);border:none;color:#fff}.confirm-modal-footer .btn-primary:hover{box-shadow:0 0 20px #ff2e7c80;transform:translateY(-2px)}.formato-preview{margin-top:10px;padding:10px;border:1px solid rgba(0,234,255,.3);background:#0006}.preview-row{color:#fff;font-size:13px;margin-bottom:4px}.preview-fases{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.preview-fases span{padding:4px 6px;border:1px solid #00eaff;color:#00eaff;font-size:11px}.formato-config-row{width:100%;margin:10px 0 24px;padding:14px 16px;border:1px solid #00e5ff;border-radius:12px;background:#0a0f1af2;box-shadow:0 0 18px #00e5ff26;box-sizing:border-box}.formato-config-title{color:#fff;font-weight:800;font-size:14px;margin-bottom:12px;text-align:left}.formato-config-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formato-config-items span{background:#00eaff14;border:1px solid rgba(0,234,255,.25);border-radius:10px;padding:9px 10px;color:#ffffffe6;font-size:12px;text-align:center;white-space:normal;line-height:1.25;box-sizing:border-box}.formato-config-items strong{color:#fff;display:inline-block}@media (max-width: 768px){.formato-config-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.formato-config-items{grid-template-columns:1fr}}:root{--squid-pink: #ff2e7c;--squid-cyan: #00eaff;--squid-green: #4effa6;--squid-red: #ff1744;--squid-orange: #ffa500}.control-jornadas-container{padding:clamp(15px,4vw,40px);font-family:Roboto,sans-serif;min-height:calc(100vh - 60px)}.btn-back{background:#00000080;border:2px solid var(--squid-cyan);color:var(--squid-cyan);padding:clamp(8px,1.5vw,10px) clamp(14px,2.5vw,18px);cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:600;margin-bottom:clamp(15px,3vw,20px);transition:all .3s ease;display:inline-block;text-transform:uppercase;letter-spacing:1px}.btn-back:hover{background:#00eaff33;box-shadow:0 0 20px #00eaff66;transform:translate(-5px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(20px,4vw,35px);flex-wrap:wrap;gap:clamp(15px,3vw,20px)}.page-header>div{flex:1;min-width:250px}.page-header h1{font-family:Bebas Neue,cursive;color:var(--squid-pink);font-size:clamp(24px,5vw,42px);margin:clamp(8px,1.5vw,12px) 0;text-shadow:0 0 20px rgba(255,46,124,.5);line-height:1.2;letter-spacing:3px;text-transform:uppercase}.torneo-title{color:#fff;font-size:clamp(18px,3vw,26px);margin:clamp(8px,1.5vw,12px) 0;font-weight:700;line-height:1.3}.subtitle{color:#fff9;margin:clamp(8px,1.5vw,12px) 0 0 0;font-size:clamp(13px,1.8vw,16px);font-weight:300;letter-spacing:.5px;line-height:1.5}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(12px,2.5vw,20px);margin-bottom:clamp(20px,4vw,35px)}.stat-card{background:#00000080;border:2px solid rgba(0,234,255,.3);padding:clamp(16px,3vw,24px);display:flex;align-items:center;gap:clamp(12px,2vw,16px);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(0,234,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-3px);border-color:var(--squid-cyan);box-shadow:0 0 25px #00eaff4d}.stat-icon{font-size:clamp(32px,6vw,48px);line-height:1;flex-shrink:0;position:relative;z-index:1}.stat-info{flex:1;display:flex;flex-direction:column;gap:clamp(4px,.8vw,6px);position:relative;z-index:1}.stat-value{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--squid-cyan);line-height:1;font-family:Bebas Neue,cursive;letter-spacing:1px}.stat-label{font-size:clamp(11px,1.3vw,14px);color:#fff9;line-height:1.3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.jornadas-table-container{background:#00000080;border:2px solid rgba(255,46,124,.3);overflow:hidden;overflow-x:auto}.jornadas-table{width:100%;border-collapse:separate;border-spacing:0}.jornadas-table thead{background:#ff2e7c26;position:sticky;top:0;z-index:10}.jornadas-table th{padding:clamp(12px,2vw,18px) clamp(12px,2vw,20px);text-align:left;color:var(--squid-pink);font-weight:700;border-bottom:2px solid rgba(255,46,124,.3);font-size:clamp(11px,1.3vw,14px);white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.jornadas-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.jornadas-table tbody tr:hover{background:#00eaff14}.jornadas-table tbody tr:last-child{border-bottom:none}.jornadas-table td{padding:clamp(14px,2.5vw,20px) clamp(12px,2vw,20px);color:#fff;vertical-align:middle;font-size:clamp(12px,1.5vw,14px)}.jornada-stats{margin-left:auto;display:flex;gap:10px;align-items:center;padding:6px 12px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.15);font-family:Bebas Neue,sans-serif;letter-spacing:2px;font-size:12px;margin-right:18px}.jornada-stats .stat{display:inline-flex;align-items:center;gap:4px;padding:2px;border-radius:999px}.jornada-stats .stat.hecho{color:#6ee7b7}.jornada-stats .stat.falta{color:#facc15}.jornada-stats .stat.eliminado{color:#f87171}@media (max-width: 768px){.jornada-stats{padding:4px 8px;font-size:11px;gap:6px}}.td-number{font-weight:700;color:var(--squid-cyan);font-size:clamp(18px,2.5vw,24px);width:80px;text-align:center;font-family:Bebas Neue,cursive}.td-descripcion{font-weight:600;font-size:clamp(13px,1.6vw,16px);min-width:200px}.td-partido{min-width:280px}.partido-info{display:flex;align-items:center;gap:clamp(6px,1vw,8px);justify-content:center}.partido-info .equipo-local{color:var(--squid-cyan);font-weight:600;text-align:right;flex:1}.partido-info .vs{color:var(--squid-pink);font-weight:700;padding:0 clamp(4px,.8vw,8px)}.partido-info .equipo-visitante{color:var(--squid-orange);font-weight:600;text-align:left;flex:1}.sin-partido{color:var(--squid-orange);font-size:clamp(11px,1.3vw,13px)}.td-picks{text-align:center;min-width:140px}.picks-count{background:#00eaff33;color:var(--squid-cyan);padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);border-radius:12px;font-weight:600;display:inline-block;font-size:clamp(11px,1.3vw,13px);border:1px solid var(--squid-cyan)}.picks-click{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;display:inline-flex;align-items:center;gap:4px;transition:all .25s ease}.picks-click:hover{transform:translateY(-3px);border-color:var(--squid-cyan);box-shadow:0 0 25px #00eaffa4}.td-actions{text-align:right;min-width:280px}.action-buttons{display:flex;gap:clamp(6px,1vw,10px);justify-content:flex-end;flex-wrap:wrap}.badge{width:120px;min-width:120px;max-width:120px;height:34px;padding:0 12px;border-radius:12px;font-size:clamp(10px,1.2vw,12px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.badge-success{background:#4effa633;color:var(--squid-green)}.badge-secondary{background:#ff2e7c33;color:var(--squid-pink)}.badge-danger{background:#ff174433;color:var(--squid-red)}.btn{padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);border:2px solid;font-size:clamp(11px,1.3vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#ff2e7c33;border-color:var(--squid-pink);color:var(--squid-pink)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--squid-pink),var(--squid-cyan));transition:left .4s ease;z-index:-1}.btn-primary:hover:not(:disabled):before{left:0}.btn-primary:hover:not(:disabled){color:#fff;box-shadow:0 0 25px #ff2e7c99}.btn-secondary{background:#ff2e7c33;color:var(--squid-pink);border-color:var(--squid-pink)}.btn-secondary:hover:not(:disabled){background:#ff2e7c4d;box-shadow:0 0 15px #ff2e7c66}.btn-warning{background:#ffa50033;color:var(--squid-orange);border-color:var(--squid-orange)}.btn-warning:hover:not(:disabled){background:#ffa5004d;box-shadow:0 0 15px #ffa50066}.btn-danger{background:#ff174433;color:var(--squid-red);border-color:var(--squid-red)}.btn-danger:hover:not(:disabled){background:#ff17444d;box-shadow:0 0 15px #ff174466}.btn-success{background:#4effa633;color:var(--squid-green);border-color:var(--squid-green)}.btn-success:hover:not(:disabled){background:#4effa64d;box-shadow:0 0 15px #4effa666}.btn-sm{padding:clamp(8px,1.5vw,10px) clamp(12px,2vw,16px);font-size:clamp(10px,1.2vw,12px);letter-spacing:1px}.alert{padding:clamp(12px,2vw,16px) clamp(15px,3vw,24px);margin-bottom:clamp(15px,3vw,25px);font-weight:500;letter-spacing:.5px;animation:slideDown .3s ease;border:2px solid}.alert-success{background:#4effa626;border-color:var(--squid-green);color:var(--squid-green)}.alert-error{background:#ff2e7c26;border-color:var(--squid-pink);color:var(--squid-pink)}.empty-state{text-align:center;padding:clamp(40px,8vw,80px) clamp(20px,4vw,40px);background:#0000004d;border:2px dashed rgba(255,46,124,.3)}.empty-state h3{font-family:Bebas Neue,cursive;color:var(--squid-pink);font-size:clamp(20px,4vw,32px);margin:0 0 clamp(12px,2vw,16px) 0;letter-spacing:2px}.empty-state p{color:#fff9;font-size:clamp(13px,1.8vw,16px);margin-bottom:clamp(20px,4vw,30px)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:clamp(15px,3vw,20px);animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#0a0e1afa,#1a0e2efa);border:2px solid var(--squid-pink);max-width:min(600px,95vw);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #ff2e7c66;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,24px);border-bottom:2px solid rgba(255,46,124,.3);background:#ff2e7c1a}.modal-header h2{font-family:Bebas Neue,sans-serif;font-size:17px;color:#f8f5ea;letter-spacing:3px;margin:0;text-shadow:0 0 15px rgba(47,107,255,.48),0 0 20px rgba(215,255,63,.12),0 0 28px rgba(47,107,255,.18)}.btn-close{background:none;border:none;color:var(--squid-pink);font-size:clamp(24px,4vw,32px);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close:hover{color:#fff;transform:rotate(90deg)}.modal-body{padding:clamp(20px,4vw,30px)}.form-group{margin-bottom:clamp(16px,3vw,20px)}.form-group label{display:block;margin-bottom:clamp(6px,1.5vw,8px);color:var(--squid-cyan);font-size:clamp(12px,1.5vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:clamp(10px,2vw,14px);background:#00000080;border:2px solid rgba(0,234,255,.3);color:#fff;font-size:clamp(13px,1.5vw,15px);outline:none;transition:all .3s ease;font-family:Roboto,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--squid-cyan);box-shadow:0 0 15px #00eaff4d}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;text-transform:none}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group small{display:block;color:#ffffff80;margin-top:clamp(6px,1vw,8px);font-size:clamp(11px,1.2vw,13px)}.info-box{background:#00eaff1a;border:1px solid rgba(0,234,255,.3);padding:clamp(12px,2vw,16px);color:#ffffffb3;font-size:clamp(12px,1.4vw,14px);line-height:1.6}.info-box strong{color:var(--squid-cyan)}.modal-footer{padding:clamp(18px,3vw,24px);border-top:2px solid rgba(255,46,124,.3);display:flex;justify-content:flex-end;gap:clamp(10px,2vw,15px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);border:4px solid rgba(255,46,124,.2);border-top-color:var(--squid-pink);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--squid-pink);margin-top:clamp(15px,3vw,20px);font-size:clamp(14px,2vw,16px);font-weight:500;letter-spacing:1px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000004d}.modal-content::-webkit-scrollbar-thumb{background:var(--squid-pink);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--squid-cyan)}.mobile-only{display:none}.desktop-only{display:table}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}.td-actions{min-width:240px}.action-buttons{gap:clamp(4px,.8vw,6px)}}@media (max-width: 768px){.page-header{flex-direction:column}.page-header>div{min-width:100%}.stats-cards{grid-template-columns:repeat(2,1fr)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.jornadas-table-container{border:none;background:transparent}.jornadas-cards{display:flex;flex-direction:column;gap:16px;padding:0}.jornada-card{background:#0009;border:2px solid rgba(255,46,124,.3);border-radius:16px;padding:16px;transition:all .3s ease}.jornada-card.card-badge-success{border-left:4px solid var(--squid-green)}.jornada-card.card-badge-secondary{border-left:4px solid var(--squid-pink)}.jornada-card.card-badge-danger{border-left:4px solid var(--squid-red)}.jornada-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.jornada-number{font-family:Bebas Neue,cursive;font-size:24px;color:var(--squid-cyan);letter-spacing:1px}.jornada-card-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px;line-height:1.3}.jornada-card-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.jornada-card-info .btn{flex:1;min-width:120px}.jornada-card-info .picks-count{background:#00eaff26;padding:8px 14px;border-radius:20px;font-size:13px;white-space:nowrap}.jornada-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.jornada-card-actions .btn{width:100%;padding:12px 8px;font-size:11px}.jornada-card-actions .btn:only-child{grid-column:1 / -1}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-icon{font-size:28px}.stat-value{font-size:22px}.stat-label{font-size:10px}.modal-footer{flex-direction:column}.btn{width:100%}.jornada-card{padding:14px}.jornada-card-title{font-size:16px}.jornada-card-info{flex-direction:column;align-items:stretch}.jornada-card-info .btn{min-width:100%}.jornada-card-info .picks-count{text-align:center}}@media (max-width: 360px){.partido-info{flex-direction:column;align-items:flex-start;gap:4px}.partido-info .equipo-local,.partido-info .equipo-visitante{text-align:left}}.confirm-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:confirmFadeIn .2s ease-out;padding:20px}.confirm-modal-content{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:20px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 0 40px #ff2e7c4d,0 20px 60px #00000080;animation:confirmSlideUp .3s ease-out;border:2px solid rgba(255,46,124,.3)}.confirm-modal-header{padding:25px 30px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-modal-header h3{margin:0;font-family:Bebas Neue,cursive;font-size:28px;letter-spacing:2px;color:var(--squid-pink);text-shadow:0 0 15px rgba(255,46,124,.5)}.confirm-modal-header.warning h3{color:#ffc107;text-shadow:0 0 15px rgba(255,193,7,.5)}.confirm-modal-header.danger h3{color:#ff1744;text-shadow:0 0 15px rgba(255,23,68,.5)}.confirm-modal-header.success h3{color:var(--squid-green);text-shadow:0 0 15px rgba(78,255,166,.5)}.confirm-modal-body{padding:25px 30px;text-align:center}.confirm-modal-body p{margin:0;color:#ffffffe6;font-size:16px;line-height:1.6;white-space:pre-line}.confirm-modal-footer{display:flex;gap:15px;padding:20px 30px 25px;justify-content:center}.confirm-modal-footer .btn{flex:1;max-width:160px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:none}.confirm-modal-footer .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.confirm-modal-footer .btn-secondary:hover{background:#fff3;border-color:#fff6}.confirm-modal-footer .btn-danger{background:linear-gradient(135deg,#ff1744,#d50000);color:#fff}.confirm-modal-footer .btn-danger:hover{background:linear-gradient(135deg,#ff5252,#ff1744);box-shadow:0 0 20px #ff174480;transform:translateY(-2px)}.confirm-modal-footer .btn-warning{background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a2e}.confirm-modal-footer .btn-warning:hover{background:linear-gradient(135deg,#ffd54f,#ffc107);box-shadow:0 0 20px #ffc10780;transform:translateY(-2px)}.confirm-modal-footer .btn-success{background:linear-gradient(135deg,var(--squid-green),#00c853);color:#1a1a2e}.confirm-modal-footer .btn-success:hover{background:linear-gradient(135deg,#69f0ae,var(--squid-green));box-shadow:0 0 20px #4effa680;transform:translateY(-2px)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.confirm-modal-content{max-width:100%;margin:0 10px;border-radius:15px}.confirm-modal-header{padding:20px 20px 15px}.confirm-modal-header h3{font-size:24px}.confirm-modal-body{padding:20px}.confirm-modal-body p{font-size:14px}.confirm-modal-footer{padding:15px 20px 20px;flex-direction:column}.confirm-modal-footer .btn{max-width:100%}}.gestion-resultados{padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.resultados-header{text-align:center;margin-bottom:25px}.resultados-header h2{font-size:2rem;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5);margin-bottom:8px}.resultados-header .descripcion{color:#8892b0;font-size:.95rem}.mensaje-toast{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:10px;font-weight:600;z-index:1000;animation:slideIn .3s ease;box-shadow:0 5px 20px #0000004d}.mensaje-toast.success{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.mensaje-toast.error{background:linear-gradient(135deg,#ff1744,#ff5252);color:#fff}.tabs-navegacion{display:flex;gap:10px}.tabs-navegacion .tab{padding:10px 20px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#8892b0;font-weight:600;cursor:pointer;transition:all .3s ease}.tabs-navegacion .tab:hover{border-color:#00d4ff;color:#00d4ff}.tabs-navegacion .tab.active{background:linear-gradient(135deg,#00d4ff,#0077b6);border-color:#00d4ff;color:#fff}.verificacion-status{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-radius:12px;margin-bottom:20px}.verificacion-status.pendientes{background:#ffc10726;border:1px solid rgba(255,193,7,.5)}.verificacion-status.completos{background:#00c85326;border:1px solid rgba(0,200,83,.5)}.verificacion-info{display:flex;align-items:center;gap:10px;font-size:1rem}.verificacion-icon{font-size:1.5rem}.btn-procesar{padding:12px 25px;border-radius:8px;border:none;background:linear-gradient(135deg,#00c853,#00e676);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00c85366}.btn-procesar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00c85399}.btn-procesar:disabled{opacity:.6;cursor:not-allowed}.partidos-container{margin-top:20px}.loading,.empty-state{text-align:center;padding:50px;color:#8892b0;font-size:1.1rem}.partidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.partido-card{background:#ffffff0d;border-radius:16px;padding:20px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.partido-card:hover{transform:translateY(-3px);border-color:#00d4ff80;box-shadow:0 10px 30px #0000004d}.partido-card.con-resultado{border-color:#00c85380}.partido-numero{text-align:center;font-size:.85rem;color:#8892b0;margin-bottom:15px}.equipo{flex:1;display:flex;align-items:center;gap:10px}.equipo.local{justify-content:flex-start}.equipo.visitante{justify-content:flex-end}.equipo-nombre{font-weight:600;font-size:.95rem}.equipo-goles{font-size:1.5rem;font-weight:700;color:#00d4ff;min-width:30px;text-align:center}.vs{font-size:.85rem;color:#8892b0;font-weight:600}.partido-estado{text-align:center;margin-bottom:15px}.resultado-final{color:#00c853;font-weight:600;font-size:.9rem}.sin-resultado{color:#ffc107;font-weight:600;font-size:.9rem}.btn-editar-resultado{width:100%;padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,#00d4ff,#0077b6);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-editar-resultado:hover{background:linear-gradient(135deg,#00b8e6,#005f8e);transform:translateY(-2px)}.picks-container,.tabla-general-container{margin-top:20px;overflow-x:auto}.tabla-picks,.tabla-general{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.tabla-picks th,.tabla-general th{background:#00d4ff33;padding:15px;text-align:left;font-weight:700;color:#00d4ff;border-bottom:2px solid rgba(0,212,255,.3)}.tabla-picks td,.tabla-general td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.tabla-picks tr:hover,.tabla-general tr:hover{background:#ffffff0d}.tabla-picks tr.resultado-ganado{background:#00c8531a}.tabla-picks tr.resultado-perdido{background:#ff17441a}.tabla-picks tr.resultado-empate{background:#ffc1071a}.resultado-cell{font-weight:700}.vidas-cell .vidas-perdidas{color:#ff1744;font-weight:700}.vidas-cell .vidas-ok{color:#00c853;font-weight:700}.vidas-actuales{font-size:1.1rem;font-weight:700;color:#00d4ff}.tabla-general tr.eliminado{opacity:.6}.posicion{font-weight:700;color:#00d4ff;font-size:1.1rem}.vidas-badge{padding:5px 12px;border-radius:20px;background:#00c85333;font-weight:700}.vidas-badge.sin-vidas{background:#ff174433}.stat{font-weight:600}.stat.victorias{color:#00c853}.stat.empates{color:#ffc107}.stat.derrotas{color:#ff1744}.estado-badge{padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.estado-badge.vivo{background:#00c85333;color:#00c853}.estado-badge.eliminado{background:#ff174433;color:#ff1744}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:90%;max-width:450px;border:2px solid rgba(0,212,255,.3);box-shadow:0 20px 50px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:#00d4ff;font-size:1.3rem}.btn-cerrar{background:none;border:none;color:#8892b0;font-size:1.8rem;cursor:pointer;transition:color .3s}.btn-cerrar:hover{color:#ff1744}.modal-body{padding:30px 20px}.resultado-input-container{display:flex;align-items:center;justify-content:center;gap:20px}.equipo-input{text-align:center;flex:1}.equipo-input label{display:block;margin-bottom:12px;font-weight:600;font-size:1rem;color:#fff}.goles-input{width:80px;height:60px;text-align:center;font-size:2rem;font-weight:700;border-radius:12px;border:2px solid rgba(0,212,255,.3);background:#0000004d;color:#00d4ff}.goles-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff66}.vs-separator{font-size:2rem;font-weight:700;color:#8892b0}.modal-footer{display:flex;gap:15px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancelar,.btn-guardar{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cancelar{background:transparent;border:2px solid rgba(255,255,255,.3);color:#8892b0}.btn-cancelar:hover{border-color:#ff1744;color:#ff1744}.btn-guardar{background:linear-gradient(135deg,#00c853,#00e676);border:none;color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00c85366}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.controles-superiores{flex-direction:column;align-items:stretch}.tabs-navegacion{justify-content:center;flex-wrap:wrap}.tabs-navegacion .tab{flex:1;min-width:100px;text-align:center;padding:8px 12px;font-size:.9rem}.verificacion-status{flex-direction:column;gap:15px;text-align:center}.partidos-grid{grid-template-columns:1fr}.partido-equipos{flex-direction:column;gap:10px}.equipo.local,.equipo.visitante{justify-content:center;width:100%}.tabla-picks,.tabla-general{font-size:.85rem}.tabla-picks th,.tabla-general th,.tabla-picks td,.tabla-general td{padding:8px 10px}}.tabla-grupos-container{display:flex;flex-direction:column;gap:24px}.tabla-grupo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.tabla-grupo-header{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.tabla-grupo-header h3{margin:0;font-size:1rem;font-weight:700}@media (max-width: 768px){.tabla-grupos-container{gap:18px}.tabla-grupo-header{padding:14px 16px}}.tablapicks-resultados{padding:20px;min-height:100vh}.tablapicks-header-row h2{font-family:Bebas Neue,cursive;font-size:clamp(24px,5vw,42px);color:var(--squid-pink);margin:0 0 clamp(8px,1.5vw,12px) 0;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,46,124,.5)}.tablapicks-header .descripcion{color:#8892b0;font-size:.95rem}.tablapicks-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}@media (max-width: 110px){.tablapicks-header-row{flex-direction:column;align-items:flex-start;gap:12px}}.controles-superiores{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.selectores-container{display:flex;gap:20px;flex-wrap:wrap}.selector-torneo,.selector-jornada{display:flex;align-items:center;gap:12px}.selector-torneo label,.selector-jornada label{font-weight:600;color:#00d4ff;white-space:nowrap}.selector-torneo select,.selector-jornada select{padding:10px 15px;border-radius:8px;border:2px solid rgba(0,212,255,.3);background:#0000004d;color:#fff;font-size:1rem;cursor:pointer;min-width:200px}.selector-torneo select:focus,.selector-jornada select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.selector-jornada select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.controles-superiores{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.selectores-container{width:100%;flex-direction:column;gap:14px}.selector-torneo,.selector-jornada{width:100%;flex-direction:column;align-items:stretch;gap:8px}.selector-torneo label,.selector-jornada label{width:100%}.selector-torneo select,.selector-jornada select{width:100%;min-width:0;font-size:.95rem}}.btn-export-excel{padding:10px 16px;border-radius:10px;border:1px solid rgba(0,212,255,.4);background:#0006;color:#00d4ff;font-weight:600;cursor:pointer}.btn-export-excel:disabled{opacity:.5;cursor:not-allowed}:root{--tabla-bg: #0f1419;--tabla-row-alt: #0e1318;--tabla-radius: 16px;--vida-w: 56px;--jugador-w: 220px;--header-bg: var(--tabla-bg);--header-border: rgba(255,46,124,.6)}.tablaPicks-frame{border-radius:var(--tabla-radius);overflow:hidden;border:1px solid rgba(255,46,124,.35);box-shadow:0 12px 40px #0000008c;background:var(--tabla-bg)}.tablaPicks-tableWrap{max-height:70vh;overflow:auto;position:relative;background:var(--tabla-bg)}@media (max-width: 1024px){main.page-content:has(.tablaPicks-content){overflow:auto}}.admin-tabla-picks main.admin-main{overflow:hidden!important}.tablaPicks-table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content;font-family:var(--font-display);letter-spacing:1.5px}.pick-cell,.tablaPicks-mobilePick{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase}.tablaPicks-table th,.tablaPicks-table td{background:var(--tabla-bg);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px;white-space:nowrap}.tablaPicks-table thead th{position:sticky;top:0;z-index:120;background:var(--header-bg);border-bottom:2px solid var(--header-border);color:var(--color-primary);text-shadow:0 0 10px rgba(255,46,124,.25)}.tablaPicks-table thead th:first-child{border-top-left-radius:var(--tabla-radius)}.tablaPicks-table thead th:last-child{border-top-right-radius:var(--tabla-radius)}.tablaPicks-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--tabla-radius)}.tablaPicks-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--tabla-radius)}.tablaPicks-table .vida-head,.tablaPicks-table .vida-cell{width:var(--vida-w);text-align:center;font-size:18px}:root{--cont-w: 48px}.tablaPicks-table .jugador-head,.tablaPicks-table .jugador-cell{width:var(--jugador-w)}.tablaPicks-table th.contador-head,.tablaPicks-table td.contador-cell{width:var(--cont-w);text-align:center;position:sticky;left:0;z-index:150;background:var(--tabla-bg)}.tablaPicks-table th.vida-head,.tablaPicks-table td.vida-cell,.tablaPicks-table th.jugador-head,.tablaPicks-table td.jugador-cell{position:sticky;background:var(--tabla-bg)}.tablaPicks-table td.vida-cell{z-index:60}.tablaPicks-table td.jugador-cell{z-index:70}.tablaPicks-table th.vida-head{z-index:130}.tablaPicks-table th.jugador-head{z-index:140}.tablaPicks-table thead th:nth-child(1),.tablaPicks-table tbody td:nth-child(1){left:0;position:sticky;background:var(--tabla-bg)}.tablaPicks-table th.vida-head:nth-child(2),.tablaPicks-table td.vida-cell:nth-child(2){left:calc(var(--cont-w) + var(--vida-w) * 0)}.tablaPicks-table th.vida-head:nth-child(3),.tablaPicks-table td.vida-cell:nth-child(3){left:calc(var(--cont-w) + var(--vida-w) * 1)}.tablaPicks-table th.vida-head:nth-child(4),.tablaPicks-table td.vida-cell:nth-child(4){left:calc(var(--cont-w) + var(--vida-w) * 2)}.tablaPicks-table th.vida-head:nth-child(5),.tablaPicks-table td.vida-cell:nth-child(5){left:calc(var(--cont-w) + var(--vida-w) * 3)}.tablaPicks-table th.vida-head:nth-child(6),.tablaPicks-table td.vida-cell:nth-child(6){left:calc(var(--cont-w) + var(--vida-w) * 4)}.tablaPicks-table th.vida-head:nth-child(7),.tablaPicks-table td.vida-cell:nth-child(7){left:calc(var(--cont-w) + var(--vida-w) * 5)}.tablaPicks-table th.jugador-head,.tablaPicks-table td.jugador-cell{left:calc(var(--cont-w) + var(--vida-w) * 6);box-shadow:6px 0 #000000a6}.tablaPicks-table th.contador-head,.tablaPicks-table td.contador-cell{position:sticky;left:0;width:var(--cont-w);min-width:var(--cont-w);max-width:var(--cont-w);text-align:center;background:#0f1419!important;z-index:200}.tablaPicks-table thead th.contador-head{top:0;z-index:300}.vida-cell.activa{text-shadow:0 0 12px rgba(255,46,124,.55)}.vida-cell.perdida{filter:grayscale(1)}.tablaPicks-table tbody tr:hover td{background:#ffffff0a}.tablaPicks-table tbody tr:hover td.vida-cell,.tablaPicks-table tbody tr:hover td.jugador-cell{background:var(--tabla-bg, #0f1419)!important}.contador-head,.contador-cell{width:48px;text-align:center;font-family:var(--font-display);color:#ffffffb3}.contador-head,.contador-cell{position:sticky;left:0;z-index:130;background:var(--tabla-bg, #0f1419)}@media (max-width: 1024px){:root{--vida-w: 46px;--jugador-w: 180px;--tabla-radius: 14px}.tablaPicks-tableWrap{max-height:65vh}.tablaPicks-table th,.tablaPicks-table td{padding:8px 10px}.vida-cell{font-size:16px}}@media (max-width: 640px){:root{--vida-w: 42px;--jugador-w: 150px;--tabla-radius: 12px}.tablaPicks-tableWrap{max-height:60vh;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tablaPicks-table thead th{font-size:12px;letter-spacing:1px}.tablaPicks-table th,.tablaPicks-table td{padding:7px 8px;font-size:12px}.jugador-cell{letter-spacing:1px}}.tablaPicks-mobileList{display:grid;gap:14px}.tablaPicks-mobileCard{background:var(--tabla-bg, #0f1419);border:1px solid rgba(255,46,124,.28);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000073;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tablaPicks-mobileCard.open{transform:translateY(-2px);border-color:#00eaff59;box-shadow:0 16px 40px #0000008c}.tablaPicks-mobileHeader{width:100%;text-align:left;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#ff2e7c1f;border-bottom:1px solid rgba(255,255,255,.08)}.tablaPicks-mobileChevron{color:#ffffffb3;font-size:18px;line-height:1;transition:transform .25s ease,opacity .25s ease;opacity:.85}.tablaPicks-mobileCard.open .tablaPicks-mobileChevron{transform:rotate(90deg);opacity:1}.tablaPicks-mobileBody{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease;will-change:max-height,opacity,transform}.tablaPicks-mobileBody.show{max-height:900px;opacity:1;transform:translateY(0)}.tablaPicks-mobileJugador{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-primary)}.mobile-jugador-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-vida-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:14px;letter-spacing:1px;white-space:nowrap;background:#ff2e7c26;border:1px solid rgba(255,46,124,.45)}.mobile-vida-badge.activa{color:var(--color-primary);text-shadow:0 0 10px rgba(255,46,124,.5)}.mobile-vida-badge.perdida{color:#fff6;border-color:#ffffff40;background:#ffffff14;filter:grayscale(1)}.tablaPicks-mobileVidas{display:flex;gap:6px;flex-wrap:wrap}.mvida{font-size:18px}.mvida.perdida{filter:grayscale(1);opacity:.55}.tablaPicks-mobileJornadas{padding:12px 14px 16px;display:grid;gap:8px}.tablaPicks-mobileRow{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:var(--tabla-bg, #0f1419);border:1px solid rgba(255,255,255,.08)}.tablaPicks-mobileJornadaTag{font-family:var(--font-display);font-size:14px;letter-spacing:1.5px;color:#ffffffbf}.tablaPicks-mobilePick{color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-ganado{color:#00e676;text-shadow:0 0 8px rgba(0,230,118,.5)}.pick-perdido{color:#ff5252;text-shadow:0 0 8px rgba(255,82,82,.45)}.pick-empate{color:#ffd740;text-shadow:0 0 8px rgba(255,215,64,.45)}.pick-eliminado{color:#ffffff80;filter:grayscale(1)}@media (max-width: 1024px){.tablaPicks-mobileJugador{font-size:17px}.tablaPicks-mobileRow{grid-template-columns:90px 1fr}}@media (max-width: 480px){.tablaPicks-mobileJugador{font-size:16px;letter-spacing:1.5px}.tablaPicks-mobileRow{grid-template-columns:70px 1fr;padding:7px 8px}.tablaPicks-mobileJornadaTag{font-size:13px}.mvida{font-size:17px}}.pick-sin-equipo{color:#ffffff59;font-style:italic;letter-spacing:1px}.tablaPicks-table--mundial th.jugador-head{left:auto!important;box-shadow:none!important;z-index:120!important}.tablaPicks-table--mundial td.jugador-cell{position:static!important;left:auto!important;box-shadow:none!important;z-index:auto!important}.tablaPicks-table--mundial tbody tr:hover td.jugador-cell{background:#ffffff0a!important}.tablaPicks-table--mundial th.vida-head,.tablaPicks-table--mundial td.vida-cell{width:120px;min-width:120px;max-width:120px}.admin-panel-container{height:100vh;height:100dvh;background:linear-gradient(180deg,#07111f,#101827,#070b13);display:flex;flex-direction:column;font-family:Roboto,sans-serif;position:relative;overflow:hidden}.admin-panel-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(225,37,27,.055) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,87,255,.075) 0%,transparent 20%),radial-gradient(circle at 52% 70%,rgba(182,255,0,.035) 0%,transparent 24%);pointer-events:none;z-index:0}.admin-header-bar{background:#07111ffa;border-bottom:2px solid #0057ff;color:#fff;padding:clamp(12px,3vw,20px) clamp(15px,4vw,40px);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0057ff3d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:200;gap:1rem;min-height:60px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:clamp(8px,2vw,20px);flex:1;min-width:0}.header-left h1{font-family:Bebas Neue,cursive;font-size:clamp(16px,3.5vw,32px);margin:0;font-weight:400;letter-spacing:clamp(1px,.3vw,3px);text-transform:uppercase;background:linear-gradient(90deg,#21f11a,#0057ff,#e1251b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 14px rgba(0,87,255,.25)}.header-right{display:flex;align-items:center;gap:clamp(8px,2vw,25px)}.admin-welcome{font-size:clamp(11px,1.5vw,14px);color:#0057ff;text-transform:uppercase;letter-spacing:1px}.admin-welcome strong{font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,87,255,.34)}.btn-logout,.btn-menu-toggle,.btn-sidebar-toggle{background:#e1251b1a;color:#e1251b;border:2px solid #e1251b;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,25px);border-radius:0;cursor:pointer;font-size:clamp(11px,1.5vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;position:relative;overflow:hidden}.btn-logout:before,.btn-menu-toggle:before,.btn-sidebar-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#e1251b;transition:left .3s ease;z-index:-1}.btn-logout:hover:before,.btn-menu-toggle:hover:before,.btn-sidebar-toggle:hover:before{left:0}.btn-logout:hover,.btn-menu-toggle:hover,.btn-sidebar-toggle:hover{color:#fff;box-shadow:0 0 20px #e1251b6b;transform:translateY(-2px)}.btn-sidebar-toggle{font-size:clamp(18px,2.5vw,24px);padding:clamp(4px,1vw,8px) clamp(8px,2vw,15px);line-height:1}.hamburger{display:flex;flex-direction:column;gap:4px;width:22px;height:18px}.hamburger span{display:block;height:2px;background:#e1251b;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.admin-content{display:flex;flex:1;position:relative;z-index:1;overflow:hidden;margin-top:60px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.mobile-overlay{position:fixed;inset:60px 0 0;background:#030812d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-sidebar{width:280px;background:#07111ff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:4px 0 20px #00000080;padding:clamp(15px,3vw,30px) 0;border-right:1px solid rgba(0,87,255,.2);transition:all .3s ease;flex-shrink:0;overflow-y:auto;overflow-x:hidden;position:fixed;top:60px;left:0;bottom:0;z-index:100}.admin-sidebar.collapsed{width:70px}.admin-sidebar.collapsed .admin-menu h3,.admin-sidebar.collapsed .admin-menu .text{opacity:0;width:0;overflow:hidden}.admin-sidebar.collapsed .admin-menu a{justify-content:center;padding:15px 10px}.admin-sidebar.collapsed .admin-menu .icon{margin-right:0}.admin-menu h3{padding:0 clamp(12px,3vw,25px);margin:0 0 clamp(12px,3vw,25px) 0;color:#0057ff;font-size:clamp(12px,1.5vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-family:Bebas Neue,cursive;transition:all .3s ease;text-shadow:0 0 10px rgba(0,87,255,.32)}.admin-menu ul{list-style:none;padding:0;margin:0}.admin-menu li{margin-bottom:2px}.admin-menu a{display:flex;align-items:center;padding:clamp(10px,2vw,15px) clamp(12px,3vw,25px);color:#ffffffb3;text-decoration:none;font-size:clamp(11px,1.5vw,13px);font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;border-left:3px solid transparent;gap:clamp(6px,2vw,12px)}.admin-menu a .icon{font-size:clamp(16px,2.5vw,20px);flex-shrink:0;transition:transform .3s ease}.admin-menu a .text{flex:1;white-space:nowrap;transition:all .3s ease}.admin-menu a:hover{color:#fff;border-left-color:#0057ff;padding-left:clamp(17px,4vw,30px);background:#0057ff1f;text-shadow:0 0 10px rgba(0,87,255,.35)}.admin-menu a:hover .icon{transform:scale(1.2);color:#b6ff00}.admin-menu a.active{background:#0057ff33;color:#fff;border-left-color:#0057ff;padding-left:clamp(17px,4vw,30px);font-weight:700;box-shadow:inset 0 0 16px #0057ff1a}.admin-menu a.active .icon{color:#b6ff00}.admin-main{flex:1;padding:clamp(15px,4vw,40px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:all .3s ease;width:100%;min-width:0;margin-left:280px;height:100%}.admin-sidebar.collapsed~.admin-main{margin-left:70px}.welcome-card{background:#ffffff06;border:2px solid rgba(0,87,255,.32);border-radius:0;padding:clamp(20px,5vw,40px);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-card h2{color:#fff;margin-bottom:clamp(8px,2vw,15px);font-size:clamp(22px,5vw,36px);font-family:Bebas Neue,cursive;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px rgba(0,87,255,.42)}.welcome-card>p{color:#ffffffb3;margin-bottom:clamp(20px,4vw,40px);font-size:clamp(11px,1.5vw,14px);text-transform:uppercase;letter-spacing:1.5px}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(12px,3vw,25px);margin-bottom:clamp(25px,5vw,50px)}.info-card{background:#0006;border:2px solid rgba(0,87,255,.28);border-radius:0;padding:clamp(15px,4vw,25px);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,87,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.info-card:hover:before{opacity:1}.info-card:hover{border-color:#0057ff;box-shadow:0 0 30px #0057ff4d;transform:translateY(-5px)}.info-card h4{color:#0057ff;font-size:clamp(10px,1.2vw,11px);text-transform:uppercase;margin:0 0 clamp(6px,2vw,12px) 0;font-weight:700;letter-spacing:2px}.info-card p{color:#fff;font-size:clamp(14px,2vw,18px);margin:0;font-weight:500;word-break:break-word}.quick-actions{margin-top:clamp(20px,4vw,40px);padding-top:clamp(20px,4vw,40px);border-top:2px solid rgba(0,87,255,.22)}.quick-actions h3{color:#b6ff00;margin-bottom:clamp(15px,3vw,30px);font-size:clamp(18px,4vw,24px);font-family:Bebas Neue,cursive;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px rgba(182,255,0,.25)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(12px,3vw,20px)}.action-btn{background:#0057ff1a;color:#fff;border:2px solid #0057ff;padding:clamp(12px,3vw,18px) clamp(15px,4vw,25px);border-radius:0;cursor:pointer;font-size:clamp(11px,1.5vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;z-index:1}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0057ff,#e1251b);transition:left .4s ease;z-index:-1}.action-btn:hover:before{left:0}.action-btn:hover{color:#fff;border-color:#e1251b;transform:translateY(-3px);box-shadow:0 10px 30px #0057ff57}.hide-desktop{display:none!important}.show-desktop{display:block!important}.hide-mobile{display:inline}.show-mobile{display:none}@media (max-width: 1024px){.admin-sidebar{width:250px}.admin-sidebar.collapsed{width:60px}.admin-main{margin-left:250px}.admin-sidebar.collapsed~.admin-main{margin-left:60px}}@media (max-width: 768px){.hide-desktop{display:block!important}.show-desktop,.hide-mobile{display:none!important}.show-mobile{display:inline!important}.admin-header-bar{padding:10px 12px;gap:8px}.header-left{gap:8px}.header-left h1{font-size:12px;letter-spacing:.5px}.header-right{gap:8px;flex-shrink:0}.btn-menu-toggle{padding:8px;min-width:40px;min-height:40px;display:flex!important;align-items:center;justify-content:center}.btn-logout{padding:8px 12px;min-width:40px;min-height:40px}.admin-sidebar{position:fixed;top:60px;left:-100%;bottom:0;width:min(280px,80vw);z-index:100;transition:left .3s ease;box-shadow:4px 0 30px #000000b3}.admin-sidebar.mobile-open{left:0}.admin-sidebar.collapsed{width:min(280px,80vw)}.admin-main{width:100%;padding:15px 12px;margin-left:0}.admin-sidebar.collapsed~.admin-main{margin-left:0}.admin-info-grid,.action-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.header-left h1{font-size:12px;letter-spacing:.5px}.btn-logout{padding:6px 10px;font-size:10px}.welcome-card{padding:15px 12px}}@media (min-width: 1920px){.admin-main{max-width:2080px;margin-left:280px;margin-right:auto}.admin-info-grid,.action-buttons{grid-template-columns:repeat(4,1fr)}}.admin-sidebar::-webkit-scrollbar,.admin-main::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track,.admin-main::-webkit-scrollbar-track{background:#0000004d}.admin-sidebar::-webkit-scrollbar-thumb,.admin-main::-webkit-scrollbar-thumb{background:#0057ff;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover,.admin-main::-webkit-scrollbar-thumb:hover{background:#b6ff00}.admin-inner-layout{display:flex;width:100%;min-height:calc(100vh - 60px)}.admin-inner-layout .admin-main{flex:1;min-width:0}@media (min-width: 1600px){.admin-inner-layout .admin-main{max-width:1600px;margin-right:auto}}.dashboard-modern{display:flex;flex-direction:column;gap:clamp(30px,5vw,60px)}.dashboard-top{display:flex;flex-wrap:wrap;gap:clamp(30px,5vw,60px);align-items:flex-start}.dashboard-title{flex:1 1 400px;min-width:280px}.dashboard-user-info{flex:1 1 400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(15px,3vw,30px)}.dashboard-actions{display:flex;flex-direction:column;gap:clamp(30px,5vw,60px)}.dashboard-section h3{margin-bottom:20px}.pick-container{padding:40px;background:linear-gradient(135deg,#0f1023,#191b3a);min-height:100vh;color:#fff}h2{margin-bottom:25px}.select-wrapper{display:flex;gap:20px;margin-bottom:30px}.select-box{display:flex;flex-direction:column}.select-box label{margin-bottom:6px;font-weight:600}.select-box select{padding:10px 14px;border-radius:10px;border:1px solid #00ffd5;background:#11132c;color:#fff;min-width:220px;font-size:14px;transition:.3s}.select-box select:hover{border-color:#ff00c8}.alert{padding:10px 15px;margin-bottom:15px;border-radius:8px}.alert.error{background:#ff004c33;border:1px solid #ff004c}.alert.success{background:#0f83;border:1px solid #00ff88}.jornadas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px}.jornada-card{background:#141735;padding:20px;border-radius:15px;border:1px solid #00ffd5}.equipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.equipo-btn{background:#1c1f45;border:1px solid #00ffd5;border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center}.equipo-btn img{width:45px;height:45px;margin-bottom:8px}.equipo-btn:hover{transform:scale(1.05);border-color:#ff00c8}.equipo-btn.selected{background:#00ffd522;border-color:#0f8}.footer{margin-top:30px}.save-btn{padding:12px 25px;background:linear-gradient(90deg,#00ffd5,#ff00c8);border:none;border-radius:10px;color:#000;font-weight:700;cursor:pointer;transition:.3s}.save-btn:hover{transform:scale(1.05)}.pick-container{max-width:1300px;margin:0 auto;padding:24px;color:#f1f5f9}.header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px 24px;border-radius:18px;margin-bottom:24px;box-shadow:0 15px 40px #00000073;border:1px solid rgba(255,255,255,.05)}.header h2{margin:0;font-size:22px;font-weight:800;letter-spacing:.5px}.header .sub{margin-top:6px;font-size:13px;opacity:.75}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-weight:700}.alert.error{background:#dc262626;border:1px solid rgba(220,38,38,.35);color:#fecaca}.alert.success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#bbf7d0}.alert.info{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#bfdbfe}.select-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.select-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.select-box label{font-size:12px;font-weight:800;display:block;margin-bottom:8px;opacity:.7}.select-box select{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0f172a;color:#fff;font-weight:700;padding:0 12px;outline:none;transition:.2s}.select-box select:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.mini-info{display:flex;gap:20px;margin-bottom:20px;font-weight:800;font-size:13px;opacity:.75}.saved-box{background:#ffffff0d;border-radius:18px;padding:18px;margin-bottom:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000059}.saved-title{font-weight:900;margin-bottom:16px;font-size:15px;color:#22d3ee}.saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.saved-item{background:#0f172acc;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.08);transition:.2s}.saved-item:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0006}.saved-j{font-weight:800;font-size:13px;margin-bottom:8px}.saved-e{display:flex;align-items:center;gap:10px}.saved-e img{width:26px;height:26px;object-fit:contain}.badge.locked{margin-left:auto;font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff}.jornadas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:22px}.jornada-card{background:#0f172ad9;border-radius:20px;padding:20px;border:1px solid rgba(34,211,238,.2);box-shadow:0 15px 40px #00000080;transition:.2s}.jornada-card:hover{border-color:#22d3ee}.jornada-card h3{margin:0 0 14px;font-size:16px;font-weight:900;color:#22d3ee}.equipos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.equipo-btn{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-weight:800;cursor:pointer;transition:.2s;position:relative}.equipo-btn:hover{transform:translateY(-2px);border-color:#22d3ee;box-shadow:0 8px 20px #22d3ee40}.equipo-btn img{width:28px;height:28px}.equipo-btn small{margin-left:auto;font-size:10px;padding:5px 8px;border-radius:999px;background:#ffffff26}.equipo-btn.selected{background:linear-gradient(90deg,#0ea5e9,#22d3ee);color:#0f172a;border-color:#22d3ee}.equipo-btn.disabled{opacity:.4;cursor:not-allowed}.footer{margin-top:28px;display:flex;justify-content:flex-end}.save-btn{padding:12px 22px;border-radius:16px;border:none;font-weight:900;cursor:pointer;background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 12px 25px #ec489966;transition:.2s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ec489999}.save-btn:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#020617bf;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#0f172a;border-radius:18px;padding:24px;width:100%;max-width:460px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009;color:#fff}.modal h3{margin-bottom:12px;font-weight:900}.modal p{margin-bottom:18px;opacity:.85}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-primary{background:linear-gradient(90deg,#22d3ee,#06b6d4);border:none;padding:10px 16px;border-radius:12px;font-weight:800;cursor:pointer;color:#0f172a}.btn-secondary{background:#ffffff1a;border:none;padding:10px 16px;border-radius:12px;font-weight:800;cursor:pointer;color:#fff}@media (max-width: 900px){.select-wrapper,.jornadas-grid{grid-template-columns:1fr}}.saved-box-accordion{padding:22px}.saved-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.saved-count{padding:6px 12px;border-radius:999px;background:#7c5cff29;color:#cfc7ff;font-size:.78rem;font-weight:800}.saved-accordion-list{display:flex;flex-direction:column;gap:12px}.saved-accordion-item{border-radius:18px;background:#0a12288c;border:1px solid rgba(255,255,255,.08);overflow:hidden}.saved-accordion-header{width:100%;border:none;outline:none;cursor:pointer;padding:14px 16px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.saved-accordion-left{display:flex;align-items:center;gap:12px}.saved-accordion-left strong{display:block;font-size:.95rem}.saved-accordion-left small{display:block;margin-top:3px;color:#9ea7c7;font-size:.75rem;font-weight:700}.accordion-arrow{display:inline-flex;transition:transform .2s ease;color:#7c5cff;font-size:.85rem}.accordion-arrow.open{transform:rotate(90deg)}.saved-accordion-badge{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#7c5cff38;color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase}.saved-teams-row{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 16px}.saved-team-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:999px;background:#0f1934f2;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.86rem;font-weight:700}.saved-team-chip img{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.saved-team-chip .logo-ph{width:24px;height:24px;border-radius:50%;background:#ffffff1f;flex:0 0 auto}@media (max-width: 768px){.saved-title,.saved-accordion-header{align-items:flex-start;flex-direction:column}.saved-accordion-badge{align-self:flex-start}.saved-team-chip{width:100%;border-radius:14px}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%}.grupos-container{padding:20px;color:#fff}.grupos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grupo-card{background:#0f172a;padding:15px;border-radius:12px;border:1px solid #1e293b}.grupo-card h2{margin-bottom:10px}.cupos{margin-bottom:10px;font-weight:700}.equipos-list{margin-bottom:10px}.equipo-item{padding:5px;border-bottom:1px solid #1e293b}.layout{display:flex;height:100vh;background:#0a0f1a;color:#fff}.sidebar{width:220px;background:#0f172a;padding:20px;display:flex;flex-direction:column;gap:10px}.sidebar button{background:transparent;border:none;color:#ccc;padding:10px;text-align:left;cursor:pointer}.sidebar button.active{background:#00e5ff;color:#000;border-radius:6px}.main{flex:1;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:15px}.cupos{font-size:12px;opacity:.7;margin-bottom:10px}.equipo img{width:24px;height:24px}.header h2{color:#00d4ff}.acciones-header{display:flex;gap:10px}.btn{padding:10px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#00d4ff,#0077b6);color:#fff;cursor:pointer}.card{background:#ffffff0d;border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1);transition:.3s}.card:hover{transform:translateY(-3px);border-color:#00d4ff}.card-header{display:flex;justify-content:space-between;margin-bottom:10px}.badge{background:#00d4ff;padding:5px 10px;border-radius:20px}.badge.lleno{background:#00c853}.equipos{display:flex;flex-direction:column;gap:8px}.equipo{display:flex;align-items:center;gap:10px}.equipo img{width:26px;height:26px}.select-equipo{margin-top:10px;padding:8px;border-radius:6px}.gestion-grupos{width:100vw;margin:auto}.admin-main{overflow-x:hidden}.admin-panel-container{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#0b1220;color:#fff;padding:20px}.admin-main{flex:1;padding:20px;overflow-x:hidden}.gestion-grupos-page{width:100%;padding:20px 30px;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.btn{background:#00e0ff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;color:#000;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{background:#141e3c99;border-radius:12px;padding:15px;border:1px solid rgba(0,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-header{display:flex;justify-content:space-between;align-items:center}.badge{background:#00e0ff;color:#000;padding:2px 8px;border-radius:6px}.badge.lleno{background:#ff4d4d;color:#fff}.equipo{display:flex;align-items:center;gap:10px;margin:6px 0}.equipo img{width:24px;height:24px;object-fit:contain}.select-equipo{margin-top:10px;width:100%;padding:6px;border-radius:6px}.liguilla-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px;font-family:Segoe UI,sans-serif}.liguilla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.liguilla-title{color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.liguilla-title span{font-size:32px}.btn-volver{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s}.btn-volver:hover{background:#fff3}.liguilla-filtros{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.filtro-select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 16px;border-radius:8px;min-width:200px;cursor:pointer}.filtro-select option{background:#1a1a2e;color:#fff}.btn-nuevo{background:linear-gradient(135deg,#00d9ff,#0f8);color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;margin-left:auto;transition:transform .2s}.btn-nuevo:hover{transform:scale(1.05)}.partidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.partido-card{background:#ffffff14;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.partido-card:hover{transform:translateY(-5px);border-color:#00d9ff;box-shadow:0 10px 30px #00d9ff33}.partido-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.partido-jornada{color:#00d9ff;font-weight:600;font-size:14px}.partido-estado{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.estado-programado{background:#ffc10733;color:#ffc107}.estado-encurso{background:#00d9ff33;color:#00d9ff}.estado-finalizado{background:#0f83;color:#0f8}.partido-equipos{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.equipo-info{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.equipo-logo{width:60px;height:60px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:24px}.equipo-logo img{width:50px;height:50px;object-fit:contain}.equipo-nombre{color:#fff;font-weight:600;font-size:14px}.equipo-abrev{color:#ffffff80;font-size:12px}.partido-vs{color:#ff4081;font-weight:800;font-size:18px}.partido-marcador{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.goles{font-size:32px;font-weight:800;color:#fff;min-width:40px;text-align:center}.goles-separador{color:#ffffff4d;font-size:24px}.partido-fecha{color:#fff9;font-size:13px;text-align:center;margin-bottom:15px}.partido-acciones{display:flex;gap:10px}.btn-accion{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.btn-resultado{background:linear-gradient(135deg,#0f8,#00d9ff);color:#000}.btn-editar{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.btn-eliminar{background:#f4433633;color:#f44336;border:1px solid #f44336}.btn-accion:hover{transform:scale(1.02)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1);max-height:90vh;overflow-y:auto}.modal-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-label{display:block;color:#fffc;font-size:14px;margin-bottom:8px}.form-input,.form-select{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:15px}.form-input:focus,.form-select:focus{outline:none;border-color:#00d9ff}.form-select option{background:#1a1a2e;color:#fff}.modal-acciones{display:flex;gap:15px;margin-top:25px}.btn-guardar{flex:1;padding:14px;background:linear-gradient(135deg,#00d9ff,#0f8);color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer}.btn-cancelar{flex:1;padding:14px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer}.mensaje-toast{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:10px;font-weight:600;z-index:1001;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mensaje-success{background:linear-gradient(135deg,#0f8,#00d9ff);color:#000}.mensaje-error{background:linear-gradient(135deg,#f44336,#ff4081);color:#fff}.mensaje-warning{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000}.empty-state{text-align:center;padding:60px 20px;color:#ffffff80}.empty-icon{font-size:64px;margin-bottom:20px}.empty-text{font-size:18px;margin-bottom:10px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.liguilla-header{flex-direction:column;gap:15px}.liguilla-filtros{flex-direction:column}.filtro-select{width:100%}.btn-nuevo{width:100%;margin-left:0}.partidos-grid{grid-template-columns:1fr}}