@import url("fonts/stylesheet.css");
 
:root{
  --dourado : #a78b51;

    --radius: 12px;
      --shadow: 0 8px 30px rgba(0,0,0,.12);
      --overlay-bg: rgba(0,0,0,.75);
      --transition: 280ms ease;
}

html{
  scroll-behavior:smooth !important ;
 scroll-padding-top: 80px; /* altura do menu fixo */
  scroll-behavior: smooth;  /* rolagem suave */
}

*{
  font-family: "Poppins" !important;
  letter-spacing: 0.2rem !important;
}

.text-balance {
    text-wrap: balance;
}
.text-dourado{
  color: var(--dourado);
}


.paralax{
  background-image: linear-gradient(#0000008a , #0000008a), url('../img/bg-cidaed.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   height: 100vh;
   width: 100vw;

  position: fixed;
  top: 0px;
  z-index: -1;

}
 

header{
  background-image: url('../img/bg-home.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px ;
  /* outline: var(--dourado) solid 10px; */
}

.col-md-5.box-form.aos-init.aos-animate {
    margin-top: 3rem;
}


.box-form{

  height: 100vh;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
  min-height: 750px;


}

.bg-black{
  background-color: #00000080 !important;
}


/* Botão verde destaque */
.btn-destaque {
  background-color: var(--verde);
  border: none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  padding: 14px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

.btn-destaque:hover {
  background-color: var(--verde-hover);
  color: #fff;
}

#cidade {
  background-image: linear-gradient(#00000042 , #00000042) , url('../img/bg-2.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 
}

button.btn.btn-warning.bg-bege.btn-block.text-uppercase.grafie {
    border-radius: 0px !important;
    background: #2acd47;
    border: none !important;
    letter-spacing: 0.1rem;
}
input{
  border-radius: 0px !important;

}

 


footer{
  background-image: url('../img/bg-footer.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}



.senso{
  position: absolute;
  right: 4%;
  bottom: 2%;
}


/* ////galeria  */



    .card-custom {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      background: #111318;
    }

    .card-custom img {
      width: 100%;
      display: block;
      transition: transform var(--transition);
    }

    .overlay {
      position: absolute;
      inset: 0;
      background: var(--overlay-bg);
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 1rem;
      opacity: 0;
      transform: translateY(100%);
      transition: all var(--transition);
      text-align: center;
    }

    .card-custom:hover img {
      transform: scale(1.05);
    }

    .card-custom:hover .overlay {
      opacity: 1;
      transform: translateY(0);
    }

    .overlay h3 {
      font-size: 1.1rem;
      font-weight: bold;
      margin-bottom: .5rem;
    }
    .overlay p {
      margin: 0;
      font-size: .9rem;
    }






    

@media (max-width: 800px){

  header, .box-form{
    height: unset !important;
  }

  p{
    font-size: 0.8rem;
  }


  .senso{

    position: unset !important;
    text-align: right;
    margin-top: 1rem;
  }

  
.d-flex.align-items-center.flex-column.flex-md-row {
    width: 100%;
}

nav.navbar.navbar-expand-md.w-100.p-md-0.pt-2 {
    background-color: #252a1c !important;
 
}

header{
  margin-top: 2rem;
}



#cidade {
  background-image: linear-gradient(#00000042 , #00000042)  ,  url('../img/bg-mobile.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: ;
}


.conteudohome{
  width: 200px !important;
}

img.conteudohome.img-fluid.imagempng.pb-5.pb-3.d-md-none{
  width: 150px !important;

}

.logo-home{
  width: 200px;
}

.col-md-5.box-form.aos-init.aos-animate {
    min-height: unset !important;
}

}


nav{
  position: fixed !important;
  transition: all 0.5s;
 z-index: 999; background-color: transparent;
}
nav a {
  color: #fff !important;
  font-size: 0.8rem !important;
}

span.select2-dropdown.select2-dropdown--below {
    width: 300px !important;
}

  .galeria-item {
  position: relative;
  overflow: hidden;
  height: 100%; /* garante que todas colunas respeitem a altura do grid */
  cursor: pointer;
}

.galeria-item img {
  display: block;
  width: 100%;
  height: 100%; /* força a imagem a preencher o container */
  object-fit: cover; /* corta sem distorcer */
  transition: transform .5s ease;
}

.galeria-item:hover img {
  transform: scale(1.05);
}

.galeria-item figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: rgba(0,0,0,0.6); /* já resolve o fundo preto transparente */
  transition: opacity .4s ease;
  padding: 1rem; /* fixo, não só no hover */
  text-align: center;
}

.galeria-item:hover figcaption {
  opacity: 1;
}

.galeria-item .caption-content {
  position: relative;
  z-index: 1;
  transform: translateY(20px);
  transition: transform .4s ease;
}

.galeria-item:hover .caption-content {
  transform: translateY(0);
}

.caption-content p {
  font-size: 0.75rem; /* um pouquinho maior que 0.6 pra legibilidade */
  margin: 0; /* tira espaçamento extra */
}

.caption-content h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.row {
  --bs-gutter-x: 1rem; /* espaço horizontal */
  --bs-gutter-y: 1rem; /* espaço vertical */
}


select#ddi_select{
  width: 30%;
  border-radius: 0px;

}


span.select2-dropdown.select2-dropdown--above {
    width: 300px !important;

  
}


#video{
  background-image: url('../img/bg-video.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  height: 30vh;
}

.box-video{

  min-height: 500px;
  height: 30vh;

  display: flex;
  justify-content: center;
  align-items: center;

  cursor: pointer;

}


.box-video:hover img {

  zoom: 1.1 !important;
  transition: all 1s;

}

@media (max-width: 800px){

}


@media (max-height: 700px ){



}