/* homepage.css */

#categorias{
    &{
    display: flex;
        width: 100vw;
        height: auto;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        background: url('/static/img/empreendimentos.v20250902151645.png') lightgray 50% / contain no-repeat;
        align-content: center;
        justify-content: center;
    }

    .desktop &{
        height: 37vw;
    }
    .mobile &{
        height: 200rem;
        background: url('/static/img/empreendimentos.v20250902151645.png') lightgray 50% / cover no-repeat;
    }
}

#categorias #contain{
    &{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15rem;
        flex-shrink: 0;
        margin-bottom: 3vw;
        box-shadow:  0rem 4rem 39rem 5rem rgba(0, 0, 0, 0.50), inset 0rem 4rem 39rem 12rem rgba(0, 0, 0, 0.50); 
        position: relative;
    }
}

#categorias #contain a{
    &{
        position: relative;
        display: flex;
        min-width: 120rem;
        height: 120rem;
        padding: 5rem;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: 6rem;
        background: #FFF;
        box-shadow: 0rem 4rem 39rem 12rem rgba(0, 0, 0, 0.50), 0rem 1rem 5.3rem 0rem rgba(0, 0, 0, 0.25);
        font-size: 0;
        color: transparent;
        text-decoration: none;
        transition: transform 0.3s ease, text-decoration 0.3s ease, box-shadow 0.3s ease;
        box-shadow: 0rem 2rem 2.1rem 1rem #000;
        z-index: 5;
    }

    &:last-child{
        box-shadow: 0rem 4rem 39rem 12rem rgba(0, 0, 0, 0.50), 2rem 4rem 2rem 0rem #000;
        z-index: 4;
    }

    &:first-child{
        box-shadow: 0rem 4rem 39rem 12rem rgba(0, 0, 0, 0.50), -2rem 4rem 2rem 0rem #000;
    }

    &:hover {
        text-decoration:underline;
        text-decoration-color: #ff0000;
        transform: scale(1.5);
        z-index: 6;
        box-shadow: 0 1rem 1rem 1rem rgba(0, 0, 0, 0.50);
    }


}
.mobile #categorias #contain .buscar{
        &{
            flex-direction: column;
            height: 133rem;
        }
        & img{
            width: 69.375rem;
            height: 68.75rem;
        }
        & span{
            display: flex;
            width: 78rem;
            height: 55rem;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #000;

            font-size: 14rem;
            font-weight: 400;
        }
}

#categorias #contain a span{
    &{
        display: flex;
        width: 134rem;
        flex-direction: column;
        justify-content: center;
        color: #000;
        font-size: 20rem;
        font-weight: 400;
    }


}

#categorias #contain a img{
    height: 100%;
    object-fit: contain;
}
main.mobile .view_imoveis {
    padding: 5rem 0;
}
main.mobile .simple_view.track {
    display: flex;
    padding: 30rem;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    gap: 5vw;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: scroll;
}