/* ========================================= */
/* FILTRO PREMIUM */
/* ========================================= */

#filtro-premium-imoveis{

    position:relative;

    z-index:9999;

}

/* ========================================= */
/* MOBILE BUTTON */
/* ========================================= */

#toggle-mobile-filtro{

    display:none;

}

/* ========================================= */
/* CARD */
/* ========================================= */

#filtro-premium-imoveis .filtro-card{

    width:100%;

    max-width:950px;

    margin:0 auto;

    position:relative;

}

/* ========================================= */
/* TOPO */
/* ========================================= */

#filtro-premium-imoveis .filtro-topo{

    background:#082b8f;

    padding:25px;

    border-radius:18px 18px 0 0;

    text-align:center;

}

#filtro-premium-imoveis .filtro-topo h2{

    margin:0;

    color:#FFF;

    font-size:42px;

    font-weight:800;

}

/* ========================================= */
/* CONTEÚDO */
/* ========================================= */

#filtro-premium-imoveis .filtro-conteudo{

    position:relative;

    background:#FFF;

    padding:30px;

    border-radius:0 0 18px 18px;

    box-shadow:0 20px 50px rgba(0,0,0,.25);

}

/* ========================================= */
/* ETAPA 1 */
/* ========================================= */

#filtro-premium-imoveis .filtro-titulo{

    font-size:20px;

    font-weight:800;

    color:#082b8f;

    margin-bottom:20px;

}

#filtro-premium-imoveis .filtro-linha-topo{

    display:flex;

    gap:20px;

    align-items:center;

}

/* ========================================= */
/* FINALIDADE */
/* ========================================= */

#filtro-premium-imoveis .finalidade-box{

    display:flex;

    gap:15px;

}

#filtro-premium-imoveis .btn-finalidade{

    height:52px;

    padding:0 35px;

    border-radius:40px;

    border:2px solid #e31824;

    background:#FFF;

    color:#e31824;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

    outline:none;

}

#filtro-premium-imoveis .btn-finalidade.active{

    background:#e31824;

    color:#FFF;

}

/* ========================================= */
/* CAMPOS */
/* ========================================= */

#filtro-premium-imoveis .campo-tipo-principal{

    flex:1;

}

#filtro-premium-imoveis .filtro-control{

    width:100%;

    height:52px;

    border-radius:40px;

    border:1px solid #0d3a97;

    padding:0 20px;

    outline:none;

    background:#FFF;

}

/* ========================================= */
/* ETAPA 2 */
/* ========================================= */

#filtro-premium-imoveis .filtro-etapa-2{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    background:#FFF;

    padding:30px;

    border-radius:0 0 18px 18px;

    box-shadow:0 25px 60px rgba(0,0,0,.25);

    z-index:99999;

}

/* ========================================= */
/* GRID */
/* ========================================= */

#filtro-premium-imoveis .filtro-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

}

#filtro-premium-imoveis .campo-grid{

    width:100%;

}

/* ========================================= */
/* BOTÃO */
/* ========================================= */

#filtro-premium-imoveis .btn-buscar-imovel{

    width:100%;

    height:52px;

    border:none;

    border-radius:40px;

    background:#e31824;

    color:#FFF;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

#filtro-premium-imoveis .btn-buscar-imovel:hover{

    background:#c9141f;

}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media(max-width:991px){

    /* ========================================= */
    /* TOGGLE MOBILE */
    /* ========================================= */

    #toggle-mobile-filtro{

        display:flex;

        width:100%;

        height:55px;

        border:none;

        background:#e31824;

        color:#FFF;

        border-radius:12px;

        align-items:center;

        justify-content:space-between;

        padding:0 20px;

        font-weight:700;

        cursor:pointer;

    }

    /* ========================================= */
    /* CARD MOBILE */
    /* ========================================= */

    #filtro-premium-imoveis .filtro-card{

        display:none;

        position:absolute;

        top:70px;

        left:0;

        width:100%;

        z-index:99999;

    }

    /* ========================================= */
    /* TOPO */
    /* ========================================= */

    #filtro-premium-imoveis .filtro-topo h2{

        font-size:28px;

    }

    /* ========================================= */
    /* LINHA TOPO */
    /* ========================================= */

    #filtro-premium-imoveis .filtro-linha-topo{

        flex-direction:column;

        align-items:stretch;

    }

    /* ========================================= */
    /* FINALIDADE */
    /* ========================================= */

    #filtro-premium-imoveis .finalidade-box{

        width:100%;

    }

    #filtro-premium-imoveis .btn-finalidade{

        flex:1;

    }

    /* ========================================= */
    /* ETAPA 2 MOBILE */
    /* ========================================= */

    #filtro-premium-imoveis .filtro-etapa-2{

        position:relative;

        top:auto;

        left:auto;

        width:100%;

        margin-top:20px;

        padding:20px;

        border-radius:16px;

    }

    /* ========================================= */
    /* GRID MOBILE */
    /* ========================================= */

    #filtro-premium-imoveis .filtro-grid{

        grid-template-columns:repeat(2,1fr);

        gap:12px;

    }

}

/* ========================================= */
/* MOBILE PEQUENO */
/* ========================================= */
/*
@media(max-width:575px){

    #filtro-premium-imoveis .filtro-grid{

        grid-template-columns:1fr;

    }

}*/

/* ========================================= */
/* MOBILE PEQUENO */
/* ========================================= */

@media(max-width:575px){

    #filtro-premium-imoveis .filtro-control{

        height:46px;

        padding:0 12px;

        font-size:14px;

    }

    #filtro-premium-imoveis .btn-finalidade{

        height:46px;

        padding:0 15px;

        font-size:14px;

    }

    #filtro-premium-imoveis .btn-buscar-imovel{

        height:46px;

        font-size:14px;

    }

    #filtro-premium-imoveis .filtro-topo{

        padding:18px;

    }

    #filtro-premium-imoveis .filtro-topo h2{

        font-size:22px;

    }

    #filtro-premium-imoveis .filtro-conteudo{

        padding:18px;

    }

    #filtro-premium-imoveis .filtro-etapa-2{

        padding:18px;

    }

}