@media (max-width: 768px) {

	header {
	  padding: 20px 20px;
	  padding-top: 40px;
	}

	.wave{
		display: none;
	}

   .section1 {
     flex-direction: column; /* Cambia la dirección de los elementos para apilarlos verticalmente */
     gap: 10px; /* Espacio entre los bloques en la versión móvil */
     padding: 0 20px;
     height: 75vh;
     border-bottom-left-radius: 60px;
  	 border-bottom-right-radius: 60px;
  	 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Sombrado hacia abajo */
  	 padding-bottom: 20px;
   }

   .section-1-titles, .section-1-dashboard {
     max-width: 100%; /* Ajusta el ancho para que ocupe el 100% del contenedor */
     width: 100%;
   }

	.section-1-titles h1{
	  font-size: 2em;
	  margin-top: 70px;
	}

	.section-1-titles p{
	  font-size: 1em;
	}

	.tags p{
	  font-size: 13px;
	}

	.section-1-dashboard{
		padding-bottom: 50px;
		padding-top: 10px;
	}

}

/* ////////////////
   BENEFICIOS
   //////////////*/

@media (max-width: 768px){

	.section2{
	  margin-top:50px;
	  max-width: 95%;
	  width: 95%;
	  padding-bottom: 95px;
	}

	.imagen-entre-secciones {
	  display: none;
	}

	.section2 h2{
		font-size: 2em;
	}

	.section2 h3{
		font-size: .7em;
	}

	.section2 h4{
		height: 25px;
	}

	.section2 p{
	  font-size: 1em;
	  width: 100%;
	}

	.beneficios{
	  flex-direction: column;
	}

.beneficios-info{
	  padding: 20px;
	  margin: 0px;
	  margin-top: 20px;
	  width: 99%;
	}
}


/* ////////////////
   PLATAFORMA
   //////////////*/

 @media (max-width: 768px){
	.imagen-entre-secciones-2 {
	  top: calc(312% - 50px); 
	  width: 100%;
	}

	.plataforma{
		padding-top: 20px;
	}

	.plataforma-info{
	  padding-top: 40px;
	  width: 100%;
	}

	.plataforma-info h2{
		line-height: 1.1em;
	    margin-top: 10px;
  	    margin-bottom: 20px;
  	    font-size: 2em;
	}

	.plataforma-info h3{
		font-size: .7em;
		margin-top: 130px;
	}

	.plataforma-info p{
	  font-size: 1.1em;
	}

	.plataforma-info img{
	  right: 0%;
	  width: 100%;
	}
 }


 /* ////////////////
   INICIAR
   //////////////*/
 @media (max-width: 768px){

  .iniciar{
 	text-align: left;
  }

  .iniciar h2{
    width: 95%;
    font-size: 1.4em;
    text-align: center;
  }

  .iniciar p{
  	width: 95%;
  }

 .iniciar a{
 	margin-left: 24px;
 }
}

/* ////////////////
   QUE ESPERAR
   //////////////*/

 @media (max-width: 768px){
 	.esperar img{
 		width: 350px;
 	}

 	.esperar-info{
 		width: 90%;
 	}

 	.esperar-info h2{
	  font-size: 2em;
	}

	 .fa-list2 li {
	  line-height: 1.4em;
	  margin-bottom: 15px;
	}

	.esperar ul{
		padding-bottom: 20px;
	}
 }


/* ////////////////
   CONTACTO
   //////////////*/

 @media (max-width: 768px){

	.contacto p{
	  width: 90%;
	}

	.contacto form{
	  width: 90%;
	}

	.contacto-datos{
		padding-top: 30px;
	}

	.contacto-datos a{
	  display: block;
	  padding: 10px 20px;
	  margin-top:0px;
	}

	#optin-iGzNmPTw{
	  margin: auto;
	  width: 99%;
	}
}