.imagemdefundo{
    /* {!URLFOR($Resource.IA_WEBSITE , 'img/imoveladequado-coin-ico.png')} */
    background-image: url("../IA_BANNER/IA_FOTOS_BANNER/IA_BANNER_DESKTOP.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.etiqueta{
    background-color: #FED7AA;
}
.home_fundo_servicos_1{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_3.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_fundo_servicos_2{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_5.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_fundo_servicos_3{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_4.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_fundo_servicos_4{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_1.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_fundo_servicos_5{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_2.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_fundo_servicos_6{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), hsl(345, 83%, 41%)), url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/ia_servico_6.jpg");
    transition: background 2s ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.descricao{
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: #BE123C;
    padding-bottom: 1rem;
}

.servico_locacao{
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_intermediacao_locacao.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.servico_compra_venda {
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_intermediacao_compra_venda.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.servico_avaliacao {
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_avaliacao_imobiliaria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.servico_emp_imobiliario {
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_analise_emp_imobiliarios.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.servico_emp_base_imobiliaria {
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_analise_emp_base_imobiliaria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.servico_admin_imobiliaria {
    background-image: url("../IA_FOTOS_SERVICOS/IA_FOTOS_SERVICOS/IA_admin_imobiliaria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breaktext {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Organização das tabelas no menu de comparação */
.scrollable-table {}

.scrollable-table>.content-table {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .scrollable-table {
        width: auto;
    }
}

@media only screen and (min-width: 576px) {
    .scrollable-table {
        width: auto;
        height: auto;
    }
}

.content-table {
    border-collapse: collapse;
    font-size: 0.9em;
    border-radius: 0.2rem;
    overflow: hidden;
}

.content-table th {
    position: sticky;
    top: 0;
}

.content-table td {
    padding: 1rem 2rem;
}

.content-table tbody tr {
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.content-table tbody tr td.active-element {
    font-weight: bold;
    color: #b91c1c;
}

/* Botão de seleção para imóveis/empreendimentos */
.selecao_botao,
.selecao_botao_ativo {
    position: relative;
}

.selecao .selecao_botao::before {
    content: '';
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 0;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #BE123C;
    transition: all .5s;
}

.selecao_botao_ativo::after {
    content: '';
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #BE123C;
}

.selecao .selecao_botao:hover::before {
    width: 100%;
}


/* Tabela ver.2 Overflow */
.overflow_wrapper::-webkit-scrollbar {
    width: 0;
    height: 0.7rem;
}

.overflow_wrapper::-webkit-scrollbar-thumb {
    background: #b91c1c;
    padding-top: 1rem;
    height: 0.5rem;
}


/* Comparation Tag */

.fixed-left-rotated {
    position: fixed;
    left: 0;
    top: 90%;
    transform: translateY(-50%) rotate(270deg);
    transform-origin: top left;
    background-color: #BE123C;
    color: white;
    padding: 5px 15px;
    font-weight: bold;
    border-radius: 0 0 6px 6px;
    z-index: 1000;
}

.fixed-left-rotated .comparation {
    display: flex;
}

/* PopUp de Exibição */

.popup {
    position: fixed;
    top: -100vh;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.popup .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 100ms ease-in-out 200ms;
}

.popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    /*importante*/
    border-radius: 1rem;
    box-shadow: 0 2px 2px 5px rgba(0, 0, 0, 0.05);
}

.popup .popup-content h2 {
    text-align: center;
    margin: 1rem 0;
    font-size: 1.5rem;
}

.popup .popup-content .controls {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0 0;
}

/* Controles */

.popup .popup-content .controls button {
    padding: 1rem 1.5rem;
    border: none;
    outline: none;
    font-size: 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
}

.popup .popup-content .controls .close-btn {
    background: transparent;
    color: #3284ed;
}

.popup .popup-content .controls .submit-btn {
    background: #3284ed;
    color: #fff;
}

.popup.active {
    top: 0px;
    transition: top 0ms ease-in-out0ms;
}

.popup.active .overlay {
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.popup.active .popup-content {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}