:root{--color-primary: #FE7211;--color-secondary: #1976d2;--color-white: #fff;--color-black: #222;--color-error: #ff6b7a;--color-success: #51cf66;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease;--text-primary: var(--color-white);--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--text-highlight: var(--color-primary);--bg-glass: rgba(34, 34, 34, .98);--bg-glass-dark: rgba(34, 34, 34, .98);--bg-glass-darkness: rgba(13, 17, 23, .95);--breakpoint-mobile: 576px;--breakpoint-tablet: 768px;--breakpoint-desktop: 992px;--border-glass: 1px solid rgba(255, 255, 255, .06);--border-glass-light: 1px solid rgba(255, 255, 255, .04);--shadow-normal: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 32px rgba(0,0,0,.18);--shadow-strong: 0 10px 40px rgba(10, 12, 16, .6);--stats-highlight: var(--color-primary);--stats-secondary: var(--color-secondary);--stats-spacing: var(--space-lg);--stats-card-padding: var(--space-xl);--stats-border: var(--border-glass);--stats-radius: var(--radius-lg);--stats-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .02));--stats-card-border: var(--border-glass);--stats-card-shadow: var(--shadow-strong);--stats-card-blur: blur(6px);--stats-title-color: var(--text-highlight);--stats-text-color: var(--text-primary);--stats-label-color: var(--text-muted);--stats-hover-transform: translateY(-2px);--stats-hover-shadow: 0 12px 48px rgba(10, 12, 16, .7);--stats-transition: var(--transition-normal);--stats-grid-gap: var(--space-lg);--stats-container-padding: var(--space-xl);--stats-item-spacing: var(--space-md)}:root{--dark: #2A3340;--orange: #FE7211;--sky: #4899DE;--white: #FFFFFF;--black: #000000;--dark-panel: linear-gradient(90deg, rgba(20, 20, 20, .95), rgba(35, 35, 35, .9));--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--glass-dark: rgba(7, 7, 7, .4);--glass-light: rgba(255, 255, 255, .03);--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15);--shadow-strong: 0 10px 40px rgba(10, 12, 16, .6);--border-glass: 1px solid rgba(255, 255, 255, .06);--border-glass-light: 1px solid rgba(255, 255, 255, .04)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-background{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center center;background-attachment:fixed;filter:saturate(.95) contrast(1.05) brightness(.7);transition:background-image .5s ease-in-out}@media (min-width: 769px),(orientation: landscape) and (min-width: 481px) and (max-width: 768px){.app-background{background-image:url("./media/fondo-JNP7MVAZ.png")}}@media (max-width: 768px) and (orientation: portrait),(max-width: 480px){.app-background{background-image:url("./media/fondoResponsivo-E7B5YIKQ.png")}}@media (max-width: 768px) and (max-height: 500px){.app-background{background-image:url("./media/fondo-JNP7MVAZ.png")}}.app-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#2a33408c,#090c1066 60%)}@media (max-width: 768px) and (orientation: portrait),(max-width: 480px){.app-overlay{background:linear-gradient(180deg,#2a334099,#090c1080)}}.app-container{min-height:100vh;padding:32px;position:relative;z-index:1}@media (max-width: 768px){.app-container{padding:20px}}@media (max-width: 768px) and (orientation: portrait),(max-width: 480px){.app-container{padding:16px 12px}}.glass-card{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:var(--border-glass);border-radius:16px;backdrop-filter:blur(6px) saturate(1.1);box-shadow:var(--shadow-strong);transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #0a0c10b3}.glass-card.card-padding{padding:32px}@media (max-width: 768px){.glass-card.card-padding{padding:20px}}.glass-card.card-small{padding:20px;border-radius:12px}.glass-card.card-large{padding:40px;max-width:980px;margin:0 auto}.content-card{background:#fff;border-radius:12px;box-shadow:var(--shadow-light);transition:transform .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.content-card.card-padding{padding:24px}@media (max-width: 768px){.content-card.card-padding{padding:16px}}.glass-card,.content-card{width:100%;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--orange);margin:0;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.1rem;font-weight:500}.content-card h1,.content-card h2,.content-card h3,.content-card h4,.content-card h5,.content-card h6{color:#333}.content-card p,.content-card span,.content-card div{color:#666}p{color:#ffffffd9;line-height:1.6;margin:0}p.lead{font-size:1.1rem;font-weight:400}p.muted{color:#fff9;font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;width:max-content}.badge.badge-primary{background:linear-gradient(90deg,#fe72111f,#4899de14);color:var(--white);box-shadow:inset 0 -1px #00000026}.badge.badge-primary .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 6px #fe721180}.badge.badge-status{padding:4px 12px;font-size:12px}.badge.badge-status.status-programado{background:#e3f2fd;color:#1976d2}.badge.badge-status.status-en-curso{background:#fff3e0;color:#f57c00}.badge.badge-status.status-finalizado{background:#e8f5e8;color:#2e7d32}.chip{background:var(--glass);padding:8px 12px;border-radius:20px;border:var(--border-glass-light);font-size:.9rem;color:var(--white);display:inline-block;transition:background .2s ease}.chip:hover{background:#ffffff1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease;font-family:inherit;white-space:nowrap}.btn.btn-primary{background:linear-gradient(90deg,var(--orange),var(--sky));color:var(--white);box-shadow:0 4px 20px #4899de4d}.btn.btn-secondary{background:var(--glass);color:var(--white);border:var(--border-glass)}.btn.btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.3)}.btn.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.btn.btn-sm{padding:8px 16px;font-size:.85rem}.btn.btn-lg{padding:16px 32px;font-size:1.1rem}.btn.btn-full{width:100%}.content-card .btn.btn-primary{background:linear-gradient(90deg,var(--orange),var(--sky));color:var(--white)}.content-card .btn.btn-secondary{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.content-card .btn.btn-secondary:hover:not(:disabled){background:#e9ecef}.action-icon-btn{background:var(--glass-light);border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #4899de1a;transition:background .18s,box-shadow .18s,transform .18s;position:relative;color:var(--white)}.action-icon-btn i{font-size:1rem;transition:transform .18s}.action-icon-btn:hover,.action-icon-btn:focus{background:var(--glass-strong);box-shadow:0 4px 16px #4899de2e;transform:translateY(-2px) scale(1.08)}.action-icon-btn:active{background:var(--orange);box-shadow:0 2px 8px #fe72112e}.action-icon-btn.orange{background:linear-gradient(90deg,#fe7211,#ff9933f2)}.action-icon-btn.orange:hover{background:linear-gradient(90deg,#fe7211,#ffa33d)}.action-icon-btn.sky{background:linear-gradient(90deg,#4899de,#5ab4e6f2)}.action-icon-btn.sky:hover{background:linear-gradient(90deg,#4899de,#64bef0)}.action-icon-btn .action-tooltip{visibility:hidden;position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(5px);background:#1a1a1a;color:var(--white);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 15px #00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;border:1px solid rgba(255,255,255,.1)}.action-icon-btn:hover .action-tooltip,.action-icon-btn:focus .action-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;color:#fffc;font-weight:600;margin-bottom:8px}.content-card .form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border-radius:8px;border:var(--border-glass);background:#00000040;color:var(--white);outline:none;font-size:1rem;transition:all .2s ease}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#ffffff73}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #4899de4d;border-color:var(--sky)}.content-card .form-group input,.content-card .form-group select,.content-card .form-group textarea{background:#fff;color:#333;border:1px solid #ddd}.content-card .form-group input::placeholder,.content-card .form-group select::placeholder,.content-card .form-group textarea::placeholder{color:#999}.content-card .form-group input:focus,.content-card .form-group select:focus,.content-card .form-group textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px #4899de1a}.grid{display:grid;gap:24px}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.grid.grid-2,.grid.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex.flex-center{justify-content:center;align-items:center}.flex.flex-between{justify-content:space-between;align-items:center}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.gap-sm{gap:8px}.flex.gap-md{gap:16px}.flex.gap-lg{gap:24px}.user-info{display:flex;align-items:center;gap:12px;color:var(--sky);font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;margin-top:32px}.pagination .pagination-info{color:#fffc;font-weight:500}.content-card .pagination .pagination-info{color:#666}@media (max-width: 768px){.pagination{flex-direction:column;gap:12px}}.no-content{text-align:center;padding:60px 20px;color:#ffffffb3}.content-card .no-content{color:#666}.no-content .icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-content h3{margin-bottom:12px;font-size:18px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.container,.container-fluid{background:none!important;color:inherit}.card{background:none!important;border:none!important;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.btn:focus,.link:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #4899de4d;outline:none}@media (max-width: 576px){.hide-mobile{display:none!important}}@media (min-width: 577px){.show-mobile{display:none!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}@media (min-width: 769px){.show-tablet{display:none!important}}.team-logo-small{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.team-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.text-sm{font-size:.9rem;color:#666}.team-name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media (max-width: 768px){.team-name{max-width:80px}}.team{display:flex;align-items:center;flex:1}.team:first-child{justify-content:flex-start;text-align:left}.team:last-child{justify-content:flex-end;text-align:right}.team:last-child .team-name{order:-1;margin-right:8px}.match-score{min-width:80px;flex-shrink:0}.match-score .score{font-size:18px;font-weight:600;color:#333}.match-score .vs{color:#666;font-size:14px}.match-card{transition:all .3s ease}.match-card .grid-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}@media (max-width: 768px){.match-card .grid-teams{grid-template-columns:1fr;gap:12px;text-align:center}}.match-card .team.local{justify-self:start}@media (max-width: 768px){.match-card .team.local{justify-self:center;order:1}}.match-card .team.visitor{justify-self:end}@media (max-width: 768px){.match-card .team.visitor{justify-self:center;order:3}}.match-card .match-score{justify-self:center}@media (max-width: 768px){.match-card .match-score{order:2;margin:8px 0}}.match-card .match-score .score{font-size:1.5rem;font-weight:700;color:#333}@media (max-width: 480px){.match-card .match-score .score{font-size:1.3rem}}.match-card .match-score .vs{font-size:1.2rem;color:#666;font-weight:600}@media (max-width: 480px){.match-card .match-score .vs{font-size:1.1rem}}.match-card .team-name{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.match-card .team-name{max-width:120px}}@media (max-width: 768px){.match-card .team-name{max-width:150px;font-size:1rem}}@media (max-width: 480px){.match-card .team-name{max-width:100px;font-size:.9rem}}.match-card .team-name-short{display:none;font-weight:600;color:#333;font-size:.9rem}@media (max-width: 480px){.match-card .team-name-short{font-size:.85rem}}.match-card .team-logo-small{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}@media (max-width: 768px){.match-card .team-logo-small{width:28px;height:28px}}@media (max-width: 480px){.match-card .team-logo-small{width:24px;height:24px}}@media (max-width: 480px){.match-card .match-details{flex-direction:column;align-items:center;gap:4px}}.match-card .match-details .stadium,.match-card .match-details .championship{font-size:.9rem;color:#666}@media (max-width: 480px){.match-card .match-details .stadium,.match-card .match-details .championship{font-size:.85rem;text-align:center}}@media (max-width: 480px){.match-card .match-actions{justify-content:center}.match-card .match-actions .btn{flex:1;min-width:120px;font-size:.85rem;padding:8px 12px}}@media (max-width: 360px){.match-card .match-actions{flex-direction:column}.match-card .match-actions .btn{width:100%}}@media (max-width: 480px){.match-card .match-header{flex-direction:column;align-items:center;gap:8px}}.match-card .match-header .match-date{font-size:.9rem;color:#666}@media (max-width: 480px){.match-card .match-header .match-date{font-size:.85rem;text-align:center}}.team-name-short{display:none}@media (max-width: 480px){.hide-mobile{display:none!important}.show-mobile{display:inline!important}}@media (max-width: 900px){.grid-2{grid-template-columns:1fr!important;gap:20px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width: 768px){.container{padding:0 12px}}@media (max-width: 480px){.container{padding:0 8px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (max-width: 768px){.container{padding:0 var(--space-sm)}}.grid{display:grid;gap:var(--space-lg)}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid--2{grid-template-columns:1fr}}.grid--auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.btn-primary{background:linear-gradient(90deg,var(--orange),var(--sky));color:var(--white)}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4899de66}.btn.btn-secondary{background:var(--glass);color:var(--white);border:1px solid rgba(255,255,255,.06)}.btn.btn-secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.btn.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.85rem}.section-separator{width:100%;height:1px;background-color:var(--dark);margin:16px 0}.menu-separator{width:100%;height:1px;background-color:var(--orange);margin:16px 0}.team-resena{font-family:Arial,sans-serif;margin:20px auto}.team-resena h2{color:#fe7211;margin:0 0 15px;padding-bottom:8px}.team-resena h3{color:#4899de;margin:15px 0 8px}.team-resena p{margin:0 0 12px;line-height:1.5;color:var(--white)}