:root{--primary-color:#667eea;--primary-dark:#5568d3;--secondary-color:#764ba2;--accent-color:#f093fb;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-card:linear-gradient(135deg,#667eea,#764ba2);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 25px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.15)}.estadisticas-container{margin:2rem auto;max-width:1400px;padding:0;width:95%}.estadisticas-header{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-xl);color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.estadisticas-header h1{font-size:3rem;font-weight:800;margin:0 0 1rem;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.estadisticas-header p{font-size:1.2rem;font-weight:500;margin:0;opacity:.95}.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-primary);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.stat-card-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:3px solid var(--primary-color);padding:1.5rem}.stat-card-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.stat-description{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0}.stat-item,.stat-list{padding:1rem}.stat-item{align-items:flex-start;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;display:flex;gap:1rem;margin-bottom:.5rem;transition:all .3s ease}.stat-item:hover{background:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateX(5px)}.stat-rank{align-items:center;background:var(--bg-card);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:800;height:40px;justify-content:center;min-width:40px}.stat-info{display:flex;flex:1;flex-direction:column;gap:.3rem}.stat-name{color:var(--primary-color);font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .3s ease}.stat-name:hover{color:var(--primary-dark);text-decoration:underline}.stat-song{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.3rem;text-decoration:none;transition:color .3s ease}.stat-song:before{content:"🎵";font-size:.9rem}.stat-song:hover{color:var(--secondary-color);text-decoration:underline}.stat-value{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:600;gap:.3rem}.stat-value:before{content:"📊";font-size:.85rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:968px){.stats-grid{grid-template-columns:1fr}.estadisticas-header h1{font-size:2.5rem}.estadisticas-header p{font-size:1.1rem}}@media (max-width:640px){.estadisticas-container{margin:1rem auto;width:95%}.estadisticas-header{border-radius:16px;padding:2rem 1.5rem}.estadisticas-header h1{font-size:2rem}.estadisticas-header p{font-size:1rem}.stats-grid{gap:1.5rem}.stat-card{border-radius:16px}.stat-card-header{padding:1.25rem}.stat-card-header h2{font-size:1.3rem}.stat-item{align-items:flex-start;flex-direction:row;padding:.75rem}.stat-rank{height:35px;min-width:35px}.stat-name,.stat-rank{font-size:1rem}.stat-song{font-size:.9rem}.stat-value{font-size:.85rem}}