header {
  background-color: #007F00;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body { 
  margin: 0;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

a {
  font-size: 20px;
  text-decoration: none;
  color: white;
  text-align: center;
  display: inline-block;
  margin-right: 40px;
}

.vamos h1 {
  margin-bottom: 0;
  color: white;
}

.vamos h2 {
  margin-bottom: 0;
  color: white;
}

.vamos p {
  margin-bottom: 0;
  color: white;
  margin: 10px 180px;
  background-color: #006F00AA;
  border-radius: 40px;
  padding: 10px;
  margin-top: 30px;
}

.logo {
  border: 1px solid white;
  border-top-right-radius: 100px;
  width: 23%;
  max-width: 900px;
  animation:  0.5s ease-in;
  background-color: #FFFFFF;
}
.razones {
  margin: auto;
}

/* CORREGIDO: "display" bien escrito */
.razones div {
  justify-content: space-between;
  box-sizing: border-box;
  width: 80%;
  height: 300px;
  margin: 1% 10%;
}

.Mision, .Vision, .Valores {
  margin: auto;
  border: 1px solid white;
  border-radius: 100%;
}

.razon1 {
  background-color: #007F00;
  padding: 10px;
  border-radius: 20px;
  height: 5000px ;
}
.razon1 h3, .razon3 h3{
  color: white;
  font-weight: bold;
  font-size: 32px;
}
.razon1 p, .razon2 p, .razon3 li{
  margin: 0 50px;
}
.razon2 h3{
  font-weight: bold;
  font-size: 32px;
}
.razon1 p{
  color: white;
  text-align:left;
}
.razon2 {
  background-color: #F5DEB4;
  padding: 10px;
  border-radius: 20px;
  height: 5000px ;
}
.razon2 p{
  text-align:left;
}
.razon3 {
  background-color: #007F00;
  padding: 10px;
  border-radius: 20px;
}
.video{
width: 100%;
max-height: 600px;
}
.razon3 li{
text-align: left;
color: white;
}
.razon3 h3{
color: white;
}

/* CORREGIDO: Se agregó tiempo de duración por seguridad antes del timeline */
.yacasi {
  background-color: #FFFFFF;
  padding-top: 20px;
  animation: aparecer 2s ease-in;
  animation-timeline: scroll();
}

@keyframes aparecer {
  0% { 
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.poppins-regular-italic, p, h1, h2, h3, a, li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.contacto{
		width: 100%;
		height:25%;
		display: flex;
		}
		.numero{
		margin:0 10%;
		width: 50%;
		height: 100%;
		}
		.numero h2{
                text-align: left;
		margin: 0;
		}
		.numero ul{
		font-size:20px;
		text-align:left;
		}
		.email h2{
		text-align: left;
		}
		.email{
		margin-top:0;
		width: 50%;
		height: 100%;
		}
		.numero .what{
		width: 110px;
		height: 120px;
		margin:0;
		}
		.ct{
		background-color:#222;
		animation: nada 4s ease-in;
		height: 300px;
		padding: 40px 0 10px 0;
		}
                .ct h2, .ct a, .ct li{
		color:#FFF;
		list-style-type: none;
		text-decoration: none;
		}
		.ct ul{
		margim-left: 0;
		padding-left:0;
		}
		.ct h1{
		margin: 0;
		color:#FFF;
		font-weight: bold;
		font-size: 30px;
		}
		.ct h2{
		font-weight: 580;
                font-size: 35px;
		margin-top: 10%;
		}
		.docu ul{
		margin:0;
		}
		.poppins-regular-italic, p, h1, li, h2, h3, a{
  		font-family: "Poppins", sans-serif;
 		font-weight: 400;
  		font-style: italic;
		}