.navbar-toggler {
  border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}

.purpose_block .ipad_img1 {
  margin-top: 0px;
}
.purpose_block .ipad_img1 {
  margin-top: 0px;
}

.purpose_block {
  padding: 0;
}

#about {
  padding-top: 0px;
}

#myTabContent span {
  color: rgb(198, 198, 198);
  padding: 0;
}

#myTab p {
  color: rgb(186, 186, 186);
}

.navbar {
  padding: 0;
}

footer img {
  width: 200px;
}

#home {
  position: relative;
  width: 100%;
  height: 95svh;
  overflow: hidden;
}

@media only screen and (max-width: 479px) {
  #productos .link {
    width: 100px;
  }
  /* custom del smooth scroll para que no lo tape el menú */
  .scroll__behaivor {
    scroll-margin-top: 120px;
  }
}
.form-control::placeholder {
  color: #717171; /* Cambia el color a gris oscuro */
}
/* Estilo para eliminar el borde azul de foco en formularios */
.form-control:focus {
  border-color: #ced4da; /* Cambia el color del borde al gris predeterminado de Bootstrap */
  box-shadow: none; /* Elimina cualquier sombra al enfocar */
}

#background-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.7;
  background-image: url('../images/slider/slide3_bg.webp');
  background-size: cover;
  background-position: center;
}
#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10; /* Asegura que el video esté detrás de otros elementos */
}

#background-video::-webkit-media-controls {
  display: none; /* Oculta los controles en navegadores WebKit (Chrome, Safari) */
}

#background-video::-webkit-media-controls-enclosure {
  display: none; /* También oculta el contenedor de los controles en WebKit */
}

#background-video::-webkit-playsinline {
  display: none; /* Oculta el botón de reproducción en línea en WebKit */
}

@media only screen and (min-width: 768px) {
  #background-img {
    background-image: none; /* Esta línea establece que no haya imagen de fondo */
    /* O puedes usar una declaración similar, como background: none; */
  }
}

.oculto {
  display: none;
}

.g-recaptcha {
  transform: scale(0.8);
  transform-origin: 0 0;
}