:root{
    --bs-primary: #121212 !important;
    --bs-ouro: #CFB87C !important;
    --bs-warning: #d17a00 !important;  
}
*{
    font-family:  "Noto Sans", sans-serif;
}
.black-glassmorphism{
    /* From https://css.glass */
    background: rgba(0, 0, 0, 0.48);
    /* border-radius: 16px; */
    box-shadow: 0 4px 30px rgba(52, 52, 52, 0.3);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border: 1px solid rgba(0, 0, 0, 0.34);
}
section{
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}
.home{
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 75vh;
}
.img-colonial {
    background-image: url('/assets/img/colonial.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-ripada {
    background-image: url('./img/ripa.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-demolicao {
    background-image: url('./img/demolicao.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-kit {
    background-image: url('./img/kit.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-correr {
    background-image: url('./img/correr/Imagem\ do\ WhatsApp\ de\ 2025-05-28\ à\(s\)\ 14.01.25_9f409b70.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover; 
}
.img-fechadura {
    background-image: url('./img/puxadores/Imagem\ do\ WhatsApp\ de\ 2025-05-28\ à\(s\)\ 14.11.46_ace4082a.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover; 
}

.img-vanda {
    background-image: url('./img/vanda-4.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-fachada {
    background-image: url('./img/vanda-3.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}


.home-video {
  position: relative;
  width: 100%;
  height: 85vh;
  overflow: hidden;
}

.home-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: contain;
}

.home-video .content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.home-video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); /* escurece um pouco o vídeo */
  z-index: 1;
}
.home-video div {
  position: relative;
  z-index: 2;
  text-align: center;
}

.img-foto {
    background-image: url('./img/foto.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover; 
}
.img-5 {

    background-image: url('./img/5.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-6 {
    background-image: url('./img/6.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-7 {
    background-image: url('./img/7.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.img-8 {
    background-image: url('./img/8.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}

.card-hover {
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease, filter 0.5s ease;
}


.card-hover:hover{
  filter: brightness(1.5    );
}

.text-primary{
    color: var(--bs-primary)!important; 
}

.bg-primary-glass{
    background: rgba(29, 153, 178, 0.7);
    box-shadow: 0 8px 30px rgba(46, 89, 133, 0.2);
    backdrop-filter: blur(9.8px);
    -webkit-backdrop-filter: blur(9.8px);
    border: 1px solid rgba(29, 153, 178, 0.53);
}
.bg-primary{
    background-color: var(--bs-primary) !important; 
    border-color: var(--bs-primary) !important; 
}
/* Exemplos de Gradient */
.text-ouro{
color:  #CFB87C;
}
.bg-gradient-night{
    background: linear-gradient(90deg, #0D0D0D 0%, #CFB87C 50%, #0D0D0D 100%);
}
.bg-gradient-glow{
    background: radial-gradient(circle at center, #CFB87C 0%, #2B1E16 100%);
}
.bg-gradient-angle{
    background: linear-gradient(120deg, #CFB87C, #EDE0C6, #B0AFAF);
}
.golden-pulse{
background: radial-gradient(circle at center, #CFB87C 0%, #7c5843 100%);
background-size: 150% 700%;
animation: pulseGradient 6s ease infinite;
}

@keyframes pulseGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* Exemplos de Gradient */
.btn.btn-primary{
    background-color: var(--bs-primary) !important; 
    border-color: var(--bs-primary) !important; 
}
.btn.btn-dourado{
    background-color: var(--bs-ouro) !important; 
    border-color: var(--bs-ouro) !important; 
}
.text-warning{
    color: var(--bs-warning)!important; 
}
.bg-warning{
    background-color: var(--bs-warning) !important; 
    border-color: var(--bs-warning) !important; 
}
.btn.btn-warning{
    background-color: var(--bs-warning) !important; 
    border-color: var(--bs-warning) !important; 
}
.py-5{
    padding-top: 40px;
    padding-bottom: 40px;
}

.button-whatsApp {
 background: linear-gradient(270deg, #4fd47f, #1ebe5d, #2fe76e, #149f4c);
  background-size: 400% 400%;
  color: white;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  animation: gradientMove 5s ease infinite;
}

.button-whatsApp:hover {
  transform: scale(1.05);
  color: white;
}


@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
 
.dropdown-menu{
border: none;
}

  .icon-whatsapp {
    width: 30px;
    height: 30px;
  }
    
  #partners-slider .splide__slide img{
    max-height: 850px;
    width: 100%;
    transform: scale(.9);
    border-radius: 20px;
  }
  .splide__progress__bar {
    height: 3px;
    background: var(--bs-primary) !important;
  }
  .img-redimensiona-1{
    display: none;
  }

.splide__slide img {
  width: 400px;
  height: 600px;
  object-fit: cover;
  object-position: center;
}
#image-carousel-6 .splide__slide img {
  width: 450px;
  height: 400px;
  object-fit: contain;
  object-position: center;
}

.btn-whatsapp{
    /* display: none;   */
    background-color: #009320;
    color: white;
    font-size: 30px;
    margin-right: 30px;
    margin-bottom: 110px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 1000;
}
.btn-whatsapp:hover{
    background-color: #009320;
    color: white;
    transform: scale(1.1);
    transition: all ease-in-out .3s;
}
.btn-instagram {
    /* display: none;   */
       background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: white;
    font-size: 30px;
    margin-right: 30px;
    margin-bottom: 40px !important;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
     border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: 150% 150%;
    background-position: center;
}

.btn-instagram:hover {
    color: white;
    transform: scale(1.1);
    transition: all ease-in-out .3s;
}

/* Ajustar a margem-bottom do botão Instagram para posicionar acima do WhatsApp */
.btn-instagram {
    margin-bottom: 110px; /* Distância entre o Instagram e o WhatsApp */
}

@media (min-width: 200px) and (max-width: 480px) {
#navbar-principal{
    background: var(--bs-primary) !important;
}

.btn-instagram {
    /* margin-bottom: 110px !important; */
}
#navbar-principal .container .navbar-brand img{
    width: 100px !important;
}
.img-redimensiona-1{
    display: block;
  }
.ordem-mobile .order-0 div{
    padding-top: 0!important;
}
.ordem-mobile .order-2{
    order: 3 !important;
    height: 420px !important;
    background-position: top !important;
}
.ordem-mobile .order-3{
    order: 2 !important;
}
.img-tipos, .img-tipos-2{
    background-size: contain;
    height: 400px !important;
}
.p-0-mobile{
    padding: 0 !important;
    box-shadow: none !important;
}
.btn-demonstracao{
    display: none;
}
.home {
    height: 100vh;
    padding: 15px;
}
h2{
    font-size: 28px;
}
.home div h5{
    font-size: 15px;
    margin-top: 2em;
}
.destaques{
    padding-left: 4em;
}
.img-redimensiona-2{
    display: none;
}
.sm-font{
    font-size: 13px !important;
}
.sm-title-font{
    font-size: 18px !important;
}
#fale-conosco{
    font-size: 16px !important;
}
#secao-inicio{
    padding-left: 10px !important;
    padding-right: 10px !important;
    /* padding-bottom: 5px !important; */
    
}
.text-sm-center{
    text-align: center !important;
}
.text-sm-start{
    text-align: left !important;
}

#section1{
    margin-top: 0 !important ;
}
#section1 .container h2{
    font-size: 20px !important;
}
#section1 .container p{
    font-size: 16px !important;
}

.galery{
    /* background-size: contain !important; */
    height: 400px !important;
}

}

/* Tablets - Telas médias (481px a 768px) */
@media (min-width: 481px) and (max-width: 768px) {
#navbar-principal{
    background: var(--bs-primary) !important;
}
.btn-whatsapp{
    display: block !important;
}
.btn-instagram{
    display: block !important;
    /* margin-bottom: 110px !important; */
}
#navbar-principal .container .navbar-brand img{
    width: 100px !important;
}
h2{
    font-size: 28px;
}
.home div h5{
    font-size: 20px;
    margin: 2em;
}
#a-produtos .row div{
    height: 650px !important;
}
.destaques{
    margin: auto !important;
    padding-left: 3em;
}
.destaques div{
 width: 50%;
}
.destaques div small{
 text-wrap: nowrap;
}
.ordem-mobile .order-0 div{
    padding-top: 0 !important;
}
.ordem-mobile .order-3{
    order: 2 !important;
}
.ordem-mobile .order-2{
    order: 3 !important;
}
.galery{
    height: 700px !important;
}
.img-tipos, .img-tipos-2{
    background-size: contain;
    height: 400px !important;
}
.img-redimensiona-2{
    display: none;
}
.btn-demonstracao{
    display: none;
}
.image-linha-g{
    /* background-image: url('./img/linhas\ g.png'); */
    background-repeat:space;
    background-position: bottom;
    background-size: contain; 
}
.text-sm-center{
    text-align: center !important;
}
.text-sm-start{
    text-align: left !important;
}

}

/* Laptops - Telas grandes (769px a 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
#navbar-principal{
    background: var(--bs-primary) !important;
}
.home {
    /* background-image: url('../assets/img/5.png'); */
    background-position: top;
    background-size: contain; 
    height: 500px;
}
#secao-inicio{
    padding: 10px 10px 100px 10px !important;
}
.image-linha-g{
    /* background-image: url('./img/linhas\ g.png'); */
    background-repeat:repeat-y;
    background-position: top;
    background-size: contain; 
}
.btn-demonstracao{
    display: none;
}
}

/* Desktops - Telas muito grandes (acima de 1024px) */
@media (min-width: 1025px) {
    
}