/* =====================================================
   ESTILOS PERSONALIZADOS - Aplicación Olimpiadas
   Bootstrap 5 + Estilos mínimos adicionales
   ===================================================== */

/* Fondo general */
body {
    background-color: #f8f9fa;
    min-height: 100vh;
}

/* Centrar contenido verticalmente en páginas tipo login */
body.centered {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Espaciado para páginas con scroll */
body.scrollable {
    padding: 40px 20px;
}

/* Ajuste fino para badges */
.badge {
    font-size: 0.85rem;
}

/* Números destacados en tablas */
.numero {
    font-weight: bold;
    color: #0d6efd;
    font-size: 1.1rem;
}

/* Icono de éxito grande */
.success-icon {
    font-size: 4rem;
    color: #198754;
}

/* Caja de total para página de estadísticas */
.total-box {
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
    color: white;
    padding: 3rem;
    border-radius: 15px;
    text-align: center;
}

.total-label {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    opacity: 0.9;
}

.total-number {
    font-size: 5rem;
    font-weight: bold;
}

/* Responsive: reducir tamaño del número en móviles */
@media (max-width: 768px) {
    .total-number {
        font-size: 3.5rem;
    }
}

/* Imágenes de deportes */
.sport-thumbnail {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}

.sport-preview {
    max-height: 150px;
    border-radius: 5px;
    margin-top: 10px;
}

.sport-icon-small {
    width: 30px; 
    height: 30px; 
    object-fit: cover;
    border-radius: 4px;
    margin-right: 8px;
}