/* =================================
   LOTO SUPER LOTO MAS - COLORES Y TAMAÑOS ESPECÍFICOS
   ================================= */

/* Tamaños AUMENTADOS para todas las bolas de esta lotería */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball {
    width: 50px !important;          /* Aumentado de 40px a 50px */
    height: 50px !important;         /* Aumentado de 40px a 50px */
    font-size: 1.1rem !important;    /* Aumentado de 0.9rem a 1.1rem */
    margin: 0 4px !important;        /* Aumentado margen */
}

/* Ya no necesitamos gap en flex porque ahora usamos grid */
/* .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] {
    gap: 4px;
} */

/* =================================
   PRIMERAS 6 BOLAS - VERDE (Override con mayor especificidad)
   ================================= */

/* Bolas 1-6: Verde claro a oscuro */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(1),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(2),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(3),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(4),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(5),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(6) {
    background: linear-gradient(135deg, #22c55e, #15803d) !important;
    border-color: #166534 !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(1):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(2):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(3):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(4):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(5):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(6):hover {
    background: linear-gradient(135deg, #16a34a, #14532d) !important;
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* =================================
   BOLA 7 - ROJO (Penúltima)
   ================================= */

/* PENÚLTIMA bola (7ma de 8) - Rojo gradiente */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(2) {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #b91c1c !important;
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(2):hover {
    background: linear-gradient(135deg, #f87171, #ef4444) !important;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* =================================
   BOLA 8 - DORADO (Última)
   ================================= */

/* ÚLTIMA bola (8va de 8) - Dorado gradiente con efecto brillante */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(1) {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    border-color: #d97706 !important;
    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.4), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
    /* Efecto dorado especial */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(1):hover {
    background: linear-gradient(135deg, #fcd34d, #fbbf24) !important;
    box-shadow: 0 8px 25px rgba(251, 191, 36, 0.6), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* Efecto brillante para la bola dorada (8va bola) */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(1)::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
    animation: goldShine 3s infinite;
    pointer-events: none;
}

@keyframes goldShine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    50% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
    100% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
}

/* Responsive para móviles - aún más pequeñas */
@media (max-width: 768px) {
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball {
        width: 35px !important;       /* Más pequeñas en móvil */
        height: 35px !important;      /* Más pequeñas en móvil */
        font-size: 0.8rem !important; /* Texto más pequeño */
        margin: 0 2px !important;     /* Menos margen */
    }
    
    /* Ajustar sombras en móvil para todas las bolas */
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(1),
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(2),
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(3),
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(4),
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(5),
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-child(6) {
        box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3), 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    }
    
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(2) {
        box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3), 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    }
    
    .winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball:nth-last-child(1) {
        box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3), 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    }
}

/* =================================
   VERSIONES APAGADAS PARA NÚMEROS ANTIGUOS
   ================================= */

/* Bolas 1-6: Verde apagado para números antiguos */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(1),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(2),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(3),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(4),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(5),
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(6) {
    background: linear-gradient(135deg, #6b7280, #4b5563) !important;
    border-color: #374151 !important;
    box-shadow: 0 6px 20px rgba(107, 114, 128, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(1):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(2):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(3):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(4):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(5):hover,
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-child(6):hover {
    background: linear-gradient(135deg, #4b5563, #374151) !important;
    box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* BOLA 7 - Rojo apagado para números antiguos */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-last-child(2) {
    background: linear-gradient(135deg, #7f1d1d, #651d1d) !important;
    border-color: #4c1d1d !important;
    box-shadow: 0 6px 20px rgba(127, 29, 29, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-last-child(2):hover {
    background: linear-gradient(135deg, #651d1d, #4c1d1d) !important;
    box-shadow: 0 8px 25px rgba(127, 29, 29, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* BOLA 8 - Dorado apagado para números antiguos */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-last-child(1) {
    background: linear-gradient(135deg, #a16207, #854d0e) !important;
    border-color: #713f12 !important;
    box-shadow: 0 6px 20px rgba(161, 98, 7, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-last-child(1):hover {
    background: linear-gradient(135deg, #854d0e, #713f12) !important;
    box-shadow: 0 8px 25px rgba(161, 98, 7, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) scale(1.05);
}

/* Sin efecto brillante para números antiguos */
.winning-numbers[data-lottery="Loto_Super_Loto_Mas"] .number-ball.winner-old:nth-last-child(1)::before {
    display: none !important;
}