/* =================================
   JUEGA + PEGA - COLORES ESPECÍFICOS CON ALTA ESPECIFICIDAD
   ================================= */

/* Selector específico para Juega + Pega con mayor especificidad */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball {
    /* Restablecer el estilo base con !important para sobrescribir las reglas generales */
    background: none !important;
    border: 2px solid !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* Primeras 2 bolas - Azul gradiente con máxima especificidad */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(1),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(2) {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    border-color: #1e40af !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(1):hover,
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(2):hover {
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.5), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

/* Siguientes 2 bolas - Rojo gradiente con máxima especificidad */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(3),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(4) {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #b91c1c !important;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(3):hover,
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(4):hover {
    box-shadow: 0 12px 35px rgba(239, 68, 68, 0.5), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

/* Última bola - Dorado gradiente con máxima especificidad */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(5) {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    border-color: #d97706 !important;
    box-shadow: 0 8px 25px rgba(251, 191, 36, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    /* Efecto dorado especial */
    position: relative !important;
    overflow: hidden !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(5):hover {
    box-shadow: 0 12px 35px rgba(251, 191, 36, 0.6), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

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

@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);
    }
}

/* Asegurar que el texto esté por encima del efecto brillante */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball:nth-child(5) {
    position: relative !important;
    z-index: 1 !important;
}

/* Responsive para móviles con especificidad aumentada */
@media (max-width: 768px) {
    .lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball {
        width: 45px !important;
        height: 45px !important;
        font-size: 1rem !important;
    }
}

/* =================================
   SOBRESCRIBIR REGLAS GENERALES ESPECÍFICAMENTE PARA JUEGA + PEGA
   ================================= */

/* Anular las reglas generales que fuerzan el verde */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball:nth-child(1),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball:nth-child(2) {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    border-color: #1e40af !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball:nth-child(3),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball:nth-child(4) {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #b91c1c !important;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball:nth-child(5) {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    border-color: #d97706 !important;
    box-shadow: 0 8px 25px rgba(251, 191, 36, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* =================================
   VERSIONES APAGADAS PARA JUEGA + PEGA NÚMEROS ANTIGUOS
   ================================= */

/* Primeras 2 bolas - Azul apagado para números antiguos */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(1),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(2) {
    background: linear-gradient(135deg, #475569, #334155) !important;
    border-color: #1e293b !important;
    box-shadow: 0 8px 25px rgba(71, 85, 105, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(1):hover,
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(2):hover {
    background: linear-gradient(135deg, #334155, #1e293b) !important;
    box-shadow: 0 12px 35px rgba(71, 85, 105, 0.4), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

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

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

/* Última bola - Dorado apagado para números antiguos */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(5) {
    background: linear-gradient(135deg, #a16207, #854d0e) !important;
    border-color: #713f12 !important;
    box-shadow: 0 8px 25px rgba(161, 98, 7, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] .number-ball.winner-old:nth-child(5):hover {
    background: linear-gradient(135deg, #854d0e, #713f12) !important;
    box-shadow: 0 12px 35px rgba(161, 98, 7, 0.4), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

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

/* Anular las reglas generales para versiones apagadas */
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball.winner-old:nth-child(1),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball.winner-old:nth-child(2) {
    background: linear-gradient(135deg, #475569, #334155) !important;
    border-color: #1e293b !important;
    box-shadow: 0 8px 25px rgba(71, 85, 105, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball.winner-old:nth-child(3),
.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball.winner-old:nth-child(4) {
    background: linear-gradient(135deg, #7f1d1d, #651d1d) !important;
    border-color: #4c1d1d !important;
    box-shadow: 0 8px 25px rgba(127, 29, 29, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.lottery-card .winning-numbers[data-lottery="juega_mas_pega"] span.number-ball.winner-old:nth-child(5) {
    background: linear-gradient(135deg, #a16207, #854d0e) !important;
    border-color: #713f12 !important;
    box-shadow: 0 8px 25px rgba(161, 98, 7, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}