.elementor-77 .elementor-element.elementor-element-0d38e05{--display:flex;--position:absolute;--min-height:120px;--justify-content:flex-start;top:0px;}.elementor-77 .elementor-element.elementor-element-0d38e05:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-0d38e05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00032E;}.elementor-77 .elementor-element.elementor-element-0d38e05.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-77 .elementor-element.elementor-element-0d38e05{left:0px;}body.rtl .elementor-77 .elementor-element.elementor-element-0d38e05{right:0px;}.elementor-77 .elementor-element.elementor-element-f70737a{--display:flex;--min-height:142px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77 .elementor-element.elementor-element-f7f3c2c{--display:flex;--min-height:142px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-1e20fd1{width:100%;max-width:100%;background-color:#00000000;}.elementor-77 .elementor-element.elementor-element-4b50efc{--display:flex;--margin-top:-8px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-4b50efc{--margin-top:-14px;--margin-bottom:-9px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-1e20fd1 *//* ==============================================================
   D&C REAL ESTATE - SOLUCIÓN POSICIONAL EN UNA LÍNEA (V16)
   ============================================================== */

/* --- 1. FORZAR FILA ÚNICA ABSOLUTA (Sin saltos de línea) --- */
.dc-search-modern form,
.dc-search-modern .searchandfilter,
.dc-search-modern form > ul {
    display: flex !important;
    flex-wrap: nowrap !important; /* Prohíbe terminantemente que los elementos bajen */
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 8px !important; /* Espacio mínimo para que todo quepa al lado */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Forzar comportamiento de bloques alineados para cada filtro */
.dc-search-modern form > ul > li {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important; /* Distribución equilibrada en la fila */
    min-width: 0 !important;
}

/* --- 2. EDITAR COMPRA / ALQUILER (Primer campo de la lista) --- */
/* Forzamos que el primer campo no se estire de más */
.dc-search-modern form > ul > li:first-child {
    flex: 0 0 auto !important;
}

/* Ocultamos el título vacío del primer campo para ganar espacio */
.dc-search-modern form > ul > li:first-child h4 {
    display: none !important;
}

/* Ocultamos ÚNICAMENTE la primera opción ("All Estatus") de la sublista */
.dc-search-modern form > ul > li:first-child ul li:first-child {
    display: none !important;
}

/* Convertimos la lista interna de radios en una barra de pestañas gris */
.dc-search-modern form > ul > li:first-child ul {
    display: inline-flex !important;
    background: #f1f3f6 !important; /* Fondo gris suave amigable */
    padding: 3px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    list-style: none !important;
    margin: 0 !important;
}

/* Escondemos por completo los círculos de radio originales */
.dc-search-modern form > ul > li:first-child input[type="radio"] {
    display: none !important;
}

/* Convertimos el texto en cubos interactivos grandes y legibles */
.dc-search-modern form > ul > li:first-child label {
    display: block !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 13px !important; /* Letras más grandes como pediste */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #666 !important;
    cursor: pointer !important;
    margin: 0 !important;
    transition: 0.2s all ease !important;
    white-space: nowrap !important;
}

/* CUBO SELECCIONADO: Se rellena de tu azul Navy #00032e sólido */
.dc-search-modern form > ul > li:first-child input[type="radio"]:checked + label {
    background-color: #00032e !important;
    color: #ffffff !important;
}

/* --- 3. LETRAS GRANDES PARA TÍTULOS Y ENTRADAS --- */
.dc-search-modern h4 {
    font-size: 12px !important; /* Títulos de filtros bien visibles */
    font-weight: 900 !important;
    color: #00032e !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.dc-search-modern select,
.dc-search-modern input[type="text"] {
    height: 38px !important; /* Altura cómoda para fuentes grandes */
    border-radius: 6px !important;
    font-size: 13px !important; /* Texto interno de los campos más grande */
    border: 1px solid #eef0f2 !important;
    background-color: #fff !important;
    padding: 0 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4. BOTÓN "BUSCAR AHORA" (Forzado Navy #00032e) --- */
.dc-search-modern input[type="submit"],
.dc-search-modern button[type="submit"] {
    background: #00032e !important;
    background-color: #00032e !important;
    background-image: none !important; /* Destruye cualquier degradado del plugin */
    color: #ffffff !important;
    height: 38px !important; /* Misma altura para nivelar la fila */
    padding: 0 25px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* --- 5. RESPONSIVE MÓVIL Y TABLET (Evita que se rompa la línea) --- */
@media (max-width: 1200px) {
    .dc-search-modern {
        overflow-x: auto !important;
        padding-bottom: 8px !important;
    }
    .dc-search-modern form,
    .dc-search-modern form > ul {
        width: 1200px !important; /* Mantiene la fila única con un scroll horizontal limpio */
    }
}/* End custom CSS */