/**
 * Estilos para corregir el botón de Gestionar Productos Especiales
 * en modo ventana y responsivo
 */

/* Estilos específicos para el botón */
#btnGestionarProductosEspeciales {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin-bottom: 1rem !important;
    white-space: normal !important;
    text-align: center !important;
    border-radius: 0.375rem !important;
}

/* Eliminar el grid container y usar display block */
.d-grid {
    display: block !important;
    width: 100% !important;
}

/* Ajustes específicos para pantallas pequeñas */
@media (max-width: 768px) {
    #btnGestionarProductosEspeciales {
        font-size: 0.9rem !important;
        padding: 0.375rem 0.75rem !important;
    }
}