/*~~~~~~ FONTS ~~~~~~*/
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype');
  }
  @font-face {
    font-family: 'ecilight';
    src: url('../../fonts/revolving/ecifont-light-webfont.woff2') format('woff2'), url('../../fonts//revolving/ecifont-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'ecimedium';
    src: url('../../fonts/revolving/ecifont-medium-webfont.woff2') format('woff2'), url('../../fonts/revolving/ecifont-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'eciregular';
    src: url('../../fonts/revolving/ecifont-regular-webfont.woff2') format('woff2'), url('../../fonts/revolving/revolving/ecifont-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  /*~~~~~~ RUTAS Y COLORES ~~~~~~*/
  /*~~~~~~ BREAKPOINTS ~~~~~~*/
  /*~~~~~~ CLASES LESS ~~~~~~*/
  /*~~~~~~ RESETS ~~~~~~*/
  html {
    scroll-behavior: smooth;
  }
  html,
  body {
    min-height: 100%;
    background-color: #FFF;
  }
  html,
  body,
  div,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    -webkit-text-size-adjust: none;
    z-index: 4;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #242424;
    font-family: 'Poppins';
    font-weight: 400;
    font-style: inherit;
    vertical-align: baseline;
  }
  #unpaidRecepitsButtonText{
    color: #242424 !important;
  }
  .card-img-block {
    padding: 0 12px;
  }

  .solicitar .tarjeta {
    margin-bottom: 7rem;
    background: #D3E8D1;
    border-radius: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: 5%;
    margin-right: 5%;
  }

  .tarjeta_img{
    padding: 0;
    width: 50%;
    img {
      height: 100%;
    }
  }

  .tarjeta_txt{
    align-content: center;
  }

  @media (min-width: 992px) and (max-width: 1280px) {
    html,
    body,
    div,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    font,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    sub,
    tt,
    var,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
      font-size: 14px;
    }
    .revolving-email {
      font-size: 26px;
    }
  }
  :focus {
    outline: 0;
  }
  a,
  a:link,
  a:visited,
  a:hover,
  a:active {
    text-decoration: none;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  th,
  td {
    text-align: left;
    font-weight: normal;
  }
  img,
  iframe {
    border: none;
    text-decoration: none;
  }
  ol,
  ul {
    list-style: none;
  }
  input,
  textarea,
  select,
  button {
    font-size: 100%;
    font-family: 'Poppins', sans-serif;
  }
  sup {
    font-size: 0.7rem;
  }
  body {
    overflow: inherit!important;
    overflow-x: hidden!important;
  }
  .menu-bg.fade.in {
    z-index: 8 !important;
  }
  .underlineLink {
    text-decoration: underline !important;
  }
  /** GENÉRICO **/
  .button {
    padding: 16px 24px;
    border-radius: 16px;
    background-color: #242424;
    font-weight: normal;
    color: #FFF !important;
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    line-height: 'normal';
  }
  .button img {
    vertical-align: bottom;
  }
  .button:hover {
    color: #FFF;
    background-color: #242424;
  }
  .button.btn-secondary {
    background-color: transparent;
    border: solid 1px #242424;
    color: #242424 !important;
  }
  .button.btn-secondary:hover {
    background: #FFF;
  }

  .sub-tit{
    margin: 6rem 0;
  }

  .sub-tit-remember{
    font-size: 16px!important;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-top: 0;
    line-height: 25px;
  }

  .facilita{
    background-color: #fff;
  }

  .header-background{
    background-color: #fff;
    display: flex;
    justify-content: center;
  }

  @media (max-width: 720px) {
    .button {
      font-size: 12px;
      padding: 12px 24px;
      border-radius: 12px;
    }
    .button img {
      width: 24px;
    }
  }
  h1 {
    font-weight: normal;
    color: #1A1C18;
    font-size: 7rem;
    font-family: 'Poppins';
    line-height: 7.5rem;
    margin-bottom: 5rem;
  }
  h1 img {
    vertical-align: middle;
  }
  @media (max-width: 720px) {
    h1 {
      font-size: 2.5rem;
      line-height: 4.5rem;
      margin-bottom: 3rem;
    }
    h1 img {
      height: 65px;
    }
  }
  h2 {
    font-weight: normal;
    color: #242424;
    font-size: 3.5rem;
    font-family: 'Poppins', sans-serif;
    line-height: 4.5rem;
  }
  @media (max-width: 720px) {
    h2 {
      font-size: 28px;
      line-height: 40px;
    }
  }
  h3 {
    font-weight: normal;
    color: #242424;
    font-size: 26px;
    font-family: 'Poppins', sans-serif;
    line-height: 38px;
  }
  @media (max-width: 768px) {
    .facilita .listado p {
      font-weight: normal;
      color: #1A1C18;
      font-size: 18px;
      font-family: 'Poppins', sans-serif;
      line-height: 30px;
      text-align: center;
  }
  
    h3 {
      text-align: center;
      font-size: 16px;
      line-height: 2rem;
      padding: 0 12px;
    }

    .solicitar .tarjeta {
      flex-direction: column!important;
      border-radius: 50px;
    }

    .tarjeta_img{
      width: 100%;
    }
  }
  p.sub-tit {
    font-weight: normal;
    color: inherit;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
  }
  @media (max-width: 720px) {
    p.sub-tit {
      font-size: 14px;
      line-height: 24px;
    }
  }
  main {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  @media (max-width: 1024px) {
    main {
      margin-top: 0;
    }
  }
  @media (max-width: 1023px) {
    #unpaidRecepitsButtonText{
      color: #fff !important;
    }
  }

  @media (min-width: 980px) and (max-width: 1280px) {
    .content, .facilita, .slide, .revolving, .solicitar, .modalidad, .condiciones {
      width: 100%;
      max-width: 1500px;
    }

    .revolving-container{
      padding-top: 7.5rem;
      padding-bottom: 7.5rem;
      background-color: #F9F9F9;
    }
  }
  .slide {
    background-color: #D3E8D1;
    padding-top: 9.5rem;
    padding-bottom: 9.5rem;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 720px) {
    .slide {
      padding-top: 6.25rem;
      padding-bottom: 6.25rem;
    }
  }
  .facilita {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    .facilita-row {
      display: flex;
      justify-content: center;
      margin: 0 32px;
      .text-revolving-2{
        width: 75%;
      }
    }
  }
  .facilita .listado {
    margin-top: 3.5rem;
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
    border-top: solid 1px #D8D9DA;
    border-bottom: solid 1px #D8D9DA;
  }
  .facilita .listado p {
    font-weight: normal;
    color: #1A1C18;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
  }
  .facilita .listado .icon {
    background-color: #D3E8D1;
    border-radius: 100%;
    padding: 14px 10px;
  }
  .modalidad-body {
    margin: 0 12px;
    justify-content: space-between;
    max-width: 100%;
  }
  @media (max-width: 768px) {
    .facilita .listado .icon {
      max-width: 52px;
      margin: 0 auto 40px!important;
    }
    .facilita {
      padding-top: 5rem;
      padding-bottom: 5rem;
      .facilita-row {
        .text-revolving-2{
          width: 100%;
          font-size: 3rem;
          line-height: 4rem;
          text-align: center;
        }
      }
    }
    .revolving .cards .card-box {
      width: 100%;
    }
    .solicitar .feature {
      flex: 1 0 100% !important;
    }
    .solicitar .feature > div {
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .modalidad-body {
      justify-content: center;
      align-items: center;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .revolving .cards .card-box {
      width: 45%;
    }
    .solicitar .feature {
      flex: 1 0 45%;
    }
  }
  .revolving {
    display: flex;
    justify-content: center;
    p {
      padding: 0 12px;
    }
  }
  .container-lg {
    max-width: 1400px;
  }
  .container-lg .bottom-text{
    margin-top: 100px;
  }
  @media (min-width: 992px) {
    .card-box {
      flex: 1;
    }

    .tarjeta {
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  .revolving .cards {
    margin-top: 5rem;
    gap: 12px;
    margin: 12px;
    justify-content: center;
  }
  .revolving .cards .card {
    background-color: #E9EDF0;
    padding: 1rem;
    border: 0;
    border-radius: 1.5rem;
    height: 100%;
  }

  .card{
    border-color: transparent !important;
  }

  .revolving .cards .card .card-body {
    padding: 0 1rem;
  }
  .revolving .cards .card .card-body h3 {
    font-weight: normal;
    color: #242424;
    font-size: 26px;
    font-family: 'Poppins', sans-serif;
    line-height: 38px;
    margin-top: 2rem;
    margin-bottom: 150px;
  }
  .revolving .cards .card .card-body p {
    font-weight: normal;
    color: #242424;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
  }
  @media (max-width: 720px) {
    .revolving .cards .card {
      margin-bottom: 1rem;
    }
    .revolving .cards .card .card-body {
      padding: 0 0.5rem;
    }
    .revolving .cards .card .card-body h3 {
      font-weight: normal;
      color: #242424;
      font-size: 21px;
      font-family: 'Poppins', sans-serif;
      line-height: 32px;
      margin-top: 1.5rem;
      margin-bottom: 3.5rem;
    }
    .revolving .cards .card .card-body p {
      font-size: 14px;
      line-height: 24px;
    }
  }
  @media (max-width: 720px) {
    .revolving .cards {
      margin-top: 3rem;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .revolving .cards > div:last-child {
      margin-top: 1.5rem;
    }
  }
  @media (max-width: 720px) {
    .revolving {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
  .solicitar {
    padding-top: 7.5rem;
    background-color: #F1F1EA;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

    .text-revolving-2 {
      margin-bottom: 48px;
    }
  }
  .solicitar .feature {
    flex: 1 0 0%;
  }
  .solicitar .feature > div {
    padding: 4rem 1rem;
    border-top: solid 1px #D8D9DA;
    border-bottom: solid 1px #D8D9DA;
    width: 100%;
  }
  .solicitar .feature h4 {
    font-weight: normal;
    color: #242424;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    line-height: 3.5rem;
  }
  .solicitar .feature h4 strong {
    font-family: 'Poppins', sans-serif;
  }
  .solicitar .cta {
    margin-top: 5rem;
    text-align: center;
  }
  .solicitar .premios {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
    width: 100%;
  }
  @media (max-width: 1020px) {
    
    .solicitar .feature h4 {
      font-size: 20px;
      line-height: 3rem;
    }
  }
  .d-sm-block {
      display: none !important;
  
    
  }
  @media (max-width: 720px) {
    .solicitar .premios {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }

  .solicitar .px-6 {
    padding: 4rem;
  }
  .solicitar .px-6 p {
    font-weight: normal;
    color: #5f5f5f;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
    margin-bottom: 3rem;
  }
  @media (max-width: 720px) {
    .solicitar .px-6 {
      padding: 3rem;
    }
  }
  @media (max-width: 720px) {
    .solicitar {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
    .solicitar .feature > div {
      padding: 3rem 3rem;
    }
    .solicitar .feature h4 {
      font-size: 16px;
      line-height: 1.75rem;
    }
  }
  .modalidad {
    background-color: #E3E3DC;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modalidad .icon {
    background-color: #FFF;
    border-radius: 100%;
    padding: 6px;
    display: inline-block;
    height: 56px;
  }
  .modalidad p {
    font-weight: normal;
    color: #5f5f5f !important;
    font-size: 26px;
    font-family: 'Poppins', sans-serif;
    line-height: 38px;
  }
  .modalidad p a {
    color: inherit !important;
    text-decoration: underline;
  }
  @media (max-width: 720px) {
    .modalidad p {
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      margin-top: 40px;
    }
  }

  .condiciones {
    background-color: #90918B;
    padding: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .condiciones h3 {
    font-weight: normal;
    color: #FFF !important;
    font-size: 34px;
    font-family: 'Poppins', sans-serif;
    line-height: 46px;
  }
  .condiciones p {
    font-weight: normal;
    color: #FFF !important;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    margin-bottom: 2rem;
  }
  .condiciones p:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 720px) {
    .condiciones {
      flex-direction: column!important;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 3.5rem!important;
    }

    .condiciones {
      padding-inline: 12px;
    }
    .condiciones h3 {
      font-size: 21px;
      line-height: 32px;
      margin-bottom: 3rem;
      padding: 0;
    }
    .condiciones h3 br {
      display: none;
    }
  }
  @media (max-width: 720px) {
    footer.footer {
      padding-top: 0;
    }
  }

  @media (min-width: 1280px) {
    .content, .facilita, .slide, .revolving, .solicitar, .modalidad, .condiciones {
        width: 100%;
        max-width: 1500px;
    }
}

.revolving-info{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5rem 0;
  font-weight: 400;
  max-width: 1500px;
}

.revolving-info a {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
}

.revolving-info ul{
  list-style-type: '- ';
}

.revolving-info li{
  margin-left: 10px;
  margin-top: 10px;
}

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