html { width: 100%; height: 100%; }
		body { margin: 0%; padding: 0%; font-family: 'Poppins', sans-serif; width: 100%; height: 100%; background: url("../img/bgHeader.jpg") no-repeat center fixed }
		#wrapper { width: 1440px; margin: 0% auto; padding: 0% }		
		.aside { width: 96%; padding: 2%; float: left; }
		.aside h2 { font-weight: 900; font-size: 50px; color: #fff; width: 50%; padding: 7% 25% 5%; text-align: center; }
		.aside .box { width: 90%; background: #fff; padding: 5%; }
		
		#mensaje { width: 90%; padding: 2% 5%; text-align: center; background: #f00; color: #fff; font-weight: bold; }
		.pay { padding-bottom: 7% !important; }
		.info { width: 80%; padding: 0% 5% 2%;}
		.info h1 { margin:1% 0% 2% !important }
		.info .tnombre, .info .tdireccion, .info .temail, .info .tcelular { width: 15%; padding: 2% 0% 2% 15%; float: left; font-weight: bold; }
		.info .nombre, .info .direccion, .info .email, .info .celular { width: 60%; padding: 2% 5%; float: left; }
		.info .total { width: 60%; padding: 2% 20%; float: left; font-weight: bold; }
		.info .total .valor { width: 100%; padding: 2% 0% 4%; float: left; text-align: center; }
		.info .total .boton { width: 60%; padding: 2% 0%; float: left; margin:20px 20%; background:#1A4594 }
		.waybox-button { transition: 0.3s; }
		.waybox-button:hover { background:#ED5959 }

		.header { background: url("../img/bgHeader.jpg") no-repeat center }
		.header #logo { width: 25%; padding: 0% 5% 4% 10%; float: left; }
		.header #menu { width: 45%; padding: 2% 10% 2% 5%; float: left; }
		.header #menu ul { list-style: none; padding: 0%; margin: 0; }
		.header #menu ul li { padding: 0% 1%; margin: 0; width: 17%; float: left; text-align: center; font-weight: bold; }
		.header #menu ul li:last-child { width: 22%; }
		.header #menu ul li a { color:#000; text-decoration: none; cursor: pointer; }

		.premios { background: url("../img/bgPremios.jpg") no-repeat center }
		.premios .box p { width: 60%; background: #fff; padding: 5% 20%; border: 1px solid #ED5959; margin: 0%; }
		.premios .half .boton { background: #007FC3; }
		.premios .half .boton:hover { background: #FBBA25; }

		.descuentos { background: url("../img/bgDescuentos.jpg") no-repeat center }
		.descuentos .box p { width: 60%; background: #fff; padding: 5% 20%; border: 1px solid #007FC3; margin: 0%; }
		.descuentos .half .boton { background: #ED5959; }
		.descuentos .half .boton:hover { background: #FBBA25; }

		.contenido { background: url("../img/bgContenido.jpg") no-repeat center }
		.contenido .box p { width: 60%; background: #fff; padding: 5% 20%; border: 1px solid #FBBA25; margin: 0%; font-weight: 400; }

		.ayudar { background: url("../img/bgAyudar.jpg?v=2021") no-repeat center; padding:5% 2% !important }
		.ayudar .half { background:transparent !important; width: 60%; padding: 5% 20%; margin:0% }
		.ayudar .half .box { background:transparent !important; }
		.ayudar .half .box h2 { color:#FF2BAD; font-size: 4em; text-align: right; width: 100%; padding: 2% 0%; margin:0% }
		.ayudar .half .box p { width: 60%; background:transparent !important; padding: 5% 0% 5% 45%; border:none; margin: 0%; font-weight: 400; color:#2CAA80; font-size: 3em; text-align: right; width: 55%; line-height: 1em; }
		
		.section { width: 100%; float: left }
		.about { background: url("../../images/bgAbout.jpg") no-repeat center; height: 438px }
		.download { background: url("../../images/bgDownload.jpg") no-repeat center; height: 330px }
		.full { width: 100%; float: left }
		.half { width: 50%; float: left; min-height: 10px; }
		.half .boton { float: left; transition: 0.3s; width: 40%; padding: 2% 5%; margin: 0% 25%; background:#007FC3; color:#fff; font-size: 20px; text-align: center; border-radius: 30px; font-weight: bold; -webkit-box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); -moz-box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); cursor: pointer; }
		.half .boton:hover { background:#ED5959; }
		.box span { float: left; width: 100%; text-align: center; display: flex; align-items: center; justify-items: center; margin-bottom:30px }
		.box span img { display: block; text-align: center; margin: 0px auto; }

		.halfright { width: 50%; float: left; padding-left: 50%; padding-top: 0%; padding-bottom: 16%; background:url("../img/bgRevista.png") no-repeat left -40px; background-size: 52%; }
		.halfright h1 { font-size: 70px; text-align: center; width: 100%; font-family: 'Dancing Script', cursive; letter-spacing: 5px; margin:4% 0% }
		.halfright h1 span { clear: left; font-size: 45px; font-family: 'Poppins', sans-serif; letter-spacing: 1px; }
		.halfright .boton { float: left; transition: 0.3s; width: 40%; padding: 2% 5%; margin: 0% 25%; background:#007FC3; color:#fff; font-size: 20px; text-align: center; border-radius: 30px; font-weight: bold; -webkit-box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); -moz-box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); box-shadow: -10px 10px 7px -8px rgba(0,0,0,0.75); cursor: pointer; }
		.halfright .boton:hover { background:#ED5959; }
		.halfright p { font-size: 20px; text-align: center; width: 100%; margin:30px 0%; float: left; font-weight: bold; }

		#separador { background:#05689C url("../img/bgSeparador.png") no-repeat center; float: left; width: 100%; height: 50px; }
		#separadorFooter { background:#05689C; float: left; width: 100%; height: 50px; }
		#forma { background:#007FC3; float: left; width: 100%; }
		#wompi { width: 20%; margin: 1% 40%; float: left; text-align: center; }
		#wompi p { width: 100%; text-align: center; color:#fff }
		#wompi img { margin: 0px auto; }

		#comprador { float: left; width: auto; position: absolute; z-index: 999; padding: 0.5% 1%; font-size: 0.8em; background: #007FC3; color: #fff; }
		#comprador span { float:left; margin-right: 10px; }
		#comprador span:first-child { float:left; margin-right: 0px; margin-top:3px }
		#comprador span:last-child { float:left; margin-right: 0px; }
		#comprador span a { color:#fff }
		#comprador span a img { height:24px; margin-left: 10px; }

		#bloqueado { float: left; width: 98%; height: 98%; position: absolute; z-index: 999; padding: 1%; font-size: 0.8em; background: rgba(0,0,0,0.8); color: #fff; }
		#bloqueado #ingreso { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
		#bloqueado #ingreso form { width: 40%; background: rgba(255,255,255,0.8); border-radius: 10px; }
		#bloqueado #ingreso form #txtDocumento, #bloqueado #ingreso form #txtEmail { width: 70%; padding: 3% 5%; margin: 0% 10%; border-radius: 5px; }
		#bloqueado #ingreso form .botones { float: left; margin: 20px 10%; width: 80%; }
		#bloqueado #ingreso form .botones .btnIngresar { width: 40%; padding: 2%; margin: 0% 5%; background:#007FC3; }
		#bloqueado #ingreso form .botones .btnComprar { width: 40%; padding: 2%; margin: 0% 5%; background:#ED5959; }
		#bloqueado #ingreso form #resp { width: 100%; float: left; text-align: center; height: 30px; overflow: hidden; }

		#formulario { display: block; float: left; margin: 5% 10%; border-radius: 40px; padding: 5%; width: 70%; background:rgba(255,255,255,0.8) }
		#formulario h2 { float: left; margin: 3% 0% 0%; font-weight: 900; font-size: 22px; width: 100%; text-align: center; letter-spacing: 5px; line-height: 32px; color: #055493; text-transform: uppercase }
		#formulario h2 span { width: 3%; border:5px solid #bf0125; border-radius: 5px; position: absolute }
		#formulario h2 span.left { margin-top: 10px; margin-left: -5%; }
		#formulario h2 span.right { margin-top: 10px; margin-left: 1%; }
		#formulario h1 { text-align: center; } 
		#formulario .pregunta { font-weight: bold; color:#007FC3; }

		#registro { float: left; width: 76%; margin: 1% 7%; padding: 1% 5%; font-size: 1em }
		#registro .row { float: left; width: 96%; margin: 0%; padding: 0% }
		#registro .row .full { float: left; width: 98%; margin: 1% }
		#registro .row .full .nombrecampo { float: left; width: 19%; margin: 0%; padding: 1%; font-size: 0.8em; height: 30px }
		#registro .row .full .campo { float: left; width: 77%; margin: 0%; padding: 0% 1%; height: 30px; font-size: 0.8em }
		#registro .row .full .campo input[type=radio] { float: left; margin-left: 4px }
		#registro .row .full .campo label { float: left; margin-left: 4px; margin: 4px }
		#registro .row .full .campo input[type=text] { float: left; width: 94%; margin: 1%; padding: 0% 2%; line-height: 26px }
		#registro .row .full .campo select { float: left; width: 94%; margin: 1%; padding: 1%; height: 30px }
		#registro .row .medium { float: left; width: 48%; margin: 1%; color:#fff }
		#registro .row .medium a { color:#fff }
		#registro .row .terminos { padding:2% 0% }
		#registro .row .medium .nombrecampo { float: left; width: 90%; margin: 1%; padding: 1% 4%; font-size: 1em; color:#fff; font-weight: 700; }
		#registro .row .medium .campo { float: left; width: 98%; margin: 1%; padding: 1%; height: 30px; font-size: 0.8em }
		#registro .row .medium .campo input[type=radio] { float: left; margin-left: 4px }
		#registro .row .medium .campo label { float: left; margin-left: 4px; margin: 4px }
		#registro .row .medium .campo input[type=text] { float: left; width: 94%; margin: 1%; padding: 0% 2%; line-height: 36px; border-radius: 10px; border:none }
		#registro .row .medium .campo select { float: left; width: 94%; margin: 1%; padding: 2%; height: 30px }		
		input[type="button"] { float: left; width: 60%; margin: 2% 20%; padding: 3% 5%; color: #fff; border:2px solid #fff; border-radius: 50px; text-transform: uppercase; font-weight: 900; cursor: pointer; font-size: 1.2em; background:#DC6868 url("../img/bgEnviar.png") no-repeat 96% center; background-size: 30px; transition: 0.3s; }
		input[type="button"]:hover { background-color:#FBBA25 ; }

		/* Expectativa */
			#expectativa { background:#0386ca url(../img/bgRevista.jpg) no-repeat; color:#fff; margin: 0px; padding: 0px; width: 100%; height: 100%; float: left; }
			#expectativa h1 { float: left; padding: 3% 5% 0% 50%; width: 45%; text-align: right; font-size: 3em; }
			#expectativa p { float: left; padding: 1% 5% 0% 50%; width: 45%; text-align: right; font-size: 1em; margin: 0%; }
			#logoFooter { float: left; width: 30%; padding: 6% 2% 1% 7%; text-align: center; }
			#registroFooter { float: left; width: 44%; padding: 6% 11% 1% 4%; text-align: center; }
			#logoFooter img { width:50%; display:flex; margin: 0% 25%; }
			.email { float: left; width: 40%; padding: 16px 5%; margin:0%; border-radius: 10px 0px 0px 10px; border: none; }
			#btnBoletin { float: left; width: 44%; padding: 16px 3%; margin:0%; border-radius: 0px 10px 10px 0px; border: none; background:#FBBA25 url(../img/bgEnviar.png) no-repeat 90% center; background-size:30px; font-size: 0.8em; }
			#resp { width: 100%; float: left; text-align: center; height: 30px; overflow: hidden; }
			#resp p { padding:0px; margin:0px; text-align: center; }
		/* Fin Expectativa */


		/* Descuentos */
			#cupones { background:rgba(255,255,255,0.7); margin: 0% 5% 1%; padding: 0% 5% 2%; width: 80%; float: left; border-radius: 10px; }
			#cupones h1 { float: left; padding: 3% 0% 1%; width: 100%; text-align: center; font-size: 2em; margin: 0%; }
			#cupones ul { margin:0%; padding: 0%; display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); width: 100%; height: 420px; overflow-y: scroll; }
			#cupones ul li { list-style: none; display: block; }
			#cupones ul li h2 { color:#0386ca; font-size: 1em; margin: 0%; padding: 1%; width: 98%; text-align: left; }
			#cupones ul li p { float: left; padding: 1% 5%; width: 90%; text-align: justify; font-size: 1em; margin: 0%; }
			#cupones ul li p a.enlace { width: 60%; padding: 2% 0%; float: left; margin:20px 20%; background:#1A4594; border-radius: 10px; color:#fff; text-decoration: none; text-align: center; }
			#cupones ul li p img { width: 100%; }
		/* Fin Expectativa */

			
		@media only screen and (max-width: 1024px) {
			#wrapper { width: 100%; margin: 0% auto; padding: 0% }
			#menu { display: none; }
			#logo img { display: inline; width: 100% }
			#formulario p img { width: 100% }
			.half { width: 100%; }
			.halfright { width: 80%; float: left; padding: 50% 10% 0%; background: url(../img/bgRevista.png) no-repeat top center; background-size: 62%; }
			h1 { font-size: 40px; }
			.aside h2 { margin: 0px; width:70%; padding: 10% 15%; font-size:32px; }
			.header #logo, .header #menu { width: 80%; padding: 4% 10%;	}
			#registro .row .medium { width: 98% }
			#registro { float: left; width: 86%; margin: 1% 7%; padding: 1% 0%; font-size: 1em; }
			#expectativa { background-size: 80%; }
			#expectativa h1 { margin: 20% 0% 1%; font-size: 1.2em; padding: 5% 10% 0% 40%; width: 50%; }
			#expectativa p { width: 85%; padding: 3% 10% 0% 5%; text-align: right; margin: 1% 0%; font-size: 14px; white-space:nowrap; }
			#expectativa p br { display:inline-block; } 
			#logoFooter { display:none; }
			#registroFooter { width: 92%; padding: 6% 4% 1% 4%; }
			#correo { width: 90% !important; border-radius: 10px 10px 0px 0px; }
			#btnBoletin { width: 100% !important; background: #FBBA25 url(../img/bgEnviar.png) no-repeat 90% center;  background-size: 30px; border-radius: 0px 0px 10px 10px; }
			#cupones ul { grid-template-columns: repeat(1, 1fr); width: 100%; height: 350px; overflow-y: scroll }
			.info .total { width: 100%; padding: 2% 0%; float: left; font-weight: bold; }
			.halfright { padding: 50% 5% 0%; width:90% }
			#bloqueado #ingreso form { width: 90% }
			.ayudar .half .box h2 { font-size: 2.2em;  }
			.ayudar .half .box p { font-size: 1.5em; }
			.ayudar { background-size: cover; }
			.ayudar .half { width: 80%; padding: 5% 10%; }
			.ayudar .half .box p { padding: 5% 0% 5% 10%; width: 90%; }

			#wompi { width: 70%; margin: 1% 15%; }
		}