body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}



@font-face {
	font-family: 'Roboto';
	src: url("/inicio/assets/fonts/Roboto/Roboto-Light.eot");
	src: url("/inicio/assets/fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/inicio/assets/fonts/Roboto/Roboto-Light.woff") format("woff"), url("/inicio/assets/fonts/Roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal
}

.credit__item {
	margin-bottom: 20px
}

.credit__item:after {
	display: block;
	content: "";
	clear: both
}

.credit__item .tooltip {
	float: left;
	margin: 4px 10px 10px 10px;
	font-size: 16px
}

.credit__text {
	color: #858585;
	font-size: 16px;
	line-height: 14px;
	margin-bottom: 6px
}

.credit__number {
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	color: #222;
	float: left;
	margin-bottom: 6px
}

.credit .button {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px
}

.row {
	width: 100%;
	max-width: 768px;
	padding: 0 14px;
	margin: 0 auto;
	height: 100vh;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

.modal__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: rgba(34, 34, 34, 0.8);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.modal__dialog {
	border-radius: 6px;
	display: inline-block;
	width: 87%;
	position: relative;
	text-align: left;
	margin-top: 170px;
	z-index: 2;
	background-color: white;
	opacity: 0;
	transform: translate(0, -100px);
	-webkit-transform: translate(0, -100px);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.modal__icon {
	display: none;
	position: absolute;
	top: -33px;
	left: 50%;
	border: 2px solid #fff;
	width: 65px;
	height: 65px;
	line-height: 72px;
	border-radius: 100%;
	margin-left: -33px;
	text-align: center;
	color: white
}

.modal .icon--success {
	background-color: #66b548
}

.modal .icon--advert {
	background-color: #1F97AE;
	font-size: 41px
}

.modal .icon--info {
	background-color: white;
	color: #858585;
	font-size: 65px
}

.modal .icon--info {
	background-color: white;
	color: #858585;
	font-size: 65px
}

.modal__content {
	padding: 30px 30px 14px
}

.modal__title {
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px
}

.modal__description {
	font-size: 14px;
	line-height: 17px;
	color: #fff
}

.modal__actions {
	overflow: hidden
}

.modal__button {
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #1F97AE;
	max-width: 300px;
	margin: 0 auto;
	display: block;
	border-radius: 125px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.modal__button-resolve {
	font-weight: bold;
	background: #EF3829;
	color: white
}

.modal--alert .modal__content {
	padding-bottom: 0
}

.modal--alert .modal__content .modal__description {
	margin: 0 0 8px !important
}

.modal--advert .modal__dialog {
	background-color: #1F97AE
}

.modal--advert .modal__button {
	border-left-color: #1F97AE
}

.modal--confirm .modal__title {
	color: black;
	margin-bottom: 19px;
	font-weight: bold
}

.modal--confirm .modal__description {
	color: black;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	text-align: center;
	margin: 0 0 12px !important
}

.modal--confirm .modal__button {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400
}

.modal--confirm .modal__button+.modal__button {
	margin-top: 8px
}

.modal--confirm .modal__button-confirm {
	order: 1
}

.modal--confirm .modal__button-reject {
	margin-top: 16px;
	color: #1F97AE;
	order: 2
}

.modal--confirm .modal__actions {
	padding-bottom: 18px;
	display: flex;
	flex-direction: column
}

.modal--confirm .modal__icon {
	font-size: 27px;
	color: black
}

.modal--confirm .icon--success {
	background-color: #F2F2F2
}

.modal--confirm .icon--confirm {
	background-color: #F2F2F2
}

.modal--confirm .modallist {
	max-height: 248px
}

.modal--confirm .modallist .modallist__item {
	padding: 0 90px 20px 0;
	position: relative
}

.modal--confirm .modallist .modallist__item .modallist__number {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: bold
}

.modal--confirm .modallist .modallist__item .modallist__text {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300
}

.modal--confirm .modallist .modallist__item .modallist__text span {
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 16px
}

.modal--confirm .modallist .modallist__item--result {
	border-top: 1px solid #AFAFAF;
	padding-bottom: 0;
	padding-top: 12px
}

.modal--confirm .modallist .modallist__item--result .modallist__number {
	top: 12px;
	font-weight: bold
}

.modal--confirm .modallist .modallist__item--result .modallist__text {
	font-size: 16px
}

.modal--confirmstyle .modal__icon {
	display: none
}

.modal--confirmstyle .modal__dialog {
	border-radius: 6px;
	background: white
}

.modal--confirmstyle .modal__content {
	padding: 28px 30px 14px
}

.modal--confirmstyle .modal__title {
	margin-bottom: 19px;
	font-weight: bold
}

.modal--confirmstyle .modal__button {
	background: transparent;
	color: #1F97AE;
	font-size: 16px
}

.modal--confirmstyle .modal__textconfirm {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #222;
	text-align: center;
	max-width: 250px;
	margin: 0 auto
}

.modal--confirmstyle .modal__actions {
	padding-bottom: 13px
}

.modal--animate .modal__overlay {
	opacity: 1
}

.modal--animate .modal__dialog {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

.modal--open {
	display: block;
	overflow: auto
}

.modal--content {
	overflow: hidden
}

.credit--section {
	width: fit-content
}

@media only screen and (min-width: 768px) {
	.modal__dialog {
		max-width: 650px
	}
}

.header {
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	z-index: 1;
	background-color: #EF3829
}

.header__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	color: #fff;
	text-align: center;
	line-height: 55px
}

.header__logo {
	position: absolute;
	top: 11px;
	left: 15px;
	font-size: 30px;
	color: #fff
}

.header__number {
	display: block;
	text-align: center;
	color: #fff !important;
	font-size: 19px;
	line-height: 52px;
	font-weight: bold
}

.header__section {
	display: block;
	text-align: left;
	color: #fff !important;
	font-size: 20px;
	line-height: 50px;
	font-weight: 500;
	margin-left: 55px
}

.header__info {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0 15px;
	height: 52px;
	line-height: 70px;
	color: #fff;
	font-size: 25px
}

.header__info span {
	display: inline-block;
	vertical-align: top
}

.header__info .icon {
	font-size: 25px;
	line-height: 60px;
	padding-left: 5px
}

.header__credit__info {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0 10px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 13px
}

.header__credit__info span {
	display: inline-block;
	vertical-align: middle
}

.header__credit__info img {
	display: inline-block;
	vertical-align: middle
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	min-height: 100%
}

body {
	margin: 0;
	background-color: #fff;
	font: 16px/18px "Roboto", Sans-serif;
	min-height: 100%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0
}

ol,
ul,
li {
	list-style: none;
	margin: 0;
	padding: 0
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none
}

button {
	border: none;
	background: transparent;
	padding: 0
}

img {
	border-style: none;
	vertical-align: top
}

.packs .title {
	margin-bottom: 18px
}

.packs__help {
	text-align: center;
	font-size: 14px
}

.packs__help .icon {
	font-size: 18px;
	line-height: 19px
}

.packs__header {
	background-color: #F2F2F2;
	position: relative;
	padding-right: 50px;
	margin-bottom: 13px;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.packs__title {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-weight: 100;
	line-height: 50px;
	margin-top: 15px
}

.packs__title--loan {
	padding-left: 15px;
	font-weight: 500
}

.packs ol {
	margin-bottom: 15px
}

.packs__toggle {
	position: absolute;
	top: 10px;
	right: 0;
	width: 30px;
	height: 30px;
	outline: none
}

.packs__toggle:after,
.packs__toggle:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 6px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.packs__toggle:before {
	left: 13px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.packs__offer {
	background: #000000;
	border-radius: 4px;
	margin-bottom: 13px;
	padding: 21px 10px 4px 7px;
	position: relative;
	text-align: center
}

.packs__offer .packs__offerimg {
	top: -10px;
	position: relative
}

.packs__offer p {
	color: #fff;
	font-size: 15px
}

.pack {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	padding: 12px 118px 12px 14px;
	height: 55px;
	overflow: hidden;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 12px;
	display: flex
}

@media only screen and (min-width: 768px) {
	.pack {
		width: 100%
	}
}

.pack:first-child {
	margin-top: 0px
}

.pack .button {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	font-size: 18px;
	min-width: 118px;
	padding: 0 5px;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.pack .button .pack__price__doble {
	display: inline-block;
	text-align: left;
	font-size: 16px
}

.pack .button .pack__price__doble .pack__old,
.pack .button .pack__price__doble .pack__new {
	display: block
}

.pack .button .pack__price__doble .pack__old {
	text-align: center;
	text-decoration: line-through;
	opacity: .8;
	font-size: 14px
}

.pack__description {
	font-size: 15px
}

.pack__description__simbol {
	font-weight: 400;
	font-size: 15px;
	color: #F2F2F2;
	position: relative;
	margin-left: 5px
}

.pack__description__simbol:after,
.pack__description__simbol:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 0px;
	width: 11px;
	height: 2px;
	background-color: black;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg)
}

.pack__description__simbol:before {
	top: 8px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.pack__description .discount_text {
	color: #DA262B;
	font-weight: 600;
	font-size: 13px
}

.pack__description .discount_icon {
	font-size: 12px
}

.pack__subtext {
	font-size: 12px;
	position: relative;
	top: 3px
}

.pack__subtext__icon {
	height: 14px
}

.pack__subtext--renovable {
	color: #1F97AE;
	text-transform: uppercase;
	font-size: 11px
}

.pack--loan {
	background-color: #F2F2F2
}

.packs__roaming {
	margin-bottom: 20px
}

.packs__roaming .packs__inner {
	position: relative
}

.packs__roaming .packs__inner .packs__media {
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 92.75%;
	background-color: #000;
	margin: 0
}

.packs__roaming .packs__inner .packs__media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.packs__roaming .packs__data {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 15px 12px;
	color: #fff
}

.packs__roaming .packs__data p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0
}

.packs__roaming .packs__data .packs__title__inner {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 2px;
	padding: 0;
	line-height: 30px
}

.packs__roaming .creditem {
	margin-bottom: 12px;
	padding-bottom: 10px
}

.packs__roaming .creditem .creditem__content {
	padding: 16px 14px
}

.packs__roaming .creditem p {
	text-align: left;
	font-size: 15px;
	line-height: 9px
}

.packs__roaming .creditem p b,
.packs__roaming .creditem p strong {
	display: inline;
	top: 10px;
	position: relative;
	font-size: 30px;
	left: 0
}

.packs__roaming p a {
	font-size: 15px;
	color: #1f97ae
}

.pack__box {
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	padding: 20px 23px 15px;
	min-height: 50px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 19px;
	width: 100%;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pack__box .pack__box__info {
	padding-left: 40px
}

.pack__box .pack__box__title {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
	display: block
}

.pack__box .pack__box__title a {
	color: inherit
}

.pack__box .message__section__title {
	padding-top: 11px
}

.pack__box .pack__box__sms {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	display: block
}

.pack__box .pack__box__sms a {
	color: inherit
}

.pack__box .pack__box__sms__number {
	font-size: 26px;
	line-height: 31px;
	margin-top: 5px;
	display: block
}

.pack__box .pack__box__text {
	color: #858585;
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 0;
	display: block
}

.pack__box .pack__box__text--inlinle {
	color: #838484;
	display: inline;
	font-size: 14px;
	line-height: 16px
}

.pack__box .pack__box__text--left {
	float: left;
	margin: 0
}

.pack__box .pack__box__text+.tooltip {
	line-height: 23px;
	float: none
}

.pack__box .tooltip {
	margin: 0 5px;
	font-size: 12px
}

.pack__box .tooltip__item {
	color: #838484
}

.pack__box .pack__box__number {
	font-size: 26px;
	text-align: left;
	line-height: 31px;
	display: block;
	clear: both;
	margin: 10px 0 0
}

.pack__box .pack__box__number+.pack__box__title {
	margin-top: 10px
}

.pack__box--disabled {
	background: #e5e5e5
}

.pack__box--disabled .pack__box__title,
.pack__box--disabled .pack__box__text,
.pack__box--disabled .pack__box__number {
	color: #858585;
	text-shadow: 1px 1px 0px #fff
}

.pack__box--deactivated {
	opacity: .4
}

.pack__box .details__content {
	overflow: hidden;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out
}

.pack__box .details__content--open .details__content {
	overflow: visible
}

.pack__box .packs__lists {
	margin: 20px -12px 2px 12px
}

.pack__box .packs__lists .list__content {
	overflow: visible;
	max-height: 1800px
}

.pack__box .packs__header {
	margin: 0
}

.pack__box .alertbox__list {
	border: 1px solid #ddd;
	padding: 10px 0
}

.pack__box .alertbox__list .active-pack {
	margin: 0 7px
}

.pack__box .alertbox__list .active-pack+.active-pack {
	margin-top: 15px
}

.pack__box .packs__legal {
	padding-bottom: 7px
}

.pack__box .pack__box__icon {
	position: absolute;
	top: 20px;
	left: 15px
}

.pack__box .button--recargar {
	margin: 20px 0px 2px
}

.pack__box .buttonanim {
	margin: 19px -12px 2px
}

.pack__box .infobox {
	border-radius: 6px;
	margin: 15px -12px 2px;
	padding: 15px 15px 15px 40px;
	position: relative;
	font-size: 14px;
	line-height: 20px
}

.pack__box .infobox--info {
	background: #C7E5EB;
	color: black
}

.pack__box .infobox--warning {
	background: #E6E6E6
}

.pack__box .infobox__icon {
	position: absolute;
	top: 18px;
	left: 12px;
	font-size: 16px
}

.pack__box .infobox__text strong {
	display: block;
	font-weight: 500
}

.pack__box__legales {
	color: #1F97AE;
	font-size: 14px;
	line-height: 16px;
	padding-right: 15px;
	position: relative;
	display: inline-block
}

.pack__box__legales:after,
.pack__box__legales:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 10px;
	height: 2px;
	background-color: #1F97AE;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.pack__box__legales:before {
	top: 11px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.loading_spinner {
	position: fixed;
	z-index: 100;
	height: 100%;
	width: 100%;
	display: flex;
	background: white;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	flex-direction: column
}

.loading_spinner .loading_spinner--container {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.loading_spinner .loading_spinner--container .loading_spinner--icon {
	width: 45vw;
	height: 45vw
}

.loading_spinner.hidden {
	display: none
}

.list__element {
	padding-top: 16px;
	padding-bottom: 16px;
	max-width: 770px;
	margin-left: auto;
	margin-right: auto
}

.list__element+.list__element--normal {
	padding-top: 0px
}

.list__element--renovable {
	background: #F2F2F2
}

.list__element--renovable+.list__element--normal {
	margin-top: 15px
}

.list__element--renovable+.list__element--renovable {
	padding-top: 0
}

.list__element--renovable:first-child {
	margin-top: 15px !important
}

.dropdown__list .list__content {
	overflow: visible;
	transition: all 0.3s ease-out
}

.dropdown__list .list__toggle {
	position: absolute;
	top: 10px;
	right: 9px;
	width: 30px;
	height: 30px;
	outline: none
}

.dropdown__list .arrow__toggle:after,
.dropdown__list .arrow__toggle:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 7px;
	width: 10px;
	height: 2px;
	background-color: black;
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.dropdown__list .arrow__toggle:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list .arrow__toggle:before {
	left: 13px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdown__list .cross__toggle:after,
.dropdown__list .cross__toggle:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 2px;
	background: #1F97AE;
	border-radius: 4px;
	top: 14px;
	left: 10px;
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.dropdown__list .cross__toggle:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.dropdown__list .cross__toggle:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.dropdown__list--open .list__content {
	overflow: visible;
	max-height: 1800px;
	padding-bottom: 1px
}

.dropdown__list--open .arrow__toggle:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdown__list--open .arrow__toggle:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list--open .cross__toggle:after {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.dropdown__list--closed .list__content {
	overflow: hidden;
	max-height: 0
}

.dropdown__list--closed .arrow__toggle:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list--closed .arrow__toggle:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdowninfo {
	margin-bottom: 10px
}

.dropdowninfo.dropdown__list {
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.dropdowninfo.dropdown__list .dropdowninfo {
	box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.3)
}

.dropdowninfo__header {
	background-color: transparent;
	position: relative;
	padding-right: 50px;
	margin-bottom: 0;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0px 1px 6px #00000029
}

.dropdowninfo__header--packs {
	padding-right: 0;
	box-shadow: 0px 1px 6px #00000029
}

.dropdowninfo__header--packs .dropdowninfo__title {
	padding-right: 50px
}

.dropdowninfo__content {
	background-color: #F2F2F2;
	margin: 12px;
	border-radius: 6px;
	padding: 16px 12px
}

.dropdowninfo__content__header {
	display: flex;
	justify-content: space-between
}

.dropdowninfo__content__text {
	color: #222;
	font-size: 14px;
	line-height: 20px
}

.dropdowninfo__content__title {
	color: #222;
	font-weight: 600;
	margin-bottom: 7px
}

.dropdowninfo__content__label {
	background: #F2DEDE;
	width: fit-content;
	font-size: 10px;
	color: #B7202E;
	float: right;
	bottom: 3px;
	position: relative;
	padding: 4px 10px;
	font-weight: 500
}

.dropdowninfo__content__tag {
	background-color: #1F97AE;
	padding: 7px;
	width: 170px;
	color: white;
	font-size: 11px;
	display: flex;
	align-items: center;
	margin-right: 30px
}

.dropdowninfo__content__tag img {
	margin-right: 8px;
	margin-bottom: 2px
}

.dropdowninfo__content__tag span {
	text-transform: uppercase
}

.dropdowninfo__content__card {
	background-color: #F2DEDE;
	border-radius: 6px;
	margin-top: 14px;
	color: #B7202E;
	padding: 12px;
	display: flex
}

.dropdowninfo__content__card__content {
	margin-left: 9px
}

.dropdowninfo__content__card__title {
	font-size: 12px;
	font-weight: 500
}

.dropdowninfo__content__card__desc {
	color: black;
	font-size: 14px
}

.dropdowninfo__content__renewable {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 5%;
	width: fit-content
}

.dropdowninfo__content__icon {
	height: 14px
}

.dropdowninfo__icon {
	position: absolute;
	font-size: 18px;
	left: 15px;
	top: 15px
}

.dropdowninfo__icon--warning {
	color: #B7202E;
	font-size: 22px;
	top: 13px
}

.dropdowninfo__icon.icon--success-rounded {
	color: #33744F
}

.dropdowninfo__title {
	color: #222;
	margin: 0 0 0 45px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold
}

.dropdowninfo__title--warning {
	color: #B7202E
}

.dropdowninfo__desc__text {
	color: #222;
	font-size: 14px;
	line-height: 20px
}

.dropdowninfo__desc__text--warning {
	color: #B7202E;
	font-weight: 600
}

.dropdowninfo--warning .dropdowninfo__title,
.dropdowninfo--warning .dropdowninfo__icon,
.dropdowninfo--warning .dropdowninfo__desc__text {
	color: #B7202E
}

.dropdowninfo .dropdowninfopacks {
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	padding: 0 15px 20px
}

.dropdowninfo .dropdowninfopacks__total {
	text-align: center
}

.dropdowninfo .dropdowninfopacks__total__title {
	font-size: 11px;
	color: #222
}

.dropdowninfo .dropdowninfopacks__total__num {
	color: #222;
	font-size: 22px;
	font-weight: bold
}

.dropdowninfo .dropdowninfopacks__vencimiento {
	color: #222;
	padding: 0 0 0 15px;
	font-size: 14px;
	line-height: 20px
}

.dropdowninfo .dropdowninfolimit__header {
	padding: 0;
	margin: 0 0 0;
	min-height: 33px;
	position: relative
}

.dropdowninfo .dropdowninfolimit__header .icon--info-rounded {
	color: #222;
	top: -1px
}

.dropdowninfo .dropdowninfolimit__title {
	color: #222;
	font-size: 13px;
	margin: 0 0 0 45px;
	padding: 0 0 10px
}

.dropdowninfo .dropdowninfolimit__ul {
	background: #f2f2f2;
	padding: 0 15px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.dropdowninfo .dropdowninfolimit__li {
	padding: 13px 0
}

.dropdowninfo .dropdowninfolimit__li+li {
	border-top: 1px solid #D0D0D0
}

.dropdowninfo .dropdowninfolimit__li__text {
	color: #222;
	font-size: 14px;
	line-height: 20px
}

.alertinfo {
	display: flex;
	background: #C7E5EB;
	margin-bottom: 8px;
	padding: 16px 14px 18px;
	position: relative;
	color: #222
}

.alertinfo .icon {
	left: 15px;
	top: 17px;
	font-size: 20px;
	color: #B7202E
}

.alertinfo__text {
	padding-left: 10px;
	font-size: 16px;
	padding-right: 20px;
	line-height: 19px
}

.alertinfo__text--small {
	font-size: 14px;
	padding-right: 0px;
	line-height: 18px
}

.alertinfo__title {
	padding-left: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	margin: 0 0 2px;
	color: #B7202E
}

.alertinfo--warning {
	padding: 16px;
	margin-left: 0;
	background: #F2DEDE
}

.alertinfo--warning a {
	color: #1F97AE
}

@media only screen and (min-width: 768px) {
	.alertinfo--warning .icon {
		margin-top: -2px
	}
}

.alertinfo--column {
	display: flex;
	flex-direction: column
}

.alertinfo--grey {
	background: #E6E6E6;
	border-radius: 6px;
	margin-bottom: 20px
}

.alertinfo--grey .icon {
	color: #000
}

.dropdown__packinfo {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2)
}

.dropdown__packinfo.dropdown__list--open .packs__header {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .packinfo {
	color: #222;
	padding: 15px 16px 12px 45px;
	position: relative
}

.dropdown__packinfo .packinfo+.packinfo {
	border-top: 1px solid #D0D0D0
}

.dropdown__packinfo .packinfo.packinfo--red {
	color: #B7202E
}

.dropdown__packinfo .packinfo__icon {
	font-size: 20px;
	position: absolute;
	top: 15px;
	left: 15px
}

.dropdown__packinfo .packinfo__icon.icon--success-rounded {
	color: #33744F
}

.dropdown__packinfo .packinfo__title {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 4px
}

.dropdown__packinfo .packinfo__text {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo .packinfo__header {
	margin: 0;
	background: transparent
}

.dropdown__packinfo .packinfototal__vencimiento {
	color: #222222;
	padding: 0 0 0 15px;
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo .packinfototal {
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	padding: 0 15px 20px
}

.dropdown__packinfo .packinfototal__total {
	text-align: center;
	color: #222
}

.dropdown__packinfo .packinfototal__total__num {
	font-size: 22px;
	font-weight: bold
}

.dropdown__packinfo .packinfototal__total__title {
	font-size: 11px;
	color: #222222
}

.dropdown__packinfo .packinfototal__limit {
	margin: 0 15px 15px;
	position: relative;
	color: #222222
}

.dropdown__packinfo .packinfototal__limit__title {
	display: inline-block;
	margin-left: 29px;
	font-size: 13px
}

.dropdown__packinfo .packinfototal__limit__icon {
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 20px
}

.dropdown__packinfo .dropdown__vencimientos {
	margin: 0 15px 16px;
	border-radius: 4px;
	background-color: #F2F2F2
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--closed .packs__header,
.dropdown__packinfo .dropdown__vencimientos.dropdown__list--open .packs__header {
	border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--open .packs__header {
	border-bottom: 1px solid #D0D0D0;
	transition: all 0.3s ease-out
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--closed .packs__header {
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease-out
}

.dropdown__packinfo .dropdown__vencimientos__header {
	min-height: 38px;
	margin: 0;
	background: transparent;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .dropdown__vencimientos__header .list__toggle {
	top: 6px
}

.dropdown__packinfo .dropdown__vencimientos__header .packs__title {
	font-size: 14px;
	line-height: 38px;
	font-weight: 400
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__list {
	padding: 0 15px
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__li {
	font-size: 0;
	padding: 15px 0 13px
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__li+.vencimientos__li {
	border-top: 1px solid #D0D0D0
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__text {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__text--right {
	text-align: right
}

.dropdown__packinfo .packinforenovar {
	padding: 15px 15px 17px;
	position: relative;
	color: #222222;
	display: block;
	border-top: 1px solid #ccc
}

.dropdown__packinfo .packinforenovar__text {
	display: inline-block;
	margin-left: 29px;
	font-size: 16px;
	font-weight: bold
}

.dropdown__packinfo .packinforenovar__icon {
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 20px
}

.dropdown__packinfo--noborder {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo--noborder .packs__title--padding {
	font-size: 16px;
	padding-left: 45px;
	padding-right: 0;
	color: #222
}

.dropdown__packinfo--noborder .packvencimiento {
	margin: 0 15px 14px;
	color: #222
}

.dropdown__packinfo--noborder .packvencimiento__title {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo--noborder .packvencimiento__text {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo--noborder.dropdown__list--open .packs__header {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2)
}

.corpo_no_cofa_alertbox {
	background-color: #C7E5EB;
	border-radius: 5px;
	text-align: justify
}

.corpo_no_cofa_alertbox .alertbox__icon {
	font-size: 16px;
	top: 10px
}

.active__packs__header {
	background-color: #F2F2F2;
	position: relative;
	padding-right: 50px;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #D0D0D0
}

.active__packs__list {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto
}

.active__packs__title {
	padding: 0 15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px
}

.packs__content__error {
	text-align: center;
	margin: 21px 0 0
}

.packs__content__error__title {
	color: #222;
	line-height: 24px;
	font-size: 20px;
	font-weight: 500
}

.packs__content__error__text {
	color: #222;
	line-height: 21px;
	font-size: 16px;
	font-weight: 300;
	max-width: 240px;
	display: block;
	margin: 15px auto
}

.packs__content__error__link {
	color: #1D899E;
	display: block
}

.cr__packs__layout {
	margin-top: 16px
}

.button {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #1F97AE;
	padding: 16px 15px;
	outline: none;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.button__icon {
	font-size: 27px;
	vertical-align: top;
	display: inline-block;
	line-height: 43px;
	margin-right: 5px
}

.button .icon {
	font-size: 16px;
	vertical-align: middle
}

.button[disabled],
.button--disabled {
	background-color: #ddd !important;
	color: #858585 !important
}

.button-icon-position {
	height: 17px;
	position: relative;
	top: 0;
	font-weight: bolder;
	display: inline-block;
	line-height: 14px;
	vertical-align: top
}

.button--block {
	width: 100%;
	display: block
}

.button--miclaro {
	margin-top: 15px
}

.button--pin {
	margin-top: 15px
}

.button--primary {
	background-color: #EF3829;
	color: #fff
}

.button--primary:hover,
.button--primary:active,
.button--primary:focus {
	background-color: #d51f10
}

.button--secondary {
	background-color: #1F97AE;
	color: #fff
}

.button--secondary:hover,
.button--secondary:active,
.button--secondary:focus {
	background-color: #177183
}

.button--recargar {
	display: block;
	width: auto;
	margin-top: 3%;
	margin-bottom: 10px;
	font-size: 20px
}

.button--recargar .button__arrow {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-left: 5px
}

.button--recargar .button__arrow:after,
.button--recargar .button__arrow:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 2px;
	background-color: white;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.button--recargar .button__arrow:before {
	top: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.title {
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Roboto';
	color: #222
}

.title--line {
	padding-bottom: 7px;
	margin-bottom: 8px;
	border-bottom: 2px solid #000;
	font-size: 18px
}

.title--icon {
	padding-left: 60px;
	position: relative;
	height: 30px;
	line-height: 30px !important;
	font-size: 16px !important;
	font-weight: bold;
	margin-bottom: 10px !important
}

.title--icon .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	text-align: center;
	font-size: 30px;
	line-height: 30px
}

.title.titlelight {
	font-size: 20px;
	line-height: 22px;
	font-weight: 300;
	margin: 23px 0 14px
}

.title__description {
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
	font-family: 'Roboto';
	color: #222;
	margin: 13px 0 21px
}

.title__description--medium {
	font-size: 14px;
	margin-bottom: 16px;
	margin-top: 10px
}

.bg_grey {
	background: #F2F2F2
}

strong.medium {
	font-weight: 500
}

.alert {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	padding-top: 10px
}

.alert .icon {
	display: block;
	width: 62px;
	height: 62px;
	line-height: 74px;
	border-radius: 100%;
	margin: 0 auto 20px;
	color: #fff
}

.alert .icon--success {
	background-color: #66b548;
	font-size: 28px
}

.alert .icon--advert {
	background-color: #1F97AE;
	font-size: 48px
}

.alert .icon--error {
	background-color: #B7202E;
	font-size: 28px
}

.alert .icon--warning {
	background-color: #F5842B;
	font-size: 28px
}

.alert__title {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 20px
}

.alert__description {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 20px
}

.alert .button {
	font-size: 18px
}

.alertbox {
	margin-bottom: 8px;
	display: block;
	position: relative;
	padding: 13px 13px 13px 45px
}

.alertbox--error {
	background-color: #F2DEDE
}

.alertbox--error .alertbox__icon {
	font-size: 16px;
	top: 7px;
	color: #B7202E
}

.alertbox--error .loan__error__icon {
	top: 10px;
	font-size: 20px;
	color: #B7202E
}

.alertbox--error .alertbox__content a {
	color: #B7202E
}

.alertbox--info {
	background-color: #F5842B
}

.alertbox--info .alertbox__icon {
	font-size: 16px;
	top: 7px;
	color: white
}

.alertbox--info .loan__error__icon {
	top: 15px;
	font-size: 20px;
	color: white
}

.alertbox--info .alertbox__content p {
	color: white
}

.alertbox--success {
	background-color: #dff0d8
}

.alertbox--success .alertbox__icon {
	background-color: #0f7806;
	color: white
}

.alertbox--success .alertbox__content p {
	color: #0f7806
}

.alertbox__icon {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	line-height: 30px;
	font-size: 11px;
	text-align: center;
	color: black
}

.alertbox--disabled {
	display: flex;
	background-color: #E6E6E6;
	padding: 12px;
	margin-top: 20px;
	border-radius: 6px;
	font-size: 12px
}

.alertbox--disabled .icon {
	margin-right: 12px;
	font-size: 16px
}

.alertbox__content p {
	font-size: 14px;
	line-height: 16px
}

.alertbox__content strong {
	font-size: 18px;
	line-height: 20px;
	display: block
}

.freestyle .title {
	margin-top: 10px;
	margin-bottom: 10px
}

.freestyle p {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 18px
}

.freestyle p a {
	color: #1F97AE;
	text-decoration: underline
}

.box__icon {
	position: relative;
	min-height: 37px;
	padding: 8px 0 15px 50px
}

.box__icon--help {
	padding-left: 0
}

.box__icon+.box__icon {
	border-top: 1px solid #ddd
}

.box__icon .icon {
	position: absolute;
	top: 23px;
	left: 0;
	font-size: 37px;
	line-height: 37px
}

.box__icon h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 6px
}

.box__icon p {
	font-size: 14px;
	line-height: 16px;
	margin-top: 13px
}

.box__icon p a {
	color: #1F97AE
}

.box__icon big {
	font-size: 22px;
	line-height: 24px;
	display: block;
	color: #222;
	margin-bottom: 6px
}

.box__icon big a {
	color: inherit
}

.box__icon small {
	font-size: 13px;
	line-height: 15px;
	color: #858585;
	display: block
}

.box__icon__right {
	float: right;
	width: 10px;
	height: 21px;
	display: block;
	position: relative
}

.box__icon__right:after,
.box__icon__right:before {
	content: "";
	position: absolute;
	top: 14px;
	left: -14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.box__icon__right:before {
	top: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.faq_page {
	background-color: #F2F2F2
}

.faq {
	padding: 10px 7px 30px
}

.faq .title {
	letter-spacing: 0;
	color: #222;
	font-size: 18px;
	font-weight: 300;
	margin: 15px
}

.faq .help__title {
	letter-spacing: 0;
	color: #858585;
	font-size: 16px;
	font-weight: bold;
	margin: 15px
}

.faq__items {
	margin-bottom: 25px
}

.faq__item {
	padding: 15px;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 0 0 0 0;
	border-top: groove;
	border-color: #a9a9a936;
	border-width: 1px
}

.faq__item .toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	outline: 0
}

.faq__item .toggle:after,
.faq__item .toggle:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.faq__item .toggle:before {
	left: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.faq__item__body {
	overflow: hidden;
	height: 0px;
	transition: height 0.2s ease-out;
	-webkit-transition: height 0.2s ease-out
}

.faq__item__body--spacer {
	padding-top: 30px
}

.faq__item__first_item {
	border-radius: 5px 5px 0 0
}

.faq__item__last_item {
	border-radius: 0 0 5px 5px
}

.faq__head {
	position: relative;
	padding-right: 40px
}

.faq__title {
	font-size: 14px;
	line-height: 17px
}

.faq__title__txt {
	display: block;
	margin-left: 20px;
	font-weight: 500;
	font-size: medium;
	color: #222
}

.faq__body {
	margin: 0;
	overflow: hidden;
	height: 0;
	transition: height 0.2s ease-out;
	-webkit-transition: height 0.2s ease-out
}

.faq__body p {
	margin: 5px 0 0 20px;
	font-size: 14px;
	line-height: 17px;
	font-weight: 100
}

.faq__body p a {
	color: #1F97AE
}

.faq .chat__content {
	display: inline-block;
	width: 100%
}

.tooltip {
	position: relative;
	float: left;
	color: inherit
}

.tooltip__item {
	color: #AFAFAF
}

a.anchor {
	display: block;
	position: relative;
	top: -52px;
	visibility: hidden
}

.legal__text {
	white-space: pre-line
}

.tips {
	font-size: 14px;
	line-height: 17px
}

.tips li {
	padding-left: 10px;
	margin-left: 10px;
	list-style: disc inside
}

.tips h3 {
	margin: 10px 0 3px
}

.payment__title {
	margin-top: 14px;
	margin-bottom: 5%
}

.success__buy__page {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.success__buy__content {
	display: flex;
	flex-direction: column;
	margin-top: 5vh
}

.success__buy__title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px
}

.success__buy__img {
	width: 40vh;
	align-self: center
}

.success__buy__description {
	width: 60vh;
	align-self: center;
	text-align: center
}

.credit__title {
	font-size: 18px;
	font-weight: 100;
	margin-right: 8px
}

.credit__amount {
	font-size: 18px;
	font-weight: 500
}

.credit__container {
	position: relative;
	display: flex;
	margin-bottom: 16px;
	padding-top: 16px;
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto
}

.legal__section {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	margin-bottom: 7px
}

.legal__link__divider {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto
}

.legal__link {
	color: #4bb6ca;
	font-size: 14px;
	cursor: pointer
}

.legal__link--small {
	font-size: 12px
}

.message__page {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.message__page__content {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.message__page__title {
	text-align: center;
	font-size: 21px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 5%
}

.message__page__img {
	width: 40vh;
	align-self: center
}

.message__page__description {
	margin: auto;
	width: 90%;
	max-width: 400px;
	align-self: center;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	border-width: 1px;
	box-shadow: 0 3px 6px #00000029;
	border-radius: 6px;
	opacity: 1;
	position: relative;
	bottom: 25px;
	background-color: white;
	padding-bottom: 6px
}

.come__back__link {
	color: #4CB6CA;
	text-align: center;
	margin-top: 4%;
	font-size: 16px;
	cursor: pointer
}

.icon-radius {
	border-radius: 7px
}

.pp__tooltip {
	position: relative;
	font-size: 14px;
	margin: 0 0 50px 0
}

.pp__tooltip:focus .pp__tooltip__description,
.pp__tooltip:hover .pp__tooltip__description,
.pp__tooltip:active .pp__tooltip__description {
	display: block
}

.pp__tooltip__item {
	color: #AFAFAF
}

.pp__tooltip__description {
	z-index: 100;
	display: none;
	position: absolute;
	left: 100%;
	top: 50%;
	background-color: #F2F2F2;
	margin-left: 15px;
	width: 150px;
	padding: 8px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 16px;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

.pp__tooltip__description:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10.4px 6px 0;
	border-color: transparent #F2F2F2 transparent transparent;
	transform: translate(0, -9px);
	-ms-transform: translate(0, -9px);
	-moz-transform: translate(0, -9px);
	-webkit-transform: translate(0, -9px)
}

.disabled {
	background-color: #F2F2F2
}

.dot {
	height: 10px;
	width: 10px;
	margin-left: 5px;
	background-color: #AFAFAF;
	border-radius: 50%;
	display: inline-block
}

.dot_section {
	margin-top: 10%
}

.red {
	background-color: #EF3829
}

.bold {
	font-weight: bold
}

.button__arrow {
	font-size: 27px;
	font-weight: bold;
	line-height: 10px;
	height: 14px;
	display: inline-block;
	position: relative;
	top: 2px
}

.chat__icon {
	max-height: 32px;
	max-width: 32px;
	padding-right: 5px
}

.chat__text {
	color: #222;
	line-height: 32px;
	font-weight: 500
}

.chat_arrow {
	float: right;
	margin-right: 15px
}

.bolt {
	font-weight: bold
}

.error_information_box {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	padding-left: 4%;
	padding-right: 5%
}

.error_information_box img {
	max-height: 60px;
	height: 44px
}

.error_information_box p {
	text-align: left;
	font-size: 15px
}

.error_information_box p:nth-child(2) {
	max-width: 50%;
	text-align: left
}

.error_information_box p:nth-child(3) {
	width: 20%;
	text-align: right
}

.error_information_box .bold {
	font-size: 18px
}

.error_information_box__success {
	width: 76%
}

.border__boxshadow__info {
	width: 76%
}

.border__boxshadow__info__textleft {
	max-width: 160px;
	display: inline-block
}

#success-loan-info {
	padding: 20px;
	align-items: flex-start
}

#success-loan-info div {
	width: 76%
}

#success-loan-info div p:last-child {
	width: 65%;
	max-width: initial;
	margin-top: 7px
}

#failed-loan-info div {
	width: 76%
}

#failed-loan-info div p:last-child {
	width: 100%;
	max-width: initial;
	margin-top: 0
}

.pack__box__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	width: 100%
}

.right {
	float: right
}

#tutorial__escritorio .tutorial {
	color: #272727
}

#tutorial__escritorio .tutorial__desc {
	font: 400 16px/19px "Roboto", Sans-serif;
	margin-top: 15px
}

#tutorial__escritorio .tutorial__title {
	font: 600 18px/21px "Roboto", Sans-serif;
	margin-top: 30px
}

#tutorial__escritorio .tutorial__list {
	margin-top: 30px;
	font: 400 16px/29px "Roboto", Sans-serif;
	list-style: none
}

#tutorial__escritorio .tutorial__li {
	counter-increment: li;
	padding-left: 50px;
	position: relative;
	font: 400 16px/19px "Roboto", Sans-serif
}

#tutorial__escritorio .tutorial__li__img {
	display: inline-block;
	vertical-align: top;
	margin: 1px 3px 0
}

#tutorial__escritorio .tutorial__li+.tutorial__li {
	margin-top: 45px
}

#tutorial__escritorio .tutorial__li:before {
	content: counter(li);
	display: inline-block;
	color: #fff;
	background: #EF3829;
	border-radius: 125px;
	width: 29px;
	font: 400 18px/29px "Roboto", Sans-serif;
	height: 29px;
	text-align: center;
	position: absolute;
	top: 2px;
	left: 0
}

#tutorial__escritorio .tutorial__success {
	display: block;
	text-align: center;
	font: bold 35px/37px "Roboto", Sans-serif;
	margin-top: 30px
}

.buy-success {
	width: 100%;
	padding-top: 0
}

.buy-success .message__buysuccess {
	text-align: center;
	background-size: auto 42px;
	width: 100vw
}

.buy-success .message__buysuccess+.handler__description--boxed {
	margin-top: 40px
}

.buy-success .message__buysuccess__img {
	margin-top: 23px
}

.buy-success .message__buysuccess__container {
	padding: 40px 28px 55px 28px;
	background-color: #73A974
}

.buy-success .message__buysuccess__container--shorter {
	padding-top: 40px;
	padding-bottom: 40px
}

.buy-success .message__buysuccess__icon {
	text-align: center;
	margin: 0 0 30px
}

@media only screen and (min-width: 768px) {
	.buy-success .message__pagesuccess {
		padding-top: 0
	}
}

.buy-success .message__buysuccess__title {
	margin: auto;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	max-width: 240px;
	color: white;
	padding-top: 0
}

.buy-success .message__buysuccess__info {
	display: flex;
	font-size: 16px;
	position: relative;
	margin: 12px auto 0;
	justify-content: center;
	color: white
}

.buy-success .message__buysuccess__chevron {
	position: relative
}

.buy-success .message__buysuccess__chevron:after,
.buy-success .message__buysuccess__chevron:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 5px;
	width: 6px;
	height: 2px;
	background-color: white;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.buy-success .message__buysuccess__chevron:before {
	top: 10px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.buy-success .message__infobox {
	background: #e8e8e8;
	max-width: 240px;
	margin: 0 auto 11px;
	padding: 8px 35px 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
	color: #222;
	font-size: 14px;
	line-height: 19px;
	font-weight: 500
}

.buy-success .message__infobox__lkn {
	color: #4bb6ca;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-decoration: underline;
	margin-top: 7px;
	display: block
}

.buy-success .message__boxpack__title {
	font-size: 16px;
	line-height: 23px;
	color: #222;
	padding-top: 16px
}

.buy-success .message__boxpack__logos {
	max-width: 235px;
	margin: 0 auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly
}

.buy-success .message__boxpack__logos__logo {
	padding: 12px 20px;
	flex-grow: 1
}

.buy-success .message__boxpack__logos__logo img {
	margin-bottom: 12px
}

.buy-success .message__boxpack__logos__logo--whatsapp {
	margin-top: -10px
}

.buy-success .message__boxpack__logos__logo--whatsapp img {
	margin-bottom: 2px
}

.buy-success .message__boxpack__logos__logo--video {
	padding: 12px 0;
	bottom: 10px;
	position: relative
}

.buy-success .message__boxpack__logos__logo--video img {
	margin-bottom: 3px
}

.buy-success .message__boxpack__logos__logo--thinner {
	padding: 12px 2px
}

.buy-success .message__boxpack__logos__logo--extra img {
	height: 31px;
	margin-top: 4px;
	margin-left: 5px
}

.buy-success .message__boxpack__logos__description {
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	font-weight: 100
}

.buy-success .message__boxpack__logos__description--medium {
	margin-top: 0;
	font-weight: 400
}

.buy-success .message__boxpack__logos .message__lkndescubir {
	color: #4bb6ca;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-decoration: underline;
	display: inline-block;
	margin: 5px 2px 0
}

.buy-success .message__boxpack__logos li {
	padding: 12px 25px
}

.message__boxpack__text {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #222;
	vertical-align: middle;
	margin-top: 5px
}

.message__boxpack__text span {
	position: relative;
	top: 2px
}

.message__buysuccess__whatsapp {
	height: 26px;
	width: auto;
	display: inline;
	vertical-align: middle
}

.message__boxpackback {
	color: #222;
	text-align: center;
	margin-top: 15%;
	font-size: 18px;
	text-decoration: underline
}

.message__boxpackback a {
	color: inherit;
	font-size: inherit
}

.border__boxshadow {
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	min-height: 80px;
	margin-top: 13px
}

.banner {
	display: block;
	border-radius: 4px;
	margin-bottom: 10px
}

.banner img {
	width: 100%;
	height: auto
}

.page-handler {
	background-color: white;
	height: 100vh;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.page-handler .handler {
	margin-bottom: 30px
}

.page-handler .handler .content {
	margin-top: 20%;
	display: flex;
	flex-direction: column;
	height: 100%
}

.page-handler .handler__logo img {
	height: 20vh
}

.page-handler .handler__space {
	flex-grow: 0.2
}

.page-handler .handler__icon {
	margin-bottom: 30px
}

.page-handler .handler__title {
	color: #222;
	font-weight: bold;
	line-height: 24px;
	font-size: 20px;
	margin: 0 auto 25px;
	max-width: 260px;
	flex-grow: 0.1
}

.page-handler .handler__description {
	color: #222;
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin: 0 auto 30px;
	max-width: 336px;
	flex-grow: 0.3
}

.page-handler .handler__description--boxed {
	background: #F2F2F2 0 0 no-repeat padding-box;
	border-radius: 6px;
	max-width: 370px;
	width: 80%;
	padding: 16px;
	line-height: 14px;
	position: relative;
	bottom: 14px
}

.page-handler .handler__description--medium {
	font-size: 16px
}

.page-handler .handler .handler__btn,
.page-handler .handler .handler__back {
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px
}

.page-handler .handler .handler__btn {
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 125px;
	background: #EF3829;
	color: #fff;
	margin-bottom: 20px;
	max-width: 288px;
	margin-left: auto;
	margin-right: auto;
	width: 80vw
}

.page-handler .handler .handler__back {
	font-size: 16px;
	color: #1F97AE;
	font-weight: 400;
	flex-grow: 0.5
}

.handler__description {
	color: #222;
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin: 0 auto 30px;
	max-width: 336px;
	flex-grow: 0.3
}

.handler__description--boxed {
	background: #F2F2F2 0 0 no-repeat padding-box;
	border-radius: 6px;
	max-width: 370px;
	width: 80%;
	padding: 16px;
	line-height: 16px;
	position: relative;
	bottom: 14px;
	margin-bottom: 24px;
	text-align: center;
	font-size: 12px
}

.handler__description--medium {
	font-size: 16px
}

.handler__back {
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px
}

.links__home {
	border-radius: 6px;
	margin-bottom: 4px;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 742px;
	width: 100%
}

.links__home--benefits {
	max-width: 400px;
	width: 90%;
	margin-bottom: 45px
}

.links__home--large {
	width: 100%;
	max-width: none
}

.links__home__a {
	display: block;
	color: #101010;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 0 17px 61px
}

.links__home__a--blue {
	color: #1F97AE
}

.links__home__a--benefit {
	padding-left: 10px;
	padding-right: 30px;
	font-weight: 400;
	font-size: 14px;
	display: flex;
	align-items: center
}

.links__home__a--benefit:before,
.links__home__a--benefit:after {
	top: 29px !important
}

.links__home__a--benefit:before {
	top: 35px !important
}

.links__home__a+a {
	border-top: 1px solid #D0D0D0
}

.links__home__a:after,
.links__home__a:before {
	content: "";
	position: absolute;
	top: 20px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.links__home__a:before {
	top: 26px;
	right: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.links__home__a--no_arrow:after,
.links__home__a--no_arrow:before {
	display: none
}

.links__home__img {
	position: absolute;
	left: 16px;
	top: 7px;
	max-width: 36px
}

.links__home__img--tarjeta {
	left: 16px;
	top: 17px
}

.links__home__img--drive {
	position: relative;
	height: 16px;
	max-width: none;
	top: 0;
	left: 0;
	margin-right: 10px
}

.links__home__img--video {
	height: 16px;
	max-width: none;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px
}

.links__home__img--amazon {
	height: 35px;
	max-width: none;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px
}

.links__home .links__home--desc {
	padding-bottom: 12px;
	padding-top: 0
}

.links__home .links__home--desc .links__home__img--tarjeta {
	top: 20px
}

.links__home .links__home--desc:after,
.links__home .links__home--desc:before {
	top: 28px
}

.links__home .links__home--desc:before {
	top: 34px
}

.links__home .links__home__text {
	color: #EF3829;
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin-top: 2px
}

.links__home .links__home__icon {
	position: relative;
	right: 17px;
	top: 11px;
	width: 15px;
	height: 15px
}

.links__home .links__home__icon .links__home__line3,
.links__home .links__home__icon .links__home__line2,
.links__home .links__home__icon .links__home__line1 {
	background: #EF3B1C;
	position: absolute;
	left: 0;
	top: 0;
	height: 6px;
	width: 2px
}

.links__home .links__home__icon .links__home__line1 {
	animation: lineanim1 2.5s infinite;
	-ms-animation: lineanim1 2.5s infinite;
	-moz-animation: lineanim1 2.5s infinite;
	-webkit-animation: lineanim1 2.5s infinite
}

.links__home .links__home__icon .links__home__line2 {
	left: 5px;
	top: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	animation: lineanim2 2.5s infinite;
	-ms-animation: lineanim2 2.5s infinite;
	-moz-animation: lineanim2 2.5s infinite;
	-webkit-animation: lineanim2 2.5s infinite
}

.links__home .links__home__icon .links__home__line3 {
	left: 7px;
	top: 7px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	animation: lineanim3 2.5s infinite;
	-ms-animation: lineanim3 2.5s infinite;
	-moz-animation: lineanim3 2.5s infinite;
	-webkit-animation: lineanim3 2.5s infinite
}

.links__home__label {
	margin-right: auto;
	margin-left: auto;
	max-width: 400px;
	font-weight: 100;
	font-size: 16px;
	margin-bottom: 8px;
	width: 90%;
	text-align: left
}

@-webkit-keyframes lineanim1 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 1
	}
	40% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes lineanim1 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 1
	}
	40% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes lineanim2 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes lineanim2 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes lineanim3 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes lineanim3 {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
	70% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.credit+.links__home {
	margin-top: -8px
}

.alert__saldo {
	background: #E6E6E6;
	padding: 17px 14px;
	color: #222
}

.alert__saldo__row {
	max-width: 740px;
	margin: 0 auto
}

.alert__saldo__p {
	position: relative;
	font-size: 16px;
	padding-left: 30px
}

.alert__saldo .icon {
	font-size: 20px;
	position: absolute;
	left: 0
}

.page-handler.not-background {
	background: #fff
}

.error_no_balance {
	margin-bottom: -7px;
	color: #B7202E;
	background-color: #F2DEDE;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 100px;
	margin-top: -8px;
	padding: 10px 0
}

.error_no_balance p {
	padding-left: 10px;
	font-size: 16px;
	line-height: 14px
}

.loading {
	text-align: center;
	line-height: 0;
	display: none
}

.loading circle {
	fill: #000;
	opacity: .33;
	animation: dots_loading 1.5s infinite;
	-ms-animation: dots_loading 1.5s infinite;
	-moz-animation: dots_loading 1.5s infinite;
	-webkit-animation: dots_loading 1.5s infinite
}

.loading circle:nth-child(2) {
	animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s
}

.loading circle:nth-child(3) {
	animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s
}

.loading__text {
	display: block;
	font: 300 12px/12px "Roboto", Sans-serif;
	color: #000;
	margin: 0 0 14px
}

.loading--absolute {
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.loading--invert circle {
	fill: #fff
}

.loading--invert .loading__text {
	color: #fff
}

@-webkit-keyframes dots_loading {
	0% {
		opacity: .33
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .33
	}
}

@keyframes dots_loading {
	0% {
		opacity: .33
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .33
	}
}

.button--disabled.button--primary:hover,
.button--disabled.button--primary:active,
.button--disabled.button--primary:focus,
.button[disabled],
.button--disabled {
	background-color: #ddd;
	color: #858585
}

.buttonanim {
	color: white;
	font: 400 16px/16px "Roboto", Sans-serif;
	border-radius: 20px;
	min-height: 40px;
	margin: 0;
	min-width: 40px;
	padding: 9px 14px;
	background-color: #EF3829;
	border: 0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.25s;
	-webkit-transition: background-color 0.25s;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: inline-flex;
	-moz-box-orient: inline-flex;
	-ms-box-orient: inline-flex;
	-o-box-orient: inline-flex;
	box-orient: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.buttonanim:hover {
	color: white;
	text-decoration: none;
	background-color: #da262c
}

.buttonanim:focus {
	color: #fff;
	text-decoration: none;
	background-color: #fff
}

.buttonanim:active {
	color: white;
	text-decoration: none;
	background-color: #da262c
}

.buttonanim__text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.buttonanim .icon {
	display: inline-block;
	fill: currentColor;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.buttonanim__text+.icon,
.icon+.buttonanim__text {
	margin-left: 8px
}

.buttonanim--block {
	margin: 0 auto 16px;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	-o-box-orient: horizontal;
	box-orient: horizontal
}

.buttonanim--block:last-child {
	margin-bottom: 0
}

.buttonanim.button--loaded {
	display: block;
	animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-ms-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-moz-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-webkit-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards
}

.buttonanim.button--loaded .loaded {
	display: block
}

.buttonanim.button--loaded .loaded--error {
	display: none
}

.buttonanim:disabled,
.buttonanim.button--disabled {
	color: #6a6a6a;
	background-color: #d0d0d0;
	cursor: default;
	pointer-events: none
}

.buttonanim:disabled:hover,
.buttonanim:disabled:focus,
.buttonanim:disabled:active,
.buttonanim.button--disabled:hover,
.buttonanim.button--disabled:focus,
.buttonanim.button--disabled:active {
	text-decoration: none;
	color: #6a6a6a;
	background-color: #d0d0d0
}

.buttonanim:disabled.button--loading,
.buttonanim.button--disabled.button--loading {
	color: transparent !important;
	background-color: #EF3829 !important
}

.buttonanim:disabled.button--loading .loading,
.buttonanim.button--disabled.button--loading .loading {
	display: block
}

.buttonanim:disabled.button--loaded,
.buttonanim.button--disabled.button--loaded {
	color: transparent;
	background-color: #EF3829
}

.buttonanim.button--error .loaded {
	display: none
}

.buttonanim.button--error.button--loaded {
	line-height: inherit
}

.buttonanim.button--error.button--loaded .loaded--error {
	display: block
}

.tutorial__push {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 24px;
	box-sizing: border-box;
	z-index: 12;
	overflow-y: scroll;
	min-height: 510px;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.tutorial__push.active {
	visibility: visible;
	opacity: 1
}

.tutorial__push__content {
	display: block;
	margin: 0 auto;
	max-width: 288px
}

.tutorial__push__close {
	top: 25px;
	right: 25px;
	height: 17px;
	outline: none;
	position: absolute;
	width: 17px
}

.tutorial__push__close:after,
.tutorial__push__close:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -3px;
	height: 2px;
	width: 23px;
	background-color: #211915
}

.tutorial__push__close:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.tutorial__push__close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.tutorial__push__title {
	margin: 31px auto;
	max-width: 200px;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	font-weight: 500;
	color: #222
}

.tutorial__push__slide {
	text-align: center;
	position: relative;
	display: none
}

.tutorial__push__slide__title {
	color: #272727;
	font-size: 14px;
	line-height: 14px;
	margin: 30px auto 10px
}

.tutorial__push__slide__text {
	font-size: 16px;
	line-height: 21px;
	font-weight: 300;
	margin: 0 auto 22px;
	max-width: 260px
}

.tutorial__push__slide__text strong {
	font-weight: 500
}

.tutorial__push__slide__img {
	height: auto;
	max-width: 270px
}

.tutorial__push__slide__tooltip {
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 4;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
	animation: 1s ease 0s normal forwards 1 fadein
}

.tutorial__push__slide.active {
	display: block
}

.tutorial__push__slide.active .tutorial__push__slide__tooltip {
	opacity: 1;
	visibility: visible;
	height: 90px;
	width: 90px
}

.tutorial__push .tutorial__push__slide__android__1 .tutorial__push__slide__tooltip {
	right: 15px;
	top: 114px
}

.tutorial__push .tutorial__push__slide__android__2 .tutorial__push__slide__tooltip {
	right: 13px;
	top: 4px
}

.tutorial__push .tutorial__push__slide__android__3 .tutorial__push__slide__tooltip {
	height: auto;
	width: 270px;
	left: 0;
	top: 0
}

.tutorial__push .tutorial__push__slide__android__4 .tutorial__push__slide__tooltip {
	right: 40px;
	top: 130px
}

.tutorial__push .tutorial__push__slide__ios__1 .tutorial__push__slide__text,
.tutorial__push .tutorial__push__slide__ios__2 .tutorial__push__slide__text,
.tutorial__push .tutorial__push__slide__ios__3 .tutorial__push__slide__text {
	min-height: 66px;
	margin: 0 auto 15px
}

.tutorial__push .tutorial__push__slide__ios__1 .tutorial__push__slide__tooltip {
	top: 121px;
	right: 100px
}

.tutorial__push .tutorial__push__slide__ios__2 .tutorial__push__slide__tooltip {
	top: 83px;
	right: 13px
}

.tutorial__push .tutorial__push__slide__ios__3 .tutorial__push__slide__tooltip {
	right: 10px;
	top: 3px
}

.tutorial__push__slider__pagination {
	font-size: 0;
	text-align: center;
	margin: 0 0 21px
}

.tutorial__push__slider__pagination span {
	border-radius: 125px;
	background: #CACACA;
	height: 9px;
	display: inline-block;
	margin: 0 4px;
	width: 9px
}

.tutorial__push__slider__pagination span.active {
	background: #EF3829
}

.tutorial__push .tutorial__push__actions__next {
	background: #EF3829;
	border-radius: 125px;
	color: white;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 0;
	width: 100%;
	outline: none
}

.tutorial__push .tutorial__push__actions__close {
	background: transparent;
	color: #1F97AE;
	border-radius: 125px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 12px 0 0;
	text-align: center;
	display: block;
	padding: 0;
	outline: none;
	width: 100%
}

@keyframes fadein {
	0% {
		opacity: 0
	}
	66% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}
	66% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.loaded {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.loaded:before,
.loaded .icon {
	opacity: 0;
	color: white;
	fill: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.loaded:before {
	content: "";
	background-color: #0f7806;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.loaded .icon {
	font-size: 13px;
	color: #fff;
	z-index: 1;
	animation: loaded_showicon 0.5s ease 0.4s forwards;
	-ms-animation: loaded_showicon 0.5s ease 0.4s forwards;
	-moz-animation: loaded_showicon 0.5s ease 0.4s forwards;
	-webkit-animation: loaded_showicon 0.5s ease 0.4s forwards
}

.button--errorloaded {
	display: block;
	font-size: 0
}

.button--errorloaded .loaded--error {
	display: block
}

.button--errorloaded .loaded--error:before {
	background-color: #B7202E;
	width: 100%;
	height: 100%;
	animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.button--errorloaded .icon {
	opacity: 1;
	animation: loaded_hideicon 0.5s ease forwards;
	-ms-animation: loaded_hideicon 0.5s ease forwards;
	-moz-animation: loaded_hideicon 0.5s ease forwards;
	-webkit-animation: loaded_hideicon 0.5s ease forwards
}

.button--error {
	line-height: 2;
	font-weight: bold
}

.button--error .loaded:before {
	background-color: #B7202E;
	animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

@-webkit-keyframes loaded_hideicon {
	100% {
		opacity: 0
	}
}

@keyframes loaded_hideicon {
	100% {
		opacity: 0
	}
}

@-webkit-keyframes loaded_showicon {
	100% {
		opacity: 1
	}
}

@keyframes loaded_showicon {
	100% {
		opacity: 1
	}
}

@-webkit-keyframes loaded_scalex {
	0% {
		opacity: 1;
		background-color: #66b548
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes loaded_scalex {
	0% {
		opacity: 1;
		background-color: #66b548
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes loaded_scalex_error {
	0% {
		opacity: 1;
		background-color: #B7202E
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes loaded_scalex_error {
	0% {
		opacity: 1;
		background-color: #B7202E
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes loaded_scalex_error_close {
	0% {
		opacity: 1;
		background-color: #B7202E;
		width: 100%
	}
	100% {
		opacity: 0;
		width: 0
	}
}

@keyframes loaded_scalex_error_close {
	0% {
		opacity: 1;
		background-color: #B7202E;
		width: 100%
	}
	100% {
		opacity: 0;
		width: 0
	}
}

@-webkit-keyframes button_loaded_bgcolor {
	100% {
		background-color: #dff0d8
	}
}

@keyframes button_loaded_bgcolor {
	100% {
		background-color: #dff0d8
	}
}

.align-center {
	text-align: center
}

.add_to_home_root {
	margin: -10px 0 0;
	width: 100%;
	background-color: #73A974
}

.alert__addtohome {
	z-index: 4;
	background: #222;
	color: white;
	padding: 11px 25px 11px 62px;
	position: absolute;
	top: 0;
	min-height: 56px;
	vertical-align: top;
	width: 100%;
	transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.alert__addtohome.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.alert__addtohome.active.disable {
	transform: translate(0%, -115%);
	-webkit-transform: translate(0%, -115%)
}

.alert__addtohome__block {
	display: block
}

.alert__addtohome__img {
	position: absolute;
	left: 14px;
	top: 10px
}

.alert__addtohome__close {
	height: 25px;
	position: relative;
	width: 25px;
	position: absolute;
	top: 0px;
	right: 0px
}

.alert__addtohome__close:after,
.alert__addtohome__close:before {
	content: "";
	background: white;
	position: absolute;
	top: 12px;
	right: 6px;
	width: 16px;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alert__addtohome__close:before {
	top: 12px;
	right: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.alert__addtohome__text {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0
}

.alert__addtohome__agregar {
	background: #1F97AE;
	font: 400 14px/22px "Roboto", Sans-serif;
	color: white;
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	border-radius: 125px;
	vertical-align: top;
	margin: 5px 0 0;
	width: 105px;
	outline: none
}

.alert__addtohome__lkn {
	color: #04C8EB;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	display: block;
	outline: none
}

.alert__addtohome .add_to_home_button {
	background-color: #1F97AE;
	color: white;
	border-radius: 25px;
	padding: 2px 30px 2px 30px
}

.add_to_home_green_header {
	height: 54px;
	background-color: #73A974;
	width: 100%
}

.dinamic_gift_img {
	margin-left: 15px;
	margin-right: 6px;
	height: 15px
}

.dinamic_gift_description {
	font-size: 13px;
	font-weight: 400;
	color: #EF3829
}

.title_with_banner_over {
	padding-top: 80px
}

.modal__overlay {
	z-index: 1;
	opacity: 1
}

.modal__overlay .modal__vertical_center_container {
	height: 100vh;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	display: flex
}

.horizontal_center_container {
	display: flex;
	justify-content: center
}

.portal_modal {
	display: table;
	width: 92%;
	max-width: 400px;
	height: auto;
	z-index: 2;
	position: fixed;
	background: white;
	border-radius: 2%;
	transform: translate(0%, -400%);
	-webkit-transform: translate(0%, -400%);
	transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out
}

.portal_modal.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.portal_modal.active.disable {
	transform: translate(0%, -400%);
	-webkit-transform: translate(0%, -400%)
}

.portal_modal .portal_modal_container {
	justify-content: space-around;
	flex-direction: column;
	display: flex;
	margin: 8% 5%
}

.portal_modal .portal_modal_image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 8%
}

.portal_modal .portal_modal_image img {
	width: 60%
}

.portal_modal .portal_modal_content {
	display: flex;
	flex-direction: column;
	text-align: center
}

.portal_modal .portal_modal_content .portal_modal_title {
	font-size: 24px;
	font-weight: 450;
	margin-bottom: 8%
}

.portal_modal .portal_modal_content .portal_modal_description {
	font-weight: lighter;
	line-height: 20px;
	padding-left: 8%;
	padding-right: 8%;
	margin-bottom: 8%
}

.portal_modal .portal_modal_buttons {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: -2%;
	margin-right: -2%
}

.portal_modal .portal_modal_buttons .come__back__link {
	margin-top: 8%
}

.add_button {
	background-color: #EF3829;
	color: #fff;
	display: block;
	max-width: 336px;
	text-align: center;
	width: 100%;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px
}

.push_success_banner {
	position: fixed;
	bottom: -30 vh;
	display: flex;
	color: white;
	justify-content: space-around;
	width: 87vw;
	max-width: 700px;
	background: #33744F;
	border-radius: 6px;
	padding: 12px 12px 12px 15px;
	z-index: 2;
	transition: all 0.7s ease-in;
	-webkit-transition: all 0.7s ease-in
}

.push_success_banner.active {
	bottom: 1vh
}

.push_success_banner.close {
	bottom: -30vh;
	transition: all 0.7s ease-in;
	-webkit-transition: all 0.7s ease-in
}

.push_success_banner .push_success_banner_text {
	font-size: 15px;
	padding-left: 12px;
	line-height: 22px;
	font-weight: 500
}

.push_success_banner .icon {
	font-size: 19px
}

.push_success_banner .push_success_banner_close {
	width: 20px;
	height: 20px;
	outline: none
}

.push_success_banner .push_success_banner_close:after,
.push_success_banner .push_success_banner_close:before {
	position: absolute;
	content: "";
	width: 22px;
	height: 2px;
	background-color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 50%
}

.push_success_banner .push_success_banner_close:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.box {
	margin-bottom: 16px;
	padding: 12px;
	text-align: center;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto
}

.box--grey {
	background: #F2F2F2
}

.vertical_center_container {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.close_cross_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 30px;
	width: 30px
}

.close_cross {
	position: relative
}

.close_cross:after,
.close_cross:before {
	content: "";
	background: black;
	position: absolute;
	top: 12px;
	right: 6px;
	width: 26px;
	height: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.close_cross:before {
	top: 12px;
	right: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.horizontal_container {
	display: flex;
	flex-direction: row
}

.button__section {
	margin-top: 7%;
	margin-bottom: 5%;
	display: flex;
	justify-content: center;
	flex-direction: row
}

.text__align__left {
	text-align: initial
}

.listamount {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background: #fff
}

.listamount__li .listamount__link {
	color: #101010;
	padding: 16px 15px;
	font-weight: 500;
	line-height: 18px;
	font-size: 19px;
	position: relative;
	display: block
}

.listamount__li .listamount__link__icon {
	margin-right: 5px
}

.listamount__li .listamount__link__icon--tarjeta {
	height: 13px;
	margin-top: 2px
}

.listamount__li .listamount__link__icon--saldo {
	height: 19px;
	margin-top: -1px
}

.listamount__li .listamount__link--disabled {
	background: #F2F2F2 0 0 no-repeat padding-box;
	color: #6A6A6A
}

.listamount__li .listamount__link--disabled:after,
.listamount__li .listamount__link--disabled:before {
	visibility: hidden
}

.listamount__li .listamount__link:after,
.listamount__li .listamount__link:before {
	content: "";
	position: absolute;
	top: 24px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.listamount__li .listamount__link:before {
	top: 30px;
	right: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.listamount__li .listamount__link--payment-selection {
	font-size: 16px
}

.listamount__li .listamount__link--payment-selection:after {
	top: 34px
}

.listamount__li .listamount__link--payment-selection:before {
	top: 40px
}

.listamount__li+li {
	border-top: 1px solid #D0D0D0
}

.listamount__li .listamount__img {
	height: 17px;
	position: absolute;
	right: 49px;
	bottom: 20px
}

.listamount__li__subtitle {
	font-size: 14px;
	font-weight: 100;
	margin-left: 30px;
	margin-top: 6px
}

.container {
	width: 90%;
	max-width: 742px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	margin-top: 30px
}

.container__title {
	font-size: 15px;
	font-weight: 500
}

.container__description {
	font-size: 13px;
	font-weight: 300
}

.container__image {
	position: relative;
	align-self: self-start;
	padding-right: 20px
}

.banner__home {
	text-align: center;
	max-width: 744px;
	margin-left: auto;
	margin-right: auto
}

.banner__home--grey {
	background: #F2F2F2
}

.banner__home--amazon {
	width: 90%
}

.banner__home--amazon--text {
	padding-right: 80px
}

.banner__home--store--text {
	padding-right: 145px
}

.banner__home__a {
	display: block;
	color: #101010;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 0 17px 61px;
	text-align: left
}

.banner__home__a--blue {
	color: #1F97AE
}

.banner__home__a--benefit {
	padding-left: 10px;
	font-weight: 400;
	font-size: 14px;
	display: flex;
	align-items: center
}

.banner__home__a+a {
	border-top: 1px solid #D0D0D0
}

.banner__home__img {
	position: absolute;
	max-width: 36px
}

.banner__home__img--amazon {
	height: 31px;
	max-width: none;
	position: relative;
	top: 0;
	left: 8px;
	margin-right: 24px
}

.banner__home__img--store {
	height: 35px;
	max-width: none;
	position: relative;
	top: 0;
	left: 24px;
	margin-right: 60px
}

@font-face {
	font-family: "icons";
	src: url("/inicio/assets/fonts/Icons/smartphone/icons.eot");
	src: url("/inicio/assets/fonts/Icons/smartphone/icons.eot?#iefix") format("embedded-opentype"), url("/inicio/assets/fonts/Icons/smartphone/icons.woff2") format("woff2"), url("/inicio/assets/fonts/Icons/smartphone/icons.woff") format("woff"), url("/inicio/assets/fonts/Icons/smartphone/icons.ttf") format("truetype"), url("/inicio/assets/fonts/Icons/smartphone/icons.svg#icons") format("svg");
	font-weight: normal;
	font-style: normal
}

.icon:before {
	display: inline-block;
	font-family: "icons", Arial;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon--advert:before {
	content: "\f101"
}

.icon--arrow-back:before {
	content: "\f102"
}

.icon--cart:before {
	content: "\f103"
}

.icon--chat:before {
	content: "\f104"
}

.icon--claro:before {
	content: "\f105"
}

.icon--confirm:before {
	content: "\f106"
}

.icon--discount:before {
	content: "\f107"
}

.icon--edit:before {
	content: "\f108"
}

.icon--error:before {
	content: "\f109"
}

.icon--help:before {
	content: "\f10a"
}

.icon--iconevent:before {
	content: "\f10b"
}

.icon--iconphone:before {
	content: "\f10c"
}

.icon--info-rounded:before {
	content: "\f10d"
}

.icon--info-warning-rounded:before {
	content: "\f10e"
}

.icon--info:before {
	content: "\f10f"
}

.icon--message_outline:before {
	content: "\f110"
}

.icon--message:before {
	content: "\f111"
}

.icon--phone:before {
	content: "\f112"
}

.icon--recharge:before {
	content: "\f113"
}

.icon--roaming:before {
	content: "\f114"
}

.icon--success-rounded:before {
	content: "\f115"
}

.icon--success:before {
	content: "\f116"
}

.icon--warning-rounded:before {
	content: "\f117"
}

.icon--warning:before {
	content: "\f118"
}

.beneficios {
	margin-bottom: 30px;
	display: block
}

.beneficios .title {
	margin-bottom: 20px
}

.beneficios__item {
	display: block
}

.beneficios__item img {
	width: 100%;
	height: auto
}

.beneficios__item+.beneficios__item {
	margin-top: 20px
}

.generic-error,
.buy-success,
.buy-error {
	height: 100vh
}

.generic-error .alert,
.buy-success .alert,
.buy-error .alert {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 15px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.spacer {
	height: 20px
}

.error-page {
	background-color: #fff
}

.error-page .row {
	background-color: #000;
	padding: 14px
}

.error-page .icon {
	color: #fff;
	font-size: 72px;
	margin-bottom: 20px
}

.error-page h2 {
	color: #fff;
	font-weight: 300;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 15px
}

.error-page p {
	color: #fff;
	font-weight: 300;
	font-size: 17px;
	line-height: 23px
}

.page {
	width: 100%;
	height: 100%;
	z-index: 1
}

.page--anim .page__bg img {
	opacity: 0;
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 8s;
	animation-name: fade;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 8s
}

.page__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

.page__bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.45)
}

.page__bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page__img-dos {
	animation-delay: -8s;
	-webkit-animation-delay: -8s
}

.page__info {
	position: relative;
	left: 0;
	right: 0;
	top: 20px;
	z-index: 2;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 10px
}

.page__info.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.page__logo {
	color: #fff;
	font-size: 44px;
	line-height: 44px;
	display: block;
	margin-bottom: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.page__description {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	white-space: pre-line
}

.page__description a {
	text-decoration: underline;
	color: #fff
}

.page .button {
	font-size: 20px
}

.page .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: transparent
}

.page__success {
	text-align: center
}

.page__success__img {
	display: block;
	margin: 20px auto 0
}

.page__success__title {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	margin: 15px auto 15px;
	max-width: 260px
}

.page__success__text {
	font-size: 16px;
	line-height: 19px
}

.page-dashboard .page__description {
	font-size: 27px;
	line-height: 30px;
	max-width: 380px;
	margin: 0 auto 30px
}

.page-dashboard .button--primary {
	display: inline-block;
	max-width: 400px;
	width: 100%
}

.page-dashboard .page__bg:before {
	background-color: rgba(0, 0, 0, 0.15)
}

.page-pin .page__subtitle {
	color: #fff;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 20px
}

.page-pin .text_inside_input {
	position: relative
}

.page-pin .text_inside_input a {
	right: 5px;
	position: absolute;
	top: 9px;
	color: #28bbce
}

.page-pin input {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	color: #000;
	font-size: 14px;
	padding: 10px 15px;
	margin-bottom: 5px;
	width: 100%;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.page-pin input.input--error {
	color: #000;
	border: 1px solid #B7202E
}

.page-pin input:disabled {
	background-color: #F2F2F2
}

.page-pin .number-error {
	color: #B7202E;
	background: #F2DEDE;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
	padding: 10px 10px 10px 33px
}

.page-pin .number-error p {
	white-space: pre-wrap
}

.page-pin .number-error .icon {
	position: absolute;
	top: 10px;
	left: 10px
}

.page-pin .label__number {
	color: #fff;
	text-align: left;
	font-size: 12px
}

.page-pin .label__input {
	color: #fff;
	text-align: left;
	display: block
}

.page-pin .page__title {
	color: #fff;
	font-size: 19px;
	margin: 80px 0 20px
}

.page-pin .failed--pin {
	color: #B7202E;
	background: #F2DEDE;
	text-align: left;
	font-size: 14px;
	margin: 5px 0;
	position: relative;
	padding: 10px 10px 7px 35px
}

.page-pin .failed--pin .icon {
	position: absolute;
	top: 10px;
	left: 10px
}

.page-pin .resend {
	color: #28BBCE;
	font-size: 15px;
	margin: 10px 0 0
}

.page-pin .pin-confirm {
	margin-top: 27px
}

.page-pin .button--white {
	background: #fff;
	border-radius: 0;
	color: #65A44A;
	height: 38px;
	line-height: 38px;
	font-size: 15px
}

.page-pin .sent__pin {
	color: #fff;
	background: #66b548;
	text-align: left;
	font-size: 14px;
	margin-top: 40px;
	position: relative;
	padding: 45px 25px 40px 25px
}

.page-pin .sent__pin .icon {
	background: #66b548;
	border: 3px solid #fff;
	border-radius: 100%;
	height: 45px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 45px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin .icon:before {
	font-size: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin__ok {
	color: #0f7806;
	background: #dff0d8;
	text-align: left;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	padding: 10px 10px 7px 35px
}

.page-pin .sent__pin__ok .icon {
	background: #0f7806;
	color: #fff;
	position: absolute;
	top: 17px;
	left: 17px;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin__ok .icon:before {
	font-size: 7px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .page__blocked {
	margin-top: 80px;
	position: relative;
	padding: 40px 0 0
}

.page-pin .page__blocked .icon {
	background: #B7202E;
	border-radius: 100%;
	color: #fff;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .page__blocked .icon:before {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .footer {
	z-index: 3;
	background: #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login {
	margin-top: 90px
}

.login+.login {
	margin-bottom: 50px;
	margin-top: 100px
}

.login__content {
	max-width: 328px;
	margin: auto;
	background: white;
	border-radius: 6px;
	padding: 49px 20px 23px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login__description {
	font: 400 16px/20px "Roboto", Sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 8px;
	color: #222;
	margin: 0 0 21px
}

.login__logo {
	margin: 0 0 0;
	display: block;
	position: absolute;
	top: -53px;
	width: 100%;
	left: 0
}

.login .loginform {
	position: relative;
	text-align: left
}

.login .loginform+.loginform {
	margin-top: 11px
}

.login .loginform__input {
	border: 1px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	color: #222;
	font: 400 16px/19px "Roboto", Sans-serif;
	height: 56px;
	margin-bottom: 4px;
	padding: 12px 40px 0 42px;
	display: block;
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none !important;
	box-shadow: none;
	outline: none
}

.login .loginform.active .loginform__input {
	border-bottom: 2px solid #222
}

.login .loginform.active .loginform__input+.loginform__label__focusable {
	line-height: 16px;
	font-size: 12px;
	top: 7px
}

.login .loginform__icon {
	position: absolute;
	font-size: 20px;
	color: #6A6A6A;
	top: 16px;
	left: 16px
}

.login .loginform__icon.icon--message_outline {
	font-size: 18px;
	top: 19px
}

.login .loginform__label {
	font: 400 16px/19px "Roboto", Sans-serif;
	color: #6A6A6A;
	position: absolute;
	left: 42px;
	top: 17px;
	pointer-events: none;
	transition: all .2s ease-in
}

.login .loginform__label__always_focused {
	line-height: 16px;
	font-size: 12px;
	top: 7px
}

.login .loginform__span {
	display: block;
	font: 400 12px/16px "Roboto", Sans-serif;
	text-align: left;
	margin-left: 15px;
	color: #6A6A6A
}

.login .loginform__success,
.login .loginform__error {
	font: 400 12px/16px "Roboto", Sans-serif;
	text-align: left;
	margin-left: 15px;
	display: none;
	color: #B7202E
}

.login .loginform__success {
	color: #33744F
}

.login .loginform__error__icon {
	display: none;
	font-size: 20px;
	position: absolute;
	right: 16px;
	top: 18px;
	color: #B7202E
}

.login .loginform__success__icon {
	color: #33744F;
	font-size: 20px;
	position: absolute;
	right: 16px;
	top: 16px;
	display: none
}

.login .loginform__edit__icon {
	display: none;
	color: #1F97AE;
	font-size: 18px;
	position: absolute;
	right: 16px;
	top: 17px
}

.login .loginform__button {
	display: block;
	text-align: center;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	max-width: 300px;
	width: 100%;
	margin: 0 auto
}

.login .loginform__button--resolve {
	background: #EF3829;
	color: white;
	margin-top: 30px;
	margin-bottom: 7px
}

.login .loginform__button--sms {
	color: #1F97AE;
	margin-top: 20px;
	height: inherit;
	line-height: 16px
}

.login .loginform.loginform--error .loginform__span {
	display: none
}

.login .loginform.loginform--error .loginform__label {
	color: #B7202E
}

.login .loginform.loginform--error .loginform__input {
	border-bottom: 2px solid #B7202E
}

.login .loginform.loginform--error .loginform__error,
.login .loginform.loginform--error .loginform__error__icon {
	display: block
}

.login .loginform.loginform--success .loginform__span {
	display: none
}

.login .loginform.loginform--success .loginform__input {
	border-bottom: 2px solid #33744F
}

.login .loginform.loginform--success .loginform__success,
.login .loginform.loginform--success .loginform__success__icon {
	display: block
}

.login .loginform.loginform--disabled .loginform__span {
	display: none
}

.login .loginform.loginform--disabled .loginform__edit__icon {
	display: block
}

.login .loginform.loginform--disabled .loginform__input {
	background: #E6E6E6;
	border-bottom: 2px solid #D0D0D0;
	color: #6A6A6A
}

.login .loginform.loginform--disabled .loginform__error,
.login .loginform.loginform--disabled .loginform__error__icon {
	display: block
}

.login .loginpais {
	text-align: left
}

.login .loginpais__title {
	font: 400 16px/20px "Roboto", Sans-serif;
	color: #222;
	margin: 32px 0 15px;
	display: block
}

.login .selectcontainer {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	padding-top: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.login .selectcontainer+.selectcontainer {
	margin-left: 16px
}

.login .selectcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.login .selectcontainer__checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 2px solid #D0D0D0;
	border-radius: 125px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login .selectcontainer:hover input~ .selectcontainer__checkmark {
	background-color: #D0D0D0
}

.login .selectcontainer input:checked~ .selectcontainer__checkmark {
	background-color: white;
	border: 2px solid #1F97AE
}

.login .selectcontainer__checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.login .selectcontainer input:checked~ .selectcontainer__checkmark:after {
	display: block;
	background-color: #1F97AE
}

.login .selectcontainer .selectcontainer__checkmark:after {
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 125px
}

.login .loginpais {
	position: relative
}

.login .loginpais__input {
	border: 1px solid #D0D0D0;
	color: #222;
	font: 400 16px/19px "Roboto", Sans-serif;
	height: 56px;
	margin-bottom: 3px;
	padding: 0 7px 3px 17px;
	display: block;
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none !important;
	box-shadow: none;
	outline: none
}

.login .loginpais__input::-webkit-input-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input:-moz-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input::-moz-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input:-ms-input-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input__title {
	font: 400 12px/16px "Roboto", Sans-serif;
	color: #6A6A6A;
	margin: 15px 20px 8px;
	display: block
}

.login .loginpais__container__input {
	position: relative;
	margin-top: 17px;
	display: none
}

.login .loginpais__container__input.active {
	display: block
}

.login .loginpais .loginpais__select {
	display: none;
	background: white;
	position: absolute;
	padding-bottom: 14px;
	left: 0;
	top: 50px;
	border-radius: 4px;
	width: 100%;
	z-index: 2;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2)
}

.login .loginpais .loginpais__select.active {
	display: block
}

.login .loginpais .loginpais__select__ul {
	max-height: 138px;
	overflow: scroll
}

.login .loginpais .loginpais__select__a {
	color: #222;
	display: block;
	padding: 11px 20px;
	font-size: 16px
}

@keyframes fade {
	0% {
		opacity: 1
	}
	45% {
		opacity: 1
	}
	55% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@media only screen and (max-width: 768px) {
	.login .selectcontainer+.selectcontainer {
		margin-left: 0;
		display: block;
		margin-top: 10px
	}
	.page__pin {
		background: url(../img/background_login.jpg) no-repeat center;
		background-size: cover
	}
}

@media only screen and (min-width: 768px) {
	.login__content {
		max-width: 650px
	}
	.page__pin {
		background: url(../img/background_login_desktop.jpg) no-repeat center;
		background-size: cover
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 1
	}
	45% {
		opacity: 1
	}
	55% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.page-recharge main.row {
	padding-top: 5%
}

.page-recharge .title {
	margin-bottom: 18px
}

.page-recharge .packs__lists {
	margin-bottom: 0
}

.page-recharge .packs__lists--open .list__content {
	padding-bottom: 5px
}

.page-recharge .list__content p {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px
}

.page-recharge .list__content p a {
	color: #1F97AE
}

.creditems {
	overflow: hidden
}

.creditems .creditem {
	float: left;
	width: 47%
}

.creditems .creditem:last-child {
	float: right
}

.creditems>span {
	float: left;
	width: 6%;
	text-align: center;
	height: 168px;
	line-height: 168px
}

.creditem {
	background-color: #C7E5EB;
	margin-bottom: 20px
}

.creditem__header {
	background-color: #C1C1C1;
	text-align: center;
	padding: 8px 0 6px
}

.creditem__header span {
	display: inline-block;
	vertical-align: top
}

.creditem__header .icon {
	font-size: 23px;
	line-height: 23px;
	margin-right: 4px
}

.creditem__title {
	line-height: 23px;
	font-size: 13px;
	font-weight: bold;
	color: #222222;
	text-transform: uppercase
}

.creditem__content {
	text-align: center;
	padding: 15px;
	display: block
}

.creditem p {
	margin-bottom: 0 !important;
	color: #222222
}

.creditem b,
.creditem strong {
	font-size: 24px;
	line-height: 24px;
	color: #222222;
	margin: 10px 0;
	display: block
}

.body_background_extend {
	padding-bottom: 0
}

.background_co {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 50% -40px;
	height: calc(100vh - 52px);
	background-image: url(/inicio/assets/img/bg-layout-mobile.svg)
}

@media (min-width: 768px) {
	.background_co {
		background-position: top center;
		background-size: cover;
		background-image: url(/inicio/assets/img/bg-layout-desktop.svg)
	}
}

.co_card_description {
	color: #858585
}

.co_recharge_page_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 5%
}

.co_recharge_page_container .logo_claro {
	width: 100px;
	height: 36px
}

.co_recharge_title {
	padding-top: 5%;
	padding-bottom: 5%;
	color: white;
	text-align: center
}

.gift_container {
	margin-bottom: 19px
}

.gift_container .gift_container_title {
	font-size: 14px;
	margin-top: 5%;
	margin-bottom: 4px
}

.gift_container .gift_content_container {
	display: flex;
	flex-direction: column;
	max-width: 235px;
	margin: 0 auto 0
}

.gift_container .gift_content_container li+li {
	border-top: 1px solid rgba(148, 148, 148, 0.5)
}

.gift_container .center {
	justify-content: center
}

.gift_container .space_evenly {
	justify-content: space-evenly
}

.gift_container .gift_content {
	margin-top: 5%;
	display: inline-flex
}

.gift_container .gift_content__img {
	width: 25px;
	height: 25px;
	margin-right: 13px;
	position: relative;
	bottom: 5px
}

.gift_container .gift_content__img--extra {
	height: 21px;
	width: 19px
}

.gift_container .gift_content__img--error {
	height: 25px;
	width: 24px;
	position: relative;
	top: 2px;
	margin-right: 6px
}

.gift_container .gift_content__title {
	font-weight: 700;
	font-size: 16px;
	position: relative
}

.gift_container .gift_content__title--light {
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 5px
}

.gift_container .gift_content__title a {
	color: #1F97AE
}

.benefit__alert {
	background-color: #1F97AE;
	border-radius: 5px;
	padding: 12px 14px;
	margin-bottom: 12px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.24);
	display: flex
}

.benefit__alert__text {
	color: #fff;
	font-size: 15px;
	font-weight: 400
}

.benefit__alert__img {
	height: 26px;
	width: 22px;
	margin-right: 13px;
	margin-top: 3px
}

@media only screen and (min-width: 768px) {
	.benefit__alert__img {
		margin-top: -3px
	}
}

.loan_service_cost_info_description {
	margin: 3px 13px 3px 30px;
	text-align: left
}

.header__title {
	margin: 0 0 16px 51px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: left
}

.listamount_current_loan .listamount__li {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	transition: .2s ease .2s
}

.listamount_current_loan .listamount__li .title {
	font-size: 16px
}

.listamount_current_loan .listamount__li .subtitle {
	color: #222;
	font-weight: 200;
	font-size: 17px;
	padding-top: 2%
}

.listamount_current_loan .listamount__li .number {
	font-weight: 400
}

.listamount_current_loan .listamount__li .listamount__link {
	color: #101010;
	padding: 16px 15px;
	font-weight: 500;
	line-height: 18px;
	font-size: 19px;
	position: relative;
	display: block
}

.listamount_current_loan .listamount__li .listamount__link--green {
	color: #33744F;
	font-weight: 400
}

.listamount_current_loan .listamount__li .listamount__link .vertical_arrow.open:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.listamount_current_loan .listamount__li .listamount__link .vertical_arrow.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.listamount_current_loan .listamount__li .listamount__link:before {
	content: initial
}

.listamount_current_loan .listamount__li .listamount__link:after {
	content: initial
}

.listamount_current_loan .listamount__li .listamount__link .vertical_arrow:after,
.listamount_current_loan .listamount__li .listamount__link .vertical_arrow:before {
	content: "";
	position: absolute;
	top: 24px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.listamount_current_loan .listamount__li .listamount__link .vertical_arrow:before {
	top: 24px;
	right: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.listamount_current_loan .listamount__li .listamount__link .horizontal_arrow:after,
.listamount_current_loan .listamount__li .listamount__link .horizontal_arrow:before {
	content: "";
	position: absolute;
	top: 24px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.listamount_current_loan .listamount__li .listamount__link .horizontal_arrow:before {
	top: 30px;
	right: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.loan_tutorial_description p {
	margin-bottom: 2px
}

.loan_tutorial_footer {
	width: 80%;
	padding-left: 10%
}

.loan_tutorial_body {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: -webkit-center
}

.loan_tutorial_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5%
}

.loan_link {
	color: #1F97AE;
	font-size: 18px;
	border-bottom: 2px solid;
	display: inline-block
}

.loan_icon {
	width: 10%;
	vertical-align: middle;
	max-height: 35px;
	margin-left: 3%
}

.loan_banner {
	background-color: #C7E5EB;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 40px
}

.loan_banner__disabled {
	background-color: #F2F2F2
}

.loan_page {
	max-width: 500px;
	text-align: center;
	width: 100%;
	margin-top: 10%
}

.loan_button {
	font-size: 18px;
	margin-top: 10%
}

.loan_amount {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 16px
}

.loan_amount .listamount__link {
	padding: 18px 15px
}

.title__loan {
	font-weight: 100;
	line-height: 24px;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 25px
}

.current_loan_container {
	display: flex;
	justify-content: space-between;
	padding-left: 5%
}

.current_loan_container .description {
	width: 70%;
	font-weight: 400
}

.current_loan_container .number {
	width: 30%;
	text-align: end
}

.current_loan_container .title_number {
	width: 30%;
	font-weight: 400;
	text-align: end;
	padding-right: 30px
}

.current_loan_page {
	display: flex;
	flex-direction: column;
	padding: 5% 5% 5% 5%
}

.loan-needed {
	color: black;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5%
}

.loan-needed-box {
	margin-left: 5px;
	text-align: center;
	vertical-align: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
	font-size: 14px
}

.loan-needed-icon {
	height: 25px;
	display: inline-block;
	margin-left: 5px
}

.page-handler.loan-page-handler {
	justify-content: normal;
	padding-top: 18%
}

.loan-amount-page {
	height: 100vh;
	background-color: #F2F2F2
}

.service-cost-section {
	margin-top: 20px
}

.payment__card {
	background: #1F97AE;
	color: #fff;
	padding: 16px;
	border-radius: 6px;
	margin-bottom: 20px
}

.payment__card__divider {
	border: 0.5px solid;
	margin-bottom: 10px;
	margin-top: 10px
}

.payment__card__title {
	font-size: 14px
}

.payment__card__title__icon {
	height: 17px
}

.payment__card__description {
	font-size: 14px
}

.payment__card__description p+p {
	margin-top: 8px
}

.page-recharge-tarjeta {
	background: #F2F2F2;
	min-height: 100vh
}

.page-recharge-tarjeta .alertinfo {
	margin-bottom: 0
}

.page-recharge-tarjeta .header__title {
	margin: 0 0 16px 51px;
	line-height: 51px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: left
}

.page-recharge-tarjeta .title__tarjeta {
	font-weight: 100;
	line-height: 24px;
	font-size: 22px;
	margin: 0 0 16px;
	padding-top: 16px
}

.page-recharge-tarjeta .title__tarjeta__with_banner_over {
	padding-top: 80px
}

.page-recharge-tarjeta .title__tarjeta bold {
	font-weight: bold
}

.page-recharge-tarjeta .title__tarjeta--medium {
	font-size: 18px
}

.page-recharge-tarjeta .title__tarjeta--light {
	font-weight: 300
}

.page-recharge-tarjeta .title__tarjeta--xs {
	font-size: 12px;
	margin-bottom: -3px;
	padding-top: 16px
}

.page-recharge-tarjeta .title__tarjeta--grey {
	color: #656565
}

.page-recharge-tarjeta .payment_selection__divider {
	border: 1px solid #D0D0D0
}

.page-recharge-tarjeta .tarjetaslist__header {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative
}

.page-recharge-tarjeta .tarjetaslist__header__data {
	width: 60%
}

.page-recharge-tarjeta .tarjetaslist__header__toggle {
	position: absolute;
	top: 0;
	right: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	outline: 0
}

.page-recharge-tarjeta .tarjetaslist__header__toggle:after,
.page-recharge-tarjeta .tarjetaslist__header__toggle:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 8px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .tarjetaslist__header__toggle:before {
	top: 7px;
	left: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .tarjetaslist__header__number,
.page-recharge-tarjeta .tarjetaslist__header__title {
	color: #222;
	line-height: 19px;
	font-size: 16px;
	font-weight: 500
}

.page-recharge-tarjeta .tarjetaslist__header__title {
	margin-bottom: 9px;
	text-transform: lowercase
}

.page-recharge-tarjeta .tarjetaslist__header__title::first-letter {
	text-transform: uppercase
}

.page-recharge-tarjeta .tarjetaslist__header__number {
	font-weight: 400;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	max-width: 170px;
	margin: 0 0 0 -8px
}

.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(1),
.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(2),
.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(3) {
	font-size: 19px
}

.page-recharge-tarjeta .tarjetaslist__header__titlenew {
	color: #222;
	font-size: 16px;
	line-height: 19px;
	margin: 17px 0;
	font-weight: 500
}

.page-recharge-tarjeta .tarjetaslist__preview {
	background: url(/inicio/assets/img/cardpreview.png) no-repeat 0 0;
	background-size: cover;
	margin-right: 10px;
	width: 90px;
	height: 57px;
	position: relative
}

.page-recharge-tarjeta .tarjetaslist__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .tarjetaslist__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .tarjetaslist__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview--new {
	background: url(/inicio/assets/img/newcard_img.png) no-repeat 0 0;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview__number {
	font-size: 6px;
	top: 23px;
	position: absolute;
	left: 6px;
	word-spacing: 6px
}

.page-recharge-tarjeta .tarjetaslist__preview__name {
	font-size: 6px;
	top: 36px;
	position: absolute;
	left: 6px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 61px;
	text-transform: uppercase
}

.page-recharge-tarjeta .tarjetaslist__preview__expiration {
	font-size: 6px;
	top: 36px;
	position: absolute;
	right: 6px
}

.page-recharge-tarjeta .tarjetaslist__item {
	padding: 15px;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	margin-bottom: 16px
}

.page-recharge-tarjeta .tarjetaslist__item .toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	outline: 0
}

.page-recharge-tarjeta .tarjetaslist__item .toggle:after,
.page-recharge-tarjeta .tarjetaslist__item .toggle:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .tarjetaslist__item .toggle:before {
	left: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .tarjetaslist__item__body {
	overflow: hidden;
	height: 0px;
	transition: height 0.2s ease-out;
	-webkit-transition: height 0.2s ease-out
}

.page-recharge-tarjeta .tarjetaslist__item__body--spacer {
	padding-top: 30px
}

.page-recharge-tarjeta .inputcontainer {
	position: relative;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row
}

.page-recharge-tarjeta .inputcontainer__label {
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #6A6A6A;
	position: absolute;
	left: 10px;
	top: 17px;
	pointer-events: none;
	transition: all .2s ease-in
}

.page-recharge-tarjeta .inputcontainer__input {
	border: 1px solid #D0D0D0;
	color: #222;
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	height: 53px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 12px 20px 0 10px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none
}

.page-recharge-tarjeta .inputcontainer__input[type="month"] {
	padding-top: 22px
}

.page-recharge-tarjeta .inputcontainer__input:focus {
	outline: 0px;
	border-bottom: 2px solid #222
}

.page-recharge-tarjeta .inputcontainer .inputcontainer__input.active+.inputcontainer__label {
	line-height: 15px;
	font-size: 12px;
	top: 7px
}

.page-recharge-tarjeta .inputcontainer__icon__error {
	display: none;
	position: absolute;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__icon__error--small {
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__span {
	color: #6a6a6a;
	padding: 0 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 400;
	margin: 6px 0 0;
	display: block
}

.page-recharge-tarjeta .inputcontainer__span a {
	color: #1F97AE
}

.page-recharge-tarjeta .inputcontainer__data {
	width: 70%;
	width: calc(100% - 79px);
	vertical-align: top;
	position: relative
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__span {
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__label {
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__input {
	border-bottom: 2px solid #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__icon__error {
	display: block
}

.page-recharge-tarjeta .inputcontainer__preview {
	margin-left: 10px;
	background: url(/inicio/assets/img/sample-code.svg) no-repeat center;
	background-size: cover;
	height: 42px;
	position: relative;
	margin-top: 5px;
	width: 69px
}

.page-recharge-tarjeta .inputcontainer__preview.visa {
	background: url(/inicio/assets/img/sample-code-visa.svg) no-repeat center
}

.page-recharge-tarjeta .inputcontainer__preview.amex {
	background: url(/inicio/assets/img/sample-code-amex.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .inputcontainer__preview.amex__text {
	top: 5px;
	right: 7px
}

.page-recharge-tarjeta .inputcontainer__preview__text {
	position: absolute;
	top: 18px;
	right: 11px;
	font-size: 5px;
	height: 10px;
	line-height: 10px;
	width: 12px;
	text-align: center
}

.page-recharge-tarjeta .inputcontainer.amex {
	background: url(/inicio/assets/img/generic-back-amex.jpg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .inputcontainer.amex__text {
	top: 5px;
	right: 7px
}

.page-recharge-tarjeta .formcode {
	margin: 30px 0 0
}

.page-recharge-tarjeta .formcode__submit {
	color: #6A6A6A;
	background: #D0D0D0;
	display: block;
	text-align: center;
	width: 100%;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin: 30px 0 0
}

.page-recharge-tarjeta .formcode__submit.active {
	background: #EF3829;
	color: #fff
}

.page-recharge-tarjeta .formcode__eliminar {
	color: #1F97AE;
	display: block;
	text-align: center;
	width: 100%;
	height: 40px;
	font-size: 16px;
	margin: 15px 0 0
}

.page-recharge-tarjeta .newcard {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 16px;
	margin-bottom: 20px
}

.page-recharge-tarjeta .newcard__preview {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 30px;
	background: url(/inicio/assets/img/newcard.png) no-repeat center;
	background-size: cover;
	width: 48px
}

.page-recharge-tarjeta .newcard__preview__number {
	font-size: 4px;
	top: 8px;
	position: relative;
	left: 3px;
	word-spacing: 0px
}

.page-recharge-tarjeta .newcard__preview__name {
	font-size: 4px;
	top: -2px;
	position: relative;
	left: 3px;
	word-spacing: 0px;
	bottom: 1px
}

.page-recharge-tarjeta .newcard__preview__expiration {
	font-size: 4px;
	top: -20px;
	position: relative;
	right: -33px;
	word-spacing: 0px
}

.page-recharge-tarjeta .newcard__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .newcard__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .newcard__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__inputcontainer {
	min-height: 75px;
	margin-bottom: 10px
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help {
	position: absolute;
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 125px;
	background-color: #858585
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help--small {
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 125px;
	background-color: #858585
}

.page-recharge-tarjeta .newcard__inputcontainer__input {
	padding-left: 78px;
	-moz-appearance: textfield !important
}

.page-recharge-tarjeta .newcard__inputcontainer__input+.newcard__inputcontainer__label {
	left: 78px
}

.page-recharge-tarjeta .newcard__inputcontainer__data {
	width: 100%
}

.page-recharge-tarjeta .newcard__inputcontainer__data--small {
	max-width: 220px;
	width: auto
}

.page-recharge-tarjeta .newcard__inputcontainer__data--small+.newcard__inputcontainer__data--small {
	margin-top: 30px
}

.page-recharge-tarjeta .newcard .formcode__submit {
	margin: 0
}

.page-recharge-tarjeta .newcard__lnk {
	color: #1F97AE;
	display: block;
	text-align: center;
	margin: 0 20px
}

.page-recharge-tarjeta .page-recharge-divider {
	padding-top: 16px
}

.page-recharge-tarjeta .title__tarjeta--small {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 15px;
	font-weight: 300
}

.page-recharge-tarjeta .box__milinea {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 16px;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative
}

.page-recharge-tarjeta .box__milinea a {
	color: inherit;
	font: inherit
}

.page-recharge-tarjeta .box__milinea__arrow {
	position: absolute;
	right: 15px;
	height: 20px;
	width: 20px;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%)
}

.page-recharge-tarjeta .box__milinea__arrow:after,
.page-recharge-tarjeta .box__milinea__arrow:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 7px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .box__milinea__arrow:before {
	top: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .box__milinea__arrow.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.page-recharge-tarjeta .box__milinea__arrow.open:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .box__milinea__icon {
	width: 46px;
	margin-right: 10px
}

.page-recharge-tarjeta .box__milinea .box__milinea__data {
	width: 60%
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__number,
.page-recharge-tarjeta .box__milinea .box__milinea__data__title {
	display: block;
	color: #222
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__number {
	font-size: 16px;
	font-weight: bold
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__title {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 3px
}

.page-recharge-tarjeta .addline__header__toggle {
	top: 12px
}

.page-recharge-tarjeta .addline__text {
	color: #222;
	font-size: 16px;
	font-weight: 500
}

.page-recharge-tarjeta .addline__preview {
	width: 46px;
	margin-right: 10px
}

.page-recharge-tarjeta .addline__data {
	margin: 9px 0 0
}

.page-recharge-tarjeta .addline__body .formcode {
	margin: 17px 0 0
}

.page-recharge-tarjeta .addline__body .formcode__submit {
	margin-top: 20px
}

.page-recharge-tarjeta .inputcontainer__addline {
	width: 100%
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__input {
	padding-left: 43px
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__input+.inputcontainer__label {
	margin-left: 34px
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__addline__img {
	position: absolute;
	top: 16px;
	left: 16px
}

.page-recharge-tarjeta .alert__aviso {
	background: #1F97AE;
	display: block;
	margin: 0 0;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 100%;
	color: white;
	transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transition: all 0.6s ease-in;
	-webkit-transition: all 0.6s ease-in
}

.page-recharge-tarjeta .alert__aviso.active {
	visibility: visible;
	opacity: 1;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.page-recharge-tarjeta .alert__aviso__row {
	display: flex;
	padding: 12px 70px 12px 14px
}

.page-recharge-tarjeta .alert__aviso__img {
	height: 22px;
	margin-right: 12px;
	margin-top: 3px
}

@media only screen and (min-width: 768px) {
	.page-recharge-tarjeta .alert__aviso__img {
		margin-top: -1px
	}
}

.page-recharge-tarjeta .alert__aviso__text {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400
}

.page-recharge-tarjeta .alert__aviso__close {
	position: absolute;
	right: 13px;
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	outline: none
}

.page-recharge-tarjeta .alert__aviso__close:after,
.page-recharge-tarjeta .alert__aviso__close:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 16px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .alert__aviso__close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta__co {
	background: transparent
}

.page-recharge-tarjeta__co .header__title {
	margin: 0px 0 16px 17px
}

.page-recharge-tarjeta__co .co_recharge_title {
	padding-top: 5%;
	padding-bottom: 5%;
	color: white;
	text-align: center
}

.modalhelp {
	visibility: hidden;
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	width: 100vw;
	height: 100vh;
	z-index: 222;
	top: 0;
	left: 0
}

.modalhelp.active {
	visibility: visible
}

.modalhelp__content {
	position: fixed;
	bottom: 0;
	background: #fff;
	z-index: 222;
	padding: 25px 145px 25px 25px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	transform: translate(0%, 130%);
	-webkit-transform: translate(0%, 130%);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.modalhelp__content.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.modalhelp__preview {
	position: absolute;
	right: 20px;
	top: 20px
}

.modalhelp__data__title {
	font-weight: 600
}

.modalhelp__data__text {
	font-weight: 300;
	margin: 13px 0 0
}

.modalhelp__data__close {
	color: #1F97AE;
	margin: 13px 0 0;
	display: block;
	font-weight: 400
}

.page-tarjetas-habilitadas .title__tarjeta {
	text-align: left;
	font-weight: 500;
	line-height: 26px;
	font-size: 22px;
	margin: 0 0 20px
}

.page-tarjetas-habilitadas .expect__tarjetas {
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin-bottom: 25px
}

.page-tarjetas-habilitadas .row__container {
	margin: 0 -15px;
	font-size: 0
}

.page-tarjetas-habilitadas .row__container .col {
	box-sizing: border-box;
	display: inline-block
}

.page-tarjetas-habilitadas .row__container .col_4 {
	text-align: center;
	padding: 0 15px;
	vertical-align: top;
	width: 33.33%
}

.page-tarjetas-habilitadas .row__container .boxtarjeta__logo {
	display: block;
	max-width: 76px;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 5px
}

.page-tarjetas-habilitadas .row__container .boxtarjeta__title {
	font-weight: 300;
	color: #222;
	line-height: 16px;
	font-size: 14px;
	text-transform: capitalize;
	margin: 8px auto 20px;
	max-width: 76px
}

.cardconfirm--spacer {
	padding-top: 20px
}

.cardconfirm {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 4px 8px;
	margin-bottom: 20px
}

.cardconfirm__number,
.cardconfirm__title {
	text-align: center
}

.cardconfirm__title {
	font-weight: 300;
	font-size: 16px;
	line-height: 19px
}

.cardconfirm__number {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	margin: 10px 0 0
}

.cardconfirm__lkn {
	color: #1F97AE;
	display: block;
	text-align: center;
	margin: 0 20px
}

.cardconfirm__box {
	padding: 15px 0
}

.cardconfirm__box+.cardconfirm__box {
	border-top: 1px solid #D0D0D0
}

.cardconfirm__card {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative;
	margin: 20px auto;
	max-width: 90%;
	justify-content: center
}

.cardconfirm__preview {
	background: url(/inicio/assets/img/cardpreview.png) no-repeat center;
	background-size: cover;
	margin-right: 10px;
	width: 89px;
	height: 55px;
	position: relative
}

.cardconfirm__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.cardconfirm__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.cardconfirm__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview__number {
	font-size: 6px;
	top: 23px;
	position: absolute;
	left: 6px;
	word-spacing: 6px
}

.cardconfirm__preview__name {
	font-size: 6px;
	top: 36px;
	position: absolute;
	left: 6px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 61px;
	text-transform: uppercase
}

.cardconfirm__preview__expiration {
	font-size: 6px;
	top: 36px;
	position: absolute;
	right: 6px
}

.cardconfirm__data__title {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 9px;
	line-height: 19px;
	text-transform: lowercase
}

.cardconfirm__data__title::first-letter {
	text-transform: uppercase
}

.cardconfirm__data__number {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px
}

.page-recharge-body {
	height: 1vh
}

.alertfixed {
	z-index: 10;
	position: fixed;
	bottom: 0;
	color: #fff;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 15px;
	border-radius: 6px;
	transform: translate(0%, 130%);
	-webkit-transform: translate(0%, 130%);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alertfixed.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.alertfixed__error {
	background: #222;
	color: #222
}

.alertfixed__grey {
	background: #F2F2F2;
	color: #222;
	display: flex;
	justify-content: space-between;
	flex-direction: horizontal
}

.alertfixed__grey img {
	height: 32px;
	margin-right: 15px
}

.alertfixed__sucess {
	background: #33744f;
	display: flex;
	align-items: center
}

.alertfixed__sucess__text {
	width: 100%
}

.alertfixed__sucess span {
	margin-right: 12px
}

.alertfixed__sucess__lnk {
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff
}

.alertfixed__sucess__close {
	height: 25px;
	position: relative;
	width: 25px
}

.alertfixed__sucess__close:after,
.alertfixed__sucess__close:before {
	content: "";
	background: white;
	position: absolute;
	top: 12px;
	right: 6px;
	width: 16px;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alertfixed__sucess__close:before {
	top: 12px;
	right: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.alertfixed__failed {
	background: #B7202E;
	display: flex;
	align-items: center;
	color: white
}

.alertfixed__failed__text {
	font-size: 14px;
	width: 100%
}

.alertfixed__failed span {
	margin-right: 12px
}

.alertfixed__failed__lnk {
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff
}

.alertfixed__failed__close {
	height: 25px;
	position: relative;
	width: 25px
}

.alertfixed__failed__close:after,
.alertfixed__failed__close:before {
	content: "";
	background: white;
	position: absolute;
	top: 12px;
	right: 6px;
	width: 16px;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alertfixed__failed__close:before {
	top: 12px;
	right: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.alertfixed__failed__icon {
	font-size: 26px
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin .inputcontainer__icon__error {
	right: -34px;
	z-index: 2
}

.page-recharge-uruguay {
	padding-bottom: 30px
}

.page-recharge-uruguay .title__tarjeta {
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	margin: 0 0 16px
}

.page-recharge-uruguay .newcard__title {
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 17px;
	color: #222
}

.page-recharge-uruguay .newcard {
	padding-bottom: 1px
}

.page-recharge-uruguay .newcard__inputcontainer__data--small {
	max-width: initial;
	width: 100%
}

.page-recharge-uruguay .newcard .inputcontainer__data--fullwidth {
	max-width: initial;
	width: 100%
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin {
	margin-right: 35px
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin .input__help {
	right: -32px
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .input__help,
.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .inputcontainer__info {
	display: none
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .inputcontainer__icon__error {
	right: -34px
}

.page-recharge-uruguay .form-with-header-container {
	margin-bottom: 16px
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info {
	position: absolute;
	top: 17px;
	right: -34px;
	line-height: 22px;
	font-size: 20px
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item {
	color: #858585;
	outline: none
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:active+.inputcontainer__info__description,
.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:focus+.inputcontainer__info__description,
.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:hover+.inputcontainer__info__description {
	display: block
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__description {
	z-index: 100;
	display: none;
	position: absolute;
	right: -10px;
	top: 112%;
	background-color: #CECECE;
	color: #212221;
	width: 122px;
	padding: 10px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 14px;
	transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-webkit-transform: translate(0, 0%);
	border-box: box-sizing;
	-ms-border-box: box-sizing;
	-moz-border-box: box-sizing;
	-webkit-border-box: box-sizing
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__description:after {
	content: "";
	position: absolute;
	top: 0;
	right: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 4px 3px;
	border-color: transparent transparent #cecece transparent;
	transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-webkit-transform: translate(0, -3px)
}

.page-recharge-uruguay .form-with-header-container .select__container {
	position: absolute;
	height: 53px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none;
	max-width: 110px
}

.page-recharge-uruguay .form-with-header-container .select__container:after,
.page-recharge-uruguay .form-with-header-container .select__container:before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 26px;
	right: 16px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-uruguay .form-with-header-container .select__container:before {
	top: 26px;
	right: 22px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.page-recharge-uruguay .form-with-header-container .select__container__button {
	border: 1px solid #D0D0D0;
	outline: none;
	border-radius: 2px;
	box-sizing: border-box;
	display: block;
	height: 53px;
	padding: 0 0 0 17px;
	line-height: 28px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	background: #fff;
	color: #6A6A6A;
	width: 100%;
	text-align: left
}

.page-recharge-uruguay .form-with-header-container .select__container+.newcard__inputcontainer {
	margin-left: 120px
}

.page-recharge-uruguay .recharge__error {
	background: #B7202E;
	left: 14px;
	right: 14px;
	position: fixed;
	bottom: 15px;
	color: white;
	border-radius: 6px;
	padding: 10px 45px 10px 40px;
	opacity: 0;
	visibility: hidden;
	transform: translate(0%, 100%);
	-webkit-transform: translate(0%, 100%);
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in
}

.page-recharge-uruguay .recharge__error.active {
	opacity: 1;
	visibility: visible;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.page-recharge-uruguay .recharge__error__text {
	font-size: 16px;
	line-height: 22px;
	max-width: 259px
}

.page-recharge-uruguay .recharge__error .icon {
	position: absolute;
	left: 10px;
	top: 22px;
	font-size: 17px
}

.page-recharge-uruguay .recharge__error .recharge__error__close {
	position: absolute;
	top: 22px;
	right: 15px;
	width: 20px;
	height: 20px;
	outline: none
}

.page-recharge-uruguay .recharge__error .recharge__error__close:after,
.page-recharge-uruguay .recharge__error .recharge__error__close:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 9px;
	width: 17px;
	height: 2px;
	background-color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-uruguay .recharge__error .recharge__error__close:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.select__container {
	position: absolute;
	height: 53px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none;
	max-width: 110px
}

.select__container:after,
.select__container:before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 26px;
	right: 16px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.select__container:before {
	top: 26px;
	right: 22px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.select__container__button {
	border: 1px solid #D0D0D0;
	outline: none;
	border-radius: 2px;
	box-sizing: border-box;
	display: block;
	height: 53px;
	padding: 0 0 0 17px;
	line-height: 28px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	background: #fff;
	color: #6A6A6A;
	width: 100%;
	text-align: left
}

.select__container+.newcard__inputcontainer {
	margin-left: 120px
}

.recharge__error {
	background: #B7202E;
	left: 14px;
	right: 14px;
	position: fixed;
	bottom: 15px;
	color: white;
	border-radius: 6px;
	padding: 10px 45px 10px 40px;
	opacity: 0;
	visibility: hidden;
	transform: translate(0%, 100%);
	-webkit-transform: translate(0%, 100%);
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in
}

.recharge__error.active {
	opacity: 1;
	visibility: visible;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.recharge__error__text {
	font-size: 16px;
	line-height: 22px;
	max-width: 259px
}

.recharge__error .icon {
	position: absolute;
	left: 10px;
	top: 22px;
	font-size: 17px
}

.recharge__error .recharge__error__close {
	position: absolute;
	top: 22px;
	right: 15px;
	width: 20px;
	height: 20px;
	outline: none
}

.recharge__error .recharge__error__close:after,
.recharge__error .recharge__error__close:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 9px;
	width: 17px;
	height: 2px;
	background-color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.recharge__error .recharge__error__close:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.button {
	display: flex;
	justify-content: center
}

.page-handler-without-header {
	background-color: white;
	height: 100vh;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
	padding-top: 0px
}

.red__button {
	color: #6A6A6A;
	background: #D0D0D0;
	display: block;
	text-align: center;
	width: 100%;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin: 30px 0 0
}

.red__button.active {
	background: #EF3829;
	color: #fff
}

.fake_login .change-line {
	color: #F2DEDE;
	margin-top: 50px
}

.fake_login .input-group {
	margin-bottom: 10px
}

.mes_cc{
	width:100%

}

.container-cc
		{ 
		display: block;
    }

@media (min-width: 768px) {
	.container-cc
		{ 
		display: flex;
    }
    .mes_cc{
	width:50%

	}
}

/* Contenedor principal que envuelve todo (el borde exterior de tu imagen) */
.phone-input-wrapper {
    display: flex;
    align-items: center; /* Centra el ícono y los textos verticalmente */
    border: 1px solid #ccc; /* El borde gris sutil de tu captura */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    padding: 10px 15px; /* Espacio interior */
    background-color: #fff;
    margin-bottom: 20px;
}

/* Contenedor del ícono */
.phone-icon-container {
    margin-right: 15px; /* Separa el celular de los textos */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenedor de los textos (se apilan uno arriba del otro) */
.phone-text-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Ocupa el resto del espacio disponible */
}

/* El texto pequeño de arriba ("Número de línea") */
.phone-label {
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
}

/* El campo de texto en sí ("EJ: 1123456789") */
.phone-input {
    border: none; /* Quitamos el borde por defecto porque ya lo tiene el wrapper */
    outline: none;
    font-size: 16px;
    color: #333;
    padding: 0; /* Reseteamos el padding para que quede pegado al label */
    background: transparent;
}

.phone-input::placeholder {
    color: #888;
}