.elementor-26951 .elementor-element.elementor-element-3821a4a{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-5733fc9 *//* Estilos para el filtro de vehículos */

/* 1. Contenedor principal del formulario */
#filtro-vehiculo-form {
    /* Usamos Flexbox para el diseño en escritorio */
    display: flex ; 
    gap: 15px; /* Espacio entre los elementos (selects y botón) */
    align-items: flex-end; /* Alinea los elementos a la parte inferior (útil si los .elementor-26951 .elementor-element.elementor-element-5733fc9es tienen diferentes alturas) */
    padding: 20px;
    background-color: #f4f4f4; /* Fondo ligero para distinguirlo */
    border-radius: 8px;
    margin-bottom: 30px; /* Espacio debajo del filtro */
    width: 100%;
}

/* 2. Estilos para los Selects y el Botón */
.filtro-vehiculo-container select,
.filtro-vehiculo-container button {
    /* Aseguramos que ocupen el espacio disponible de manera equitativa */
    flex-grow: 1; 
    min-width: 0; /* Necesario para que flex-grow funcione bien */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    height: 45px; /* Altura uniforme */
}

/* Estilo para el botón de buscar */
#boton-buscar {
    background-color: #D9224A !important; /* Color primario de WordPress o el que uses */
    color: white;
    cursor: pointer;
    border: none;
    font-weight: bold;
    flex-grow: 0; /* El botón no crece tanto como los .elementor-26951 .elementor-element.elementor-element-5733fc9es */
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    text-transform: capitalize;
    width:250px; 
}
 
/* 3. Diseño Responsive (Para Móvil - Columnas) */
@media only screen and (max-width: 768px) {
    /* Aplicar cuando el ancho de la pantalla es menor o igual a 768px */
    #filtro-vehiculo-form {
        flex-direction: column!important; 
        justify-content:center;
        gap: 10px; 
        align-items: center;  
    }

    .filtro-vehiculo-container select,
    .filtro-vehiculo-container button {
        /* Aseguramos que select y botón ocupen todo el ancho disponible */
        width: 100%;
        max-width: 100%;
    }
}/* End custom CSS */