* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#whatsapp-btn {
  position: fixed;
  bottom: 1vw;
  right: 1vw;
  width: 6vw;
  z-index: 9999; /* Asegura que quede sobre todo */
  border-radius: 50%;
}

#whatsapp-btn img {
  width: 100%;
  height: 100%;
}

.titles{
  font-size: 4vw;
}
.references-card{
  max-height: 450px;
}

body {
  position: relative;
  overflow-x: hidden;
}

body::before{
  display: block;
  content: "";
  height: 60px;
}

#showcase-vid{
  border-radius: 1%;
  padding: 0%;
  width: 35%;
}
.col-md{
  font-family: 'Titillium Web', sans-serif;
}

img{
  border-radius: 1%;
}
.card-title-services{
  font-family: 'Titillium Web', sans-serif;
  font-size: 3.5vw;
}

.card-img{
  background-color: black;

}
.mini-hover{
  cursor: pointer;
}
.mini-hover:hover{
  cursor: pointer;
  transform: scale(1.10);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover .card-img {
  transition: transform 0.5s ease;
}
.card-hover{
      cursor: pointer;
}
.card-hover:hover .card-img {
  transform: scale(1.5);
}

.card-hover {
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-icon{
  font-size: 5vw;
}

@media(max-width: 576px){
  #whatsapp-btn {
  position: fixed;
  bottom: 2vw;
  right: 1vw;
  width: 20vw;
  z-index: 9999; /* Asegura que quede sobre todo */
  border-radius: 50%;
  }
  .titles{
    font-size: 10vw;
  }
  .contact-icon{
    font-size: 5vw;
  }
  #showcase-texts button{
    font-family: 'Titillium Web', sans-serif;
    padding: 1%;
    font-size: 8vw;
    margin-top: 3.5vw;
  }
  .p-2-info-block2,.p-2-info-block1{
    display: none;
  }
  #showcase-text{
    display: none;
  }
  #showcase-h1{
    font-size:6.5vw;
  }
  #showcase-span{
    font-size:8.5vw;
  }
  #showcase-vid{
    display: none;
  }
  #showcase{
    display: block;
  }
  #showcase-content video{
    display: none;
  }

}

@media(max-width: 768px){
  #whatsapp-btn {
  position: fixed;
  bottom: 2vw;
  right: 1vw;
  width: 13vw;
  z-index: 9999; /* Asegura que quede sobre todo */
  border-radius: 50%;
}
  .card-title-services{
    font-size: 10vw;
  }
  #about-us{
    margin: 0;
  }
}