.rh-ultra-property-title-price {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rh-ultra-property-title-price .property-title, .rh-ultra-property-title-price h1 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.rh-ultra-price {
    margin: 0;
    background: #1db2ff;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    padding: 2px 8px;
    line-height: 1.2;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
}

.rh-ultra-property-address {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    display: flex;
    align-items: center;
    -moz-column-gap: 7px;
    column-gap: 7px;
    font-weight: 500;
}

.rh-ultra-address-pin {
    width: 16px;
}

.rh-ultra-address-pin svg {
    fill: rgba(255, 255, 255, 0.75);
}

.rh-ultra-property-tags {
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
    align-items: center;
}

.rh-ultra-property-tag {
    display: inline-block;
    padding: 2.5px 10px;
    border-radius: 40px;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
    text-align: center;
}

.rh_ultra_featured {
    background: #1db2ff;
    color: #fff;
}

.rh_ultra_prop_card_meta_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}


.rh_ultra_prop_card__meta {
    text-align: center;
    min-height: 85px;
    min-width: 140px;
    border-radius: 7px;
    padding: 17px 20px;
    transition: 0.2s alllinear;
    background-color: #e6e1da;  /* Cor de fundo */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  /* Sombra para dar efeito de "elevação" */
}


.rh-ultra-meta-icon-wrapper {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
}

.rh_ultra_meta_icon {
    width: 24px;
    height: 24px;
    color: #004785;
}

.rh_ultra_meta_icon svg{
    margin-bottom: 4px;
    fill: #3498db;
}

.rh_ultra_meta_box {
    font-size: 16px;
}

.rh_ultra_meta_box span.label{
    color: #2c3e50;
}

.rh_ultra_meta_box .figure {
    gap: 4px;
}

.rh-ultra-meta-label {
    display: block;
    text-align:  center;
    width: 100%;
    margin-bottom: 9px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #333;
}

.rh-ultra-meta-icon-wrapper i{
    color: #3498db;
}

.rh-ultra-meta-icon-wrapper svg {
    width: 20px;
    height: 20px;
    color: #df7e00; /* Cor do ícone */
}

.carousel-inner{
    border-radius: 10px;
}
.carousel-inner img {
    aspect-ratio: 16 / 9;
    object-fit: cover; /* Corta a imagem para preencher a área mantendo a proporção */
    max-width: 100%;
    height: auto;
    filter: brightness(1.1); /* Efeitos de brilho, contraste e saturação */
    transition: filter 0.3s ease-in-out; /* Transição suave ao mudar o efeito */
}

/* Estilo para os controles */
.carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);  /* Centraliza os controles verticalmente */
        z-index: 10;
        font-size: 10px;
        padding: 8px;
        background-color: #505050;  /* Fundo escuro */
        border-radius: 50%;  /* Faz os botões ficarem redondos */
        color: #fff;  /* Cor do ícone */
        border: none;  /* Remove a borda padrão */
        width: 40px;  /* Tamanho fixo para os botões */
        height: 40px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Botão anterior à esquerda, fora da imagem */
    .carousel-control-prev {
        left: -5%;  /* Coloca o botão à esquerda, fora da imagem */
    }

    /* Botão próximo à direita, fora da imagem */
    .carousel-control-next {
        right: -5%;  /* Coloca o botão à direita, fora da imagem */
    }

    /* Adicionando efeitos de hover para os botões */
    .carousel-control-prev:hover,
    .carousel-control-next:hover {
        background-color: #8b6f4a;  /* Escurece um pouco mais o fundo quando passa o mouse */
    }

    .carousel-caption {
        position: absolute;
        bottom: 0;  /* Coloca o caption no fundo */
        left: 0;
        right: 0;
        
        color: white;
        padding: 15px;
        text-align: left;
        
    }

    .carousel-thumbnails {
        overflow: hidden; /* Oculta a barra de rolagem */
        padding: 10px 0;
        text-align: center;
        width: 100%; /* Ocupar toda a largura */
        position: relative; 
        justify-content: center;
    }

    .thumbnail-container {
        display: flex; /* Alinha as miniaturas em linha */
        gap: 10px; /* Espaçamento entre miniaturas */
        transition: transform 0.5s ease-in-out; /* Efeito suave ao rolar */
    }

    .carousel-thumbnails .img-thumbnail {
        max-width: 150px;  /* Tamanho máximo das miniaturas */
        height: auto;     /* Manter a proporção da imagem */
        margin: 0 5px;    /* Espaçamento entre as miniaturas */
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.3s ease;
    }
    
    .carousel-thumbnails img:hover,
    .carousel-thumbnails img.active {
        border-color: #007bff; /* Destacar imagem ativa */
    }

    .description-container {
        gap: 20px; /* Espaçamento entre as colunas */
        margin-top: 20px;
    }
    
    h4 {
        
        font-weight: bold;
        font-size: 24px; /* Tamanho maior para o título */
        color: #333; /* Cor mais escura */
        margin-bottom: 10px;
    }
    
    .description-container p {
        text-align: justify;
        font-size: 18px; /* Texto mais legível */
        line-height: 1.2; /* Espaçamento entre linhas */
        color: #555; /* Cinza suave */
    }
    
    .features-list {
        display: grid;
        gap: 10px 40px; /* Espaçamento entre os itens */
        list-style: none; /* Remove os pontos da lista */
        padding: 0; /* Remove o padding padrão */
        margin-top: 10px;
    }
    
    .features-list li {
        font-size: 16px;
        color: #6a6a6a; /* Cor suave */
        line-height: 1.8;
    }
    
    .features-list li::before {
        content: "– "; /* Adiciona o traço antes do texto */
        color: #8b6f4a; /* Cor do traço */
        font-weight: bold;
    }
    
    .contact-form {
        background: #e6e1da; 
        padding: 30px;
        border-radius: 20px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        margin: 20px auto;
        font-family: 'Poppins', sans-serif;
        text-align: center;
    }

    .contact-form .form-group {
        display: flex;
        margin-bottom: 15px;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #d1e8ff;
        border-radius: 30px;
        align-items: center;
        padding: 9px 15px;
    }
    
    .contact-form input, .contact-form textarea {
        flex: 1;
        padding: 6px 0;
        border: none;
        
        outline: none;
        transition: 0.3s;
        border-bottom: 2px solid #f0f0f0;
        margin: 0 12px;
    }

    .contact-form textarea {
        border: none !important;
    }

    .contact-form i{
        color: #a3a3a3;
    }

    /* Quando o input ou textarea estiver focado, muda a cor do ícone */
    .form-group:focus-within i{
        color: #816846; /* Cor do ícone quando o input/textarea estiver focado */
    }

    .form-group#imensagem{
        align-items: baseline;
    }
    
    .contact-form input:focus, .contact-form textarea:focus {
        border-color: #816846;
    }


    
    .contact-form button {
        padding: 12px 30px;
        border: none;
        border-radius: 10px;
        background: #816846 ;
        color: white;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .contact-form button:hover {
        background: #8B6F52;
    }

    .whatsapp-popup {
        position: fixed;
        bottom: 15px;
        right: 15px;
        z-index: 999999;
        cursor: pointer;
    }

    .whatsapp-chat-icon {
        background-color: #25D366;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .whatsapp-chat-icon img {
        width: 35px;
        height: 35px;
    }

    .whatsapp-tooltip {
        display: none;
        background-color: #25D366; /* Cor de fundo verde */
        color: white;
        border-radius: 20px;
        padding: 5px;
        font-size: 12px;
        position: absolute;
        top: -10px;
        right: 70px ; /* Coloca o tooltip à esquerda */
        width: 200px;
        text-align: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para destacar a caixa */
    }

    .whatsapp-popup:hover .whatsapp-tooltip {
        display: block;
    }

    /* Efeito de animação para o botão */
    .whatsapp-chat-icon {
        animation: pulse 1.5s infinite;
    }


    .fancybox-image {
        width: 100% !important;  /* Assegura que a imagem ocupe toda a largura */
        max-width: 100%;  /* Impede que a imagem ultrapasse a largura da tela */
        max-height: 90vh;  /* Limita a altura da imagem a 90% da altura da tela */
        object-fit: contain;  
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff;
        margin: 0 5px;
    }

    .carousel-indicators {
        overflow-x: auto;
        white-space: nowrap;
      }
    
    
/* Estilo para dispositivos pequenos e médios */
@media (max-width: 992px) {
    * Ajustar o vídeo para ocupar a largura máxima possível */
    .rh_ultra_prop_card__meta a[data-fancybox="gallery"] {
        display: block;
        width: 100%;
        height: auto;
    }

    /* Garantir que o vídeo não seja esticado */
    .rh_ultra_prop_card__meta a[data-fancybox="gallery"] iframe {
        width: 100%;
        height: 200px; /* Defina uma altura fixada que se adapte bem ao layout */
    }

    /* Ajuste do mapa para não ficar esticado */
    .rh_ultra_prop_card__meta a[data-fancybox="location"] {
        display: block;
        width: 100%;
        height: auto;
    }

    /* Garantir que o mapa também se ajuste corretamente */
    .rh_ultra_prop_card__meta a[data-fancybox="location"] iframe {
        width: 100%;
        height: 200px; /* Defina uma altura fixa que seja adequada para o mapa */
    }


    .rh_ultra_featured{
        background: #3498db ;
    }

    .rh-ultra-price{
        background: #3498db ;
    }

    .rh-ultra-property-address{
        color: #2c3e50 ;
    }

    .rh-ultra-address-pin svg {
        fill:#2c3e50;
    }

    .rh-ultra-property-title-price h1{
        color: #333333 !important;
    }

    .cont{
        display: inline;
    }
    /* Ajuste o layout das colunas */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Definir que as colunas devem se ajustar uma por vez */
    .col-md-8, .col-md-4 {
        width: 100%; /* As colunas ocuparão toda a largura */
        margin-bottom: 15px; /* Espaço entre as colunas */
    }

    /* Ajuste o título da propriedade para ser mais responsivo */
    .rh-ultra-property-title-price .property-title {
        font-size: 24px; /* Reduz o tamanho do título */
    }

    .rh-ultra-price {
        font-size: 22px; /* Ajuste o tamanho do preço */
    }


    .rh-ultra-meta-icon-wrapper {
        column-gap: 8px; /* Reduz o espaço entre o ícone e o texto */
    }

    .carousel-inner img {
        aspect-ratio: 4 / 3; /* Ajusta o tamanho das imagens no carrossel */
    }

    .carousel-inner {
        margin-bottom: 20px; /* Espaço abaixo do carrossel */
    }

    /* Ajusta o tamanho dos controles do carrossel */
    .carousel-control-prev,
    .carousel-control-next {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    /* Ajuste a descrição e o vídeo para maior responsividade */
    .description-container {
        font-size: 16px; /* Ajuste o tamanho da fonte */
        margin-bottom: 20px; /* Espaço abaixo da descrição */
    }

    video {
        max-width: 100%; /* Garante que o vídeo não ultrapasse a largura do container */
    }

    iframe {
        height: 300px; /* Ajuste o tamanho do mapa */
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%; /* Garante que os campos do formulário ocupem toda a largura disponível */
    }

    .contact-form button {
        width: 100%; /* Botão ocupa toda a largura */
        padding: 10px;
    }

    .carousel-caption {
        position: relative;
        bottom: 20px; /* Ajuste o padding da legenda do carrossel */
        padding: 20px 20px 0px !important;
    }

    .carousel{
        background-color: #e6e1da;
        border-radius: 10px;
    }

    .carousel-control-next{
        display: none;
    }
    .carousel-control-prev{
        display: none;
    }

    
}

/* Para dispositivos muito pequenos (menos de 576px) */
@media (max-width: 489px) {
    
    .rh_ultra_prop_card_meta_wrap {
        justify-content: center;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 30px;
        height: 30px;
    }

    .rh-ultra-property-title-price .property-title {
        font-size: 20px; /* Menor título */
    }

    .rh-ultra-price {
        font-size: 18px; /* Preço um pouco menor */
    }

    .carousel-thumbnails img {
        max-width: 50px; /* Tamanho menor para as miniaturas */
    }
    
    /* Ajuste para os campos do formulário */
    .contact-form input,
    .contact-form textarea {
        font-size: 14px; /* Ajuste o tamanho da fonte */
    }

    .rh-ultra-property-address {
        font-size: 14px; /* Ajuste do tamanho da fonte do endereço */
    }
}