/* ==================== CLASES DE UTILIDAD BOOTSTRAP OVERRIDE ==================== */
.text-muted {
    color: #e7e7e7 !important;
}

/* ==================== COLORES DE TEXTO ==================== */
.text-green {
    color: #80da47 !important;
}

.text-light-gray {
    color: #a0a0a0 !important;
}

.text-white {
    color: #ffffff !important;
}

/* ==================== FONDOS ==================== */
.bg-dark-card {
    background-color: #2a2a2a !important;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #80da47 0%, #6bc73a 100%) !important;
}

/* ==================== BORDES ==================== */
.border-green {
    border-color: #80da47 !important;
}

.border-bottom-green {
    border-bottom: 2px solid #80da47 !important;
}

/* ==================== ESPACIADO ==================== */
.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

/* ==================== FLEX ==================== */
.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================== IMÁGENES ==================== */
.img-fluid-rounded {
    border-radius: 12px;
    width: 100%;
    height: auto;
}

.logo-team {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.logo-player {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #80da47;
}

/* ==================== HOVER EFFECTS ==================== */
.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.hover-glow {
    transition: box-shadow 0.3s ease;
}

.hover-glow:hover {
    box-shadow: 0 0 20px rgba(128, 218, 71, 0.5);
}