.login {
  margin-top: 25px;
}

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

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

/* ============================
   FUENTES (FONTS)
============================ */
@font-face {
  font-family: 'Roboto';
  src: url("/public/assets/fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), 
       url("/inicio/assets/fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}





@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;
}

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

/* ============================
   NORMALIZE BÁSICO
============================ */
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%;
}

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;
}

/* ============================
   COMPONENTES GENERALES
============================ */
.row {
  width: 100%;
  max-width: 768px;
  padding: 0 14px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.header {
  position: fixed;
  display: flex;
    align-items: center;
    position: relative; /* Necesario para que el hijo absoluto se guíe por este padre */
    padding: 15px 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  z-index: 100;
  background-color: #EF3829;
}

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

.header__back:before {
  position: absolute;
  left: 14px;
  top: 16px;
}

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

.header__number {
  display: block;
  text-align: center;
  color: #fff;
  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;
  padding: 0 10px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-size: 13px;
}

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

.header__info .icon {
  font-size: 18px;
  line-height: 56px;
  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,
.header__credit__info img {
  display: inline-block;
  vertical-align: middle;
}

/* ============================
   MODALES
============================ */
.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 {
  display: inline-block;
  width: 95%;
  max-width: 760px;
  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 {
  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__content {
  padding: 50px 20px 20px;
}

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

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

.modal__actions {
  overflow: hidden;
}

.modal__button {
  width: 50%;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  color: #1F97AE;
  background-color: #fff;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.modal__button + .modal__button {
  border-left: 1px solid;
}

.modal__button-resolve {
  font-weight: bold;
}

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

.modal--confirm .modal__dialog {
  background-color: #858585;
  margin-top: 70px;
  width: 90%;
}

.modal--confirm .modal__button {
  color: #858585;
  background: white;
}

.modal--confirm .modal__button-reject,
.modal--confirm .modal__button-resolve {
  display: none;
}

.modal--confirm .modal__button-confirm {
  font-size: 18px;
  width: 100%;
}

.modal--confirm .modallist {
  color: white;
  overflow: scroll;
  max-height: 220px;
}

.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: 500;
}

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

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

.modal--confirm .modallist .modallist__item--result {
  border-top: 1px solid #fff;
  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--animate .modal__overlay { opacity: 1; }
.modal--animate .modal__dialog {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

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

/* ============================
   INFORMACIÓN Y CRÉDITOS
============================ */
.modinfo__item {
  padding: 17px 90px 17px 0;
  position: relative;
}

.modinfo__item + .modinfo__item {
  border-top: 1px dotted #858585;
}

.modinfo__item--result {
  border-top: 1px solid #fff;
  padding-bottom: 0;
  padding-top: 17px;
  margin: 0;
  border-top: 1px solid #858585 !important;
}

.modinfo__item--result__number,
.modinfo__item--result__text {
  top: 17px;
}
.modinfo__item--result__number { font-weight: bold; }
.modinfo__item--result__text { font-size: 16px; }

.modinfo__number {
  position: absolute;
  right: 0;
  top: 17px;
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 500;
}

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

.modinfo__text span {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 16px;
}

.modinfo .modinfo__back {
  color: #1F97AE;
  display: block;
  margin: 30px auto 0;
  text-align: center;
}

.modinfo .modinfo__back .modinfo__back__arrow {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.modinfo .modinfo__back .modinfo__back__arrow:after,
.modinfo .modinfo__back .modinfo__back__arrow:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -18px;
  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;
}

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

.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;
}

/* ============================
   PACKS
============================ */
.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: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.packs__title {
  padding: 0 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
}

.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 {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  padding: 12px 138px 12px 14px;
  min-height: 50px;
  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;
}

.pack + .pack { margin-top: 12px; }

.pack__description {
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  display: inline-block;
}

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

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

.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--loan { background-color: #F2F2F2; }

/* ============================
   PACKS BOX
============================ */
.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 .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: 14px;
  line-height: 16px;
  margin: 3px 0 0;
  display: inline-block;
}

.pack__box .pack__box__text .pack__action { display: inline-block; }
.pack__box .pack__box__text--left { float: left; margin: 0; }
.pack__box .pack__box__text .tooltip { float: right; }

.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-align: left;
  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; }
.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: #F2F2F2; }
.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);
}

/* ============================
   BOTONES
============================ */
.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 .icon:first-child { margin-right: 7px; }
.button .icon:last-child { margin-left: 2px; }

.button .center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -7px;
  line-height: 0;
}

.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;
}

.button--block { width: 100%; display: block; }
.button--miclaro, .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 {
  margin-top: 3%;
  margin-bottom: 10px;
  display: block;
  width: auto;
  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);
}

.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;
}

.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; }
.buttonanim__text + .icon, .icon + .buttonanim__text { margin-left: 8px; }
.buttonanim--block { margin: 0 auto 16px; width: 100%; }
.buttonanim--block:last-child { margin-bottom: 0; }

/* ============================
   ALERTAS
============================ */
.alert {
  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;
  position: relative;
}

.alert .icon:before { position: absolute; top: 50%; left: 50%; }

.alert .icon--success { background-color: #66B548; font-size: 28px; }
.alert .icon--success:before { margin: -14px 0 0 -18px; }

.alert .icon--advert { width: 70px; height: 70px; background-color: #1F97AE; font-size: 48px; line-height: 80px; }
.alert .icon--advert:before { margin: -24px 0 0 -17px; }

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

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

.alert--error, .alert--success { text-align: center; }

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

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

.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 .pending__pack__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 .alertbox__content p { color: white; }
.alertbox--info .pending__pack__icon { top: 15px; font-size: 20px; 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;
}

/* ============================
   ICONOS (ICONS FONT)
============================ */
.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--discount:before { content: "\f106"; }
.icon--edit:before { content: "\f107"; }
.icon--error:before { content: "\f108"; }
.icon--iconevent:before { content: "\f109"; }
.icon--iconphone:before { content: "\f10a"; }
.icon--info-rounded:before { content: "\f10b"; }
.icon--info-warning-rounded:before { content: "\f10c"; }
.icon--info:before { content: "\f10d"; }
.icon--message_outline:before { content: "\f10e"; }
.icon--message:before { content: "\f10f"; }
.icon--phone:before { content: "\f110"; }
.icon--recharge:before { content: "\f111"; }
.icon--roaming:before { content: "\f112"; }
.icon--success-rounded:before { content: "\f113"; }
.icon--success:before { content: "\f114"; }
.icon--warning-rounded:before { content: "\f115"; }
.icon--warning:before { content: "\f116"; }

/* ============================
   FORMULARIO LOGIN
============================ */
.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;
  margin-bottom: 11px;
}

.login .loginform__input {
  border: 1px solid #D0D0D0;
  color: #222;
  font: 400 16px/19px "Roboto", Sans-serif;
  height: 56px;
  margin-bottom: 4px;
  padding: 0 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__icon {
  position: absolute;
  font-size: 20px;
  color: #6A6A6A;
  top: 42px;
  left: 16px;
}

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

.login .loginform__label {
  font: 400 16px/19px "Roboto", Sans-serif;
  color: #6A6A6A;
  display: block;
  pointer-events: none;
  margin-bottom: 5px;
}

.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: 41px;
  color: #B7202E;
}

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

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

.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; }

/* ============================
   UTILIDADES Y OTROS
============================ */
.body_background_extend { padding-bottom: 0; }
.page-recharge-body { height: 1vh; margin-top: -8px; }
.page-recharge-tarjeta { background: #F2F2F2; min-height: 100vh; padding: 0 0 1px; justify-content: space-between; }

.fake_login .change-line { color: #F2DEDE; margin-top: 50px; }
.fake_login .input-group { margin-bottom: 10px; }

.page__pin {
  background: url("../img/background_login_desktop.jpg") no-repeat center;
  background-size: cover;
}

/* ============================
   MEDIA QUERIES
============================ */
@media only screen and (min-width: 768px) {
  .page__pin {
    background: url("../img/background_login_desktop.jpg") no-repeat center;
    background-size: cover;
  }
}

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

* {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

body {
    -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/static/media/Roboto-Light.e282aff6.eot);
    src: url(/inicio/assets/static/media/Roboto-Light.e282aff6.eot) format("embedded-opentype"),url(/inicio/assets/static/media/Roboto-Light.544f399e.woff) format("woff"),url(/inicio/assets/static/media/Roboto-Light.fe3a7d3f.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Roboto Condensed";
    src: url(/inicio/assets/static/media/RobotoCondensed-Light.315e30bd.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Roboto Condensed";
    src: url(/inicio/assets/static/media/RobotoCondensed-Bold.c5fe6dee.ttf) format("truetype");
    font-weight: 700;
    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;
    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: 700;
    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: 12px 14px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.container,.row {
    flex-direction: column
}

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

.modal,.modal__overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal__overlay {
    position: absolute;
    background-color: rgba(34,34,34,.8)
}

.modal__dialog,.modal__overlay {
    opacity: 0;
    transition: all .2s;
    -webkit-transition: all .2s
}

.modal__dialog {
    border-radius: 6px;
    display: inline-block;
    width: 87%;
    position: relative;
    text-align: left;
    margin-top: 170px;
    z-index: 2;
    background-color: #fff;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px)
}

.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: #fff
}

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

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

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

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

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

.modal__title--centered {
    display: flex;
    justify-content: center
}

.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: 700;
    background: #ee3d23;
    color: #fff
}

.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: #000;
    margin-bottom: 19px;
    font-weight: 700
}

.modal--confirm .modal__description {
    color: #000;
    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__button-reject--with-border {
    border: 1px solid #1f97ae
}

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

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

.modal--confirm .icon--confirm,.modal--confirm .icon--success {
    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: 700
}

.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: 700;
    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: 700
}

.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: #fff
}

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

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

.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--claro-pay .modal__description {
    line-height: 18.75px
}

.modal--claro-pay .modal__description strong {
    font-weight: 500
}

.modal--claro-pay .modal__actions {
    padding: 0 15px 50px
}

.modal--claro-pay .modal__actions .modal__button {
    margin-top: 0
}

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

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

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

.modal--content {
    overflow: hidden
}

.credit--section {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

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

.header {
    position: relative;
    box-sizing: border-box;
    padding: 0 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    z-index: 1;
    background-color: #ee3d23;
    grid-auto-flow: column;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    justify-items: center
}

.header__back {
    height: 52px;
    margin-right: 18px;
    cursor: pointer
}

.header__back,.header__logo {
    color: #fff;
    justify-self: start;
    display: flex;
    align-items: center
}

.header__logo {
    font-size: 30px;
    justify-content: center
}

.header__number {
    color: #fff!important;
    font-size: 19px;
    line-height: 52px;
    font-weight: 700
}

.header__title {
    justify-self: start;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

.header__title--centered {
    justify-self: center
}

.header__section {
    justify-self: start;
    color: #fff!important;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    white-space: nowrap
}

.header__buttongroup {
    display: flex;
    justify-self: right;
    align-items: center;
    grid-column: 3/4
}

.header__buttongroup .header__button {
    margin-left: 15px;
    cursor: pointer
}

.header__info {
    color: #fff;
    font-size: 25px
}

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

.header__info .icon {
    font-size: 25px;
    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 img,.header__credit__info span {
    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
}

body,html {
    min-height: 100%
}

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

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

li,ol,ul {
    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 {
    background-color: #fff;
    padding-top: 16px
}

.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: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

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

.packs__offer {
    background: #000;
    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;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    height: 59px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 12px;
    display: flex;
    align-items: stretch
}

.pack>:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pack>:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

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

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

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

.pack__description {
    position: relative;
    font-size: 15px
}

.pack__description__mobile_clickable_area {
    position: absolute;
    width: 100%;
    height: 100%
}

@media(min-width: 767px) {
    .pack__description__mobile_clickable_area {
        display:none
    }
}

.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: 700;
    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
}

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

.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: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(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__number,.pack__box--disabled .pack__box__text,.pack__box--disabled .pack__box__title {
    color: #858585;
    text-shadow: 1px 1px 0 #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 0 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: #000
}

.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: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: #fff;
    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: 0
}

.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 .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: #000;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.dropdowninfo.dropdown__list .dropdowninfo {
    box-shadow: 0 0 0 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 0 0 rgba(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: 0 1px 6px rgba(0,0,0,.1607843137)
}

.dropdowninfo__header--packs {
    padding-right: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.1607843137)
}

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

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

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

.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: 700
}

.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__desc__text,.dropdowninfo--warning .dropdowninfo__icon,.dropdowninfo--warning .dropdowninfo__title {
    color: #b7202e
}

.dropdowninfo .dropdowninfopacks {
    display: flex;
    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: 700
}

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

.dropdowninfo .dropdowninfolimit__header {
    padding: 0;
    margin: 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 {
    position: relative;
    z-index: 0;
    display: flex;
    background: #c7e5eb;
    padding: 16px 14px 18px;
    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: 0;
    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 {
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(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: 0 1px 6px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 6px 0 rgba(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: #222;
    padding: 0 0 0 15px;
    font-size: 14px;
    line-height: 20px
}

.dropdown__packinfo .packinfototal {
    display: flex;
    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: 700
}

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

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

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

.dropdown__packinfo .packinfototal__limit__icon {
    position: absolute;
    left: 0;
    top: 0;
    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: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.16)
}

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

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--closed .packs__header {
    border-bottom: 1px solid transparent;
    transition: all .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,.16);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.16)
}

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

.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: #222;
    display: block;
    border-top: 1px solid #ccc
}

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

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

.dropdown__packinfo--noborder {
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 3px 0 rgba(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__text,.dropdown__packinfo--noborder .packvencimiento__title {
    font-size: 14px;
    line-height: 20px
}

.dropdown__packinfo--noborder.dropdown__list--open .packs__header {
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 0 rgba(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__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
}

.button {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #1f97ae;
    padding: 16px 15px;
    outline: none;
    border-radius: 3px;
    line-height: 1.3em!important;
    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,.button--pin {
    margin-top: 15px
}

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

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

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

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

.button--outline {
    cursor: pointer;
    border: 1px solid #1f97ae;
    border-radius: 20px;
    padding: 9px 14px
}

.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: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

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

.title {
    font-size: 17px
}

.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: 700;
    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: #fff
}

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

.alertbox--info .alertbox__content p {
    color: #fff
}

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

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

.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: #000
}

.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: 400;
    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: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: 700;
    margin: 15px
}

.faq__items {
    margin-bottom: 25px
}

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

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

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

.faq__item {
    padding: 15px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.12);
    border-radius: 0 0 0 0;
    border-top: groove;
    border-color: hsla(0,0%,66.3%,.2117647059);
    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: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

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

.faq__item__body {
    overflow: hidden;
    height: 0;
    transition: height .2s ease-out;
    -webkit-transition: height .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 .2s ease-out;
    -webkit-transition: height .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
}

.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
}

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

.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 {
    flex-direction: row
}

.message__page,.message__page__content {
    height: 100%;
    display: flex;
    justify-content: center
}

.message__page__content {
    flex-direction: column
}

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

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

.message__page__description {
    width: 90%;
    max-width: 400px;
    margin: auto;
    align-self: center;
    font-size: 16px;
    line-height: 20px;
    border-width: 1px;
    box-shadow: 0 3px 6px rgba(0,0,0,.1607843137);
    border-radius: 6px;
    opacity: 1;
    position: relative;
    bottom: 35px;
    background-color: #fff;
    overflow: hidden
}

.message__page__description--no-offset {
    bottom: 0;
    margin-bottom: 1.5em
}

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

.come__back__link--block {
    display: block
}

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

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

.pp__tooltip:active .pp__tooltip__description,.pp__tooltip:focus .pp__tooltip__description,.pp__tooltip:hover .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: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.pp__tooltip__description:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 0;
    height: 0;
    border-color: transparent #f2f2f2 transparent transparent;
    border-style: solid;
    border-width: 6px 10.4px 6px 0;
    transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-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: #ee3d23
}

.bold,.button__arrow {
    font-weight: 700
}

.button__arrow {
    font-size: 27px;
    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: 700
}

.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
}

.border__boxshadow__info,.error_information_box__success {
    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: none;
    margin-top: 7px
}

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

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

.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: #ee3d23;
    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: 700 35px/37px "Roboto",Sans-serif;
    margin-top: 30px
}

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

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

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

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

.buy-success .message__buysuccess__container,.message-success .message__buysuccess__container {
    padding: 40px 28px 55px;
    background-color: #73a974;
    margin-bottom: 1em
}

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

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

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

.buy-success .message__buysuccess__info,.message-success .message__buysuccess__info {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    position: relative;
    margin: 12px auto 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 300
}

.buy-success .message__buysuccess__chevron,.message-success .message__buysuccess__chevron {
    position: relative
}

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

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

.buy-success .message__infobox,.message-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,.message-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,.message-success .message__boxpack__title {
    font-size: 16px;
    line-height: 23px;
    color: #222;
    padding-top: 16px
}

.message__boxpack__logos {
    max-width: 310px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center
}

.message__boxpack__logos__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.message__boxpack__logos__logo {
    padding: 12px 20px;
    flex-grow: 1;
    width: 90px
}

.message__boxpack__logos__logo img {
    margin-bottom: 12px
}

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

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

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

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

.message__boxpack__logos__logo--thinner {
    padding: 11px 2px
}

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

.message__boxpack__logos__logo #social_media_gift img {
    margin-top: 11px
}

.message__boxpack__logos__logo #free_fire_gift img {
    margin-top: 13px;
    margin-bottom: 19px
}

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

.message__boxpack__logos__description--medium {
    margin: 0 auto auto;
    font-weight: 400
}

.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
}

.message__boxpack__logos li {
    padding: 12px 25px
}

.message__boxpack__text {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    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: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(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: #fff;
    height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.page-handler--curve-background {
    background-color: #f6f6f6
}

.page-handler--curve-background:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
    -webkit-clip-path: ellipse(100% 65% at 50% 105%);
    clip-path: ellipse(100% 65% at 50% 105%);
    z-index: 1
}

.page-handler .handler {
    margin-bottom: 30px;
    z-index: 10
}

.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: .2
}

.page-handler .handler__spacer {
    height: 30px
}

.page-handler .handler__title {
    color: #222;
    font-weight: 700;
    line-height: 24px;
    font-size: 20px;
    margin: 0 auto 25px;
    max-width: 260px;
    flex-grow: .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: .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__back,.page-handler .handler .handler__btn {
    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: #ee3d23;
    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: .5
}

.handler__description {
    color: #222;
    font-weight: 300;
    line-height: 19px;
    font-size: 16px;
    margin: 0 auto 30px;
    max-width: 336px;
    flex-grow: .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
}

@-webkit-keyframes lineanim1 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes lineanim1 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes lineanim2 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes lineanim2 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes lineanim3 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes lineanim3 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        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: .3s;
    -ms-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.loading circle:nth-child(3) {
    animation-delay: .6s;
    -ms-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .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
    }

    to {
        opacity: .33
    }
}

@keyframes dots_loading {
    0% {
        opacity: .33
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .33
    }
}

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

.buttonanim {
    font: 400 16px/16px "Roboto",Sans-serif;
    border-radius: 20px;
    min-height: 40px;
    margin: 0;
    min-width: 40px;
    padding: 9px 14px;
    background-color: #ee3d23;
    border: 0;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: background-color .25s;
    -webkit-transition: background-color .25s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-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;
    -ms-box-orient: inline-flex;
    -o-box-orient: inline-flex;
    box-orient: inline-flex;
    align-items: center;
    justify-content: center
}

.buttonanim,.buttonanim:hover {
    color: #fff;
    text-decoration: none
}

.buttonanim:hover {
    background-color: #da262c
}

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

.buttonanim:active {
    color: #fff;
    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;
    user-select: none;
    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;
    -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 .25s ease .5s forwards;
    -ms-animation: button_loaded_bgcolor .25s ease .5s forwards;
    -moz-animation: button_loaded_bgcolor .25s ease .5s forwards;
    -webkit-animation: button_loaded_bgcolor .25s ease .5s forwards
}

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

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

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

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

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

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

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

.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: #fff;
    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 .5s ease;
    -webkit-transition: all .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: fadein 1s ease 0s 1 normal forwards;
    animation: fadein 1s ease 0s 1 normal forwards
}

.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: #ee3d23
}

.tutorial__push .tutorial__push__actions__next {
    background: #ee3d23;
    color: #fff
}

.tutorial__push .tutorial__push__actions__close,.tutorial__push .tutorial__push__actions__next {
    border-radius: 125px;
    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;
    margin: 12px 0 0
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    66% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    66% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

.loaded .icon,.loaded:before {
    opacity: 0;
    color: #fff;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity .3s;
    -webkit-transition: opacity .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 .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -ms-animation: loaded_scalex .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -moz-animation: loaded_scalex .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -webkit-animation: loaded_scalex .5s cubic-bezier(.25,.46,.45,.94) forwards
}

.loaded .icon {
    font-size: 13px;
    color: #fff;
    z-index: 1;
    animation: loaded_showicon .5s ease .4s forwards;
    -ms-animation: loaded_showicon .5s ease .4s forwards;
    -moz-animation: loaded_showicon .5s ease .4s forwards;
    -webkit-animation: loaded_showicon .5s ease .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 .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -ms-animation: loaded_scalex_error_close .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -moz-animation: loaded_scalex_error_close .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -webkit-animation: loaded_scalex_error_close .5s cubic-bezier(.25,.46,.45,.94) forwards
}

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

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

.button--error .loaded:before {
    background-color: #b7202e;
    animation: loaded_scalex_error .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -ms-animation: loaded_scalex_error .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -moz-animation: loaded_scalex_error .5s cubic-bezier(.25,.46,.45,.94) forwards;
    -webkit-animation: loaded_scalex_error .5s cubic-bezier(.25,.46,.45,.94) forwards
}

@-webkit-keyframes loaded_hideicon {
    to {
        opacity: 0
    }
}

@keyframes loaded_hideicon {
    to {
        opacity: 0
    }
}

@-webkit-keyframes loaded_showicon {
    to {
        opacity: 1
    }
}

@keyframes loaded_showicon {
    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        width: 100%
    }
}

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

    to {
        opacity: 1;
        width: 100%
    }
}

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

    to {
        opacity: 1;
        width: 100%
    }
}

@keyframes loaded_scalex_error {
    0% {
        opacity: 1;
        background-color: #b7202e
    }

    to {
        opacity: 1;
        width: 100%
    }
}

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

    to {
        opacity: 0;
        width: 0
    }
}

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

    to {
        opacity: 0;
        width: 0
    }
}

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

@keyframes button_loaded_bgcolor {
    to {
        background-color: #dff0d8
    }
}

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

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

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

.alert__addtohome.active.disable {
    transform: translateY(-115%);
    -webkit-transform: translateY(-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: 0;
    right: 0
}

.alert__addtohome__close:after,.alert__addtohome__close:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: #fff;
    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: #fff;
    border-radius: 25px;
    padding: 2px 30px
}

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

.title_with_banner_over {
    padding-top: 80px
}

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

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

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

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

.portal_modal.active.disable {
    transform: translateY(-400%);
    -webkit-transform: translateY(-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%;
    line-height: 1.15
}

.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 {
    cursor: pointer;
    background-color: #ee3d23;
    color: #fff;
    display: block;
    max-width: 336px;
    align-self: center;
    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: #fff;
    justify-content: space-around;
    width: 87vw;
    max-width: 700px;
    background: #33744f;
    border-radius: 6px;
    padding: 12px 12px 12px 15px;
    z-index: 2;
    transition: all .7s ease-in;
    -webkit-transition: all .7s ease-in
}

.push_success_banner.active {
    bottom: 1vh
}

.push_success_banner.close {
    bottom: -30vh;
    transition: all .7s ease-in;
    -webkit-transition: all .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: #fff;
    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
}

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

.close_cross_container {
    padding-bottom: 30px;
    width: 30px
}

.close_cross {
    position: relative
}

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

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

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

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

.claropay_icon {
    margin-top: -3px
}

.banner__home {
    text-align: center;
    max-width: 744px
}

.banner__home--grey {
    background: #f2f2f2
}

.banner__home--amazon {
    width: 90%
}

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

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

.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
}

.card-arrow {
    position: absolute;
    right: 15px;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.card-arrow:after,.card-arrow:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 7px;
    width: 10px;
    height: 2px;
    background-color: #000;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

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

.card-arrow:before {
    top: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

@font-face {
    font-family: "icons";
    src: url(/inicio/assets/static/media/icons.ec8500c9.eot);
    src: url(/inicio/assets/static/media/icons.ec8500c9.eot) format("embedded-opentype"),url(/inicio/assets/static/media/icons.bfa45805.woff2) format("woff2"),url(/inicio/assets/static/media/icons.023d7c34.woff) format("woff"),url(/inicio/assets/static/media/icons.614aa3d3.ttf) format("truetype"),url(/inicio/assets/static/media/icons.759c7ee9.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.icon--advert:before {
    content: ""
}

.icon--arrow-back:before {
    content: "ï„‚"
}

.icon--cart:before {
    content: ""
}

.icon--chat:before {
    content: "ï„„"
}

.icon--claro:before {
    content: "ï„…"
}

.icon--confirm:before {
    content: ""
}

.icon--discount:before {
    content: ""
}

.icon--edit:before {
    content: ""
}

.icon--error:before {
    content: ""
}

.icon--help:before {
    content: "ï„Š"
}

.icon--iconevent:before {
    content: "ï„‹"
}

.icon--iconphone:before {
    content: ""
}

.icon--info-rounded:before {
    content: ""
}

.icon--info-warning-rounded:before {
    content: "ï„Ž"
}

.icon--info:before {
    content: ""
}

.icon--message_outline:before {
    content: ""
}

.icon--message:before {
    content: "ï„‘"
}

.icon--phone:before {
    content: "ï„’"
}

.icon--recharge:before {
    content: "ï„“"
}

.icon--roaming:before {
    content: "ï„”"
}

.icon--success-rounded:before {
    content: "ï„•"
}

.icon--success:before {
    content: "ï„–"
}

.icon--warning-rounded:before {
    content: "ï„—"
}

.icon--warning:before {
    content: ""
}

.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
}

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

.buy-error .alert,.buy-success .alert,.generic-error .alert,.message-page .alert {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-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 {
    z-index: 1;
    overflow: hidden
}

.page__bg,.page__bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page__bg:before {
    content: "";
    z-index: 2;
    background-color: rgba(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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page__logo {
    font-size: 44px;
    line-height: 44px;
    display: block;
    margin-bottom: 20px
}

.page__description,.page__logo {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3)
}

.page__description {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 30px;
    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: 700;
    margin: 15px auto;
    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,.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
}

.page-pin .sent__pin .icon {
    background: #66b548;
    border: 3px solid #fff;
    border-radius: 100%;
    height: 45px;
    top: 0;
    width: 45px
}

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

.page-pin .sent__pin .icon:before {
    font-size: 23px;
    top: 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;
    top: 17px;
    left: 17px;
    border-radius: 100%;
    width: 14px;
    height: 14px
}

.page-pin .sent__pin__ok .icon,.page-pin .sent__pin__ok .icon:before {
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.page-pin .sent__pin__ok .icon:before {
    font-size: 7px;
    top: 50%;
    left: 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;
    top: 0;
    width: 60px
}

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

.page-pin .page__blocked .icon:before {
    font-size: 30px;
    top: 50%
}

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

.login {
    margin-top: 142px
}

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

.login__content {
    max-width: 328px;
    margin: auto;
    background: #fff;
    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: 0 8px;
    color: #222;
    margin: 0 0 21px
}

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

.login .loginform {
    position: relative;
    text-align: left;
    margin-bottom: 11px
}

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

.login .loginform__input {
    border: 1px solid #d0d0d0;
    color: #222;
    font: 400 16px/19px "Roboto",Sans-serif;
    height: 56px;
    margin-bottom: 4px;
    padding: 0 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 {
    position: absolute;
    left: 42px;
    top: 17px
}

.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__span {
    display: block;
    font: 400 12px/16px "Roboto",Sans-serif;
    text-align: left;
    margin-left: 15px;
    color: #6a6a6a
}

.login .loginform__error,.login .loginform__success {
    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: #ee3d23;
    color: #fff;
    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__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;
    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: #fff;
    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: #fff;
    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: 12px 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,.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: #fff;
    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,.2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(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
    }

    to {
        opacity: 0
    }
}

@media only screen and (max-width: 768px) {
    .login .selectcontainer+.selectcontainer {
        margin-left:0;
        display: block;
        margin-top: 10px
    }

    .page__pin {
        background: #f2f2f2;
        background-size: cover;
        height: 100%;
        width: 100%;
        position: absolute
    }

    .page__pin .loginform__icon {
        top: 16px
    }

    .page__pin .loginform__input {
        padding: 12px 40px 0 42px
    }
}

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

    .page__pin {
        background: #f2f2f2;
        background-size: cover;
        height: 100%;
        width: 100%;
        position: absolute
    }
}

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

    45% {
        opacity: 1
    }

    55% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.loginform .loginform__top_label {
    display: block;
    margin-bottom: 5px;
    position: relative;
    text-align: left
}

.loginform .loginform__label,.loginform .loginform__top_label {
    font: 400 16px/19px "Roboto",Sans-serif;
    color: #6a6a6a;
    pointer-events: none
}

.loginform .loginform__label {
    position: absolute;
    left: 42px;
    top: 17px;
    transition: all .2s ease-in
}

.loginform.active .loginform__label,.loginform .loginform__label.focused {
    line-height: 16px;
    font-size: 12px;
    top: 7px
}

.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: 700;
    color: #222;
    text-transform: uppercase
}

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

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

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

.body_background_extend {
    padding-bottom: 0
}

.background_co {
    background-color: #fff;
    height: calc(100vh - 52px)
}

.co_card_description {
    color: #858585
}

.co_card_description__title {
    color: #222;
    text-align: center;
    font-size: 18px;
    line-height: 21.09px;
    font-weight: 300;
    padding-bottom: 8px
}

.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
}

.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
}

.gift_container .gift_content_container li+li {
    border-top: 1px solid hsla(0,0%,58%,.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
}

.loan-needed {
    color: #000;
    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%
}

.page-recharge-tarjeta {
    background: #f2f2f2;
    min-height: 100vh
}

.page-recharge-tarjeta .alertinfo {
    margin-bottom: 0
}

.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--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;
    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;
    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: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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__toggle.open:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.page-recharge-tarjeta .tarjetaslist__header__toggle.open:after {
    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 :first-child,.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAACKCAYAAADbscTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM4MUJDOUI2OTAxMTFFOUFBQUVGMDRBRjE1RUI3NkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM4MUJDOUE2OTAxMTFFOUFBQUVGMDRBRjE1RUI3NkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTA2QjFFNTY4RjIxMUU5QUFBRUYwNEFGMTVFQjc2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTA2QjFFNjY4RjIxMUU5QUFBRUYwNEFGMTVFQjc2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PikXSV0AAAYiSURBVHja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) 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/static/media/card_visa_front.fba6f354.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.page-recharge-tarjeta .tarjetaslist__preview.amex {
    background: url(/inicio/assets/static/media/card_amex_front.92e3385e.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.page-recharge-tarjeta .tarjetaslist__preview.naranja {
    background: url(/inicio/assets/static/media/card_naranja_front.dbf72729.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.diners {
    background: url(/inicio/assets/static/media/card_diners_front.f1b49ef1.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cabal {
    background: url(/inicio/assets/static/media/card_cabal_front.30067d46.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cliper {
    background: url(/inicio/assets/static/media/card_cliper_front.be3f0619.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.favacard {
    background: url(/inicio/assets/static/media/card_favacard_front.cf78df2e.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.data {
    background: url(/inicio/assets/static/media/card_data_front.6b740fe6.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.master {
    background: url(/inicio/assets/static/media/card_master_front.724aee6a.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.maestro {
    background: url(/inicio/assets/static/media/card_masterdebito_front.22c54994.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.nativa {
    background: url(/inicio/assets/static/media/card_nativa_front.ef3d4f4a.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.oca {
    background: url(data:image/jpeg;base64,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) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.lider {
    background: url(data:image/jpeg;base64,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) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.creditel {
    background: url(data:image/jpeg;base64,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) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview--new {
    background: url(data:image/png;base64,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) 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 {
    margin-bottom: 16px
}

.page-recharge-tarjeta .tarjetaslist__item__body {
    overflow: hidden;
    height: 0;
    transition: height .2s ease-out;
    -webkit-transition: height .2s ease-out
}

.page-recharge-tarjeta .tarjetaslist__item__body--spacer {
    padding-top: 30px
}

.page-recharge-tarjeta .inputcontainer {
    position: relative;
    display: -webkit-flex;
    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: 0;
    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: calc(100% - 40px);
    vertical-align: top;
    position: relative
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__label,.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__span {
    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/static/media/sample-code.4cce2651.svg) no-repeat 50%;
    background-size: cover;
    height: 42px;
    position: relative;
    margin-top: 5px;
    width: 69px
}

.page-recharge-tarjeta .inputcontainer__preview.visa {
    background: url(/inicio/assets/static/media/sample-code-visa.39477cc9.svg) no-repeat 50%
}

.page-recharge-tarjeta .inputcontainer__preview.amex {
    background: url(/inicio/assets/static/media/sample-code-amex.01305dae.svg) no-repeat 50%;
    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/static/media/generic-back-amex.244ab4ea.jpg) no-repeat 50%;
    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: #ee3d23;
    color: #fff
}

.page-recharge-tarjeta .formcode__eliminar {
    color: #1f97ae;
    display: block;
    text-align: center;
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0 0
}

.page-recharge-tarjeta .newcard {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAABxCAYAAACeNJJMAAAFbmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMjFUMDk6MDM6MzYtMDM6MDAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA1LTIxVDA5OjAxOjIwLTAzOjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNS0yMVQwOTowMzozNi0wMzowMCIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ODJhYzE4MS1lYTU1LTQyYjEtYTY0ZS04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) no-repeat 50%;
    background-size: cover;
    width: 48px
}

.page-recharge-tarjeta .newcard__preview__number {
    font-size: 4px;
    top: 8px;
    position: relative;
    left: 3px;
    word-spacing: 0
}

.page-recharge-tarjeta .newcard__preview__name {
    font-size: 4px;
    top: -2px;
    position: relative;
    left: 3px;
    word-spacing: 0;
    bottom: 1px
}

.page-recharge-tarjeta .newcard__preview__expiration {
    font-size: 4px;
    top: -20px;
    position: relative;
    right: -33px;
    word-spacing: 0
}

.page-recharge-tarjeta .newcard__preview.visa {
    background: url(/inicio/assets/static/media/card_visa_front.fba6f354.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.page-recharge-tarjeta .newcard__preview.amex {
    background: url(/inicio/assets/static/media/card_amex_front.92e3385e.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.page-recharge-tarjeta .newcard__preview.naranja {
    background: url(/inicio/assets/static/media/card_naranja_front.dbf72729.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.diners {
    background: url(/inicio/assets/static/media/card_diners_front.f1b49ef1.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cabal {
    background: url(/inicio/assets/static/media/card_cabal_front.30067d46.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cliper {
    background: url(/inicio/assets/static/media/card_cliper_front.be3f0619.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.favacard {
    background: url(/inicio/assets/static/media/card_favacard_front.cf78df2e.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.data {
    background: url(/inicio/assets/static/media/card_data_front.6b740fe6.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.master {
    background: url(/inicio/assets/static/media/card_master_front.724aee6a.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.maestro {
    background: url(/inicio/assets/static/media/card_masterdebito_front.22c54994.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__preview.nativa {
    background: url(/inicio/assets/static/media/card_nativa_front.ef3d4f4a.svg) no-repeat 50%;
    background-size: cover
}

.page-recharge-tarjeta .newcard__inputcontainer {
    min-height: 75px;
    margin-bottom: 10px
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help {
    position: absolute
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help,.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;
    cursor: pointer
}

.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,.12);
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 16px;
    display: -webkit-flex;
    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: translateY(-50%);
    -webkit-transform: translateY(-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: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: 700
}

.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__co {
    background: transparent
}

.modalhelp {
    visibility: hidden;
    position: fixed;
    background: rgba(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: translateY(130%);
    -webkit-transform: translateY(130%);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

.modalhelp__content.active {
    transform: translate(0);
    -webkit-transform: translate(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: 300;
    line-height: 26px;
    font-size: 22px;
    margin: 0 0 20px
}

.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
}

.cardconfirm--spacer {
    padding-top: 20px
}

.cardconfirm {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(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: 700;
    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;
    display: flex;
    flex-direction: row;
    position: relative;
    margin: 20px auto;
    max-width: 90%;
    justify-content: center
}

.cardconfirm__preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAACKCAYAAADbscTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM4MUJDOUI2OTAxMTFFOUFBQUVGMDRBRjE1RUI3NkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM4MUJDOUE2OTAxMTFFOUFBQUVGMDRBRjE1RUI3NkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTA2QjFFNTY4RjIxMUU5QUFBRUYwNEFGMTVFQjc2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTA2QjFFNjY4RjIxMUU5QUFBRUYwNEFGMTVFQjc2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PikXSV0AAAYiSURBVHja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) no-repeat 50%;
    background-size: cover;
    margin-right: 10px;
    width: 89px;
    height: 55px;
    position: relative
}

.cardconfirm__preview.amex {
    background: url(/inicio/assets/static/media/card_amex_front.92e3385e.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.cardconfirm__preview.visa {
    background: url(/inicio/assets/static/media/card_visa_front.fba6f354.svg) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.cardconfirm__preview.naranja {
    background: url(/inicio/assets/static/media/card_naranja_front.dbf72729.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.diners {
    background: url(/inicio/assets/static/media/card_diners_front.f1b49ef1.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.cabal {
    background: url(/inicio/assets/static/media/card_cabal_front.30067d46.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.cliper {
    background: url(/inicio/assets/static/media/card_cliper_front.be3f0619.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.favacard {
    background: url(/inicio/assets/static/media/card_favacard_front.cf78df2e.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.data {
    background: url(/inicio/assets/static/media/card_data_front.6b740fe6.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.master {
    background: url(/inicio/assets/static/media/card_master_front.724aee6a.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.maestro {
    background: url(/inicio/assets/static/media/card_masterdebito_front.22c54994.svg) no-repeat 50%;
    background-size: cover
}

.cardconfirm__preview.nativa {
    background: url(/inicio/assets/static/media/card_nativa_front.ef3d4f4a.svg) no-repeat 50%;
    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
}

.alertfixed {
    z-index: 10;
    position: fixed;
    color: #fff;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 15px;
    border-radius: 6px;
    transform: translateY(130%);
    -webkit-transform: translateY(130%);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

.alertfixed.active {
    transform: translate(0);
    -webkit-transform: translate(0)
}

.alertfixed__error {
    background: #222
}

.alertfixed__error__text {
    width: 100%
}

.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: #fff;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: #fff
}

.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: #fff;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: 700;
    margin: 0 0 17px;
    color: #222
}

.page-recharge-uruguay .newcard {
    padding-bottom: 1px
}

.page-recharge-uruguay .newcard .inputcontainer__data--fullwidth,.page-recharge-uruguay .newcard__inputcontainer__data--small {
    max-width: none;
    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);
    -ms-transform: translate(0);
    -moz-transform: translate(0);
    -webkit-transform: translate(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-color: transparent transparent #cecece;
    border-style: solid;
    border-width: 0 3px 4px;
    transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-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: #000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: #fff;
    border-radius: 6px;
    padding: 10px 45px 10px 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.page-recharge-uruguay .recharge__error.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    -webkit-transform: translate(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: #fff;
    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: #000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .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: #fff;
    border-radius: 6px;
    padding: 10px 45px 10px 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.recharge__error.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    -webkit-transform: translate(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: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

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

.button,.page-handler-without-header {
    display: flex;
    justify-content: center
}

.page-handler-without-header {
    background-color: #fff;
    height: 100vh;
    text-align: center;
    flex-direction: column;
    padding-top: 0
}

.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: #ee3d23;
    color: #fff
}

.text {
    text-align: center
}

.text--bold {
    font-weight: 700
}

.text--medium {
    font-weight: 500
}

.text--small {
    font-weight: 300
}

.cursor-pointer {
    cursor: pointer
}

.align-center {
    text-align: center
}

.overflow-visible {
    overflow: visible
}

.white-background-color {
    background-color: #fff
}

.amazon_banner {
    background: linear-gradient(90deg,#012245,#3773a8);
    color: #fff;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 742px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1em
}

@media(max-width: 768px) {
    .amazon_banner {
        font-size:12px;
        width: 92%
    }
}

.amazon_banner__descripcion {
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    white-space: nowrap
}

.amazon_banner__descripcion--justify {
    text-align: justify
}

.amazon_banner__descripcion__titulo {
    font-weight: 500
}

.amazon_banner__line-breaker {
    white-space: break-spaces
}

.amazon_link {
    background: linear-gradient(90deg,#012245,#3773a8);
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    margin: 1em auto;
    display: grid;
    grid-template-columns: 20px 1fr 20px;
    padding: 1em 17px 1em 1em;
    text-align: center;
    place-items: center
}

@media(max-width: 768px) {
    .amazon_link {
        font-size:12px
    }
}

.amazon_link__text {
    grid-column: 2
}

.amazon_link__descripcion {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center
}

.amazon_link__descripcion__titulo {
    font-weight: 500
}

.amazon_link:after {
    box-sizing: border-box;
    content: "";
    min-width: 10px;
    min-height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    justify-self: right
}

.card_container {
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    border: 6px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    width: 90%;
    max-width: 742px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em
}

.card_container--padding {
    padding: .5em;
    width: 80%
}

.card_container--grey {
    background-color: #f2f2f2
}

.card_container--no-border {
    box-shadow: none
}

.card_container__amazon_section {
    background: linear-gradient(90deg,#012245,#3773a8);
    display: flex;
    flex-direction: column;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    padding: 1em 1.8em;
    margin-bottom: 1em;
    align-items: center
}

.card_container__amazon_section__img {
    width: 70%;
    margin-bottom: 1em;
    margin-top: 1em
}

.card_container__amazon_section__text {
    font-weight: 300;
    line-height: 19px;
    text-align: center;
    font-size: 16px
}

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

.card_container .card_container {
    width: 100%
}

.terms-of-service {
    flex-direction: row;
    display: flex;
    align-items: center;
    width: 90%;
    max-width: 742px;
    margin-left: auto;
    margin-right: auto
}

.terms-of-service .description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    text-align: initial
}

.terms-of-service .checkbox {
    cursor: pointer;
    position: relative;
    background: url(/inicio/assets/static/media/checkbox-empty.175ca146.svg) no-repeat 50%;
    height: 1.5em;
    width: 3em;
    margin-right: .5em;
    transition: all .3s;
    align-self: baseline
}

.terms-of-service .checkbox.checked:after {
    opacity: 1
}

.terms-of-service .checkbox:after {
    content: "";
    opacity: 0;
    background: url(/inicio/assets/static/media/checkbox-checked.a2e73e3d.svg) no-repeat 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.title--centered {
    text-align: center
}

.link {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #1f97ae;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none
}

.link.small {
    font-size: 14px
}

.link.disabled {
    color: #afafaf
}

.amazon_page {
    background-color: #f2f2f2;
    height: 100vh;
    padding-top: 1em
}

.amazon_page .title {
    font-size: 18px;
    margin: 1em 1.8em
}

.amazon_page .header,.amazon_page .terms-of-service {
    margin-bottom: 1em
}

.amazon_page .card_container {
    max-width: 400px
}

.amazon_page .card_container .text {
    margin: 1em 1.8em
}

.page-container {
    max-width: 762px;
    margin: auto;
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
    gap: 1em
}

.page-container--gray {
    background-color: #f2f2f2
}

.banner-prepago {
    width: 100%;
    margin-bottom: 1rem;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.24)
}

.banner-prepago--hidden {
    display: none
}

.links__home {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(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%;
    margin-bottom: 4px
}

.links__home--benefit-group {
    margin-bottom: 16px
}

.links__home--benefit-group>* {
    margin-bottom: 8px
}

.links__home--benefit-group>:last-child {
    margin-bottom: 0
}

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

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

.links__home__a {
    display: flex;
    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: 17px;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center
}

.links__home__a--benefit:after {
    box-sizing: border-box;
    margin-left: auto;
    content: "";
    min-width: 10px;
    min-height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.links__home__a--benefit--no-arrow:after {
    content: none
}

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

.links__home__img {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px
}

.links__home__img--amazon {
    background: linear-gradient(45deg,#3773a8,#012245);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 15px 10px 17px;
    margin: -15px 10px -17px -10px
}

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

.links__home__img--recargar {
    position: absolute;
    left: 25px;
    top: 11px;
    max-width: 24px
}

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

.links__home .links__home--desc .links__home__img--recargar {
    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__description-container {
    flex-grow: 1
}

.links__home .links__home__text {
    color: #ee3d23;
    display: block;
    font-weight: 700;
    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__line1,.links__home .links__home__icon .links__home__line2,.links__home .links__home__icon .links__home__line3 {
    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 {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 100;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left
}

.links__home__label--bold {
    font-weight: 500
}

.benefit-card {
    width: 90%;
    max-width: 400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    border-style: none;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    overflow: hidden;
    background-color: #fff;
    color: #101010;
    font-size: 14px;
    font-weight: 400
}

.benefit-card:hover {
    cursor: pointer
}

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

.benefit-card--image-only .links__home__img {
    position: static;
    margin: 0;
    width: 100%
}

.arrow-right {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    margin: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.packs-section-tab {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 742px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    grid-gap: 16px;
    gap: 16px
}

@media(max-width: 768px) {
    .packs-section-tab__option:first-child {
        margin-left:16px
    }
}

@media(max-width: 768px) {
    .packs-section-tab__option:last-child {
        margin-right:16px
    }
}

.packs-section-tab__option {
    position: relative;
    flex-grow: 1;
    padding: 16px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    border-radius: 6px 6px 0 0
}

.packs-section-tab__option--active {
    color: #ee3d23;
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom: none;
    box-shadow: 0 -2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 -2px 4px rgba(0,0,0,.1)
}

.packs-section-tab__option--inactive {
    color: #4c4c4c;
    background-color: #f2f2f2;
    border: 1px solid #d8d8d8;
    border-bottom: none
}

.tab_badge {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%)
}

.tab_badge .tab_badge_ribbon {
    width: 0;
    height: 0;
    border-top: 10px solid #ffc721;
    border-bottom: 10px solid #ffc721;
    border-left: 10px solid transparent;
    padding-right: .1em
}

.tab_badge .tab_badge_text {
    padding: .2em .5em;
    font-size: 11px;
    color: #000;
    background-color: #ffc721
}

.offered-packs>* {
    margin: 1em;
    width: 90%;
    max-width: 400px
}

.pack__description__plus-info-link {
    color: #1f97ae
}

.pack__description__plus-info-link:hover {
    color: #11505d
}

.fake_login .change-line {
    color: #f2dede;
    margin-top: 50px
}

.fake_login .input-group {
    margin-bottom: 10px
}

.PortalCard_card__q92XJ {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    grid-gap: 16px;
    gap: 16px;
    padding: 16px
}

.PageLayout_with-red-background__2fnWG {
    width: 100%;
    height: 700px;
    position: absolute;
    background-repeat: repeat-x;
    background-image: url(/inicio/assets/static/media/bg-layout-desktop.77a85c58.svg);
    background-size: cover;
    background-color: #f2f2f2;
    z-index: -1
}

@media(max-width: 650px) {
    .PageLayout_with-red-background__2fnWG {
        background-position:50% -90px
    }
}

@media(min-width: 650px) {
    .PageLayout_with-red-background__2fnWG {
        background-position:50% -145px
    }
}

.PageLayout_leftover-background__8a4O9 {
    width: 100%;
    height: calc(100vh - 700px);
    position: absolute;
    top: 700px;
    z-index: -1
}

.PageLayout_page-layout__3_Rtw {
    min-height: 100vh
}

.PageLayout_grey-background__yFLju {
    background: #f2f2f2
}

.PortalBody_container__24WaL {
    box-sizing: border-box;
    max-width: 768px;
    padding: 1rem 14px;
    margin: 0 auto
}

.ClaroPinInput_input__1Idm8 {
    padding: 0;
    border: none;
    color: #222;
    font-family: droid sans mono,consolas,monospace
}

.ClaroPinInput_input__1Idm8::-ms-reveal {
    display: none
}

.ClaroPinInput_input__1Idm8:focus {
    outline: none
}

.ClaroPinInput_root__3zDOB {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.ClaroPinInput_error-message__33Yr4 {
    color: #b7202e;
    font-size: 14px
}

.ClaroPayEnterPinPage_card-title__1zVJm {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    text-align: center
}

.HorizontalLine_divider__3CP4s {
    height: 1px;
    background: #d0d0d0;
    margin-bottom: 21px
}

.PageDetails_container__3kr5q {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
    font-weight: 300
}

.PortalPage_page__1qjgS {
    background: #f2f2f2;
    min-height: 100vh
}

.LabeledContainer_container__2NehB {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px
}

.LabeledContainer_label__EmWpe {
    color: #858585;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.LabeledContainer_text__2VGnR {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.CardDetails_outer-row__2zAhb {
    display: flex;
    grid-gap: 12px;
    gap: 12px
}

.CardDetails_inner-column__3NoWf {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 4px;
    gap: 4px
}

.CardDetails_logo__1cV8F {
    border: 1px solid #d0d0d0;
    border-radius: 7px;
    width: 77px
}

.CardDetails_card-number__pmRwa {
    font-size: 14px;
    font-weight: 100;
    white-space: pre
}

.ClaroPayFooter_container__37K6w {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 10px 0;
    grid-gap: 8px;
    gap: 8px;
    margin: 10px 0
}

.ClaroPayFooter_text__bdz8T {
    color: #656565;
    font-weight: 300;
    font-size: 18px
}

.InputWithHelp_container__2Vp6D {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.InputWithHelp_container__2Vp6D>:first-child {
    flex-grow: 1
}

.InputWithHelp_error-message__1zELv {
    height: 10px;
    color: #b7202e;
    padding: 6px 17px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 400
}

.Card_card__89w4p {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 6px
}

.Card_gray__OcJOF {
    background-color: #f7f7f7
}

.Card_mediumGray__1icZ- {
    background-color: #f2f2f2
}

.Card_darkGray__2b0TK {
    background-color: #e6e6e6;
    box-shadow: none
}

.PriceBox_price__3qk7q {
    display: inline-block;
    font-size: 18px;
    font-weight: 500
}

.PriceBox_price__3qk7q .PriceBox_old__1dtAO {
    text-align: center;
    text-decoration: line-through;
    opacity: .8;
    font-size: 14px
}

.PriceBox_price__3qk7q.PriceBox_recommended__N32HC {
    font-size: 15px
}

.PriceBox_price__3qk7q.PriceBox_recommended__N32HC .PriceBox_old__1dtAO {
    font-size: 12px;
    text-align: start;
    margin-left: 1px
}

.PriceBox_discount_box__1umqj {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -6px;
    margin-right: 4px;
    right: 12px;
    border-radius: 3px;
    padding: 2px 3px;
    background: #ffc721;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    text-align: center;
    color: #000;
    letter-spacing: -.6px;
    justify-content: center
}

.PriceBox_discount_box__1umqj.PriceBox_recommended__N32HC {
    height: 28px;
    width: 28px;
    top: -10px;
    padding-top: 5px
}

.PriceBox_discount_box__percentage__FUSMT {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 12px
}

.PriceBox_discount_box__percentage__FUSMT.PriceBox_recommended__N32HC {
    font-size: 16px
}

.PriceBox_discount_box__text__2cvVS {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 11px
}

.PriceBox_discount_box__text__2cvVS.PriceBox_recommended__N32HC {
    font-size: 16px;
    line-height: revert
}

.CrossSellingCard_container__2oRTm {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.CrossSellingCard_bg_light_grey__38zFz {
    background-color: #f2f2f2
}

.CrossSellingCard_title__1e7cz {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    gap: 5px
}

.CrossSellingCard_bg_white__18gvP {
    background-color: #fff
}

.CrossSellingCard_body__1MR2Q {
    position: relative
}

.CrossSellingCard_body__1MR2Q>:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.CrossSellingCard_body__1MR2Q>:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.CrossSellingCard_content__316Ez {
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    align-items: center;
    padding: 16px
}

.CrossSellingCard_content__316Ez.CrossSellingCard_checked__12wm1 {
    background-color: #d0d0d0
}

.CrossSellingCard_divider__kozt5 {
    border-right: 2px solid #f2f2f2;
    height: 35px
}

.CrossSellingCard_divider__kozt5.CrossSellingCard_darker__1-cPl {
    border-right-color: #afafaf
}

.CrossSellingCard_renewable-extension__3S44g {
    background-color: #1f97ae;
    padding: 16px;
    color: #fff;
    font-family: Roboto,serif;
    font-size: 13px
}

.Text_dark-blue__dxVu- {
    color: #305474
}

.Text_light-blue__1UDKS {
    color: #97a9b9
}

.Text_bold__jN1zX {
    font-weight: 700
}

.Text_uppercase__IlBh2 {
    text-transform: uppercase
}

.Text_lowercase__3My1l {
    text-transform: lowercase
}

.CrossSellingPackBox_cross-selling-pack__info__description__3-fca {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px
}

.CrossSellingPackBox_cross-selling-pack__info__description__old-price__3VqT- {
    color: #858585;
    font-size: 12px!important;
    text-decoration: line-through
}

.PackDecoration_container__1hcFh {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 3px
}

.PackDecoration_container__1hcFh .PackDecoration_icon__1der5 {
    margin-right: 5px
}

.PackDecoration_container__1hcFh .PackDecoration_pack-subtitle__2EpyS {
    text-transform: uppercase;
    font-size: 11px
}

.PackDecoration_container__1hcFh .PackDecoration_pack-subtitle__2EpyS.PackDecoration_renewable__17shK {
    color: #1f97ae
}

.PackDecoration_container__1hcFh .PackDecoration_pack-subtitle__2EpyS.PackDecoration_regular__1U5bT {
    color: #ee3d23
}

.PackDecoration_container__1hcFh .PackDecoration_pack-subtitle__2EpyS.PackDecoration_combo__13Ju9 {
    color: #a01c11
}

.PackDecoration_container__1hcFh .PackDecoration_pack-subtitle__2EpyS.PackDecoration_bold__3xXPz {
    font-weight: 700
}

.PackDecoration_container__1hcFh.PackDecoration_recommended__3BaV3 {
    flex-direction: column;
    align-items: normal
}

.PackDecoration_small-gap__1-lFu {
    grid-gap: 3px;
    gap: 3px
}

.PackFrame_container__2s6XW {
    display: flex;
    flex-direction: column;
    align-items: normal;
    grid-gap: 5px;
    gap: 5px
}

.PackFrame_night-pack__info--spacing__2fy8p {
    margin-top: 3px;
    margin-bottom: 3px
}

.NightBlueIcon_icon__35lQ8 {
    margin-right: 5px
}

.NightBlueIcon_disabled__3Iac0 {
    -webkit-filter: grayscale(1) brightness(180%);
    filter: grayscale(1) brightness(180%)
}

.NightPackDecoration_container__1GQXw {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 3px
}

.NightPackDecoration_container__1GQXw.NightPackDecoration_recommended__z7Zs9 {
    flex-direction: column;
    align-items: normal
}

.NightPackDecoration_small-gap__2Qaou {
    grid-gap: 3px;
    gap: 3px
}

.RenewableComboPackDecoration_container__1Biz- {
    display: flex;
    flex-direction: row;
    grid-gap: 5px;
    gap: 5px;
    align-items: center
}

.ClaroPayPaymentMethodsConfig_title__3D6WV {
    color: #222;
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 16px
}

.PortalSectionTitle_container__2wiPQ {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 16px
}

.PaymentMethodIcons_card__35Iyl,.PaymentMethodIcons_cofa__beXNK,.PaymentMethodIcons_coin__1uMfH,.PaymentMethodIcons_credit__3vUFX {
    height: 19px
}

.PaymentMethodIcons_credit__3vUFX {
    margin-top: -1px
}

.PaymentMethodIcons_card__35Iyl {
    margin-top: 2px;
    height: 13px
}

.PaymentMethodIcons_disabled__1SZUQ {
    -webkit-filter: invert(.5);
    filter: invert(.5)
}

.PaymentMethods_list-item__19aHa {
    display: flex;
    grid-gap: 18px;
    gap: 18px;
    padding: 16px 8px 16px 16px;
    color: #101010
}

.PaymentMethods_list-item__19aHa:not(:first-child) {
    border-top: 1px solid #d0d0d0
}

.PaymentMethods_list-item__19aHa.PaymentMethods_clickable__2c_fU:hover {
    cursor: pointer
}

.PaymentMethods_texts__BUTlR {
    flex-grow: 1;
    grid-gap: 8px;
    gap: 8px
}

.PaymentMethods_title__3SpQM {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500
}

.PaymentMethods_subtitle__2VL2l {
    font-size: 14px;
    font-weight: 100
}

.PaymentMethods_disabled__3Um_J {
    color: #6a6a6a!important;
    background: #f2f2f2
}

.PortalModal_comeback-text__3Bo1A {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: .5rem;
    color: #1f97ae;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    cursor: pointer
}

.PortalModal_content-image__GbY5x {
    width: 92px;
    height: 54px;
    display: flex;
    margin-bottom: 1rem
}

.PortalModal_image__1_Fz1 {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem
}

.PortalModal_action-button__3EIwL,.PortalModal_text-content__2ir4y {
    display: flex;
    flex-direction: column;
    margin-bottom: .75rem
}

.PortalModal_text-content__2ir4y {
    background-color: #f2f2f2;
    font-size: 16px;
    font-weight: 300;
    padding: 1rem;
    border-radius: 6px
}

.ClaroPayRedirectModal_modal-buttons__1Pwp4 {
    display: flex;
    flex-direction: column
}

.PaymentPackCard_header--cashback_pack__2YxbV {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    background: #f2f2f2
}

.PaymentPackCard_header--cashback_pack__2YxbV,.PaymentPackCard_header--night_pack__1l1jZ {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    grid-gap: .4rem;
    gap: .4rem
}

.PaymentPackCard_header--night_pack__1l1jZ {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    background: #305474
}

.PaymentPackCard_header--renewable_pack__3Q0tN {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    grid-gap: .4rem;
    gap: .4rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    background: #1f97ae
}

.PaymentPackCard_header__icon__3z35N {
    height: 17px
}

.PaymentPackCard_content__3gaCA {
    padding: 16px;
    font-size: 14px;
    font-weight: 100;
    color: #101010;
    background-color: #fff;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
}

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

.LegalesButton_link--small__2LQ9K {
    font-size: 12px
}

.InsertPinModal_input__3sihp label {
    text-align: start
}

.InsertPinModal_input__3sihp svg {
    left: 12px!important
}

.InsertPinModal_input__3sihp span {
    text-align: left;
    padding-bottom: 0;
    min-height: unset
}

.InsertPinModal_button-section__1-3Kd {
    margin-top: 29.5px
}

.RedTopAlert_close-button__2UalT {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
    margin-left: auto
}

.Arrow_arrow__2AYAU {
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.Arrow_up__1HBzI {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 2px
}

.Arrow_left__Ji0WN {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Arrow_down__28ZUi {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 2px
}

.CashbackLabel_label__container__33QLn {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #d9ff00;
    color: #000;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    left: -30px
}

.CashbackLabel_label__container__33QLn.CashbackLabel_wide__2G8SX {
    position: static;
    width: 52px;
    height: 14px;
    flex-direction: row;
    justify-content: space-around;
    margin-right: -10px
}

.CashbackLabel_label__container__33QLn.CashbackLabel_wide__2G8SX .CashbackLabel_label__image__1hXsV {
    height: 17px
}

.CashbackLabel_label__percentage__3x1CS {
    font-family: "Roboto",sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px
}

.AmountBenefitsDescription_amount-benefits-description__1x3B- {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    padding: 16px 0
}

.RechargeAmountBenefits_benefit__JqypB {
    display: flex;
    align-items: center;
    height: 1.4rem
}

.RechargeAmountBenefits_benefit-icon__1CDkF {
    display: flex;
    justify-content: center;
    width: 25%;
    max-width: 100px
}

.RechargeAmountBenefits_benefit-icon__1CDkF .RechargeAmountBenefits_extra-data-icon__2AsE1 {
    margin-left: 5px
}

.RechargeAmountBenefits_benefit-description__S9Ok5 {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    font-weight: 400
}

.RechargeAmountBenefits_gift___cv5E {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.RechargeAmountBenefits_triplica-img__SQzuV {
    margin-left: -5px
}

.AmountListItem_container__FB-vP {
    display: flex;
    align-items: center;
    color: #101010;
    height: 70px;
    font-size: 19px;
    line-height: 18px;
    font-weight: 500
}

.AmountListItem_container__cashback-label__g1xDD {
    position: relative;
    left: 10px;
    z-index: 2
}

.AmountListItem_amount__3pQq5 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    grid-gap: 6px;
    gap: 6px
}

.AmountListItem_amount-benefits-button__1kdiF {
    border: 1px solid #1f97ae;
    border-radius: 20px;
    color: #1f97ae;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    outline: none;
    padding: .125rem;
    text-align: center;
    width: 9.5rem
}

.AmountListItem_amount-benefits-button-arrow__1PVFc {
    -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(12%) saturate(3076%) hue-rotate(146deg) brightness(72%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(69%) sepia(12%) saturate(3076%) hue-rotate(146deg) brightness(72%) contrast(85%);
    margin-top: 2px;
    margin-left: 6px;
    width: .4rem
}

.AmountListItem_arrow-margin-top__2B9Zz {
    margin-top: 3px
}


[data-testid^=recharge-amounts-item]>[class*=expandable__section] {
    margin: 0
}

.GenericRechargeAmountsPage_recharge-amounts__1L9X- {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    background: #fff;
    padding: 0 15px
}

.GenericRechargeAmountsPage_button-more-amounts__2VQya {
    padding: 15px 0
}

.GenericRechargeAmountsPage_border-top__3Xm1B {
    border-top: 1px solid #d0d0d0
}

.SuccessRechargeMessage_banner-group__XTIjN {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
    position: relative;
    bottom: 14px
}

.SuccessRechargeMessage_cashback-message-container__2k8Sb {
    background-color: #f2f2f2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 16px 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap
}

.SuccessRechargeMessage_cashback-message-container__description__1y_oi {
    display: flex;
    flex-direction: row;
    font-family: "Roboto",Sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px
}

.SuccessRechargeMessage_cashback-message-container__description__amount__IGVJL {
    font-weight: 700;
    margin-left: 2px;
    margin-right: 2px
}

.SuccessRechargeMessage_cashback-message-container__image__2Xk-w {
    margin-left: 5px
}

.SuccessRechargeMessage_gifts__1dWFa {
    font-family: "Roboto",Sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.SuccessRechargeMessage_gifts-title__1daB6 {
    font-size: 16px;
    line-height: 23px;
    color: #222;
    padding-top: 16px
}

.SuccessRechargeMessage_group-of-gifts-container__3FPmT {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 16px;
    width: 100%
}

.SuccessRechargeMessage_gift-container__sYYBU {
    padding: 11px 2px;
    width: 95px
}

.SuccessRechargeMessage_additionals-container__lSqLn {
    margin: 0 auto;
    width: 90%;
    max-width: 400px;
    border-width: 1px;
    box-shadow: 0 3px 6px rgba(0,0,0,.1607843137);
    border-radius: 6px;
    position: relative;
    bottom: 35px;
    background-color: #fff;
    overflow: hidden
}

.SuccessRechargeMessage_cross-selling-card-container__aQQym {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    padding: 8px;
    text-align: left
}

.Banner_banner__3qWtk {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #222;
    background: #f2f2f2;
    border-radius: 6px;
    max-width: 370px;
    width: 80%;
    margin: 0 auto;
    padding: 16px
}

.Banner_blue-banner__1gifV {
    background-color: #c7e5eb;
    display: flex;
    margin-top: 16px;
    width: unset;
    grid-gap: 16px;
    gap: 16px;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    text-align: left;
    font-size: 16px;
    max-width: unset
}

.LineBenefitsList_title__2aMQU {
    width: 90%;
    max-width: 400px;
    margin-inline:auto}

.LineBenefitsList_container__2HZyN {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
}

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

.CrossButton_cross__3nbeB:after,.CrossButton_cross__3nbeB:before {
    content: "";
    background: #000;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 26px;
    height: 3px;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

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

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

.Alert_alertfixed__3eIIb {
    display: flex;
    align-items: center;
    z-index: 10;
    position: fixed;
    color: #fff;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 15px;
    border-radius: 6px;
    transform: translateY(130%);
    -webkit-transform: translateY(130%);
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    -webkit-transition: transform .2s ease-in
}

.Alert_alertfixed__3eIIb.Alert_active__2ku1V {
    transform: translate(0);
    -webkit-transform: translate(0)
}

.Alert_alertfixed__error__1SfMG {
    background: #222
}

.Alert_alertfixed__error__text__NvZ6_ {
    width: 100%
}

.Alert_alertfixed__grey__2m_7Q {
    background: #f2f2f2;
    color: #222;
    display: flex;
    justify-content: space-between
}

.Alert_alertfixed__sucess__3fMR9 {
    background: #33744f;
    display: flex;
    align-items: center
}

.Alert_alertfixed__sucess__text__1fiaA {
    width: 100%
}

.Alert_alertfixed__sucess__3fMR9 span {
    margin-right: 12px
}

.Alert_alertfixed__sucess__lnk__2oi8r {
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff
}

.Alert_alertfixed__sucess__close__2zX7d {
    height: 25px;
    position: relative;
    width: 25px
}

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

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

.Alert_alertfixed__failed__3poxi {
    background: #b7202e;
    display: flex;
    align-items: center;
    color: #fff
}

.Alert_alertfixed__failed__text__3y3aw {
    font-size: 14px;
    width: 100%
}

.Alert_alertfixed__failed__3poxi span {
    margin-right: 12px
}

.Alert_alertfixed__failed__lnk__1zAMp {
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff
}

.Alert_alertfixed__failed__close__Awpi5 {
    height: 25px;
    position: relative;
    width: 25px
}

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

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

.Alert_alertfixed__failed__icon__1E7FI {
    font-size: 26px
}

.Alert_icon__2EYCq {
    height: 32px;
    margin-right: 15px
}

.ContentPacksList_logo__2bipk {
    margin-right: 10px;
    width: 92px;
    height: 54px;
    margin-left: 10px
}

.ContentPacksList_button__2Ozlt {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.PackInfoModal_pack-info-header-image__1IGOR {
    display: flex
}

.PackInfoModal_logo__388Xa {
    width: 220px;
    height: 120px;
    margin: -20px 0
}

.GenericErrorSnackBar_snackbar-center__mz99t {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    left: 8px;
    right: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-wrap: nowrap
}

.GenericErrorSnackBar_banner-info-icon__SsWcS {
    margin-right: 1rem
}

.GirosLoginPage_title-container__3El8- {
    margin-top: 1.5rem;
    display: flex;
    align-items: center
}

.GirosLoginPage_title__2wMIt {
    font-weight: 300;
    font-size: 16px;
    color: #222;
    margin-right: .5rem
}

.GirosLoginPage_info__3IpQf {
    color: #6a6a6a;
    font-size: 14px;
    width: 14px;
    height: 14px
}

.GirosLoginPage_login__2atwv {
    margin-top: 1rem
}

.GirosLoginPage_buttons__3oCOU {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.GirosLoginPage_signup-prompt__6Ior7 {
    margin-bottom: 1rem;
    margin-top: .5rem;
    color: #222
}

.ExpandableGirosPaymentMethod_subtitle__fMLKI {
    font-size: 14px;
    font-weight: 100
}

.ExpandableGirosPaymentMethod_container__oYPfu {
    margin-left: 37px;
    display: flex;
    flex-direction: column;
    grid-gap: 3px;
    gap: 3px
}

.AddLineItem_new-line__2JupQ {
    display: flex;
    align-items: center;
    cursor: pointer
}

.AddLineItem_new-line-text__29Em9 {
    font-size: 16px;
    margin-left: 1rem;
    font-weight: 500
}

.AddLineItem_new-line-input__1IW5n {
    margin-top: 1rem
}

.AddLineItem_arrow__2jEf3 {
    margin-left: auto
}

.LineItem_line-item__25k8k {
    cursor: pointer;
    display: flex;
    align-items: center
}

.LineItem_line-name__1ufji {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: .25rem
}

.LineItem_line-number__2Wdcf {
    font-size: 16px
}

.LineItem_line-info__2vHvq {
    margin-left: 1rem
}

.LineItem_arrow__36sSm {
    margin-left: auto
}

.SelectLinePY_add-line-item__1PCzR {
    margin-top: 1rem
}

.SelectLinePY_sub-header__1rCXM {
    font-size: 16px;
    font-weight: 400;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.BancardTransactionDetails_line__SewPy {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;
    margin-top: 5px
}

.Gift_gift__3sQan {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.Gift_extra-data-img__1UtpK {
    height: 37px;
    margin-top: 4px;
    margin-left: 5px
}

.Gift_gift-description__2VlqX {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    margin: 0 auto auto;
    font-weight: 400
}

.GrantCashbackSubtitle_info__26yQe {
    width: 320px;
    color: #fff;
    font-size: 16px;
    margin: 12px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.SuccessMessageHeader_message__1XFbh {
    text-align: center;
    background-size: auto 42px;
    padding: 40px 28px 55px;
    background-color: #73a974;
    margin-bottom: 1em
}

@media only screen and (min-width: 768px) {
    .SuccessMessageHeader_message__1XFbh {
        padding:40px 28px 55px
    }
}

.SuccessMessageInfo_info__qMKWx {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    position: relative;
    margin: 12px auto 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 300
}

.SuccessMessageTitle_title__35sQB {
    margin: auto;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    max-width: 240px;
    color: #fff;
    padding-top: 0
}

.BuyPackResultSuccessPagePY_transaction-details-card__3HMKr {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #222;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 6px;
    max-width: 370px;
    width: 82%;
    margin: 0 auto;
    padding: 16px
}

.ContentSectionDetails_title__2ob0G {
    color: #858585;
    margin-bottom: 10px
}

.ContentSectionDetails_details__3K1-G {
    margin-bottom: 17px
}

.ContentSectionDetails_details__3K1-G strong {
    font-weight: 500
}

.ClaroPayForRenewablePacksBanner_banner__2kc6Q {
    background: #c7f9fc;
    padding: 11px 0 11px 25px;
    min-height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transition: transform .2s ease-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.ClaroPayForRenewablePacksBanner_banner__2kc6Q.ClaroPayForRenewablePacksBanner_active__3Zb5E {
    transform: translate(0);
    -webkit-transform: translate(0)
}

.ClaroPayForRenewablePacksBanner_banner__2kc6Q.ClaroPayForRenewablePacksBanner_inactive__xONZy {
    display: none
}

.ClaroPayForRenewablePacksBanner_banner__img__3J7oj {
    width: 60px;
    border-radius: 5px
}

.ClaroPayForRenewablePacksBanner_banner__close__2QoJL {
    height: 25px;
    position: relative;
    width: 25px;
    min-width: 25px;
    margin-left: auto;
    align-self: start;
    margin-right: 15px;
    cursor: pointer
}

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

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

.ClaroPayForRenewablePacksBanner_banner__close__2QoJL:after,.ClaroPayForRenewablePacksBanner_banner__close__2QoJL:before {
    background: #000
}

.ClaroPayForRenewablePacksBanner_banner__text__1LGNa {
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px
}

.DiscountPrice_old-price__3Dxt5 {
    text-align: center;
    text-decoration: line-through;
    opacity: .8;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px
}

.DiscountPrice_discount-box__2idXl {
    display: flex;
    flex-direction: column;
    margin-right: 4px;
    background: #ffc721;
    text-align: center;
    color: #000;
    letter-spacing: -.6px;
    padding: 2px 3px;
    border-radius: 4px
}

.DiscountPrice_discount-box__percentage__2myfR {
    font-weight: 600;
    font-size: 11px;
    line-height: 12px
}

.DiscountPrice_discount-box__text__1buIZ {
    font-weight: 900;
    font-size: 11px;
    line-height: 10px
}

.BuyDetailsCard_container__2SUKf {
    padding: 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 7px;
    gap: 7px
}

.BuyDetailsCard_pack-title__O_1qj {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px
}

.BuyDetailsCard_content__text__1mIxA {
    font-size: 16px;
    line-height: 22px
}

.BuyDetailsCard_price-section__28ur8 {
    display: flex;
    align-items: center
}

.BuyDetailsCard_price-section__price__3MP9a {
    font-size: 24px;
    font-weight: 700
}

.BuyDetailsCard_price-section__28ur8 .BuyDetailsCard_label__container__32VEv {
    padding: 4px 8px;
    border-radius: 6px;
    position: absolute;
    left: auto;
    top: -8px;
    right: 15px
}

.PackCards_container__Kj--w {
    min-height: 191px
}

.PackCards_container__Kj--w.PackCards_hide-arrows__1fLN- [data-target=carousel-blur] {
    display: none
}

@media(min-width: 768px) {
    .PackCards_container__Kj--w [data-target=carousel-item] {
        width:418px
    }
}

.PaymentMethodSelectionPage_payment-selection-page-header__1mayM {
    height: 36px;
    padding-top: 8px
}

.InfoCard_container__1XIY4 {
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    padding: 16px 14px 18px;
    border-radius: 6px;
    color: #222;
    background: #e6e6e6
}

.InfoCard_container__1XIY4 .InfoCard_content__3q6ry {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.PendingLoanDropDownItem_container__21kE4 {
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: 400
}

.PendingLoanDropDownItem_container__21kE4.PendingLoanDropDownItem_normal__26pfk {
    color: #222
}

.PendingLoanDropDownItem_container__21kE4.PendingLoanDropDownItem_green__1W75_ {
    color: #33744f
}

.PendingLoanDropDownItem_container__21kE4 .PendingLoanDropDownItem_description__3sT5m {
    flex-grow: 1
}

.PendingLoanDropDownItem_container__21kE4 .PendingLoanDropDownItem_sub-text__3i_wn {
    font-weight: 200;
    font-size: 17px;
    padding-top: 2%
}

.LineSeparation_line-separation__1Z6wF {
    border-top: 1px solid #d0d0d0;
    margin-top: 18px;
    margin-bottom: 8px
}

.MaxQuantityReachedComponents_container__3Jgje {
    background: #c7e5eb;
    padding: 15px 15px 5px;
    border-radius: 5px
}

.MaxQuantityReachedComponents_title-container__32P7y {
    display: flex;
    align-items: center
}

.MaxQuantityReachedComponents_title-container__32P7y .MaxQuantityReachedComponents_title__2TVR0 {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500
}

.MaxQuantityReachedComponents_description__nvsk3 {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 300
}

.LoanItem_item__1H5pF {
    display: flex;
    align-items: center;
    color: #101010;
    padding: 21px 15px;
    font-weight: 100;
    line-height: 18px;
    font-size: 19px;
    position: relative;
    cursor: pointer
}

.LoanItem_item__1H5pF.LoanItem_unavailable__1R6VE {
    color: #858585;
    background: #e6e6e6;
    cursor: auto
}

.LoanItem_content__vs_Gj {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.LoanOfferContent_modal-title__DIB0g {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 14px;
    gap: 14px
}

.LoanOfferListSection_container__mKNCP {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 25px;
    gap: 25px
}

.LoanOfferListSection_title__82zgL {
    font-size: 22px;
    font-weight: 100;
    line-height: 24px
}

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

.LoanOfferListSection_list__2OykQ>:not(:first-child) {
    border-top: 1px solid #d0d0d0
}

.HomeApp_container__1obA- {
    margin: auto;
    max-width: 762px;
    background: #f2f2f2
}

.HomeBanner_container__3DYtZ {
    display: flex
}

@media(max-width: 768px) {
    .HomeBanner_container__3DYtZ {
        width:92%
    }
}

.HomeBanner_banner__2Hxua {
    width: 100%
}

.HomeBanner_clickable__2M2w9:hover {
    cursor: pointer
}

.BlueText_colorBlue__1w36M {
    color: #1f97ae
}

.HomeLinkBanner_container__3svxJ {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #f2f2f2;
    color: #222;
    font-size: 14px
}

.Logos_storeLogo__2cJjp {
    height: 35px;
    padding-left: 0;
    padding-right: 17px
}

.Logos_amazonLogo__FI37a {
    height: 31px;
    padding-right: 15px
}

.RedLoading_red-loading-container__169QD {
    display: flex;
    flex-direction: column;
    align-items: center
}

.RedLoading_red-loading-container__ring__KKOqe {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px
}

.RedLoading_red-loading-container__ring__KKOqe div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 4px;
    border-radius: 50%;
    -webkit-animation: RedLoading_red-loading__Dxkv0 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: RedLoading_red-loading__Dxkv0 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border: 4px solid transparent;
    border-top-color: #ee3d23
}

.RedLoading_red-loading-container__ring__KKOqe div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.RedLoading_red-loading-container__ring__KKOqe div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.RedLoading_red-loading-container__ring__KKOqe div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes RedLoading_red-loading__Dxkv0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes RedLoading_red-loading__Dxkv0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.RedLoading_red-loading-container__text__j-zvL {
    font-size: 10px
}

.ActivePacks_header__1F0Bw {
    display: flex;
    grid-gap: 14px;
    gap: 14px;
    padding: 0 14px
}

.ActivePacks_header__1F0Bw .ActivePacks_packs-icon__3zzgc {
    width: 32px
}

.ActivePacks_header-title__3Qp2j {
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #222
}

.ActivePacks_content__3Wu5t {
    display: flex;
    flex-direction: column;
    grid-gap: 14px;
    gap: 14px;
    border-radius: 6px
}

.ActivePacks_content-description__2fijB {
    font-weight: lighter;
    padding: 0
}

.ActivePacks_active-packs-body__UgN3o {
    display: flex;
    grid-gap: 24px;
    gap: 24px;
    flex-direction: column;
    margin: 0 12px;
    padding-bottom: 16px;
    padding-top: 12px
}

.ActivePacks_active-packs-group__2DhDc {
    display: flex;
    flex-direction: column
}

[data-testid^=active-packs-dropdown] [class*=Expandable-module_expandable__icon] {
    right: 10px
}

[class*=expandable__expanded] {
    max-height: 300vh!important
}

[class*=expandable__section] {
    margin: 15px 15px 0;
    background: #fff
}

.ActivePackLabel_content-label__1Plgq {
    background: #f2dede;
    color: #b7202e;
    font-size: 10px;
    padding: 4px 10px;
    font-weight: 500
}

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

.RenewablePack_automatic-renovation-label__Ynl4C {
    padding: 6px;
    font-size: 11px;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    border-radius: 3px;
    line-height: normal;
    font-weight: 500
}

.RenewablePack_automatic-renovation-label__Ynl4C.RenewablePack_active__2X08K {
    background-color: #1f97ae;
    color: #fff
}

.RenewablePack_automatic-renovation-label__Ynl4C.RenewablePack_paused__2zCoJ {
    background-color: #d0d0d0;
    color: #858585
}

.RenewablePack_about-to-expire-card__3C7Vv {
    color: #b7202e;
    background-color: #f2dede;
    border-radius: 6px;
    padding: 12px;
    display: flex;
    grid-gap: 9px;
    gap: 9px
}

.RenewablePack_about-to-expire-card-title__1cr3A {
    font-size: 12px;
    font-weight: 500
}

.RenewablePack_about-to-expire-card-text__1Rld0 {
    color: #000;
    font-size: 14px
}

.RenewablePack_renewable-box__1jIzk {
    display: flex;
    grid-gap: 30px;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.RenewablePack_link-button__N-MKq {
    font-size: 14px;
    color: #1f97ae
}

.RenewablePack_link-button__N-MKq:hover {
    cursor: pointer
}

.RedeemableBenefit_redeemable-benefit-card__25lUT {
    height: 40px;
    border-radius: 6px;
    padding: 9px;
    display: flex;
    grid-gap: 9px;
    gap: 9px;
    max-width: 291px;
    background-color: #c7e5eb;
    color: #222;
    align-items: center;
    justify-content: space-evenly
}

.RedeemableBenefit_redeemable-benefit-card__25lUT .RedeemableBenefit_redeemable-benefit-image__2fwcT {
    max-width: 92px
}

.RedeemableBenefit_redeemable-benefit-card__25lUT:hover {
    cursor: pointer
}

.RedeemableBenefit_text__26RHI {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    align-content: center
}

.NoActivePacksBanner_banner__rRwDQ {
    display: flex;
    background: #ddeff3;
    border-radius: 3px;
    padding: 4px 16px;
    grid-gap: 15px;
    gap: 15px
}

.NoActivePacksBanner_image__3nvFG {
    width: 57px
}

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

.NoActivePacksBanner_content-description__f00CC {
    font-weight: lighter;
    padding: 0
}

.PendingToRenewPack_content__2Y1P- {
    display: flex;
    flex-direction: column;
    grid-gap: 14px;
    gap: 14px;
    background-color: #f2f2f2;
    border-radius: 6px;
    padding: 16px
}

.PendingToRenewPack_content-title__1Bu_f {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.PendingToRenewPack_content-text__3R00- {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.PendingToRenewPack_renewable-box__1p2Ud {
    display: flex;
    grid-gap: 30px;
    gap: 30px;
    align-items: center
}

.PendingToRenewPack_link-button__134Gf {
    font-size: 14px;
    color: #1f97ae
}

.PendingToRenewPack_link-button__134Gf:hover {
    cursor: pointer
}

.PendingToRenewPack_recharge-button__kJMod {
    width: 30%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.PendingToRenewPack_recharge-button-text__3fdIt {
    line-height: normal
}

.ActivePacksBox_close-link__1wZUD {
    position: absolute;
    margin: .8rem;
    right: .3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: small;
    color: #1f97ae;
    cursor: pointer
}

.Credit_container__BhLHV {
    position: relative;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 742px;
    padding: 16px 16px 0
}

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

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

.HomeLinksApp_container__3WkNv {
    position: relative
}

.HomeLinksApp_list__2Opxx {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    grid-gap: 10px;
    gap: 10px;
    padding: 16px 10px 0
}

@media(max-width: 768px) {
    .HomeLinksApp_list__2Opxx {
        padding-left:16px;
        padding-right: 16px
    }
}

.HomeLink_home-button__3tpDO {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .6rem 5px;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.2);
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: normal;
    justify-content: space-between;
    grid-gap: 5px;
    gap: 5px;
    color: #101010
}

.HomeLink_toggled__2kUD1 {
    background-color: #ddd;
    box-shadow: none
}

.HomeLink_disabled__Cqlc_ {
    background-color: #ddd;
    -webkit-filter: opacity(.75);
    filter: opacity(.75);
    cursor: unset
}

.HomeLink_title__2wFKE {
    font-size: 12px;
    font-weight: 500;
    justify-content: center
}

.HomeLink_description__hTxSk {
    color: #ee3d23;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px
}

.RoamingLink_roaming-for-co-box__2NOLv {
    padding: 16px
}

.InternetPackPage_internet-packs-page__1RRoG {
    background-color: #fff;
    padding: 16px 0
}

.BuyButton_button__-3LSP {
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 118px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background-color: #ee3d23;
    color: #fff
}

.BuyButton_button__-3LSP .BuyButton_button-content__3n7Oj {
    display: flex;
    align-items: end
}

.BuyButton_button--wide__1yimj {
    justify-content: space-between;
    width: 100%
}

.BuyButton_button--flash-offer__3XUOa {
    background-color: #1f97ae
}

.CartIcon_icon__15BIr {
    height: 22px;
    margin-left: 5px;
    font-size: 16px;
    display: inline-flex;
    align-items: center
}

.CartIcon_icon--small__1Q1d5 {
    font-size: 10px;
    height: 18px;
    margin-left: 2px
}

.PackBox_pack-background--renewable__852uD {
    padding: 15px;
    margin: auto -15px;
    background: #f2f2f2
}

.PackBox_pack-background__1UPdY .PackBox_pack__1eQn- {
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    height: 59px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex
}

.PackBox_pack-background__1UPdY .PackBox_pack__1eQn->:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.PackBox_pack-background__1UPdY .PackBox_pack__1eQn->:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.PackBox_pack-background__1UPdY .PackBox_pack--combo-renewable__1vQ0i {
    height: 79px
}

.PackComboLabel_container__3UsKq {
    background: #a01c11;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    align-items: center
}

.PackComboLabel_container__3UsKq.PackComboLabel_night__Q8jF5 {
    background: #305474
}

.PackComboLabel_content__3sWcf {
    width: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 2px;
    gap: 2px;
    rotate: -90deg
}

.PackComboLabel_logo__12jfz {
    width: 10px
}

.LoanIcons_loan-container__3KF2H {
    display: inline-flex;
    align-items: center;
    margin-right: 15px
}

.LoanIcons_loan-container__3KF2H.LoanIcons_in-row__1UAzP {
    align-items: baseline
}

.LoanIcons_loan-container__3KF2H.LoanIcons_in-row__1UAzP .LoanIcons_loan-needed__1t_K2 {
    display: flex;
    flex-direction: row-reverse
}

.LoanIcons_loan-container__3KF2H .LoanIcons_loan-symbol__24JEw {
    font-weight: 400;
    font-size: 14px
}

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

.LoanIcons_loan-container__3KF2H .LoanIcons_loan-needed__1t_K2 {
    color: #000;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5%
}

.LoanIcons_loan-container__3KF2H .LoanIcons_loan-needed__icon__Fibfx {
    height: 15px;
    display: inline-block;
    margin-left: 5px
}

.LoanIcons_loan-container__3KF2H .LoanIcons_loan-needed__box__2kXcp {
    margin-left: 5px;
    text-align: center;
    vertical-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
    font-size: 12px
}

.PackDescription_container__1BIoS {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
    flex-grow: 1;
    padding: 5px 15px 5px 5px;
    margin: 4px -15px 4px 4px;
    border-radius: 4px
}

.PackDescription_container__1BIoS.PackDescription_combo__Iy5pY {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.PackDescription_container__1BIoS .PackDescription_description__3wk3Y {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-right: auto
}

.PackDescription_container__1BIoS .PackDescription_with-presta-right-margin__15lNX {
    margin-right: 40px
}

.PackDescription_container__1BIoS .PackDescription_with-cashback-right-margin__3jQ2V {
    padding-right: 30px
}

.PackDescription_container__1BIoS .PackDescription_row__3dOXa {
    display: flex;
    flex-direction: row
}

.LegalesPackButton_legal_section__2xin3 {
    margin: 22px 0
}

.PacksOffer_packs-list__10Q8m {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.PacksSection_empty-space-when-tabs-are-visible__bnx2i {
    height: 260px
}

.PacksSection_empty-space-when-tabs-are-not-visible__rHKwq {
    height: 270px
}

.PacksSection_background-wrapper__3eWw4 {
    background: url(/inicio/assets/static/media/background_recomendados.f8d0a854.png) no-repeat 50%;
    background-size: cover;
    width: 100vw;
    margin-left: calc(-50vw - -50%)
}

.PacksSection_background-wrapper--flash-offer__x01i- {
    background: url(/inicio/assets/static/media/background_oferta_flash.97bf1874.png) no-repeat 50%;
    background-size: cover
}

.PacksSection_background-wrapper--small__18ABW {
    min-height: 190px
}

.PacksSection_pack-section-container__22CZt {
    background-color: #fff;
    padding: 0 10px
}

@media(max-width: 768px) {
    .PacksSection_pack-section-container__22CZt {
        padding:0 15px
    }
}

.PaymentMethodConfirmationModal_container__1-dWA {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem
}

.PaymentMethodConfirmationModal_image__VoaYB {
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-bottom: 1rem
}

.PaymentMethodConfirmationModal_promotional-text__2UxCX {
    text-align: center;
    padding-top: 1rem
}

.PaymentMethodConfirmationModal_renewal-text__17IRg {
    text-align: center;
    padding-bottom: .75rem
}

.PaymentMethodConfirmationModal_no-wrap__1Mm-y {
    white-space: nowrap
}

.CarouselResponsive_carouselResponsive__3GkZl {
    overflow: hidden;
    position: relative
}

.CarouselResponsive_carouselResponsive__wrapper__SRkGY {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.CarouselResponsive_carouselResponsive__wrapper__SRkGY:focus-visible {
    outline: 0
}

.CarouselResponsive_carouselResponsive__buttonContainer__1EGpu {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 24px
}

.CarouselResponsive_carouselResponsive__blur__3Pb8i {
    top: 0;
    position: absolute;
    height: 100%;
    width: 3rem;
    z-index: 99;
    display: none
}

.CarouselResponsive_carouselResponsive__blur--visible__TVP9B {
    display: block
}

.CarouselResponsive_carouselResponsive__blur--left__hnHar {
    left: 0
}

.CarouselResponsive_carouselResponsive__blur--right__1ozw2 {
    right: 0
}

.CarouselResponsive_carouselResponsive__blur__custom-asset__bZ9Lh {
    position: absolute;
    height: calc(100% - 34px);
    display: flex;
    align-items: center
}

.CarouselResponsive_carouselResponsive__blur__custom-asset--right__3i0FP {
    right: 0
}

.CarouselResponsive_carouselResponsive__blur__custom-asset--left__1gI5p {
    left: 0
}

.CarouselResponsive_carouselResponsive__buttonWrapper__10n3v {
    padding: 1rem .25rem;
    width: 1.4rem;
    box-sizing: initial
}

.CarouselResponsive_carouselResponsive__buttonWrapper__10n3v:focus-visible {
    outline: 0
}

.CarouselResponsive_carouselResponsive__buttonWrapper__10n3v:focus-visible .CarouselResponsive_carouselResponsive__button__qjI84 {
    box-shadow: 0 0 5px 1px #d9ff00
}

.CarouselResponsive_carouselResponsive__button__qjI84 {
    height: .125rem;
    width: 100%;
    background-color: #d0d0d0
}

.CarouselResponsive_carouselResponsive__button-active__3DVVI {
    height: .125rem;
    width: 100%;
    background-color: #d9ff00
}

.CarouselResponsive_carouselResponsive__item__2sgGd {
    flex: 1 1;
    display: inline-block;
    padding: 0 6px;
    box-sizing: border-box
}

.CarouselResponsive_carouselResponsive__item__2sgGd:first-child {
    margin-left: 10px
}

.CarouselResponsive_carouselResponsive__item__2sgGd:last-child {
    margin-right: 10px
}

.RecommendedPacksSection_full-width-section-wrapper__18-0- {
    width: 100vw;
    left: 0;
    margin-top: 25px
}

.RecommendedPacksSection_recommended-packs-section__hjFNM {
    max-width: 762px;
    margin-left: auto;
    margin-right: auto
}

.RecommendedPacksSection_recommended-packs-section__title__18Btf {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

@media(max-width: 768px) {
    .RecommendedPacksSection_recommended-packs-section__title__18Btf {
        margin-left:16px
    }
}

.RecommendedPacksSection_recommended-packs-section__title__badge__3wpoF {
    margin-top: 2px;
    margin-right: 5px
}

.RecommendedPacksSection_recommended-packs-section__static_packs__3yhHr {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
    padding: 0 10px
}

@media(max-width: 768px) {
    .RecommendedPacksSection_recommended-packs-section__static_packs__3yhHr {
        padding-left:16px;
        padding-right: 16px
    }
}

@media(min-width: 768px) {
    .RecommendedPacksSection_mobile-version__5Yomb {
        display:none
    }
}

@media(max-width: 767px) {
    .RecommendedPacksSection_desktop-version__uBKFW {
        display:none
    }
}

.RecommendedPackBox_recommended-pack__3x9IW {
    min-height: max(115px,100%);
    max-height: 160px;
    min-width: 158px;
    max-width: 236px;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1;
    background: #fff;
    border-radius: 4px;
    cursor: pointer
}

.RecommendedPackBox_recommended-pack--placeholder__1mr2c {
    justify-content: center;
    align-items: center;
    border: 2px dashed grey;
    box-sizing: border-box;
    background: transparent;
    max-width: none
}

.RecommendedPackBox_recommended-pack__info__1j8vz {
    flex-grow: 1;
    padding: 8px 8px 5px
}

.RecommendedPackBox_recommended-pack__info__description__1-051 {
    margin-top: 8px;
    margin-bottom: 4px;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 18px
}

.RecommendedPackBox_recommended-pack__info__loan__u5ZxP {
    padding-top: 5px
}

.RecommendedPackBox_recommended-pack__price__qgeNA {
    height: 47px
}

.RecommendedPackBox_recommended-pack__price__qgeNA button {
    padding-left: 8px;
    border-radius: 0 0 4px 4px
}

.CountrySearcher_container__18Tlp {
    border-radius: 4px;
    overflow: auto;
    background-color: #fff;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    padding: 16px;
    position: relative
}

.CountrySearcher_headerContent__9HhHC {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #d2d7da
}

.CountrySearcher_headerContent__9HhHC button {
    width: auto;
    margin-right: 0
}

.CountrySearcher_closeButton__EwfXX {
    color: #1f97ae;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 4px;
    gap: 4px;
    font-size: 10px
}

.CountrySearcher_closeButton__EwfXX:hover {
    opacity: .8
}

.CountrySearcher_closeButtonPositioned__3ekJ2>button {
    position: absolute;
    top: 0;
    right: 0;
    width: unset
}

.CountrySearcher_closeIcon__3Bglq {
    font-size: 20px
}

.CountrySearcher_detectedCountry__2Tpab {
    background-color: #1f97ae;
    padding: 12px 16px;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.CountrySearcher_countryName__EzOtD {
    font-size: 16px;
    font-weight: 500
}

.CountrySearcher_closeButton__EwfXX {
    position: absolute;
    top: 0;
    right: 0;
    width: unset
}

.CountrySearcher_searchContainer__3hY1O {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid #000;
    padding: 10px 12px;
    grid-gap: 8px;
    gap: 8px
}

.CountrySearcher_searchInput__1eBob {
    flex: 1 1;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 0
}

.CountrySearcher_countriesList__1eFas {
    overflow-y: auto
}

.CountrySearcher_countryItem__3ECCX {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color .2s
}

.CountrySearcher_countryItem__3ECCX:last-child {
    border-bottom: none
}

.CountrySearcher_countryItemName__1Yu05 {
    font-size: 14px;
    color: #333
}

.CountrySearcher_noResults__3gCrG {
    padding: 16px;
    text-align: center;
    color: #999;
    font-size: 14px
}

.RoamingOfferPage_empty-space-when-tabs-are-visible__kO73f {
    height: 260px
}

.RoamingOfferPage_empty-space-when-tabs-are-not-visible__3otcu {
    height: 270px
}

.RoamingOfferPage_background-wrapper__-dJAA {
    background: url(/inicio/assets/static/media/background_recomendados.f8d0a854.png) no-repeat 50%;
    background-size: cover;
    width: 100vw;
    margin-left: calc(-50vw - -50%)
}

.RoamingOfferPage_background-wrapper--flash-offer__31nvU {
    background: url(/inicio/assets/static/media/background_oferta_flash.97bf1874.png) no-repeat 50%;
    background-size: cover
}

.RoamingOfferPage_background-wrapper--small__2msI6 {
    min-height: 190px
}

.RoamingOfferPage_container__1-vv0,.RoamingOfferPage_pack-section-container__3mhZn {
    background-color: #fff;
    padding: 0 10px
}

@media(max-width: 768px) {
    .RoamingOfferPage_container__1-vv0,.RoamingOfferPage_pack-section-container__3mhZn {
        padding:0 15px
    }
}

.RoamingOfferPage_container__1-vv0 {
    background-color: #fff
}

.RoamingOfferPage_headerSection__ElM7p {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.RoamingOfferPage_headerSection__ElM7p>button {
    width: auto;
    margin-right: 0
}

.RoamingOfferPage_title__1zfeH {
    font-size: 18px;
    font-weight: 100
}

.RoamingOfferPage_banner__zDaA- {
    margin-top: .5rem;
    font-size: unset;
    text-align: unset
}

.RoamingSharedOfferCountriesInfoWrapper_countries-text__2_3sd {
    flex: 1 1;
    word-break: break-word;
    overflow-wrap: break-word
}


/**
 * Animation
 */
/**
 * Animation delay
 */
/**
 * Animation duration
 */
/**
 * Animation fill mode
 */
/**
 * Appearance
 */
/**
 * Breakpoints
 * Crear los brakpoints, ya sea con (min-width) o (max-width)
 * @param {name/number} breakpoint - Si se pasa un name (key del map), se obtiene el value del map, de lo contrario debería pasarse un
 * 							número para armar un breakpoint custom/manual
 * @param {string} direction - Indica como se deberían armar los breakpoints ya sea: por defecto "up" (min-width) o "down" (max-width)
 */
/**
 * Breakpoints range
 * Crear los brakpoints por rango, es decir (min-width and max-width)
 * @param {name/number} min - Valor del min-width en el media query. Si se pasa un name (key del map), se obtiene el value del map,
 * 							de lo contrario debería pasarse un número para armar un breakpoint custom/manual.
 * @param {name/number} max - Valor del max-width n el media query. Si se pasa un name, se obtiene el valor del map,
 * 							de lo contrario debería pasarse un número para armar un breakpoint custom/manual
 */
/**
 * Flexbox - display
 */
/**
 * Flexbox - direction
 */
/**
 * Flexbox - wrap
 */
/**
 * Flexbox - flex flow
 */
/**
 * Flexbox - justify content
 */
/**
 * Flexbox - align items
 */
/**
 * Flexbox - align content
 */
/**
 * Flexbox - order
 *
 * A box-ordinal se le agrega un +1 para que sea soportado correctamente
 */
/**
 * Flexbox - flex grow
 */
/**
 * Flexbox - flex shrink
 */
/**
 * Flexbox - flex basis
 */
/**
 * Flexbox - flex
 *
 * box-flex solo soporta un valor de flex-grow
 */
/**
 * Flexbox - align self
 */
/**
 * Font smooth
 */
/**
 * Gradient - Horizontal
 */
/**
 * Gradient - Vertical
 */
/**
 * Generate spacing class
 * Generamos clases del tipo {property}-{side}-{value}, por ejemplo margin-left-10
 * @param {map} config - Map con los argumentos necesarios para armar las clases.
 * @param {name} config.prop - Nombre de la propiedad css. Default: margin
 * @param {map/string} config.sides - Map con los lados que se requieran para el armado de las clases particulares del tipo {property}-{side}. Default: ( top, right, bottom, left )
 *											 - Si es igual a "all" se arma la propiedad general. ej: margin: 10px;
 * @param {integer} config.from - Indica en que posición numérica comienza la iteración. Default: 0
 * @param {integer} config.to - Cantidad de iteraciones. Default: 6
 * @param {integer} config.every - Numero por el cual se multiplica cada iteración para generar distintas
 *												sucesiones. Default: 1
 *
 * @example
 * @include generate-spacing-class(( prop: padding, sides: (left), important: true, from: 1, to: 2 ));
 * Output:
 * .padding-left-1 { padding-left: 1px !important; }
 * .padding-left-2 { padding-left: 2px !important; }
 *
 * @example
 * @include generate-spacing-class(( prop: margin, sides: "all", from: 1, to: 2, every: 5 ));
 * Output:
 * .margin-5 { margin: 5px; }
 * .margin-10 { margin: 10px; }
 */
/**
 * Keyframes
 */
/**
 * Transform
 */
/**
 * Transform origin
 */
/**
 * Transition
 */
/**
 * Transition Property
 */
/**
 * User select
 */
/**
 * Strip unit
 * Eliminar la unidad de medida (px,rem,em,etc) que tenga un número
 * @param {number} value - Número al cual se debe eliminar la unidad de medida
 * @return {number} - Número sin unidad de medida
 */
/**
 * Pixel to rem
 * Convertir valor en pixeles a un valor en rem
 * @param {number} size - Número en pixel (puede o no tener unidad)
 * @param {number} base - Default 16px - Valor del font-size root del navegador. En general es 16px.
 * @return {number} - Número en rems
 */
/**
 * Extend
 * Fusiona dos maps y retorna un nuevo map
 * @param {map} $map - 1º Map a fusionar
 * @param {map} $extend-map - 2º Map a fusionar
 * @return {map} - Map fusionado
 */
/**
 * Fix / hacks / Comments
 *
 * 1. Tener sumamente cuidado con esta variable ya que afecta a muchos componentes.
 */
/**
 * Fix / hacks
 *
 * 1. La propiedad text-overflow: ellipsis; tiene un bug cuando se agrega a un padre
 * 	flexible, la solución es otorgarle dicha propiedad a un hijo flexible.
 */
/*
 * Button Default
 */
/*
 * Button Outline
 */
/*
 * Button Secondary
 */
/*
 * Button Secondary Outline
 */
/*
 * Button Tertiary
 */
/*
 * Button Link
 */
/*
 * Button Transparent
 */
/*
 * Button Icon
 */
/*
 * Button Compact
 */
/*
 * Button Loading
 */
/*
 * Button Loaded
 */
/*
 * Loading
 */
.Button-module_button__PM45p {
  color: #fff;
  font: 400 16px/1.125 "Roboto", sans-serif;
  border-radius: 20px;
  min-height: 39px;
  margin: 0;
  min-width: 39px;
  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;
  -webkit-transition: background-color 0.25s;
  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-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Button-module_button__PM45p:hover {
  color: #fff;
  text-decoration: none;
  background-color: #da262c;
}
.Button-module_button__PM45p:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(239, 56, 41, 0.76);
}
.Button-module_button__PM45p:active {
  color: #fff;
  text-decoration: none;
  background-color: #da262c;
}
@media (min-width: 576px) {
  .Button-module_button__PM45p {
    max-width: 336px;
  }
}
.Button-module_button__text__wL8gL {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /* 1 */
}
.Button-module_button--block__qW1YP {
  margin: 0 auto 16px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.Button-module_button--block__qW1YP:last-child {
  margin-bottom: 0;
}
.Button-module_button--shadow__GD7od {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
}
.Button-module_button--compact__JtsjG {
  padding: 0px 14px;
  font: 400 16px/1.75 "Roboto", sans-serif;
  min-height: 28px;
  height: 28px;
}
.Button-module_button--justify-left__onXn4 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.Button-module_button--justify-right__8hPeV {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Button-module_button--outline__3VPv4 {
  color: white;
  background-color: transparent;
  border: 1px solid white;
}
.Button-module_button--outline__3VPv4:hover {
  color: #ef3829;
  background-color: white;
  border: 1px solid white;
}
.Button-module_button--secondary__DD-yF {
  color: #fff;
  background-color: #1f97ae;
}
.Button-module_button--secondary__DD-yF:hover {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF:focus {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF:active {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4 {
  color: #1f97ae;
  background-color: transparent;
  border: 1px solid #1f97ae;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:hover {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:focus {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:active {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--tertiary__e0NIG {
  color: #fff;
  background-color: #d3242a;
}
.Button-module_button--tertiary__e0NIG:hover {
  color: #fff;
  background-color: #9e1b20;
}
.Button-module_button--tertiary__e0NIG:focus {
  color: #fff;
  background-color: #de5b60;
}
.Button-module_button--tertiary__e0NIG:active {
  color: #fff;
  background-color: #9e1b20;
}
.Button-module_button--link__08CkJ {
  color: #1f97ae;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:hover {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:focus {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:active {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--transparent__71iS0 {
  color: #222;
  background-color: transparent;
}
.Button-module_button--transparent__71iS0:hover {
  color: #222;
  background-color: rgba(0, 0, 0, 0.1);
}
.Button-module_button--transparent__71iS0:focus {
  color: #222;
  background-color: rgba(0, 0, 0, 0.19);
}
.Button-module_button--transparent__71iS0:active {
  color: #222;
  background-color: rgba(0, 0, 0, 0.19);
}
.Button-module_button--icon__qkNQS {
  border-radius: 50%;
  line-height: 0;
  padding: 9px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Button-module_button--loaded__0TRr0 {
  -webkit-animation: Button-module_button_loaded_bgcolor__J3KCI 0.25s ease 0.5s forwards;
  animation: Button-module_button_loaded_bgcolor__J3KCI 0.25s ease 0.5s forwards;
}
.Button-module_button__PM45p:disabled, .Button-module_button--disabled__Vw6Rz {
  color: #6a6a6a;
  background-color: #d0d0d0;
  cursor: default;
  pointer-events: none;
}
.Button-module_button__PM45p:disabled:hover, .Button-module_button__PM45p:disabled:focus, .Button-module_button__PM45p:disabled:active, .Button-module_button--disabled__Vw6Rz:hover, .Button-module_button--disabled__Vw6Rz:focus, .Button-module_button--disabled__Vw6Rz:active {
  text-decoration: none;
  color: #6a6a6a;
  background-color: #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--loading__ZmcHF, .Button-module_button--disabled__Vw6Rz.Button-module_button--loading__ZmcHF {
  color: transparent;
  background-color: #ef3829;
}
.Button-module_button__PM45p:disabled.Button-module_button--loaded__0TRr0, .Button-module_button--disabled__Vw6Rz.Button-module_button--loaded__0TRr0 {
  color: transparent;
  background-color: #ef3829;
}
.Button-module_button__PM45p:disabled.Button-module_button--outline__3VPv4, .Button-module_button--disabled__Vw6Rz.Button-module_button--outline__3VPv4 {
  color: #d0d0d0;
  background-color: transparent;
  border: 1px solid #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--secondary__DD-yF, .Button-module_button--disabled__Vw6Rz.Button-module_button--secondary__DD-yF {
  background-color: #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4, .Button-module_button--disabled__Vw6Rz.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4 {
  color: #6a6a6a;
  background-color: transparent;
  border: 1px solid #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--tertiary__e0NIG.Button-module_button--loading__ZmcHF, .Button-module_button--disabled__Vw6Rz.Button-module_button--tertiary__e0NIG.Button-module_button--loading__ZmcHF {
  background-color: #d3242a;
}
.Button-module_button__PM45p:disabled.Button-module_button--link__08CkJ, .Button-module_button--disabled__Vw6Rz.Button-module_button--link__08CkJ {
  color: #6a6a6a;
  background-color: transparent;
}

.Button-module_loaded__O80nn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Button-module_loaded__O80nn:before,
.Button-module_loaded__O80nn .Button-module_icon__9MxrK {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.Button-module_loaded__O80nn:before {
  content: "";
  background-color: #33744f;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-animation: Button-module_loaded_scalex__bxCBQ 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: Button-module_loaded_scalex__bxCBQ 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.Button-module_loaded__O80nn .Button-module_icon__9MxrK {
  font-size: 13px;
  color: #fff;
  z-index: 1;
  -webkit-animation: Button-module_loaded_showicon__Of-dv 0.5s ease 0.4s forwards;
  animation: Button-module_loaded_showicon__Of-dv 0.5s ease 0.4s forwards;
}

@-webkit-keyframes Button-module_loaded_showicon__Of-dv {
  100% {
    opacity: 1;
  }
}
@keyframes Button-module_loaded_showicon__Of-dv {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes Button-module_loaded_scalex__bxCBQ {
  0% {
    opacity: 1;
    background-color: #33744f;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes Button-module_loaded_scalex__bxCBQ {
  0% {
    opacity: 1;
    background-color: #33744f;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes Button-module_button_loaded_bgcolor__J3KCI {
  100% {
    background-color: #33744f;
  }
}
@keyframes Button-module_button_loaded_bgcolor__J3KCI {
  100% {
    background-color: #33744f;
  }
}


<style type="text/css">@charset "UTF-8";
/**
 * Animation
 */
/**
 * Animation delay
 */
/**
 * Animation duration
 */
/**
 * Animation fill mode
 */
/**
 * Appearance
 */
/**
 * Breakpoints
 * Crear los brakpoints, ya sea con (min-width) o (max-width)
 * @param {name/number} breakpoint - Si se pasa un name (key del map), se obtiene el value del map, de lo contrario debería pasarse un
 * 							número para armar un breakpoint custom/manual
 * @param {string} direction - Indica como se deberían armar los breakpoints ya sea: por defecto "up" (min-width) o "down" (max-width)
 */
/**
 * Breakpoints range
 * Crear los brakpoints por rango, es decir (min-width and max-width)
 * @param {name/number} min - Valor del min-width en el media query. Si se pasa un name (key del map), se obtiene el value del map,
 * 							de lo contrario debería pasarse un número para armar un breakpoint custom/manual.
 * @param {name/number} max - Valor del max-width n el media query. Si se pasa un name, se obtiene el valor del map,
 * 							de lo contrario debería pasarse un número para armar un breakpoint custom/manual
 */
/**
 * Flexbox - display
 */
/**
 * Flexbox - direction
 */
/**
 * Flexbox - wrap
 */
/**
 * Flexbox - flex flow
 */
/**
 * Flexbox - justify content
 */
/**
 * Flexbox - align items
 */
/**
 * Flexbox - align content
 */
/**
 * Flexbox - order
 *
 * A box-ordinal se le agrega un +1 para que sea soportado correctamente
 */
/**
 * Flexbox - flex grow
 */
/**
 * Flexbox - flex shrink
 */
/**
 * Flexbox - flex basis
 */
/**
 * Flexbox - flex
 *
 * box-flex solo soporta un valor de flex-grow
 */
/**
 * Flexbox - align self
 */
/**
 * Font smooth
 */
/**
 * Gradient - Horizontal
 */
/**
 * Gradient - Vertical
 */
/**
 * Generate spacing class
 * Generamos clases del tipo {property}-{side}-{value}, por ejemplo margin-left-10
 * @param {map} config - Map con los argumentos necesarios para armar las clases.
 * @param {name} config.prop - Nombre de la propiedad css. Default: margin
 * @param {map/string} config.sides - Map con los lados que se requieran para el armado de las clases particulares del tipo {property}-{side}. Default: ( top, right, bottom, left )
 *											 - Si es igual a "all" se arma la propiedad general. ej: margin: 10px;
 * @param {integer} config.from - Indica en que posición numérica comienza la iteración. Default: 0
 * @param {integer} config.to - Cantidad de iteraciones. Default: 6
 * @param {integer} config.every - Numero por el cual se multiplica cada iteración para generar distintas
 *												sucesiones. Default: 1
 *
 * @example
 * @include generate-spacing-class(( prop: padding, sides: (left), important: true, from: 1, to: 2 ));
 * Output:
 * .padding-left-1 { padding-left: 1px !important; }
 * .padding-left-2 { padding-left: 2px !important; }
 *
 * @example
 * @include generate-spacing-class(( prop: margin, sides: "all", from: 1, to: 2, every: 5 ));
 * Output:
 * .margin-5 { margin: 5px; }
 * .margin-10 { margin: 10px; }
 */
/**
 * Keyframes
 */
/**
 * Transform
 */
/**
 * Transform origin
 */
/**
 * Transition
 */
/**
 * Transition Property
 */
/**
 * User select
 */
/**
 * Strip unit
 * Eliminar la unidad de medida (px,rem,em,etc) que tenga un número
 * @param {number} value - Número al cual se debe eliminar la unidad de medida
 * @return {number} - Número sin unidad de medida
 */
/**
 * Pixel to rem
 * Convertir valor en pixeles a un valor en rem
 * @param {number} size - Número en pixel (puede o no tener unidad)
 * @param {number} base - Default 16px - Valor del font-size root del navegador. En general es 16px.
 * @return {number} - Número en rems
 */
/**
 * Extend
 * Fusiona dos maps y retorna un nuevo map
 * @param {map} $map - 1º Map a fusionar
 * @param {map} $extend-map - 2º Map a fusionar
 * @return {map} - Map fusionado
 */
/**
 * Fix / hacks / Comments
 *
 * 1. Tener sumamente cuidado con esta variable ya que afecta a muchos componentes.
 */
/**
 * Fix / hacks
 *
 * 1. La propiedad text-overflow: ellipsis; tiene un bug cuando se agrega a un padre
 * 	flexible, la solución es otorgarle dicha propiedad a un hijo flexible.
 */
/*
 * Button Default
 */
/*
 * Button Outline
 */
/*
 * Button Secondary
 */
/*
 * Button Secondary Outline
 */
/*
 * Button Tertiary
 */
/*
 * Button Link
 */
/*
 * Button Transparent
 */
/*
 * Button Icon
 */
/*
 * Button Compact
 */
/*
 * Button Loading
 */
/*
 * Button Loaded
 */
/*
 * Loading
 */
.Button-module_button__PM45p {
  color: #fff;
  font: 400 16px/1.125 "Roboto", sans-serif;
  border-radius: 20px;
  min-height: 39px;
  margin: 0;
  min-width: 39px;
  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;
  -webkit-transition: background-color 0.25s;
  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-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Button-module_button__PM45p:hover {
  color: #fff;
  text-decoration: none;
  background-color: #da262c;
}
.Button-module_button__PM45p:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(239, 56, 41, 0.76);
}
.Button-module_button__PM45p:active {
  color: #fff;
  text-decoration: none;
  background-color: #da262c;
}
@media (min-width: 576px) {
  .Button-module_button__PM45p {
    max-width: 336px;
  }
}
.Button-module_button__text__wL8gL {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /* 1 */
}
.Button-module_button--block__qW1YP {
  margin: 0 auto 16px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.Button-module_button--block__qW1YP:last-child {
  margin-bottom: 0;
}
.Button-module_button--shadow__GD7od {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
}
.Button-module_button--compact__JtsjG {
  padding: 0px 14px;
  font: 400 16px/1.75 "Roboto", sans-serif;
  min-height: 28px;
  height: 28px;
}
.Button-module_button--justify-left__onXn4 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.Button-module_button--justify-right__8hPeV {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Button-module_button--outline__3VPv4 {
  color: white;
  background-color: transparent;
  border: 1px solid white;
}
.Button-module_button--outline__3VPv4:hover {
  color: #ef3829;
  background-color: white;
  border: 1px solid white;
}
.Button-module_button--secondary__DD-yF {
  color: #fff;
  background-color: #1f97ae;
}
.Button-module_button--secondary__DD-yF:hover {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF:focus {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF:active {
  color: #fff;
  background-color: #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4 {
  color: #1f97ae;
  background-color: transparent;
  border: 1px solid #1f97ae;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:hover {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:focus {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4:active {
  color: #fff;
  background-color: #187a8d;
  border: 1px solid #187a8d;
}
.Button-module_button--tertiary__e0NIG {
  color: #fff;
  background-color: #d3242a;
}
.Button-module_button--tertiary__e0NIG:hover {
  color: #fff;
  background-color: #9e1b20;
}
.Button-module_button--tertiary__e0NIG:focus {
  color: #fff;
  background-color: #de5b60;
}
.Button-module_button--tertiary__e0NIG:active {
  color: #fff;
  background-color: #9e1b20;
}
.Button-module_button--link__08CkJ {
  color: #1f97ae;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:hover {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:focus {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--link__08CkJ:active {
  color: #187a8d;
  background-color: transparent;
}
.Button-module_button--transparent__71iS0 {
  color: #222;
  background-color: transparent;
}
.Button-module_button--transparent__71iS0:hover {
  color: #222;
  background-color: rgba(0, 0, 0, 0.1);
}
.Button-module_button--transparent__71iS0:focus {
  color: #222;
  background-color: rgba(0, 0, 0, 0.19);
}
.Button-module_button--transparent__71iS0:active {
  color: #222;
  background-color: rgba(0, 0, 0, 0.19);
}
.Button-module_button--icon__qkNQS {
  border-radius: 50%;
  line-height: 0;
  padding: 9px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Button-module_button--loaded__0TRr0 {
  -webkit-animation: Button-module_button_loaded_bgcolor__J3KCI 0.25s ease 0.5s forwards;
  animation: Button-module_button_loaded_bgcolor__J3KCI 0.25s ease 0.5s forwards;
}
.Button-module_button__PM45p:disabled, .Button-module_button--disabled__Vw6Rz {
  color: #6a6a6a;
  background-color: #d0d0d0;
  cursor: default;
  pointer-events: none;
}
.Button-module_button__PM45p:disabled:hover, .Button-module_button__PM45p:disabled:focus, .Button-module_button__PM45p:disabled:active, .Button-module_button--disabled__Vw6Rz:hover, .Button-module_button--disabled__Vw6Rz:focus, .Button-module_button--disabled__Vw6Rz:active {
  text-decoration: none;
  color: #6a6a6a;
  background-color: #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--loading__ZmcHF, .Button-module_button--disabled__Vw6Rz.Button-module_button--loading__ZmcHF {
  color: transparent;
  background-color: #ef3829;
}
.Button-module_button__PM45p:disabled.Button-module_button--loaded__0TRr0, .Button-module_button--disabled__Vw6Rz.Button-module_button--loaded__0TRr0 {
  color: transparent;
  background-color: #ef3829;
}
.Button-module_button__PM45p:disabled.Button-module_button--outline__3VPv4, .Button-module_button--disabled__Vw6Rz.Button-module_button--outline__3VPv4 {
  color: #d0d0d0;
  background-color: transparent;
  border: 1px solid #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--secondary__DD-yF, .Button-module_button--disabled__Vw6Rz.Button-module_button--secondary__DD-yF {
  background-color: #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4, .Button-module_button--disabled__Vw6Rz.Button-module_button--secondary__DD-yF.Button-module_button--outline__3VPv4 {
  color: #6a6a6a;
  background-color: transparent;
  border: 1px solid #d0d0d0;
}
.Button-module_button__PM45p:disabled.Button-module_button--tertiary__e0NIG.Button-module_button--loading__ZmcHF, .Button-module_button--disabled__Vw6Rz.Button-module_button--tertiary__e0NIG.Button-module_button--loading__ZmcHF {
  background-color: #d3242a;
}
.Button-module_button__PM45p:disabled.Button-module_button--link__08CkJ, .Button-module_button--disabled__Vw6Rz.Button-module_button--link__08CkJ {
  color: #6a6a6a;
  background-color: transparent;
}

.Button-module_loaded__O80nn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Button-module_loaded__O80nn:before,
.Button-module_loaded__O80nn .Button-module_icon__9MxrK {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.Button-module_loaded__O80nn:before {
  content: "";
  background-color: #33744f;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-animation: Button-module_loaded_scalex__bxCBQ 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: Button-module_loaded_scalex__bxCBQ 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.Button-module_loaded__O80nn .Button-module_icon__9MxrK {
  font-size: 13px;
  color: #fff;
  z-index: 1;
  -webkit-animation: Button-module_loaded_showicon__Of-dv 0.5s ease 0.4s forwards;
  animation: Button-module_loaded_showicon__Of-dv 0.5s ease 0.4s forwards;
}

@-webkit-keyframes Button-module_loaded_showicon__Of-dv {
  100% {
    opacity: 1;
  }
}
@keyframes Button-module_loaded_showicon__Of-dv {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes Button-module_loaded_scalex__bxCBQ {
  0% {
    opacity: 1;
    background-color: #33744f;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes Button-module_loaded_scalex__bxCBQ {
  0% {
    opacity: 1;
    background-color: #33744f;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes Button-module_button_loaded_bgcolor__J3KCI {
  100% {
    background-color: #33744f;
  }
}
@keyframes Button-module_button_loaded_bgcolor__J3KCI {
  100% {
    background-color: #33744f;
  }
}
.number_container {

    padding: 5px 15px;
    border-radius: 20px;
    
    /* Centrado absoluto para pantallas grandes */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.number_user_letter {
    color: white;
    margin: 0;
    font-weight: bold;
}

/* --- 4. Responsive: Pantallas de celular (768px o menos) --- */
@media (max-width: 768px) {
    .number_container {
        /* Desactivamos el centrado forzado */
        position: static;
        transform: none;
        
        /* Al quitar la posición absoluta, el 'justify-content: space-between' 
           del padre hace que el número se vaya naturalmente a la derecha */
    }
}