/* Estado normal del botón */
#login-button {
    background-color: #1B3454 !important; /* Cambia este color al que hayas elegido */
    transition: background-color 0.4s ease, transform 0.2s ease !important;
}

/* Estado cuando pasas el mouse (Hover) */
#login-button:hover {
    background-color: #1a252f !important; /* Un tono más oscuro o brillante para el hover */
    transform: scale(1.02); /* Un efecto de pequeño zoom */
    cursor: pointer;
}

.btn-hover-effect img {
    object-fit: contain;
    border-radius: 4px;
}

.btn-hover-effect:hover {
    background: rgba(255,255,255,0.15) !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    border-color: #ad9257 !important; /* El color dorado de PR al pasar el mouse */
}

#col-button, #per-button {
    background-color: transparent !important;
}