/* Order Catalogo - Responsive */
.orden-catalogo {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 0.75rem);
    flex-wrap: wrap;
    font-size: clamp(0.875rem, 2vw, 1rem) !important;
    color: #ffffff !important;
}

.orden-catalogo label {
    font-weight: bold !important;
    font-size: clamp(0.875rem, 2vw, 1rem) !important;
}

.orden-catalogo select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    padding: clamp(0.375rem, 1.5vw, 0.5rem) clamp(0.625rem, 2vw, 0.75rem) !important;
    border-radius: clamp(0.25rem, 1vw, 0.375rem) !important;
    font-size: clamp(0.875rem, 2vw, 1rem) !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    min-width: clamp(120px, 30vw, 200px);
    text-align: center;
    -webkit-transition: background-color 0.2s ease, transform 0.2s ease !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.orden-catalogo select:hover {
    background-color: #222 !important;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.orden-catalogo select:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}