.root {
    /* CORES SITE */
    --cor-site-1: #D2B97D;
    --cor-site-2: #B6975B;
    --cor-site-3: #946F45;
    --cor-site-4: #282829;
}

.color-site-bg1 {
  background-color: var(--cor-site-1);
}

.color-site-bg2 {
  background-color: var(--cor-site-2);
}  

.color-site-bg3 {
  background-color: var(--cor-site-3);
}

.color-site-bg4 {
  background-color: var(--cor-site-4);
}

.text-site-color-1 {
  color: var(--cor-site-1);
}

.text-site-color-2 {
  color: var(--cor-site-2);
}

.text-site-color-3 {
  color: var(--cor-site-3);
}

.text-site-color-4 {
  color: var(--cor-site-4);
}

.before-bg-bottom:before {
    background-color: #f2f6f7;
}

.ltn__secondary-bg {
    background-color: #df0209;
}

.section-bg-7 {
    background-color: #df0209;
}

/* Estilos para a lista */
.ltn__menu-widget ul {
    display: flex;
    flex-wrap: wrap;
    /* Faz com que os itens sejam divididos em várias linhas, se necessário */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Estilos para cada item da lista */
.ltn__menu-widget li {
    width: 50%;
    /* Cada item ocupará 33.33% da largura total */
    padding: 5px;
    box-sizing: border-box;
    /* Garante que o padding não afetará a largura total */
}
.code_style {
    display: inline-block;
    font-size: 0.75rem;
    margin: 0;
    font-style: normal;
    letter-spacing: 0px;
}
/* Para evitar que os checkboxes sejam esticados */
.ltn__menu-widget input[type="checkbox"] {
    align-self: center;
}

body {
    overflow-x: hidden;
}
.titulo-imovel {
    font-size: 27px;
    font-weight: 500;
    margin-top: 5px !important;
    margin-bottom: 5px;
}
.container.container-detalhes {
    max-width: 60vw;
}
.img-icon-details-2 {
    margin-right: 12px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 49px;
    text-align: center;
    filter: brightness(0) grayscale(1);
  }
.img-icon-details {
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 49px;
    text-align: center;
    filter: brightness(0) grayscale(1);
}
@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 760px;
    }
}
li.whats-button {
    background-color: #24d366;
    border-radius: 7px;
    color: white;
    padding: 4px;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}
li.info-button {
    background-color:var(--cor-site-4);
    border-radius: 7px;
    color: white;
    padding: 4px;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
}
img.img-contato {
    max-width: 25px;
}
.slick-slider img {
    width: 100%;
    max-height: 400px;
    min-height: 400px;
    object-fit: cover;
}
.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    top: 115px;
}
.slick-initialized .slick-slide {
    min-height: 400px;
    max-height: 400px;
}
.slick-prev, .slick-next {
    display: block !important;
    z-index: 1000; /* Para garantir que fiquem acima de outros elementos */
}
.slick-prev {
    left: 40px; /* Ajuste a posição */
}

.slick-next {
    right: 40px; /* Ajuste a posição */
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ltn__img-slide-item-4>a,
.ltn__img-slide-item-3>a,
.ltn__img-slide-item-2>a {
    max-height: 500px;
    min-width: 200px
}

.col-lg-12.slick-slide.slick-cloned.slick-active {
    max-width: 600px;
}

.col-lg-12.slick-slide.slick-cloned.slick {
    max-width: 600px;
}

.col-lg-12 .slick-slide .slick-active {
    max-width: 600px;
}

.col-lg-12.slick-slide.slick-active {
    max-width: 600px;
}

.col-lg-12.slick-slide {
    max-width: 600px;
}

.col-lg-12.slick-slide.slick-cloned {
    max-width: 600px;
}

.ltn__img-slide-item-4>a,
.ltn__img-slide-item-3>a,
.ltn__img-slide-item-2>a {
    max-height: 280px;
}

.custom-col {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -30px;
}

.custom-col img {
    max-width: 100%;
    max-height: 20px;
    margin-top: 0px;
}

.custom-col p {
    padding-top: 25px;
    margin-left: 10px;
}

@media (max-width: 768px) {
    .custom-col {
        display: none;
    }
}

.img-ajustes {
    padding: 0px 5px;
}

.flexslider .flex-direction-nav a {
    width: 40px;
    /* Largura desejada para as setas */
    height: 40px;
    /* Altura desejada para as setas */
    line-height: 40px;
    /* Centralizar o ícone verticalmente */
    background-color: #fff;
    /* Cor de fundo das setas */
    color: #fff;
    /* Cor do ícone das setas */
    font-size: 24px;
    /* Tamanho do ícone das setas */
    text-align: center;
    /* Centralizar o ícone horizontalmente */
    text-decoration: none;
    opacity: 0.8;
    /* Opacidade padrão */
}

/* Estilização das setas do FlexSlider quando hover */
.flexslider .flex-direction-nav a:hover {
    opacity: 1;
    /* Opacidade quando o mouse está sobre as setas */
}

.flex-direction-nav a:before {
    color: #000 !important;
}

a.flex-prev,
a.flex-next {
    border-radius: 10rem !important;
    padding: 4px !important;
    width: 3rem !important;
    height: 3rem !important;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 10 !important;
}

.flex-direction-nav a.flex-next {
    background-image: url(img/icons/seta-para-direita.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    background-position-x: center;
    background-position-y: center;
    opacity: 10 !important;
}

.flex-direction-nav a.flex-prev {
    background-image: url(img/icons/seta-para-esquerda.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    background-position-x: center;
    background-position-y: center;
    opacity: 10 !important;
}


.flex-direction-nav a.flex-next:hover {
    background-color: red;
    background-image: url(img/icons/seta-para-direita-branco.png);
}

.flex-direction-nav a.flex-prev:hover {
    background-color: red;
    background-image: url(img/icons/seta-para-esquerda-branco.png);
}

li.resp {
    max-height: 300px;
    margin-right: 0.5rem !important;
}

.centraliza-imagem {
    display: flex;
    /* align-content: center; */
    justify-content: center;
}

.edit-button {
    padding: 6px 10px 6px 10px;
    font-size: 14px;
    font-weight: 600;
    min-width: 140px;
}

.edit-button:hover {
    background-color: var(--cor-site-2) !important;
    color: white !important;
    border-color: var(--cor-site-2)!important;
}

.edit-button:hover i {
    color: white !important;
}

.img-ajustes-modal {
    height: 50px;
    width: 50px;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem !important;
    border-bottom: 1px solid #dee2e6 !important;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

@media screen and (max-width: 768px) {
    .floatDiv {
        position: static !important;
        max-width: 315px;
        margin-top: 15px;
    }

    .modal {
        top: -80px;
    }

    .modal {
        z-index: 1060;
        display: none;
        width: 100%;
        height: 117vh;
    }
}

 /* AJUSTANDO ESTILO DE BOTÕES DE CONTATO, TANTO DO RESPONSIVO QUANTO DO DESKTOP */
 .fixed-contact {
    display: none;
}

textarea {
    resize: none;
}

.contact-whats {
    background-color: #25D366;
    border-radius: 5px;
}

.contact {
    background-color: #ff0d37;
    border-radius: 5px;
}

.button-edit {
    background-color: white !important;
    border: 1px solid black;
    color: black !important;
}

.button-edit.active {
    background-color: white !important;
    border: 1px solid red !important;
    color: red !important;
}

@media screen and (max-width: 740px) {
    .fixed-contact {
        display: block;
        position: fixed;
        bottom: -30px;
        width: 100%;
        background-color: white !important;
        height: 110px;
        z-index: 1;
        border-radius: 15px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
        display: flex;
        padding-top: 15px;
        justify-content: center;
        z-index: 10;
    }

    .fixed-contact div a,
    .fixed-contact div button {
        border-radius: 10px;
        border: none;
    }
}

.tooltip-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap; 
    font-size: 12px;
  }
  
  .info-icon:hover + .tooltip-text {
    visibility: visible;
    opacity: 1;
  }