/*servicios*/
.elementor-28 .elementor-element.elementor-element-32393ff::before{
    animation: zoomInOut 5s ease-in-out infinite!important;
}
div#choose {
    position: relative!important;
    overflow: hidden!important;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


#header {
  position: fixed; /* Mejor para diseños adaptativos */
  background-color: transparent; /* Color inicial */
  transition: background-color 0.3s ease; /* Transición suave */
  z-index: 1000;
    top: 0;
}
	

#logoColor{
	display:none;
}


#navColor{
	display:none;
}

#header.scrolled {
  background-color: #ffffff; /* Cambia el color al hacer scroll */
}

#header.scrolled #logoWhite {
  display: none; /* Oculta el logo blanco */
}

#header.scrolled #logoColor {
  display: block; /* Muestra el logo de color */
}


#header.scrolled #navWhite{
  display: none; /* Oculta el logo blanco */
}

#header.scrolled #navColor {
  display: block; /* Muestra el logo de color */
}

/* Estilo para la imagen o icono */
.iconMedia {
  display: inline-block;
  transition: transform 0.3s ease-in-out; /* Transición suave */
}


/*ANIMACION TIPO BOUNCE*/
.animove2{animation: myAnim 8s
linear 0s infinite
}



@keyframes myAnim {
  0% {

    transform: translatey(0px);
  }
  50% {

    transform: translatey(-20px);
  }
  100% {

    transform: translatey(0px);
  }
}

.animove{animation: myAnim 5s
linear 0s infinite;
}



@keyframes myAnim {
  0% {

    transform: translatey(0px);
  }
  50% {

    transform: translatey(-20px);
  }
  100% {

    transform: translatey(0px);
  }
}

/* Estilo general para el formulario */
.wpcf7-form {
  max-width: 100%; /* Asegura que el formulario ocupe el 100% del ancho */
  margin: 0 auto;
	font-family:"Poppins";
  padding: 20px;
  background-color: transparent; /* Sin fondo blanco */
  border-radius: 8px;
  box-shadow: none; /* Sin sombra */
  box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
}

.wpcf7-form-roww {
    display: flex;
    gap: 20px;
}

/* Estilo para la fila de los campos (dos columnas) */
.wpcf7-form-row {
  display: flex;
  flex-direction: column; /* Coloca los elementos uno debajo del otro */
  width: 100%; /* Asegura que las filas ocupen el 100% del ancho */
}

/* Estilo para los campos de formulario (inputs y textarea) */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  width: 100%; /* Asegura que los campos ocupen el 100% del ancho */
  padding: 12px;
  font-size: 14px;
  border: 1px solid #fff; /* Borde blanco */
  color: #9B51E0; /* Color del texto */
  background-color: transparent; /* Sin fondo blanco */
  transition: all 0.3s ease;
  box-sizing: border-box; /* Asegura que el padding no afecte el ancho */
}

/* Estilo cuando los campos están enfocados (sin efectos de activación) */
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
  outline: none; /* Eliminar el borde azul predeterminado del navegador */
  border-color: #fff; /* Borde blanco */
  box-shadow: none; /* Sin sombra */
}

/* Estilo para el botón de submit */
.wpcf7-form-control-wrap input[type="submit"] {
  background-color: transparent;
  color: #9B51E0; /* Color de texto */
  border-style: solid;
  border-width: 1px;
  border-color: #9B51E0; /* Borde de color #D7B168 */
  border-radius: 100px; /* Bordes redondeados */
  padding: 16px 55px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%; /* Asegura que el botón ocupe todo el ancho disponible */
}

/* Estilo al hacer hover o focus en el botón */
.wpcf7-form-control-wrap input[type="submit"]:hover,
.wpcf7-form-control-wrap input[type="submit"]:focus {
  background-color: #9B51E0; /* Fondo cuando se hace hover */
  color: white; /* Color del texto cuando se hace hover */
  border-color: #9B51E0; /* Mantener el borde en color #D7B168 */
}

/* Eliminar cualquier fondo blanco en el formulario */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  background-color: transparent; /* El fondo será transparente */
}