/* SIMPLE HOVER - SIN COMPLICACIONES */
.mobile-tab-button:hover,
.mobile-tab-button:active,
.mobile-tab-button:focus {
    background-color: rgba(16, 117, 134, 0.2) !important;
    border-radius: 8px !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* Para móviles específicamente */
@media (max-width: 767px) {
    .mobile-tab-button {
        -webkit-tap-highlight-color: rgba(16, 117, 134, 0.2) !important;
    }
    
    .mobile-tab-button:active {
        background-color: rgba(16, 117, 134, 0.2) !important;
        border-radius: 8px !important;
    }
}