/* Centralizar as imagens da galeria no mobile e adicionar margem inferior */
@media only screen and (max-width: 767px) {

    /*--------------------------------------------------------------
    # Main Slider - Área de destaque
    --------------------------------------------------------------*/
    /* Media query para layout mobile */
    /* .main-slider .image-layer {
        background-image: url("../../parceiros/due/habita/due-praia-do-cupe-destaque_mobile.e7e80867f4f3.png") !important;
    } */

  /*--------------------------------------------------------------
  # Gallery One
  --------------------------------------------------------------*/
  .gallery-one__container {
      display: flex;
      justify-content: center;
  }
  
  .gallery-one__carousel .item {
      display: flex;
      justify-content: center;
      margin: 0 auto;
  }

  .gallery-one {
      margin-bottom: 20px; /* Margem inferior para separar do footer */
  }

   .main-slider__title {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; /* espaço entre o emoji e o texto */
    font-size: 30px !important; /* exemplo */
    line-height: 40px !important;
}

.main-slider__title span {
    font-size: 30px !important;
}


  /*--------------------------------------------------------------
  # contato.html
  --------------------------------------------------------------*/
  .contact-two__list li {
    display: grid !important;
    grid-template-columns: 30px 1fr !important; /* Ícone ocupa 30px e o texto ocupa o restante */
    align-items: center !important;
    gap: 60px !important; /* Espaço entre o ícone e o texto */
    margin-bottom: 15px !important;
  }

  .contact-two__list li .icon {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }

  .contact-two__list li .content {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
  }

  .contact-two__list li .content p,
  .contact-two__list li .content h4 {
      margin: 0 !important;
      line-height: 1.2 !important;
  }




    /*--------------------------------------------------------------
    # Páginas dos empreendimentos
    --------------------------------------------------------------*/

    .imovel_apresentacao .swiper-container {
        width: 100% !important; /* Garante que o slider ocupa a largura total da tela */
        background-color: transparent !important;
    }
    
    .imovel_apresentacao .image-layer-three,
    .imovel_apresentacao .video-layer video {
        width: 100vw !important; /* Ajusta a largura para caber na tela do dispositivo */
        height: 247px !important; /* Mantém a proporção da imagem */
        object-fit: cover;
    }

    .main-slider-three .swiper-slide {
        height: 247px !important;
    }

    .imovel_apresentacao .main-slider-three__content {
        font-size: 1em !important;
        bottom: 180px !important;
        padding: 8px !important;
        transform: translateX(0%) translateY(0) !important; /* Remove o ajuste adicional para telas menores */
    }

    
    
      
      /* .imovel_apresentacao .video-layer video,
      .imovel_apresentacao .image-layer-three {
        width: 100%;
        height: 100%;
        object-fit: cover;
      } */
      
      /* Garante que as imagens de fundo dentro da div .image-layer-three ocupem 100% */
      /* .imovel_apresentacao .image-layer-three {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      } */


      .swiper-button-next {
        visibility: hidden !important;
    }

    .swiper-button-prev {
        visibility: hidden !important;
    }






    















    .apartment-details__list-box {
        display: block; /* Exibe cada item em uma linha separada */
        text-align: center; /* Centraliza o conteúdo */
    }

    .apartment-details__list {
        display: flex;
        flex-direction: column; /* Alinha os itens verticalmente */
        gap: 10px; /* Espaço entre os itens */
    }

    .apartment-details__list-content h3 {
        font-size: 1.2em;
    }

    .apartment-details__list-content p {
        font-size: 1em;
        margin: 0;
    }

    /* Ajusta as dimensões das imagens do carrossel */
    .apartment-details__swiper {
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .apartment-details__swiper .swiper-slide {
        height: auto !important;
    }

    .apartment-details__swiper .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Reduz o tamanho da fonte na lista */
    .apartment-details__list-content h3 {
        font-size: 2em !important; /* ajuste para mobile */
    }

    .apartment-details__list-content p {
        font-size: 0.8em !important; /* ajuste para mobile */
    }

    /* Ajusta o tamanho da fonte no título dentro do cta-one__title-box */
    .cta-one__title-box h2 {
        font-size: 1.5em !important; /* ajuste para mobile */
        line-height: 1.2em !important;
    }

    /* Ajusta a posição da lista na versão mobile */
    .apartment-details__list-box {
        display: block !important; /* Exibe cada item em uma linha separada */
        text-align: center !important; /* Centraliza o conteúdo */
        bottom: 15px;
        left: 43% !important;
        transform: translateX(-50%) !important;
        padding: 8px 10px !important;
        gap: 15px !important;
        max-width: 90% !important;
    }


    .feature-three__right {
        margin-top: 12px !important;
        margin-bottom: auto !important;
    }

    .feature-three__single_last {
        margin-bottom: 0 !important;
    }


























    /*--------------------------------------------------------------
    # Página de agradecimento
    --------------------------------------------------------------*/    
    .successModal-content__image {
        width: 333px !important; /* Ajuste o tamanho da imagem conforme necessário */
        height: 300px !important;
        margin-bottom: 15px; /* Espaço entre imagem e texto */
    }
    
    .value-two__left {
        width: 100% !important; /* Define a largura do contêiner */
        height: auto !important; /* Ajusta a altura automaticamente */
    }
    
    .value-two__bg {
        height: auto !important;
        width: 100% !important;
    }

    /*--------------------------------------------------------------
    # Exit intent
    --------------------------------------------------------------*/
    
}