#ocultado {
    transition: 3s linear all;
}
.more-search {
    color: white;
    display: flex; 
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor{
    background: #f0ad4e;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor{
    background: #28a745;
}
.button {
    background-color: #F26F39;
}
.expand-link {display: none;}
.more-search {
    display: block;
    margin-top: 10px;
    float: right;
    text-align: right;
    color: #FFF;
    cursor: pointer;
}
label {font-family: 'Lora', sans-serif !important;}
.dropdown-changer {
    background-color: #3D3B64;
    border-color: #3D3B64;
    padding: 10px;
}
.map {
    height: 400px;
    width: 100%;
    z-index: 1;
}

/* Asegurar que las cards mantengan 3 columnas desde 992px en adelante, incluso con Isotope */
@media (min-width: 992px) {
    .grid-container .real-estate-item.portfolio-item.col-lg-4,
    .grid-container .real-estate-item.portfolio-item.col-xl-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    /* Forzar el ancho después de que Isotope se inicialice */
    .grid-container.has-init-isotope .real-estate-item.portfolio-item.col-lg-4,
    .grid-container.has-init-isotope .real-estate-item.portfolio-item.col-xl-4 {
        width: calc(33.333333% - 13.333333px) !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Asegurar que el contenedor mantenga su ancho máximo alrededor de 1400px */
@media (min-width: 1400px) and (max-width: 1439px) {
    .container {
        max-width: 1400px !important;
    }
}
