/* Slider */
.slick-loading .slick-list
{
    /* background: #fff url('../fonts/ajax-loader.gif') center center no-repeat; */
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    color: #7A7F85;
    position: absolute;
    top: 49%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 999;
    cursor: pointer;

    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    line-height: 1;

    opacity: 1;
    color: #FAFDFF;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -0.9895833333333334vw;
}
[dir='rtl'] .slick-prev
{
    right: -0.9895833333333334vw;
    left: auto;
}
.slick-prev:before
{
    content: "\f104";
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -0.9895833333333334vw;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -0.9895833333333334vw;
}
.slick-next:before
{
    content: "\f105";
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
@media only screen and (max-width: 991px) {
    .slick-next{
        right: -7px;
    }
    .slick-prev{
        left: -7px;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 16px;
    }
}
/* === Ajuste do vídeo (Rafael) === */
.videoplayer {
  position: relative;
  width: 100%;
  height: 100vh; /* altura total da tela */
  overflow: hidden;
}

.videoplayer video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* troca para 'contain' se quiser ver o vídeo inteiro sem cortes */
  display: block;
}
/* Estilizando o ícone do WhatsApp para substituir o fa-user */
.fa-brands.fa-whatsapp {
    font-size: 1.9em;      /* aumenta o tamanho do ícone (ajuste conforme necessário) */
    color: inherit;        /* mantém a cor do ícone original */
    vertical-align: middle; /* mantém alinhamento com texto e outros ícones */
    display: inline-block;  /* garante que o ícone se comporte como o original */
    line-height: 1;         /* evita distorção na altura do ícone */
}

/* ===== Galeria horizontal scroll ===== */
.images.background-shape {
  display: flex;
  flex-wrap: nowrap; /* mantém tudo na mesma linha */
  overflow-x: auto; /* ativa rolagem horizontal */
  overflow-y: hidden;
  scroll-behavior: smooth;
  gap: 15px; /* espaçamento entre imagens */
  padding-bottom: 10px; /* evita corte inferior */
}

.gallery-img {
  flex: 0 0 auto; /* impede o redimensionamento */
}

.gallery-img img {
  width: 300px; /* defina o tamanho fixo das imagens */
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* ===== Correção mobile Suite Room ===== */
@media (max-width: 768px) {
.suite-room .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .suite-room .slide__img {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .suite-room .slide__img img.room_image {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Evita sobreposição */
  .suite-room .slide__content {
    position: relative;
    background: #fff;
    margin-top: -10px; /* pequeno ajuste se houver espaço entre imagem e texto */
    z-index: 2;
    width: 90%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

  /* ===== Ajuste de altura e curvatura apenas na página inicial ===== */
@media (min-width: 769px) {
  #body .suite-room .slide__content {
    transform: translateY(-10px); /* levanta um pouco o container */
    height: 90%;                  /* reduz levemente a altura total */
    border-radius: 24px;          /* mantém a curvatura igual à imagem */
    overflow: hidden;             /* impede que botão e texto passem do limite */
  }

  #body .suite-room .slide__content .content-block {
    padding-bottom: 10px;         /* reduz margem interna inferior */
  }
}
}

.menu-contact {
  background-color: #fff; /* fundo branco */
}
.menu-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.menu-contact i {
  font-size: 16px;
  color: #5a5b5c;
}

.menu-contact a {
  text-decoration: none;
  color: #5a5b5c;
  font-size: 14px;
  font-weight: 500;
}

.menu-contact:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.menu-contact {
  border-radius: 50px;
  padding: 8px 14px;
}

@media (max-width: 768px) {
  .menu-contact {
    padding: 4px 8px;         /* reduz o espaço interno */
    border-radius: 6px;       /* bordas um pouco menores */
    gap: 4px;                 /* menos espaçamento entre ícone e texto */
  }

  .menu-contact i {
    font-size: 13px;          /* ícone menor */
  }

  .menu-contact a {
    font-size: 12px;          /* texto menor */
  }
}

/* ============================================================
   AUMENTO DO TAMANHO DE TEXTO — SOMENTE NA SESSÃO .select-form
   (válido apenas para telas até 768px — versão celular)
   ============================================================ */
@media (max-width: 768px) {

  /* Mantém o layout de duas colunas no mobile */
  .select-form .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .select-form .col-lg-6 {
    width: 100% !important;
  }

  /* Aumenta o tamanho dos textos da sessão de detalhes */
  .select-form,
  .select-form select.has-nice-select,
  .select-form option,
  .select-form h4,
  .select-form p,
  .select-form li {
    font-size: 10px !important;  /* aumenta visivelmente a leitura */
    line-height: 1.1 !important; /* melhora espaçamento entre linhas */
    color: #979797 !important;      /* mantém cor forte e legível */
  }

  /* Adiciona um pequeno aumento no título da seção */
  .rules-reg {
    font-size: 22px !important;  /* título “Especificações Detalhes” */
    font-weight: 700 !important; /* mantém o destaque */
  }

  /* Melhora o espaçamento interno dos selects */
  .select-form select.has-nice-select {
    padding: 12px 14px !important;
    min-height: 48px !important;
  }
}