body{
    background-color: #0a2a45;

}

.contenedor-general{
    width: 85%;
    margin: 0 auto;
}

.whatsapp{
    width:5%;
    height: 95%;
    display: flex;
    right: 0;
    position: fixed;
    justify-content: right;
    align-items: flex-end;
    z-index: 1;
}
.whatsapp img{
    width: 50px;
    height: 50px;
    padding-right: 40px;
}

.contenedor-bienvenida{
    color: white;
    font-family: "Forum",serif;
    text-align: center;
}
.contenedor-bienvenida span{
    font-size: 18rem;
    letter-spacing: 3px;
    font-style: normal;
    font-weight: normal;
    direction: ltr;
}

/*Intro*/
.contenedor-intro{
    display: flex;

}
.txt-intro, .img-intro{
    width: 50%;
    color: white;
    font-family: "Forum",serif;
}
.txt-intro{
    display: flex;
    flex-direction: column;
    gap: 50px;
    animation: texto 2s ease 0s 1 normal forwards;
}

.txt-intro div{
    width: 75%;
    letter-spacing: 1px;
    font-size: 1.6rem;
    font-weight: 100;
       animation: texto 2s ease 0s 1 normal forwards;
}
.txt-intro img{
    width: 60%;
    height: 60%;
}
.img-intro{
    display: flex;
    align-items: center;
    justify-content: right;
}
.img-intro img{
    width: 90%;
    height: 90%;
}

/*sobre nosotros*/
.contenedor-nosotros{
    width: 70%;
    display: flex;
    flex-direction: column;
    color: white;
    font-family: "Forum",serif;
}
.contenedor-nosotros h2{
    font-size: 3.5rem;
       animation: texto 2s ease 0s 1 normal forwards;
}
.contenedor-nosotros p{
    font-size: 2rem;
       animation: texto 2s ease 0s 1 normal forwards;
}

/*EXPERTOS*/
.expertos{
    display: flex;
    justify-content: right;

}
.contenedor-expertos{
    width: 65%;
    color:rgb(222, 221, 221);
}

.expertos-superior p{
    width: 63%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 16px;
       animation: texto 2s ease 0s 1 normal forwards;
}
.expertos-superior button{
    border: 1px solid;
    border-radius: 20px;
    background-color: transparent;
    color: white;
    font-size: 1rem;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.expertos-img{
    animation: fotos 2s ease 0s 1 normal forwards;
}
/*testimonios*/
.contenedor-testimonios{
 color: white;   
 font-family: "Forum",serif;
}

.contenedor-testimonios h2{
    font-size: 3.5rem;
       animation: texto 2s ease 0s 1 normal forwards;
}
.contenedor-testimonios span{
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
       animation: texto 2s ease 0s 1 normal forwards;
}
.contenedor-testimonios p{
    font-size: 1.8rem;
    width: 60%;
       animation: texto 2s ease 0s 1 normal forwards;
}

/*Separador*/

.separador-linea{
    width: 100%;
    border: 1px solid white;
    margin-top: 4%;
    margin-bottom: 3%;

}
.scale-up-hor-left {
	-webkit-animation: scale-up-hor-left 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) ;
	        animation: scale-up-hor-left 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) ;
}

/*Segunda parte testimonios*/
.contenedor-tes{
    width: 65%;
}
.tarjeta-testimonios p{
    color: white;
    font-family: "Forum", serif;
    font-size: 2rem;
       animation: texto 2s ease 0s 1 normal forwards;
}
.cliente{
    display: flex;
    color: white;
    align-items: center;
    gap: 20px;
       animation: texto 2s ease 0s 1 normal forwards;
}
.cliente span {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
       animation: texto 2s ease 0s 1 normal forwards;

}
.cliente img{
    width: 6%;
    height: 6%;
}

/*FINAL*/
.contenedor-final{
    display: flex;
    margin-top: 5%;
}
.cuadro-blanco{
    width: 30%;
    height: 700px;
    background-color: white;
}
.formulario{
    width: 70%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;


}
.contenedor-formulario{
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contenedor-formulario input, .contenedor-formulario textarea{
    height: 45px;
    background-color: transparent;
    color: white;
    font-size: 16px;
    border: 1px solid white;
}
.contenedor-formulario label{
    font-size: 16px;
    font-family: Arial;
    font-weight: 100;
}

.formulario-superior{
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}

.formulario-superior div{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.formulario-superior div label{
    margin-bottom: 15px;
}
.contenedor-formulario button{
    height: 40px;
    margin-top: 10px;
}
.cuadro-blanco{
    display: flex;
    align-items: flex-end;
}

.contenedor-informacion{
    color: #0a2a45;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.contenedor-informacion h2{
    font-size: 2rem;
}
.contenedor-informacion p{
    font-style: oblique;
    font-size: 17px;
}
.contenedor-informacion span{
    font-weight: bold;
    font-size: 20px;
}
.contenedor-informacion img{
    width: 100%;
    height: 100%;
}








/*DISEÑO MOVIL*/



/*ANIMACIONES*/

/*Animacion para fotos*/
@keyframes fotos {
	0% {
		opacity: 0;
		transform: rotateX(70deg);
		transform-origin: top;
	}

	100% {
		opacity: 1;
		transform: rotateX(0deg);
		transform-origin: top;
	}
}

/*ANIMACION DESDE ABAJO*/
@keyframes texto {
	0% {
		opacity: 0;
		transform: translateY(250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*ANIMACION DE TEXTO */

.scale-up-ver-bottom {
    opacity: 0;
	-webkit-animation: scale-up-ver-bottom 1s both;
	        animation: scale-up-ver-bottom 1s both;
}
.scale-up-ver-bottom.show{
    opacity: 1;
}
@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}



/*ANIMACION DEL TITULO*/
.scale-in-center {
	-webkit-animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}






/*ANIMACION DEL SEPARADOR*/

@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}