@font-face {
    font-family: "Catamaran";
    src: url("../fonts/Catamaran-Regular.woff") format('woff');
}
@font-face {
    font-family: "Catamaran Medium";
    src: url("../fonts/Catamaran-Medium.ttf") format('tff');
}
@font-face {
    font-family: "Catamaran Bold";
    src: url("../fonts/Catamaran-Bold.ttf") format('tff');
}
body {
	margin-bottom: 2em;
}
.navbar {
	background-color: #ffffff;
	height: 4rem;
	width: 100%;
	display: flex;
	justify-content: left;
	align-items: left;
        box-shadow: 1px 1px 3px #9E9E9E;
}
.contenedor {
	overflow: hidden;
}
.contenedor img {
	width: 100%;
}

.separador {
	border-bottom: .4em solid #372e7d;
	display: flex;
	justify-content: center;
	position: relative;
}
.separador img {
	position: absolute;
	top: -1.4em;
}
.title {
	background-color: #00B0FF;
	padding: 0.490rem 0;
}
.title h3 {
	color: #ffffff;
	font-family: Catamaran Bold,"Arial",sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.100em;
	letter-spacing: -0.06625em;
	text-align: center;
}
.step {
	display: flex;
	justify-content: center;
	align-items: center;
}
.step ul::before {
	content: "";
	width: 95%;
	position: absolute;
	border: .3em solid #d8dee3;
	top: 60%;
	z-index: -1;
}
.step ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	position: relative;
}
.step ul li {
	display: flex;
	flex-direction: column;
}
.step ul li .text {
	color: transparent;
	font-size: .75em;
}
.step ul li.active .text {
	color: #a8afbb;
	text-align: center;
}
.step ul li .number {
	background-color: #fff;
	border: 3px solid #d8dee3;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #d8dee3;
	font-size: 1.5em;
	font-weight: bold;
}
.step ul li.active .number {
	background-color: #00B0FF;
	border: 3px solid #d8dee3;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
}

.input {
	display: flex;
	flex-direction: column;
}
.input label {
	color: #767d85;
	font-family: Catamaran Medium,"Arial",sans-serif;
	margin-bottom: .375em;
	font-size: .875em;
	font-weight: 500;
	cursor: pointer;
}
.input input {
        font-family: Catamaran,"Arial",sans-serif;
        box-shadow: 0 .375rem 1.125rem rgba(55,46,125,0.15);
        color: #767d85;
        font-size: 1em;
        line-height: 1.5625rem;
        border-radius: .4em;
        border: 1px solid #a8afbb;
        padding: .4825rem 1.25rem;
}
.input input.error {
	border: 1px solid red;
}
.input input::placeholder {
	font-size: 1em
}
.input_select .row {
	padding: 0 15px;
}
.input_select .row div {
	padding: .3em;
}
span {
	color: #767d85;
	font-family: Catamaran,"Arial",sans-serif;
}
.input_select .radio_select {
	width: 100%;
	border: 1px solid #00B0FF;
	padding: .5em 1em;
	border-radius: .5em;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.input_select .checked.radio_select {
	background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
}
.input_select .checked.radio_select span {
	color: #FFF;
}
.input_select .radio_select::after {
	content: "";
	width: 1.5625em;
	height: 1.5625em;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #37dbad;
	position: absolute;
	right: 1em;
}
.input_select .checked.radio_select::after {
	content: "";
	width: 1.5625em;
	height: 1.5625em;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAE4ElEQVR4nO2cz24cRRCHv+6ZdTYeB8VxkJAsxAnlACeeAN4A5LxBOId3QVw5gwRIvAFc4cCJGxcktJAohETY47V3Z7o47Iy9u57ZnT/dMz1rfjdrd1rjb6u6q6u6S4mI4IGmkmKWXkUrRSKCzv4eKc2e0sUPdyjVNbAU4dykjFXASKlGYwjCpQhzMdzToeU33KxOgM3EYBDGKnAyvgBnJukEnlNgsUmIOraABOFSDJGjH8cJsFhSZy9cVa6sziqwPixqmwTh3KLFWQE2lcUk3mwK70YzMVZW2dYjxCbhruewgCtYsaStxmllYSmC/6huqs3U0cjCptmvNERYAJEOmYtp9GxtYLGk3O15BbShkdKk1HeuWsBik/QeLthUgKqNrDKwqaTehQw2pFiEHlVVCdh0R9ywTApVGVrnm2+fVSVW22phyS3iuac0sUk2fmcjsFhSwoYpmKEq0iGzDSFHKbCZwx2/7wo2GEkpsE0PDVEzMXx59kel7waoUtcsjBN8zDq0USLCnec/A3CkR3y8/9bWZ8r+/0IL298xWKPnP0E8gXjCJ//+zvfnzyo9e1Ewl90IK3bJulZgLSs65of77/Lh+Kj2mDcsbFesqxQWQDzho9e/8ePFy63jTNfSQSvATk0y0PzDqjbCyhVP+OL8r61jre9wVoDt6+GHEZVgASeHj/j2wfuVxlxeMXdqa+QCFiw25yrzvSsLa5u67VuuYAFXsGAJ2L4HZfimcgkrV25Qg3fJLmDBdf1Cw2J1HKK6ggXX9QsNDDIj0SWsXDMxC2A+HCOqoz5gAcxzYEMql/UFCyBQun3lG+Cr+E8bw2xVn7AAAkrSO3X0+J9f+W52xrmkPDl428JrFSuhOqxvHrzn5B1CpQjbHNLIYRFP+BSIjeHpG+/YfUsyWM+qw1LOphhFeNkQ2DIsAOIJn2Wf2YTmD6xFDbORS96AlcsyNJ9g5aoN7JWZF8PKZQmaj7CgAbBDPeLvNz/gITiD5issgLDJdH8U7DmD5jMsgLBp/t4FNN9hCdIuDrMJzXdYAAYLgasNaEOABZBKZmHLKdgmagNtKLAA5rlLzkXYa5niaQJtSLAAEFlkXG0Wb1+mMx6++GUzhOiYp3fu8/nl6+HAyuQkRV0JWgX5BEtYbI2cZA5z9yQ6bjyGT7AALrNzFlfAig5etFEbaCeHj/jaI1gA6Tqw1DIwaAYthxV6BAuujz+tzGG5n9pW1TnNV1gXYhhnKTC9+oGb6ncVS/MVFqxC6rSQW2ZpPsNav4B2Y5W0Pfkvq8jSfIYFcGFWva6XowK5pZ3sHXgNq+h6YyGwLq7KvDJz7unQW1hQfHx18IdRXKmsmlYa6W+7QrLrKquklQKLdHir7hkta5Ox/O+Sa9pW2N66+b5trtn6+l+kw8Gff62q9TP5RaqU3olUsPPQql7+r5wPi1TgdBfQp05rXP6vlUAcK71z0E5rNjSqnXEdK70z7hlLWrv7U+Owou4v45uatsFp3XtHe5VI3q62XZ5aFUGCDFaV5dgHnZqk9Ylxa5F+3sfGxxPZNrMv1spsAYoA5dWtkrkYUsRqqsrZXvLUJBzooJcZbiaGQCkn1u58852y6LfqqiXpsrpYuTvNVswyF7HVLzFBmJr6sVQb9ZreybsGh5n7bGouspiPAJFeux78ByVcJ0stT6tKAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 50%;
	border: 1px solid #DCDCDC;
	position: absolute;
	right: 1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.input_select .radio_select input {
	display: none;
}

.input_checkbox {

}
.input_checkbox label {
	display: flex;
	align-items: center;
	padding: .7em;
	cursor: pointer;
}
.input_checkbox .checkbox {
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid #DCDCDC;
	margin-left: -0.4em;
        margin-right: .870em;
}
.input_checkbox .checkbox.check {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAE4ElEQVR4nO2cz24cRRCHv+6ZdTYeB8VxkJAsxAnlACeeAN4A5LxBOId3QVw5gwRIvAFc4cCJGxcktJAohETY47V3Z7o47Iy9u57ZnT/dMz1rfjdrd1rjb6u6q6u6S4mI4IGmkmKWXkUrRSKCzv4eKc2e0sUPdyjVNbAU4dykjFXASKlGYwjCpQhzMdzToeU33KxOgM3EYBDGKnAyvgBnJukEnlNgsUmIOraABOFSDJGjH8cJsFhSZy9cVa6sziqwPixqmwTh3KLFWQE2lcUk3mwK70YzMVZW2dYjxCbhruewgCtYsaStxmllYSmC/6huqs3U0cjCptmvNERYAJEOmYtp9GxtYLGk3O15BbShkdKk1HeuWsBik/QeLthUgKqNrDKwqaTehQw2pFiEHlVVCdh0R9ywTApVGVrnm2+fVSVW22phyS3iuac0sUk2fmcjsFhSwoYpmKEq0iGzDSFHKbCZwx2/7wo2GEkpsE0PDVEzMXx59kel7waoUtcsjBN8zDq0USLCnec/A3CkR3y8/9bWZ8r+/0IL298xWKPnP0E8gXjCJ//+zvfnzyo9e1Ewl90IK3bJulZgLSs65of77/Lh+Kj2mDcsbFesqxQWQDzho9e/8ePFy63jTNfSQSvATk0y0PzDqjbCyhVP+OL8r61jre9wVoDt6+GHEZVgASeHj/j2wfuVxlxeMXdqa+QCFiw25yrzvSsLa5u67VuuYAFXsGAJ2L4HZfimcgkrV25Qg3fJLmDBdf1Cw2J1HKK6ggXX9QsNDDIj0SWsXDMxC2A+HCOqoz5gAcxzYEMql/UFCyBQun3lG+Cr+E8bw2xVn7AAAkrSO3X0+J9f+W52xrmkPDl428JrFSuhOqxvHrzn5B1CpQjbHNLIYRFP+BSIjeHpG+/YfUsyWM+qw1LOphhFeNkQ2DIsAOIJn2Wf2YTmD6xFDbORS96AlcsyNJ9g5aoN7JWZF8PKZQmaj7CgAbBDPeLvNz/gITiD5issgLDJdH8U7DmD5jMsgLBp/t4FNN9hCdIuDrMJzXdYAAYLgasNaEOABZBKZmHLKdgmagNtKLAA5rlLzkXYa5niaQJtSLAAEFlkXG0Wb1+mMx6++GUzhOiYp3fu8/nl6+HAyuQkRV0JWgX5BEtYbI2cZA5z9yQ6bjyGT7AALrNzFlfAig5etFEbaCeHj/jaI1gA6Tqw1DIwaAYthxV6BAuujz+tzGG5n9pW1TnNV1gXYhhnKTC9+oGb6ncVS/MVFqxC6rSQW2ZpPsNav4B2Y5W0Pfkvq8jSfIYFcGFWva6XowK5pZ3sHXgNq+h6YyGwLq7KvDJz7unQW1hQfHx18IdRXKmsmlYa6W+7QrLrKquklQKLdHir7hkta5Ox/O+Sa9pW2N66+b5trtn6+l+kw8Gff62q9TP5RaqU3olUsPPQql7+r5wPi1TgdBfQp05rXP6vlUAcK71z0E5rNjSqnXEdK70z7hlLWrv7U+Owou4v45uatsFp3XtHe5VI3q62XZ5aFUGCDFaV5dgHnZqk9Ylxa5F+3sfGxxPZNrMv1spsAYoA5dWtkrkYUsRqqsrZXvLUJBzooJcZbiaGQCkn1u58852y6LfqqiXpsrpYuTvNVswyF7HVLzFBmJr6sVQb9ZreybsGh5n7bGouspiPAJFeux78ByVcJ0stT6tKAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.input_checkbox input {
	display: none;
}
.input_checkbox small {
	display: block;
}
small {
	color: red;
	text-align: right;
}
small.hide {
	display: none;
}
small.show {
	display: block;
}

button {
	background-color: #DCDCDC;
	color: #ffffff;
	font-family: Catamaran,"Arial",sans-serif;
	font-weight: bold;
	padding: .3em 2em;
	border-radius: .63em;
	border: none;
	font-size: 1.2em;
	margin: 2em auto 0 auto;
	display: block;
}
.alert {
	padding: 2.5rem 3.4375rem 2.5rem 3.125rem;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 1.875rem;
	border-radius: 1.9rem;
}
.error {
	background-color: #ff4040;
	flex-direction: column;
}
.error h2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.4375rem;
	color: #ffffff;
	margin: 0;
	text-align: left;
}
.error p {
	font-weight: 700;
	color: #8B0000;
}
.info-recargar {
	background-color: #d6ffd6;
}
.info-recargar .info-recarga p {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.375rem;
	margin-bottom: .9375rem;
	color: #767d85;
	font-family: Catamaran,"Arial",sans-serif;
}
.info-recargar .info-recarga p.valor {
	font-weight: 300;
	font-size: 2.25rem;
	line-height: 2.5625rem;
	color: #767d85;
	font-family: Catamaran,"Arial",sans-serif;
}
.info-recargar .info-recarga:first-of-type {
	width: 60%;
	margin-right: 10%;
}
.info-recargar .info-recarga:last-of-type {
	width: 35%;
}

.input_checkout {
	display: flex;
	flex-direction: column;
	margin: .8em 0;
}
.input_checkout input {
	border: 1px solid #DCDCDC;
	padding: .3em;
	border-radius: .2em;
        border: none;
        border-bottom: 1px solid #DCDCDC;
        outline: none;	
}
.finish {
	color: #ffffff;
	background-color: #006400;
	border-radius: 3.2em;
	width: 100%;
}
.loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: flex;
	background-color: rgba(255, 255, 255, 0.8);
	display: none;
}
.loading svg {
	display: block;
	margin: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 992px){
	.contenedor .mobile {
		display: none!important;
	}
	.step ul li:last-child {
		padding-left: 4em;
	}
}
@media (max-width: 991.99px){
	.step ul li:last-child {
		padding-left: .5em;
	}
	.contenedor .pc {
		display: none!important;
	}
	button {
		width: 100%;
	}
}
.step2 {
	display: none;
}
.footer-top {
          background: #ffffff; 
          padding: 30px 0 20px;
          width: 100%;
          margin-bottom: -72px;
          box-shadow: 1px 1px 3px #9E9E9E;
}
.footer-nav ul.pages { 
          list-style:none; padding:0px; 
          font-size: 6em;
}
.footer-top.footer-nav ul.pages li { 
          padding: 5px 0px;
          color: #ffffff;
          font-size: 6em;
}
.footer-top
           color: #ffffff;
           font-size: 6em;
}
.footer-nav ul.pages a:hover { 
         color: #ffffff; 
         text-decoration:none; 
         font-weight: bold;
}
.logos li {
       list-style: none;
       color: #ffffff;
}
.logos img{
        height: 40%;
        width: 40%;
}
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
@font-face{font-family:"fontfutura";src:url("https://fonts.googleapis.com/css?family=Open+Sans") format("ttf");font-weight:normal;font-style:normal;
}
a.btn-google{color:#fff
}
.btn{padding:10px 16px;margin:5px;font-size:18px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block
}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-google{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family:fontfutura;font-weight:600}
.btn-google:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-google:before{content:"";background-image:url(https://4.bp.blogspot.com/-52U3eP2JDM4/WSkIT1vbUxI/AAAAAAAArQA/iF1BeARv2To-2FGQU7V6UbNPivuv_lccACLcB/s30/nexus2cee_ic_launcher_play_store_new-1.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:6px;top:50%;margin-top:-15px}
.btn-google:after{content:"DISPONIBLE EN";position:absolute;top:5px;left:40px;font-size:10px;font-weight:400;
/*]]>*/
</style>
</b:if>
}
a.btn-apple{color:#fff
}
.btn-apple{padding:10px 16px;margin:5px;font-size:18px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block
}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-apple{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family:fontfutura;font-weight:600}
.btn-apple:focus{color:#fff;background-color:#555;border-color:#000}
.btn-apple:active,.btn-apple:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-apple:before{content:"";background-image:url(https://ourimagehosting.com/images/2022/04/15/white-apple-icon-white-apple-logo-symbol-trademark-transparent-png-2608796.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:6px;top:50%;margin-top:-15px}
.btn-apple:after{content:"DISPONIBLE EN";position:absolute;top:5px;left:40px;font-size:10px;font-weight:400;
/*]]>*/
</style>
</b:if>