/* MEDIA QUERIES*/
/* MEASURES */
.back__skyBlue {
    color: #FFF;
    background-color: #5BBEFF !important; }
  
  .back__skyLightBlue {
    color: #043263;
    background-color: #D4EDFC !important; }
  
  .back__coreBlue {
    color: #FFF;
    background-color: #004481 !important; }
    @media (min-width: 1800px) {
      .back__coreBlue {
        background-color: #004481 !important; } }
    @media (max-width: 600px) {
      .back__coreBlue {
        background-color: #004481 !important; } }
  
  .back__coreDarkBlue {
    color: #FFF;
    background-color: #043263 !important; }
  
  .back__aqua {
    background-color: #2DCCCD !important; }
  
  .back__aquaLight {
    background-color: #5AC4C4 !important; }
  
  .back__aquaWhite {
    background-color: #EAF9FA !important; }
  
  .back__white {
    background-color: #FFF !important; }
  
  .back__s600 {
    color: #043263;
    background-color: #121212 !important; }
  
  .back__s300 {
    color: #666666 !important;
    background-color: #D3D3D3 !important; }
  
  .back__s100 {
    color: #043263;
    background-color: #F4F4F4 !important; }
  
  .txt__mediumBlue {
    color: #1973B8; }
  
  .txt__aqua {
    color: #2DCCCD; }
  
  .txt__white {
    color: #FFF !important; }
  
  .link__mediumBlue {
    color: #1973B8 !important; }
  
  * {
    margin: 0;
    padding: 0; }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit; }
  
  html {
    box-sizing: border-box;
    font-size: 62.5%; }
  
  body {
    width: 100%;
    min-height: 100vh;
    font-family: sans-serif;
    background-color: #F4F4F4; }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility; }
  
  h1 {
    font-size: 68px; }
    @media (min-width: 1800px) {
      h1 {
        font-size: 34px;
        line-height: 41px; } }
    @media (max-width: 600px) {
      h1 {
        font-size: 34px;
        line-height: 41px; } }
  
  h2 {
    font-size: 40px; }
    @media (min-width: 1800px) {
      h2 {
        font-size: 26px;
        line-height: 32px; } }
    @media (max-width: 600px) {
      h2 {
        font-size: 26px;
        line-height: 32px; } }
  
  h3 {
    font-size: 36px; }
    @media (min-width: 1800px) {
      h3 {
        font-size: 22px;
        line-height: 27px; } }
    @media (max-width: 600px) {
      h3 {
        font-size: 22px;
        line-height: 27px; } }
  
  h4 {
    font-size: 26px; }
    @media (min-width: 1800px) {
      h4 {
        font-size: 20px;
        line-height: 24px; } }
    @media (max-width: 600px) {
      h4 {
        font-size: 20px;
        line-height: 24px; } }
  
  h5 {
    font-size: 22px; }
    @media (min-width: 1800px) {
      h5 {
        font-size: 18px;
        line-height: 22px; } }
    @media (max-width: 600px) {
      h5 {
        font-size: 18px;
        line-height: 22px; } }
  
  h6 {
    font-size: 20px; }
    @media (min-width: 1800px) {
      h6 {
        font-size: 16px;
        line-height: 20px; } }
    @media (max-width: 600px) {
      h6 {
        font-size: 16px;
        line-height: 20px; } }
  
  p {
    font-size: 15px;
    line-height: 18px;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal; }
  
  span {
    font-size: 13px; }
  
  a {
    text-decoration: none;
    font-family: sans-serif;
    cursor: pointer; }
  
  input:focus,
  select:focus,
  textarea:focus,
  button:focus {
    outline: none; }
  
  @font-face {
    font-family: "BentonSansBBVA-Bold";
    src: url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Bold.woff2") format("woff2"), url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Bold.ttf") format("ttf"); }
  
  @font-face {
    font-family: "BentonSansBBVA-Book";
    src: url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Book.woff2") format("woff2"), url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Book.ttf") format("ttf"); }
  
  @font-face {
    font-family: "BentonSansBBVA-Medium";
    src: url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Medium.woff2") format("woff2"), url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Medium.ttf") format("ttf"); }
  
  @font-face {
    font-family: "BentonSansBBVA-Light";
    src: url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Light.woff2") format("woff2"), url("../assets/fonts/bentonsansbbva/BentonSansBBVA-Light.ttf") format("ttf"); }
  
  .icon {
    display: inline-block;
    width: 100%;
    height: auto;
    background-size: cover; }
    .icon__start {
      background-image: url("../assets/images/icons/bbva/star.svg"); }
    .icon__discount {
      background-image: url("../assets/images/icons/bbva/discount.svg"); }
    .icon__cart {
      background-image: url("../assets/images/icons/bbva/cart.svg"); }
    .icon__shopping {
      background-image: url("../assets/images/icons/bbva/shopping.svg"); }
    .icon__desktop {
      background-image: url("../assets/images/icons/bbva/desktop.svg"); }
    .icon__e-commerce {
      background-image: url("../assets/images/icons/bbva/e-commerce-21.svg"); }
    .icon__travel-expenses {
      background-image: url("../assets/images/icons/bbva/travel-expenses.svg"); }
    .icon__culture-and-talent {
      background-image: url("../assets/images/icons/bbva/culture-and-talent.svg"); }
    .icon__medicalKit {
      background-image: url("../assets/images/icons/bbva/medical-kit.svg"); }
    .icon__new {
      background-image: url("../assets/images/icons/bbva/new.svg"); }
    .icon__services {
      background-image: url("../assets/images/icons/bbva/services.svg"); }
    .icon__restaurant {
      background-image: url("../assets/images/icons/bbva/restaurant.svg"); }
    .icon__football {
      background-image: url("../assets/images/icons/bbva/football.svg"); }
    .icon__womenShoe {
      background-image: url("../assets/images/icons/bbva/women-shoe.svg"); }
    .icon__commercialOffer {
      background-image: url("../assets/images/icons/bbva-21/commercial-offer.svg"); }
    .icon__n-close {
      background-image: url("../assets/images/icons/general/I-close.svg"); }
    .icon__eye {
      background-image: url("../assets/images/icons/bbva-21/eye-w.svg"); }
    .icon__menuW {
      background-image: url("../assets/images/icons/nav-21/i-menu-w.svg"); }
  
  .ban__punPro {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 52px;
    width: 100%;
    height: 400px;
    background-color: #004481; }
    @media (min-width: 1800px) {
      .ban__punPro {
        flex-direction: column;
        justify-content: space-between;
        padding: 0 0 48px;
        height: 504px;
        background-color: #FFF; } }
    @media (max-width: 600px) {
      .ban__punPro {
        flex-direction: column;
        justify-content: space-between;
        padding: 0 0 48px;
        height: 504px;
        background-color: none; } }
    .ban__punPro--v80 {
      margin: auto;
      width: 80%; }
      @media (min-width: 1800px) {
        .ban__punPro--v80 {
          width: 100%; } }
      @media (max-width: 600px) {
        .ban__punPro--v80 {
          width: 100%; } }
    .ban__punPro--oneBlock {
      height: 400px; }
      @media (min-width: 1800px) {
        .ban__punPro--oneBlock {
          height: 200px; } }
      @media (max-width: 600px) {
        .ban__punPro--oneBlock {
          height: 200px; } }
    .ban__punPro--blockA {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      order: 1;
      padding: 0;
      width: auto;
      height: 192px; }
      @media (min-width: 1800px) {
        .ban__punPro--blockA {
          order: 2;
          padding: 0 28px;
          width: 100%;
          height: auto; } }
      @media (max-width: 600px) {
        .ban__punPro--blockA {
          order: 2;
          padding: 0 28px;
          width: 100%;
          height: auto; } }
      .ban__punPro--blockA--vAuto {
        height: auto; }
      .ban__punPro--blockA--w440 {
        max-width: 440px;
        height: auto; }
      .ban__punPro--blockA--v2 {
        padding: 35px;
        width: 519px;
        height: auto;
        background-color: #FFF; }
        @media (min-width: 1800px) {
          .ban__punPro--blockA--v2 {
            width: 100%; } }
        @media (max-width: 600px) {
          .ban__punPro--blockA--v2 {
            width: 100%; } }
      .ban__punPro--blockA--noPaddingMob {
        padding: 0; }
        @media (min-width: 1800px) {
          .ban__punPro--blockA--noPaddingMob {
            padding: 0; } }
        @media (max-width: 600px) {
          .ban__punPro--blockA--noPaddingMob {
            padding: 0; } }
    .ban__punPro--blockB {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      order: 2;
      width: 540px;
      height: 100%;
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      background-color: #004481; }
      @media (min-width: 1800px) {
        .ban__punPro--blockB {
          order: 1;
          width: 100%;
          height: 200px;
          clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%); } }
      @media (max-width: 600px) {
        .ban__punPro--blockB {
          order: 1;
          width: 100%;
          height: 200px;
          clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%); } }
      .ban__punPro--blockB--sq {
        padding: 0px; }
        @media (min-width: 1800px) {
          .ban__punPro--blockB--sq {
            padding: 12px;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }
        @media (max-width: 600px) {
          .ban__punPro--blockB--sq {
            padding: 12px;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }
    .ban__punPro--title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 18px 0 0;
      width: 439px; }
      .ban__punPro--title :first-child {
        margin: 0 0 0; }
      @media (min-width: 1800px) {
        .ban__punPro--title {
          margin-top: 12px 0 0;
          width: 100%; } }
      @media (max-width: 600px) {
        .ban__punPro--title {
          margin-top: 12px 0 0;
          width: 100%; } }
      .ban__punPro--title--mobCenter {
        margin: 18px 0 0; }
        @media (min-width: 1800px) {
          .ban__punPro--title--mobCenter {
            margin: 18px auto 0; }
            .ban__punPro--title--mobCenter :first-child {
              margin: 0 auto 0; } }
        @media (max-width: 600px) {
          .ban__punPro--title--mobCenter {
            margin: 18px auto 0; }
            .ban__punPro--title--mobCenter :first-child {
              margin: 0 auto 0; } }
      .ban__punPro--title img {
        margin-right: 0;
        width: 136px;
        height: auto; }
        @media (min-width: 1800px) {
          .ban__punPro--title img {
            margin-right: 24px;
            width: 112px; } }
        @media (max-width: 600px) {
          .ban__punPro--title img {
            margin-right: 24px;
            width: 112px; } }
      .ban__punPro--title--txt {
        width: 268px;
        text-align: left;
        color: #5BBEFF; }
        .ban__punPro--title--txt--wAuto {
          width: auto; }
        .ban__punPro--title--txt--boldWhite {
          color: #FFF; }
          @media (min-width: 1800px) {
            .ban__punPro--title--txt--boldWhite {
              color: #5BBEFF; } }
          @media (max-width: 600px) {
            .ban__punPro--title--txt--boldWhite {
              color: #5BBEFF; } }
        .ban__punPro--title--txt--boldCoreBlue {
          color: #004481; }
        .ban__punPro--title--txt--mobCenter {
          text-align: left; }
          @media (min-width: 1800px) {
            .ban__punPro--title--txt--mobCenter {
              text-align: center; } }
          @media (max-width: 600px) {
            .ban__punPro--title--txt--mobCenter {
              text-align: center; } }
    .ban__punPro--title-single {
      font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
      .ban__punPro--title-single strong {
        font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif; }
    .ban__punPro--subtitle {
      margin-top: 18px; }
      @media (min-width: 1800px) {
        .ban__punPro--subtitle {
          margin-top: 12px; } }
      @media (max-width: 600px) {
        .ban__punPro--subtitle {
          margin-top: 12px; } }
      .ban__punPro--subtitle--a {
        text-align: left;
        color: #FFF;
        font-size: 23px;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .ban__punPro--subtitle--a {
            text-align: center;
            line-height: 20px;
            color: #666666; } }
        @media (max-width: 600px) {
          .ban__punPro--subtitle--a {
            text-align: center;
            line-height: 20px;
            font-size: 18px;
            color: #ffffff; } }
            @media (min-width:600px){
        .ban__punPro--subtitle--a--eLineHeight {
            line-height: 32px;
          } }
        .ban__punPro--subtitle--a b {
          color: #F8CD51; }
      .ban__punPro--subtitle--b {
        text-align: left;
        color: #FFF;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .ban__punPro--subtitle--b {
            text-align: center;
            color: #666666; } }
        @media (max-width: 600px) {
          .ban__punPro--subtitle--b {
            text-align: center;
            color: #ffffff; } }
        .ban__punPro--subtitle--b--marginTop {
          margin-top: 18px; }
          @media (min-width: 1800px) {
            .ban__punPro--subtitle--b--marginTop {
              margin-top: 12px; } }
          @media (max-width: 600px) {
            .ban__punPro--subtitle--b--marginTop {
              margin-top: 12px; } }
        .ban__punPro--subtitle--b b {
          color: #5BBEFF; }
      .ban__punPro--subtitle--c {
        text-align: left;
        color: #666666;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
    .ban__punPro--btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding: 9px;
      margin: 18px 0 0;
      width: 168px;
      height: 40px;
      background-color: #1973B8; }
      @media (min-width: 1800px) {
        .ban__punPro--btn {
          margin: 12px auto 0; } }
      @media (max-width: 600px) {
        .ban__punPro--btn {
          margin: 12px auto 0; } }
      .ban__punPro--btn--txt {
        text-align: center;
        font-size: 15px;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif;
        color: #FFF; }
    .ban__punPro--art {
      position: relative;
      width: auto;
      height: 100%; }
      @media (min-width: 1800px) {
        .ban__punPro--art {
          margin: auto; } }
      @media (max-width: 600px) {
        .ban__punPro--art {
          margin: auto; } }
      .ban__punPro--art--h340 {
        width: auto;
        height: 340px; }
        @media (min-width: 1800px) {
          .ban__punPro--art--h340 {
            height: 100%; } }
        @media (max-width: 600px) {
          .ban__punPro--art--h340 {
            height: 100%; } }
      .ban__punPro--art--title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%);
        color: #FFF; }
  
  .ban__info {
    padding: 72px; }
    @media (min-width: 1800px) {
      .ban__info {
        padding: 48px; } }
    @media (max-width: 600px) {
      .ban__info {
        padding: 48px; } }
    .ban__info--cont {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      margin-left: auto;
      margin-right: auto;
      width: 773px; }
      @media (min-width: 1800px) {
        .ban__info--cont {
          width: 100%;
          flex-direction: column; } }
      @media (max-width: 600px) {
        .ban__info--cont {
          width: 100%;
          flex-direction: column; } }
    .ban__info--illustrations {
      margin-right: 35px;
      margin-bottom: 0;
      width: 268px;
      height: 214px; }
      @media (min-width: 1800px) {
        .ban__info--illustrations {
          margin-right: 0px;
          margin-bottom: 12px;
          width: 304px;
          height: 148px; } }
      @media (max-width: 600px) {
        .ban__info--illustrations {
          margin-right: 0px;
          margin-bottom: 12px;
          width: 304px;
          height: 148px; } }
      .ban__info--illustrations img {
        display: block;
        margin: auto;
        width: 100%;
        height: auto; }
        @media (min-width: 1800px) {
          .ban__info--illustrations img {
            width: auto;
            height: 100%; } }
        @media (max-width: 600px) {
          .ban__info--illustrations img {
            width: auto;
            height: 100%; } }
    .ban__info--txt {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
      max-width: 530px;
      height: 214px;
      text-align: right; }
      @media (min-width: 1800px) {
        .ban__info--txt {
          width: 100%;
          height: auto; } }
      @media (max-width: 600px) {
        .ban__info--txt {
          width: 100%;
          height: auto; } }
      .ban__info--txt--title {
        margin-bottom: 0px;
        width: 100%;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
        .ban__info--txt--title--light {
          font-family: "BentonSansBBVA-light", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .ban__info--txt--title {
            margin-bottom: 24px;
            text-align: center; } }
        @media (max-width: 600px) {
          .ban__info--txt--title {
            margin-bottom: 24px;
            text-align: center; } }
      .ban__info--txt--description {
        margin-bottom: 0px; }
        @media (min-width: 1800px) {
          .ban__info--txt--description {
            margin-bottom: 24px;
            text-align: center; } }
        @media (max-width: 600px) {
          .ban__info--txt--description {
            margin-bottom: 24px;
            text-align: center; } }
      .ban__info--txt--left {
        text-align: left;
        align-items: flex-start; }
    .ban__info--btn {
      display: flex;
      align-items: center;
      padding: 18px;
      background-color: #1973B8; }
      @media (min-width: 1800px) {
        .ban__info--btn {
          margin: auto;
          width: 200px;
          height: 48px; } }
      @media (max-width: 600px) {
        .ban__info--btn {
          margin: auto;
          width: 200px;
          height: 48px; } }
      .ban__info--btn--txt {
        margin: auto;
        text-align: center;
        color: #FFF; }
  
  .ban__line {
    padding: 35px 72px; }
    @media (min-width: 1800px) {
      .ban__line {
        padding: 48px 24px; } }
    @media (max-width: 600px) {
      .ban__line {
        padding: 48px 24px; } }
    .ban__line--cont {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      margin-left: auto;
      margin-right: auto;
      width: 773px; }
      @media (min-width: 1800px) {
        .ban__line--cont {
          flex-direction: column;
          width: 100%; } }
      @media (max-width: 600px) {
        .ban__line--cont {
          flex-direction: column;
          width: 100%; } }
    .ban__line--txt--description {
      line-height: 30px;
      font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
      .ban__line--txt--description b {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      @media (min-width: 1800px) {
        .ban__line--txt--description {
          text-align: center; } }
      @media (max-width: 600px) {
        .ban__line--txt--description {
          text-align: center; } }
    .ban__line--illustrations {
      margin-right: 35px;
      margin-bottom: 0;
      width: 100px;
      height: 100px; }
      @media (min-width: 1800px) {
        .ban__line--illustrations {
          margin-right: 0px;
          margin-bottom: 12px;
          width: 304px;
          height: 148px; } }
      @media (max-width: 600px) {
        .ban__line--illustrations {
          margin-right: 0px;
          margin-bottom: 12px;
          width: 304px;
          height: 148px; } }
      .ban__line--illustrations img {
        display: block;
        margin: auto;
        width: 100%;
        height: auto; }
        @media (min-width: 1800px) {
          .ban__line--illustrations img {
            width: auto;
            height: 100%; } }
        @media (max-width: 600px) {
          .ban__line--illustrations img {
            width: auto;
            height: 100%; } }
    .ban__line--link span {
      font-size: 16px;
      text-decoration: underline; }
  
  .calc__steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    width: 774px; }
    @media (min-width: 1800px) {
      .calc__steps {
        flex-wrap: wrap;
        width: 100%; } }
    @media (max-width: 600px) {
      .calc__steps {
        flex-wrap: wrap;
        width: 100%; } }
  
  .calc__step {
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto; }
    @media (min-width: 1800px) {
      .calc__step {
        margin: 48px auto 0;
        width: 100%; }
        .calc__step:first-child {
          margin: 0 auto 0; } }
    @media (max-width: 600px) {
      .calc__step {
        margin: 48px auto 0;
        width: 100%; }
        .calc__step:first-child {
          margin: 0 auto 0; } }
    .calc__step--count {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 35px; }
      @media (min-width: 1800px) {
        .calc__step--count {
          justify-content: space-between;
          margin-right: 0px;
          width: 100%; } }
      @media (max-width: 600px) {
        .calc__step--count {
          justify-content: space-between;
          margin-right: 0px;
          width: 100%; } }
    .calc__step--circle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-right: 35px;
      width: 66px;
      height: 66px;
      border-radius: 50%;
      background-color: #1464A5; }
      @media (min-width: 1800px) {
        .calc__step--circle {
          margin-right: 0px; } }
      @media (max-width: 600px) {
        .calc__step--circle {
          margin-right: 0px; } }
    .calc__step--title {
      width: 269px;
      color: #043263; }
      @media (min-width: 1800px) {
        .calc__step--title {
          width: auto;
          text-align: right; } }
      @media (max-width: 600px) {
        .calc__step--title {
          width: auto;
          text-align: right; } }
      .calc__step--title--lg {
        width: 424px; }
        @media (min-width: 1800px) {
          .calc__step--title--lg {
            width: 200px;
            text-align: right; } }
        @media (max-width: 600px) {
          .calc__step--title--lg {
            width: 200px;
            text-align: right; } }
    .calc__step--select {
      padding: 0 18px;
      margin: 0 0 35px;
      width: 100%;
      height: 50px;
      color: #1464A5;
      font-size: 15px;
      font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
      border: none;
      background-color: #FFF;
      background: url("../assets/images/icons/general/i-select-dropdown.svg") no-repeat right #FFF;
      -webkit-appearance: none;
      background-position: 330px; }
      @media (min-width: 1800px) {
        .calc__step--select {
          background-position: 265px; } }
      @media (max-width: 600px) {
        .calc__step--select {
          background-position: 265px; } }
    .calc__step--question {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 35px;
      width: 100%;
      height: 50px; }
      @media (min-width: 1800px) {
        .calc__step--question {
          margin: 0; } }
      @media (max-width: 600px) {
        .calc__step--question {
          margin: 0; } }
      .calc__step--question p {
        text-align: center;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .calc__step--tdc {
      width: 237px;
      height: 144px; }
      .calc__step--tdc--img {
        width: 100%;
        height: auto; }
    .calc__step--radios {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 120px; }
      .calc__step--radios label {
        font-size: 20px;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
    .calc__step--radioCont {
      display: flex;
      align-items: center; }
    .calc__step input[type="radio"] {
      cursor: pointer;
      display: inline-block;
      margin-right: 5px;
      position: relative;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #FFF;
      -webkit-appearance: none; }
    .calc__step input[type="radio"]:after {
      border-radius: 50%;
      content: '';
      display: block;
      height: 14px;
      width: 14Px;
      left: 3px;
      position: relative;
      top: 3px;
      background-color: #FFF; }
    .calc__step input[type="radio"]:checked:after {
      background-color: #043263; }
    .calc__step--field {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      min-height: 144px; }
      @media (min-width: 1800px) {
        .calc__step--field {
          min-height: auto;
          margin: 24px 0 0; } }
      @media (max-width: 600px) {
        .calc__step--field {
          min-height: auto;
          margin: 24px 0 0; } }
      .calc__step--field--txt {
        margin-bottom: 18px;
        text-align: center; }
      .calc__step--field--input {
        display: block;
        margin: 0 auto 18px;
        padding: 18px;
        height: 50px;
        border: none;
        border-radius: 2px;
        font-size: 15px;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .calc__step--field--input {
            margin: 0 auto; } }
        @media (max-width: 600px) {
          .calc__step--field--input {
            margin: 0 auto; } }
      .calc__step--field--span {
        display: block;
        margin: auto;
        text-align: center;
        color: #043263;
        font-size: 13px;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .calc__step--inputCircles {
      margin: 0;
      min-height: 144px; }
      @media (min-width: 1800px) {
        .calc__step--inputCircles {
          margin: 24px 0 0; } }
      @media (max-width: 600px) {
        .calc__step--inputCircles {
          margin: 24px 0 0; } }
      .calc__step--inputCircles--title {
        margin-bottom: 18px; }
      .calc__step--inputCircles--cont {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px;
        width: 238px;
        height: 102px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("../assets/images/cont/double_circle-v2.png"); }
      .calc__step--inputCircles--field {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .calc__step--inputCircles--input {
        margin-bottom: 3px;
        width: 70px;
        height: 24px;
        font-size: 20px;
        text-align: center;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
        border: none;
        background-color: transparent; }
      .calc__step--inputCircles .inputA {
        color: #FFF;
        border-bottom: 1px solid #FFF; }
        .calc__step--inputCircles .inputA::placeholder {
          color: #FFF; }
      .calc__step--inputCircles .inputB {
        color: #043263; }
      .calc__step--inputCircles--label {
        font-size: 15px;
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      .calc__step--inputCircles .labelB {
        color: #043263; }
  
  .calc__tdc {
    width: 237px;
    height: 144px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../assets/images/tdc/TDC_generica.png"); }
  
  .calc__active {
    display: block; }
  
  .calc__inactive {
    display: none; }
  
  #step-3 {
    display: none; }
  
  .card__base {
    display: flex;
    flex-direction: column;
    margin: 0 5% 35px 0;
    width: 368px !important;
    background-color: pink;
    /*&:nth-child(3n+3) {
              margin-right: 0;
          }*/ }
    @media (min-width: 1800px) {
      .card__base {
        margin: 0 0 24px 0;
        width: 100% !important; } }
    @media (max-width: 600px) {
      .card__base {
        margin: 0 0 24px 0;
        width: 100% !important; } }
    .card__base--head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 140px;
      background-color: #FFF; }
    .card__base--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 35px 35px;
      width: 100%;
      height: 275px;
      background-color: #004481; }
    .card__base--logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 18px 35px;
      width: 250px;
      height: 80px;
      background-color: #FFF; }
      .card__base--logo img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 100px; }
    .card__base--info {
      text-align: center;
      color: #FFF; }
      .card__base--info p {
        line-height: 20px; }
    .card__base--claim {
      text-align: center;
      padding: 0 35px;
      color: #FFF; }
      .card__base--claim p {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .card__base--btn {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto 9px;
      width: 167px;
      height: 40px;
      background-color: #1973B8; }
      .card__base--btn span {
        font-size: 15px;
        color: #FFF; }
    .card__base--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      width: 167px; }
      .card__base--link span {
        text-align: center;
        font-size: 15px;
        color: #5BBEFF; }
  
  .card__promo {
    margin: 0 5% 35px 0;
    background-color: pink; }
    .card__promo:nth-child(3n+3) {
      margin-right: 0; }
    .card__promo--w30p {
      width: 30% !important; }
      @media (min-width: 1800px) {
        .card__promo--w30p {
          margin: 0 0 24px 0 !important;
          width: 100% !important; } }
      @media (max-width: 600px) {
        .card__promo--w30p {
          margin: 0 0 24px 0 !important;
          width: 100% !important; } }
    .card__promo--w20p {
      margin-right: 2%;
      width: 22% !important; }
      .card__promo--w20p:nth-child(3n+3) {
        margin-right: 2%; }
      .card__promo--w20p:nth-child(4n+4) {
        margin-right: 0; }
    .card__promo--w368 {
      margin: 0 3% 35px 0;
      width: 368px !important; }
      .card__promo--w368:nth-child(2n+2) {
        margin-right: 0%; }
      .card__promo--w368:nth-child(3n+3) {
        margin-right: 3%; }
      @media (min-width: 1800px) {
        .card__promo--w368 {
          margin: 0 0 24px 0 !important;
          width: 100% !important; } }
      @media (max-width: 600px) {
        .card__promo--w368 {
          margin: 0 0 24px 0 !important;
          width: 100% !important; } }
    @media (min-width: 1800px) {
      .card__promo {
        margin: 0 0 0 0;
        width: 100%; } }
    @media (max-width: 600px) {
      .card__promo {
        margin: 0 0 0 0;
        width: 100%; } }
    .card__promo--head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 140px;
      background-color: #FFF; }
    .card__promo--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 35px 35px;
      width: 100%;
      height: 275px;
      background-color: #004481; }
      .card__promo--body--hAuto {
        padding: 18px;
        height: auto;
        background-color: #D4EDFC; }
      .card__promo--body--paddingS {
        padding: 18px 35px;
        height: 300px; }
        @media (min-width: 1800px) {
          .card__promo--body--paddingS {
            padding: 24px 12px; } }
        @media (max-width: 600px) {
          .card__promo--body--paddingS {
            padding: 24px 12px; } }
    .card__promo--logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 18px 35px;
      width: 250px;
      height: 80px;
      background-color: #FFF; }
      .card__promo--logo--img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 100px; }
      .card__promo--logo--img250w {
        width: auto;
        max-width: 250px;
        height: auto;
        max-height: 100px; }
    .card__promo--info {
      text-align: center;
      color: #FFF; }
      .card__promo--info p {
        line-height: 20px; }
    .card__promo--claim {
      text-align: center;
      padding: 0 35px;
      color: #FFF; }
      .card__promo--claim p {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      @media (min-width: 1800px) {
        .card__promo--claim {
          padding: 0px;
          width: 100%; } }
      @media (max-width: 600px) {
        .card__promo--claim {
          padding: 0px;
          width: 100%; } }
    .card__promo--btn {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto 9px;
      width: 167px;
      height: 40px;
      background-color: #1973B8; }
      .card__promo--btn span {
        font-size: 15px;
        color: #FFF; }
    .card__promo--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      margin-top: 9px;
      width: 172px; }
      .card__promo--link:first-child {
        margin-top: 0px; }
      .card__promo--link span {
        text-align: center;
        font-size: 15px;
        color: #5BBEFF; }
      .card__promo--link--icon {
        width: auto;
        height: 20px; }
  
  .card__points {
    flex-direction: column;
    margin: 0 5% 35px 0;
    background-color: pink; }
    @media (min-width: 1800px) {
      .card__points {
        margin: 0;
        width: 100% !important; } }
    @media (max-width: 600px) {
      .card__points {
        margin: 0;
        width: 100% !important; } }
    .card__points:nth-child(3n+3) {
      margin-right: 0; }
    .card__points--head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 116px;
      background-color: #FFF; }
    .card__points--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 18px 35px;
      width: 100%;
      height: 138px;
      background-color: #D4EDFC; }
    .card__points--logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 18px 35px;
      height: 80px;
      background-color: #FFF; }
      .card__points--logo img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 100px; }
      .card__points--logo p {
        margin-top: 9px;
        color: #004481;
        text-align: center; }
    .card__points--claim {
      text-align: center;
      padding: 0 35px;
      color: #1973B8; }
    .card__points--amount {
      text-align: center;
      padding: 0 35px;
      color: #1973B8; }
    .card__points--info {
      text-align: center;
      color: #1973B8; }
    .card__points--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto 9px;
      width: 167px; }
      .card__points--link:last-child {
        margin-bottom: 0px; }
      .card__points--link span {
        text-align: center;
        font-size: 13px;
        color: #1973B8; }
  
  .card__special {
    display: flex;
    flex-direction: column;
    margin: 0 35px 35px 0;
    background-color: pink; }
    .card__special:nth-child(3n+3) {
      margin-right: 0; }
    @media (min-width: 1800px) {
      .card__special {
        margin: 0 0 0 0;
        width: 100%; } }
    @media (max-width: 600px) {
      .card__special {
        margin: 0 0 0 0;
        width: 100%; } }
    .card__special--head {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 160px;
      background-color: #FFF;
      overflow: hidden; }
    .card__special--photo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%; }
    .card__special--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 18px 35px;
      width: 100%;
      height: 347px;
      background-color: #FFF; }
    .card__special--logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      width: 228px;
      height: 80px;
      background-color: #FFF; }
      .card__special--logo img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 100px; }
    .card__special--info {
      text-align: center;
      color: #121212; }
    .card__special--claim {
      text-align: center;
      padding: 0 35px;
      color: #121212; }
      .card__special--claim p {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .card__special--btn {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto 9px;
      width: 167px;
      height: 40px;
      background-color: #028484; }
      .card__special--btn span {
        font-size: 15px;
        color: #FFF; }
    .card__special--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      width: 167px; }
      .card__special--link span {
        text-align: center;
        font-size: 15px;
        color: #028484; }
  
  .card__icon {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    width: 195px; }
    @media (min-width: 1800px) {
      .card__icon {
        flex-direction: column;
        margin-top: 24px;
        width: 100%;
        height: auto; }
        .card__icon:first-child {
          margin-top: 0px; } }
    @media (max-width: 600px) {
      .card__icon {
        flex-direction: column;
        margin-top: 24px;
        width: 100%;
        height: auto; }
        .card__icon:first-child {
          margin-top: 0px; } }
    .card__icon--img {
      margin: auto;
      width: 100px;
      height: auto; }
    .card__icon--txt {
      margin-top: 18px;
      text-align: center;
      font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
      .card__icon--txt b {
        font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif; }
  
  .card__in-large {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 1054px;
    height: 434px;
    background-color: #1973B8;
    transition: ease-in-out 1s; }
    @media (min-width: 1800px) {
      .card__in-large {
        flex-direction: column;
        width: 100%;
        height: auto; } }
    @media (max-width: 600px) {
      .card__in-large {
        flex-direction: column;
        width: 100%;
        height: auto; } }
    .card__in-large--blockA {
      width: 100%;
      height: 434px;
      background-color: #072146; }
      @media (min-width: 1800px) {
        .card__in-large--blockA {
          height: 250px; } }
      @media (max-width: 600px) {
        .card__in-large--blockA {
          height: 250px; } }
    .card__in-large--blockB {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 35px;
      width: 100%;
      height: 100%; }
      @media (min-width: 1800px) {
        .card__in-large--blockB {
          padding: 24px;
          height: auto; } }
      @media (max-width: 600px) {
        .card__in-large--blockB {
          padding: 24px;
          height: auto; } }
      .card__in-large--blockB--txt {
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
        color: #FFF; }
      .card__in-large--blockB--link {
        margin-top: 35px;
        align-self: flex-start;
        color: #FFF; }
        @media (min-width: 1800px) {
          .card__in-large--blockB--link {
            margin-top: 24px; } }
        @media (max-width: 600px) {
          .card__in-large--blockB--link {
            margin-top: 24px; } }
        .card__in-large--blockB--link--txt {
          text-align: left;
          text-decoration: underline;
          color: #FFF;
          font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
          transition: all 0.5s; }
          .card__in-large--blockB--link--txt:hover {
            color: #072146; }
    .card__in-large--photo {
      display: block;
      height: 100%;
      width: auto; }
      @media (min-width: 1800px) {
        .card__in-large--photo {
          margin: auto; } }
      @media (max-width: 600px) {
        .card__in-large--photo {
          margin: auto; } }
    .card__in-large--inverse {
      position: absolute;
      display: flex;
      flex-direction: row;
      align-self: flex-start;
      justify-content: center;
      padding: 35px 72px;
      width: 100%;
      height: 100%;
      color: white;
      background-color: #072146;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
      -webkit-clip-pat: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
      transition: all 0.5s; }
      @media (min-width: 1800px) {
        .card__in-large--inverse {
          flex-direction: column;
          margin: auto;
          padding: 12px 24px; } }
      @media (max-width: 600px) {
        .card__in-large--inverse {
          flex-direction: column;
          margin: auto;
          padding: 12px 24px; } }
      .card__in-large--inverse--blockA {
        margin: 0 72px 0 0;
        width: 400px; }
        @media (min-width: 1800px) {
          .card__in-large--inverse--blockA {
            margin: 0 0 12px 0;
            width: 100%; } }
        @media (max-width: 600px) {
          .card__in-large--inverse--blockA {
            margin: 0 0 12px 0;
            width: 100%; } }
        .card__in-large--inverse--blockA--txt {
          width: 100%;
          text-align: left;
          font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
      .card__in-large--inverse--blockB {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .card__in-large--inverse--blockB--txt {
          line-height: 36px;
          text-align: left; }
          @media (min-width: 1800px) {
            .card__in-large--inverse--blockB--txt {
              line-height: 20px;
              text-align: left; } }
          @media (max-width: 600px) {
            .card__in-large--inverse--blockB--txt {
              line-height: 20px;
              text-align: left; } }
        .card__in-large--inverse--blockB--link {
          margin-top: 35px;
          align-self: flex-start;
          color: #FFF; }
          @media (min-width: 1800px) {
            .card__in-large--inverse--blockB--link {
              margin-top: 24px; } }
          @media (max-width: 600px) {
            .card__in-large--inverse--blockB--link {
              margin-top: 24px; } }
          .card__in-large--inverse--blockB--link--txt {
            text-align: left;
            text-decoration: underline;
            color: #FFF;
            font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
            transition: all 0.5s; }
            .card__in-large--inverse--blockB--link--txt:hover {
              color: #5BBEFF; }
    .card__in-large--full {
      clip-path: polygon(0 -10%, 100% -50%, 100% 100%, 0 100%);
      -webkit-clip-pat: polygon(0 -10%, 100% -50%, 100% 100%, 0 100%); }
  
  .card__offer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 3% 35px 0;
    width: 368px !important;
    height: auto; }
    .card__offer:nth-child(2n+2) {
      margin-right: 0; }
    @media (min-width: 1800px) {
      .card__offer {
        margin: 0 0 24px 0;
        width: 100%; } }
    @media (max-width: 600px) {
      .card__offer {
        margin: 0 0 24px 0;
        width: 100%; } }
    .card__offer--head {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 140px;
      background-color: #FFF; }
    .card__offer--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 35px 72px;
      width: 100%;
      height: 200px;
      background-color: #004481; }
      @media (min-width: 1800px) {
        .card__offer--body {
          padding: 24px 72px; } }
      @media (max-width: 600px) {
        .card__offer--body {
          padding: 24px 72px; } }
    .card__offer--logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 18px 35px;
      width: 250px;
      height: 80px;
      background-color: #FFF; }
      .card__offer--logo img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 100px; }
    .card__offer--info {
      text-align: center;
      color: #FFF; }
      .card__offer--info p {
        line-height: 20px; }
    .card__offer--claim {
      text-align: center;
      padding: 0 35px;
      color: #FFF; }
      .card__offer--claim p {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .card__offer--btn {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      width: 167px;
      height: 40px;
      background-color: #1973B8; }
      .card__offer--btn span {
        font-size: 15px;
        color: #FFF; }
    .card__offer--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      width: 167px; }
      .card__offer--link span {
        text-align: center;
        font-size: 15px;
        color: #5BBEFF; }
    .card__offer--inverse {
      position: absolute;
      padding: 72px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #FFF;
      background-color: #043263;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
      -webkit-clip-pat: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
      transition: all 0.5s; }
      @media (min-width: 1800px) {
        .card__offer--inverse {
          padding: 48px; } }
      @media (max-width: 600px) {
        .card__offer--inverse {
          padding: 48px; } }
      .card__offer--inverse--validity {
        margin-bottom: 18px;
        width: 100%; }
        .card__offer--inverse--validity--txt {
          text-align: center;
          margin-top: 18px; }
          .card__offer--inverse--validity--txt:first-child {
            margin-top: 0px; }
          .card__offer--inverse--validity--txt--strong {
            font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      .card__offer--inverse--btn {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 0 auto 9px;
        width: 167px;
        height: 40px;
        background-color: #1973B8; }
        .card__offer--inverse--btn span {
          font-size: 15px;
          color: #FFF; }
      .card__offer--inverse--link {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 0 auto;
        width: 167px; }
        .card__offer--inverse--link span {
          text-align: center;
          font-size: 15px;
          color: #5BBEFF; }
    .card__offer--full {
      clip-path: polygon(0 -10%, 100% -50%, 100% 100%, 0 100%);
      -webkit-clip-pat: polygon(0 -10%, 100% -50%, 100% 100%, 0 100%); }
  
  .card__home {
    display: flex;
    flex-direction: column;
    margin: 0 5% 35px 0;
    background-color: pink; }
    .card__home:nth-child(3n+3) {
      margin-right: 0; }
    .card__home--w30p {
      width: 30%; }
    @media (min-width: 1800px) {
      .card__home {
        margin: 0 0 24px 0;
        width: 100%; } }
    @media (max-width: 600px) {
      .card__home {
        margin: 0 0 24px 0;
        width: 100%; } }
    .card__home--head {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 240px;
      background-color: #FFF;
      overflow: hidden; }
    .card__home--photo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 110%; }
    .card__home--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 18px;
      width: 100%;
      height: 347px;
      background-color: #FFF; }
    .card__home--logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      width: 228px;
      height: 80px; }
      .card__home--logo--img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 80px; }
    .card__home--info {
      text-align: center;
      color: #121212; }
      .card__home--info--txt {
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
    .card__home--claim {
      text-align: center;
      padding: 0 35px;
      color: #121212; }
      .card__home--claim p {
        font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .card__home--btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 9px;
      margin: 0 auto;
      width: 100%;
      height: 40px;
      background-color: #1973B8; }
      .card__home--btn--txt {
        font-size: 15px;
        color: #FFF; }
      .card__home--btn .icon {
        margin-right: 9px;
        width: 24px;
        height: 24px; }
    .card__home--link {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 0 auto;
      width: 167px; }
      .card__home--link span {
        text-align: center;
        font-size: 15px;
        color: #028484; }
  
  .card__homeH {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-right: 4%;
    margin-bottom: 35px;
    height: 284px;
    background-color: #FFF; }
    @media (min-width: 1800px) {
      .card__homeH {
        flex-direction: column;
        height: auto; } }
    @media (max-width: 600px) {
      .card__homeH {
        flex-direction: column;
        height: auto; } }
    .card__homeH:nth-child(2n+2) {
      margin-right: 0; }
    .card__homeH--w45p {
      width: 48%; }
      @media (min-width: 1800px) {
        .card__homeH--w45p {
          width: 100%; } }
      @media (max-width: 600px) {
        .card__homeH--w45p {
          width: 100%; } }
    .card__homeH--w570 {
      width: 570px; }
    .card__homeH--head {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 284px;
      height: 100%;
      background-color: #FFF;
      overflow: hidden; }
      @media (min-width: 1800px) {
        .card__homeH--head {
          width: 100%;
          height: 284px; } }
      @media (max-width: 600px) {
        .card__homeH--head {
          width: 100%;
          height: 284px; } }
    .card__homeH--body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      padding: 35px;
      width: 300px;
      height: 100%;
      background-color: #FFF; }
      @media (min-width: 1800px) {
        .card__homeH--body {
          align-items: center;
          padding: 24px;
          width: 100%;
          height: 240px; } }
      @media (max-width: 600px) {
        .card__homeH--body {
          align-items: center;
          padding: 24px;
          width: 100%;
          height: 240px; } }
    .card__homeH--photo {
      width: auto;
      height: 120%; }
      @media (min-width: 1800px) {
        .card__homeH--photo {
          width: auto;
          height: 150%; } }
      @media (max-width: 600px) {
        .card__homeH--photo {
          width: auto;
          height: 150%; } }
    .card__homeH--logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      width: 228px;
      height: 80px; }
      .card__homeH--logo--img {
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 80px; }
    .card__homeH--info {
      text-align: left;
      color: #666666; }
      .card__homeH--info--txt {
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .card__homeH--info--txt {
            text-align: center; } }
        @media (max-width: 600px) {
          .card__homeH--info--txt {
            text-align: center; } }
    .card__homeH--link--txt {
      color: #1973B8;
      font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
    .card__homeH--btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding: 9px;
      margin: 0;
      width: 185px;
      height: 51px;
      background-color: #5BBEFF; }
      .card__homeH--btn--txt {
        text-align: center;
        font-size: 15px;
        color: #FFF; }
      .card__homeH--btn .icon {
        margin-right: 9px;
        width: 24px;
        height: 24px; }
  
  .menu__promos {
    display: flex;
    margin: 0 auto;
    width: 475px; 
  }
    @media (min-width: 1800px) {
      .menu__promos {
        width: auto; } }
    @media (max-width: 600px) {
      .menu__promos {
        width: auto; } }
    .menu__promos--btn {
      display: flex;
      align-items: center;
      padding: 18px;
      height: 62px;
      background-color: #FFF;
      border-bottom: 2px solid #D3D3D3;
      border-right: 2px solid #D3D3D3; }
      @media (min-width: 1800px) {
        .menu__promos--btn {
          flex-direction: column;
          justify-content: center;
          padding: 12px 6px;
          width: auto;
          height: 120px; } }
      @media (max-width: 600px) {
        .menu__promos--btn {
          flex-direction: column;
          justify-content: center;
          padding: 12px 6px;
          width: auto;
          height: 120px; } }
      .menu__promos--btn--iconCont {
        margin-right: 9px;
        width: 20px;
        height: 20px; }
        @media (min-width: 1800px) {
          .menu__promos--btn--iconCont {
            margin-right: 0;
            margin-bottom: 9px; } }
        @media (max-width: 600px) {
          .menu__promos--btn--iconCont {
            margin-right: 0;
            margin-bottom: 9px; } }
        .menu__promos--btn--iconCont img {
          width: 100%;
          height: auto; }
      .menu__promos--btn .icon {
        width: 20px;
        height: 20px; }
      .menu__promos--btn h6 {
        color: #1973B8;
        font-size: 15px;
        font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
        @media (min-width: 1800px) {
          .menu__promos--btn h6 {
            text-align: center; } }
        @media (max-width: 600px) {
          .menu__promos--btn h6 {
            font-size: 15px;
            text-align: center; } }
    .menu__promos--active {
      border-bottom: 2px solid #D3D3D3;
      background-color: #1973B8; }
      .menu__promos--active h6 {
        color: #FFF; }
      .menu__promos--active [class^="icon"] {
        filter: brightness(250%) grayscale(200%) contrast(200%); }
      .menu__promos--active .icon__star {
        color: #FFF;
        background-image: url("../assets/images/icons/bbva/star-w.svg"); }
    .menu__promos .icon__star {
      color: #FFF;
      background-image: url("../assets/images/icons/bbva/star-w.svg") !important; }
  
  .menu__promosCat {
    display: flex;
    margin: 0 auto; }
    .menu__promosCat--btn {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: flex-start;
      margin-right: 18px;
      padding: 18px;
      width: auto;
      height: auto;
      color: #1973B8;
      background-color: #FFF; }
      @media (min-width: 1800px) {
        .menu__promosCat--btn {
          justify-content: center;
          margin-right: 3%;
          padding: 24px 12px; }
          .menu__promosCat--btn:nth-child(2n+2) {
            margin-right: 0; } }
      @media (max-width: 600px) {
        .menu__promosCat--btn {
          justify-content: center;
          margin-right: 3%;
          padding: 24px 12px; }
          .menu__promosCat--btn:nth-child(2n+2) {
            margin-right: 0; } }
      .menu__promosCat--btn--iconCont {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 9px 0 0;
        width: 20px;
        height: 20px; }
        @media (min-width: 1800px) {
          .menu__promosCat--btn--iconCont {
            margin: 0 6px 0 0;
            width: 20px;
            height: 20px; } }
        @media (max-width: 600px) {
          .menu__promosCat--btn--iconCont {
            margin: 0 6px 0 0;
            width: 20px;
            height: 20px; } }
      .menu__promosCat--btn--icon {
        width: 100%;
        height: auto; }
      .menu__promosCat--btn .icon {
        width: 20px;
        height: 20px; }
    .menu__promosCat--active {
      background-color: #1973B8; }
      .menu__promosCat--active p {
        color: #FFF; }
      .menu__promosCat--active [class^="icon"] {
        filter: brightness(250%) grayscale(200%) contrast(200%); }
  
  .menu__slide {
    width: 100%;
    margin: 0 auto; }
    .menu__slide--btn {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: flex-start;
      margin-right: 18px;
      padding: 18px;
      width: auto;
      height: auto;
      color: #1973B8;
      background-color: #FFF; }
      @media (min-width: 1800px) {
        .menu__slide--btn {
          justify-content: center;
          margin-right: 3%;
          padding: 24px 12px; }
          .menu__slide--btn:nth-child(2n+2) {
            margin-right: 0; } }
      @media (max-width: 600px) {
        .menu__slide--btn {
          justify-content: center;
          margin-right: 3%;
          padding: 24px 12px; }
          .menu__slide--btn:nth-child(2n+2) {
            margin-right: 0; } }
      .menu__slide--btn--iconCont {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 9px 0 0;
        width: 20px;
        height: 20px; }
        @media (min-width: 1800px) {
          .menu__slide--btn--iconCont {
            margin: 0 6px 0 0;
            width: 20px;
            height: 20px; } }
        @media (max-width: 600px) {
          .menu__slide--btn--iconCont {
            margin: 0 6px 0 0;
            width: 20px;
            height: 20px; } }
      .menu__slide--btn--icon {
        width: 100%;
        height: auto; }
      .menu__slide--btn .icon {
        width: 20px;
        height: 20px; }
    .menu__slide--active {
      background-color: #1973B8; }
      .menu__slide--active p {
        color: #FFF; }
      .menu__slide--active [class^="icon"] {
        filter: brightness(250%) grayscale(200%) contrast(200%); }
  
  .menu__points {
    display: flex;
    margin: 0 auto; }
    .menu__points--cont {
      position: relative; }
    .menu__points--btn {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      margin-right: 18px;
      width: 167px !important;
      height: 180px;
      background-color: #FFF; }
      @media (min-width: 1800px) {
        .menu__points--btn {
          margin-right: 5%;
          width: auto !important; } }
      @media (max-width: 600px) {
        .menu__points--btn {
          margin-right: 5%;
          width: auto !important; } }
      .menu__points--btn:nth-child(3n+3) {
        background-color: pink; }
        @media (min-width: 1800px) {
          .menu__points--btn:nth-child(3n+3) {
            margin-right: 0;
            background-color: green; } }
        @media (max-width: 600px) {
          .menu__points--btn:nth-child(3n+3) {
            margin-right: 0;
            background-color: green; } }
      .menu__points--btn p {
        text-align: center;
        color: #1973B8; }
      .menu__points--btn--iconCont {
        margin-bottom: 9px;
        width: 20px;
        height: 20px; }
      .menu__points--btn--icon {
        width: 100%;
        height: auto; }
      .menu__points--btn .icon {
        width: 20px;
        height: 20px; }
    .menu__points--active {
      background-color: #1973B8; }
      .menu__points--active p {
        color: #FFF; }
      .menu__points--active [class^="icon"] {
        filter: brightness(250%) grayscale(200%) contrast(200%); }
  
  .m-content {
    display: none; }
  
  .m-body {
    position: fixed;
    padding: 35px;
    width: 75%;
    height: auto;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    color: #004481;
    box-sizing: border-box;
    background-color: white;
    z-index: 1000;
    overflow: scroll; }
    .m-body__small {
      width: 429px;
      overflow: hidden; }
    .m-body__title {
      margin: 35px 0;
      font-size: 26px;
      color: #004481;
      font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
      text-align: center;
      line-height: 36px; }
    .m-body__title-2 {
      font-size: 20px;
      font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif;
      margin: 0 0 10px;
      color: black;
      text-align: center;
      line-height: 30px; }
    .m-body__subtitle {
      font-size: 18px;
      font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif;
      margin: 10px 0 10px;
      color: black;
      text-align: left;
      line-height: 30px; }
    .m-body__txt {
      margin: 20px 0;
      font-family: "BentonSansBBVA-Book",Helvetica,Arial,sans-serif;
      font-size: 20px;
      line-height: 30px; }
      .m-body__txt em {
        font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif; }
      .m-body__txt strong {
        font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif; }
    .m-body__link {
      color: #707070;
      text-decoration: underline;
      font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif; }
    .m-body__ol {
      display: block;
      margin: 20px auto;
      width: 80%;
      list-style: decimal; }
      .m-body__ol li {
        color: #004481;
        font-size: 20px; }
    .m-body__ul {
      display: block;
      width: 85%; }
      .m-body__ul li {
        margin: 10px 0px;
        font-size: 14px;
        font-family: "BentonSansBBVA-Book",Helvetica,Arial,sans-serif; }
    .m-body .icon {
      width: 20px;
      height: 20px; }
  
  .m-video {
    position: fixed;
    padding: 50px;
    width: 75%;
    height: auto;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background-color: transparent; }
    .m-video__iframe-video {
      margin: auto;
      width: 100%;
      height: 500px; }
  
  .m-input {
    background-color: transparent;
    border-radius: 5px;
    border-style: dashed;
    border-width: 2px;
    border-color: #70C5CB; }
  
  input [type="file" i] {
    background-color: #70C5CB; }
  
  .btn__m-next {
    display: block;
    margin: 50px auto;
    padding: 10px;
    width: 150px;
    height: auto;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #072145;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer; }
    .btn__m-next:hover {
      background-color: #78AEEF; }
    .btn__m-next a {
      color: white;
      font-size: 16px;
      text-decoration: none; }
  
  .m-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999; }
  
  .m-close {
    float: right;
    cursor: pointer;
    font-size: 24px;
    font-family: "BentonSansBBVA-Bold",Helvetica,Arial,sans-serif; }
  
  .m-table {
    border-collapse: collapse;
    width: 100%;
    margin: 50px auto; }
    .m-table td, .m-table th {
      border: 1px solid #ddd;
      padding: 8px;
      text-transform: uppercase;
      text-align: center;
      font-size: 14px; }
    .m-table tr:nth-child(even) {
      background-color: #f2f2f2; }
    .m-table tr th {
      text-align: center; }
    .m-table th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: left;
      color: white;
      background-color: #072145; }
    .m-table a {
      text-decoration: underline; }
  
  .m-ul {
    margin: 50px auto;
    list-style-type: circle; }
  
  @media only screen and (max-width: 1024px) {
    .m-body__small {
      width: 80%; } }
  
  @media only screen and (max-width: 599px) {
    .m-body {
      width: 100%;
      padding: 50px 25px; }
    .m-table {
      margin-left: -20px; }
      .m-table td, .m-table th {
        padding: 0px;
        font-size: 10px; } }
  
  .points {
    visibility: hidden; }
    .points__cont {
      margin: 0;
      min-height: 280px; }
      @media (min-width: 1800px) {
        .points__cont {
          min-height: 290px;
          max-height: 290px;
          margin: 24px 0 0; } }
      @media (max-width: 600px) {
        .points__cont {
          min-height: 290px;
          max-height: 290px;
          margin: 24px 0 0; } }
    .points__active {
      visibility: visible;
      height: auto; }
    .points__inactive {
      visibility: hidden;
      height: 0px; }
  
  #puntosTravel, #puntosAuto, #puntosDepa, #puntosTec, #puntosPhar, #puntosSer, #puntosEC, #puntosRes, #puntosSp, #puntosFa, #puntosIn, #puntosO {
    display: block; }
    @media (min-width: 1800px) {
      #puntosTravel, #puntosAuto, #puntosDepa, #puntosTec, #puntosPhar, #puntosSer, #puntosEC, #puntosRes, #puntosSp, #puntosFa, #puntosIn, #puntosO {
        display: none; } }
    @media (max-width: 600px) {
      #puntosTravel, #puntosAuto, #puntosDepa, #puntosTec, #puntosPhar, #puntosSer, #puntosEC, #puntosRes, #puntosSp, #puntosFa, #puntosIn, #puntosO {
        display: none; } }
  
  #puntosTravelMob, #puntosAutoMob, #puntosDepaMob, #puntosTecMob, #puntosPharMob, #puntosSerMob, #puntosECMob, #puntosResMob, #puntosSpMob, #puntosFaMob, #puntosInMob, #puntosOMob {
    display: none; }
    @media (min-width: 1800px) {
      #puntosTravelMob, #puntosAutoMob, #puntosDepaMob, #puntosTecMob, #puntosPharMob, #puntosSerMob, #puntosECMob, #puntosResMob, #puntosSpMob, #puntosFaMob, #puntosInMob, #puntosOMob {
        display: block; } }
    @media (max-width: 600px) {
      #puntosTravelMob, #puntosAutoMob, #puntosDepaMob, #puntosTecMob, #puntosPharMob, #puntosSerMob, #puntosECMob, #puntosResMob, #puntosSpMob, #puntosFaMob, #puntosInMob, #puntosOMob {
        display: block; } }
  
  [id^=puntos-] {
    display: block; }
    @media (min-width: 1800px) {
      [id^=puntos-] {
        display: none; } }
    @media (max-width: 600px) {
      [id^=puntos-] {
        display: none; } }
  
  [id^=puntosMob-] {
    display: none; }
    @media (min-width: 1800px) {
      [id^=puntosMob-] {
        display: block; } }
    @media (max-width: 600px) {
      [id^=puntosMob-] {
        display: block; } }
  
  .promos {
    display: none;
    width: 100%;
    min-height: 550px; }
    .promos__active {
      display: block; }
    .promos__inactive {
      display: none !important; }
  
  .promosGen {
    display: none; }
    .promosGen__cont {
      min-height: 490px;
      max-height: 490px; }
      @media (min-width: 1800px) {
        .promosGen__cont {
          min-height: 380px;
          max-height: 380px; } }
      @media (max-width: 600px) {
        .promosGen__cont {
          min-height: 380px;
          max-height: 380px; } }
    .promosGen__active {
      display: block;
      height: auto; }
    .promosGen__inactive {
      display: none;
      height: 0px; }
  
  [id^=promosGen-], #promosSpe, #promosNews {
    display: block; }
    @media (min-width: 1800px) {
      [id^=promosGen-], #promosSpe, #promosNews {
        display: none; } }
    @media (max-width: 600px) {
      [id^=promosGen-], #promosSpe, #promosNews {
        display: none; } }
  
  [id^=promosGenMob-], #promosSpeMob, #promosNewsMob {
    display: none; }
    @media (min-width: 1800px) {
      [id^=promosGenMob-], #promosSpeMob, #promosNewsMob {
        display: block; } }
    @media (max-width: 600px) {
      [id^=promosGenMob-], #promosSpeMob, #promosNewsMob {
        display: block; } }
  
  #comGen {
    display: block; }
    @media (min-width: 1800px) {
      #comGen {
        display: none; } }
    @media (max-width: 600px) {
      #comGen {
        display: none; } }
  
  #comGenMob {
    display: none; }
    @media (min-width: 1800px) {
      #comGenMob {
        display: block; } }
    @media (max-width: 600px) {
      #comGenMob {
        display: block; } }
  
  .sec {
    width: 100%;
    padding: 72px 52px; }
    @media (min-width: 1800px) {
      .sec {
        padding: 48px 28px; } }
    @media (max-width: 600px) {
      .sec {
        padding: 48px 28px; } }
    .sec__block {
      position: relative;
      margin-top: 35px; }
      @media (min-width: 1800px) {
        .sec__block {
          margin-top: 24px; } }
      @media (max-width: 600px) {
        .sec__block {
          margin-top: 24px; } }
      .sec__block--general {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        .sec__block--general::after {
          content: "";
          flex: auto; }
      .sec__block--medium {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 773px;
        margin-left: auto;
        margin-right: auto; }
        @media (min-width: 1800px) {
          .sec__block--medium {
            width: 100%; } }
        @media (max-width: 600px) {
          .sec__block--medium {
            width: 100%; } }
      .sec__block:first-child {
        margin-top: 0px; }
      .sec__block--flexStart {
        align-items: flex-start; }
    .sec__title {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      width: 571px; }
      @media (min-width: 1800px) {
        .sec__title {
          margin-right: 24px;
          flex-direction: column;
          width: 100%; } }
      @media (max-width: 600px) {
        .sec__title {
          margin-right: 24px;
          flex-direction: column;
          width: 100%; } }
      .sec__title--imgCont {
        display: flex;
        width: 136px;
        height: 136px; }
        .sec__title--imgCont img {
          width: 100%;
          height: auto; }
      .sec__title--txt {
        text-align: center; }
        .sec__title--txt--a {
          font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
          .sec__title--txt--a b {
            font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
        .sec__title--txt--b {
          font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      .sec__title--sm {
        width: 395px !important; }
        @media (min-width: 1800px) {
          .sec__title--sm {
            width: 100% !important; } }
        @media (max-width: 600px) {
          .sec__title--sm {
            width: 100% !important; } }
  
  #sec-init {
    margin-top: 88px; }
    @media (min-width: 1800px) {
      #sec-init {
        margin-top: 48px; } }
    @media (max-width: 600px) {
      #sec-init {
        margin-top: 48px; } }
  
  .slick-container {
    position: relative;
    width: 100%; }
  
  .slick-dots {
    display: flex;
    justify-content: center;
    margin: 18px auto 0;
    padding: 1rem 0;
    list-style-type: none; }
    @media (min-width: 1800px) {
      .slick-dots {
        margin: 12px auto 0; } }
    @media (max-width: 600px) {
      .slick-dots {
        margin: 12px auto 0; } }
    .slick-dots li {
      margin: 0 0.25rem; }
    .slick-dots button {
      display: block;
      width: 1rem;
      height: 1rem;
      padding: 0;
      border: none;
      border-radius: 100%;
      background-color: #FFF;
      text-indent: -9999px; }
    .slick-dots li.slick-active button {
      background-color: #1973B8; }
  
  .slick-dots li {
    display: none;
    margin: 0 5px; }
  
  .slick-dots li.slick-active,
  .slick-dots li.slick-active + li,
  .slick-dots li.slick-active + li + li {
    display: inline-block; }
  
  .slick-dots li:nth-last-child(1),
  .slick-dots li:nth-last-child(2),
  .slick-dots li:nth-last-child(3) {
    display: inline-block; }
  
  .slick-dots li.slick-active ~ li:nth-last-child(1),
  .slick-dots li.slick-active ~ li:nth-last-child(2),
  .slick-dots li.slick-active ~ li:nth-last-child(3) {
    display: none; }
  
  .slick-dots li.slick-active + li + li:nth-last-child(3),
  .slick-dots li.slick-active + li + li:nth-last-child(2),
  .slick-dots li.slick-active + li + li:nth-last-child(1),
  .slick-dots li.slick-active + li:nth-last-child(3),
  .slick-dots li.slick-active + li:nth-last-child(2),
  .slick-dots li.slick-active + li:nth-last-child(1) {
    display: inline-block; }
  
  .slick__prev {
    position: absolute;
    cursor: pointer; }
  
  .slick__next {
    position: absolute;
    cursor: pointer; }
  
  #slick__prev--promosGeneral {
    top: 15%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slick__prev--promosGeneral {
        top: 20%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slick__prev--promosGeneral {
        top: 20%;
        left: -25px; } }
  
  #slick__next--promosGeneral {
    top: 15%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slick__next--promosGeneral {
        top: 20%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slick__next--promosGeneral {
        top: 20%;
        right: -25px; } }
  
  #slick__prev--menuSlide {
    top: 15%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slick__prev--menuSlide {
        top: 20%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slick__prev--menuSlide {
        top: 20%;
        left: -25px; } }
  
  #slick__next--menuSlide {
    top: 15%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slick__next--menuSlide {
        top: 20%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slick__next--menuSlide {
        top: 20%;
        right: -25px; } }
  
  #slick__prev--promosGen {
    top: 30%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slick__prev--promosGen {
        display: block;
        top: 38%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slick__prev--promosGen {
        display: block;
        top: 38%;
        left: -25px; } }
  
  #slick__next--promosGen {
    top: 30%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slick__next--promosGen {
        display: block;
        top: 38%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slick__next--promosGen {
        display: block;
        top: 38%;
        right: -25px; } }
  
  #slick__prev--menuPoints {
    top: 35%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slick__prev--menuPoints {
        top: 30%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slick__prev--menuPoints {
        top: 30%;
        left: -25px; } }
  
  #slick__next--menuPoints {
    top: 35%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slick__next--menuPoints {
        top: 30%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slick__next--menuPoints {
        top: 30%;
        right: -25px; } }
  
  [id^=slickPrevPromos-] {
    top: 35%;
    left: -25px; }
    @media (min-width: 1800px) {
      [id^=slickPrevPromos-] {
        top: 30%;
        left: -25px; } }
    @media (max-width: 600px) {
      [id^=slickPrevPromos-] {
        top: 30%;
        left: -25px; } }
  
  [id^=slickNextPromos-] {
    top: 35%;
    right: -15px; }
    @media (min-width: 1800px) {
      [id^=slickNextPromos-] {
        top: 30%;
        right: -25px; } }
    @media (max-width: 600px) {
      [id^=slickNextPromos-] {
        top: 30%;
        right: -25px; } }
  
  #slick__prev--points {
    top: 35%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slick__prev--points {
        top: 30%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slick__prev--points {
        top: 30%;
        left: -25px; } }
  
  #slick__next--points {
    top: 35%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slick__next--points {
        top: 30%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slick__next--points {
        top: 30%;
        right: -25px; } }
  
  [id^=slickPrevPoints-] {
    top: 35%;
    left: -25px; }
    @media (min-width: 1800px) {
      [id^=slickPrevPoints-] {
        top: 30%;
        left: -25px; } }
    @media (max-width: 600px) {
      [id^=slickPrevPoints-] {
        top: 30%;
        left: -25px; } }
  
  [id^=slickNextPoints-] {
    top: 35%;
    right: -15px; }
    @media (min-width: 1800px) {
      [id^=slickNextPoints-] {
        top: 30%;
        right: -25px; } }
    @media (max-width: 600px) {
      [id^=slickNextPoints-] {
        top: 30%;
        right: -25px; } }
  
  #slickPrev-comGen {
    top: 35%;
    left: -25px; }
    @media (min-width: 1800px) {
      #slickPrev-comGen {
        top: 30%;
        left: -25px; } }
    @media (max-width: 600px) {
      #slickPrev-comGen {
        top: 30%;
        left: -25px; } }
  
  #slickNext-comGen {
    top: 35%;
    right: -15px; }
    @media (min-width: 1800px) {
      #slickNext-comGen {
        top: 30%;
        right: -25px; } }
    @media (max-width: 600px) {
      #slickNext-comGen {
        top: 30%;
        right: -25px; } }
  
  .container {
    width: 1176px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
    @media (min-width: 1800px) {
      .container {
        width: 960px; } }
    @media (max-width: 1200px) {
      .container {
        width: 960px; } }
    @media (min-width: 1800px) {
      .container {
        width: 100%; } }
    @media (max-width: 992px) {
      .container {
        width: 100%; } }
  
  .foot__base {
    width: 100%;
    box-sizing: border-box;
    background-color: #072146;
    padding: 40px 16px 80px; }
  
  .foot__container {
    width: 1176px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative; }
    @media (min-width: 1800px) {
      .foot__container {
        width: 960px; } }
    @media (max-width: 1200px) {
      .foot__container {
        width: 960px; } }
    @media (min-width: 1800px) {
      .foot__container {
        width: 100vw; } }
    @media (max-width: 992px) {
      .foot__container {
        width: 100vw; } }
    @media (min-width: 1800px) {
      .foot__container {
        width: 100vw; } }
    @media (max-width: 600px) {
      .foot__container {
        width: 100vw; } }
  
  .foot__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%; }
    @media (min-width: 1800px) {
      .foot__head {
        display: block; } }
    @media (max-width: 992px) {
      .foot__head {
        display: block; } }
  
  .foot__logo {
    height: 40px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px; }
    @media (min-width: 1800px) {
      .foot__logo {
        height: 40px;
        text-align: center;
        display: block;
        margin: auto; } }
    @media (max-width: 600px) {
      .foot__logo {
        height: 40px;
        text-align: center;
        display: block;
        margin: auto; } }
    .foot__logo--link {
      display: block; }
      @media (min-width: 1800px) {
        .foot__logo--link {
          margin: 24px auto;
          display: block; } }
      @media (max-width: 992px) {
        .foot__logo--link {
          margin: 24px auto;
          display: block; } }
      @media (min-width: 1800px) {
        .foot__logo--link {
          width: 100%; } }
      @media (max-width: 992px) {
        .foot__logo--link {
          width: 100%; } }
      .foot__logo--link img {
        display: block;
        min-width: 130px;
        width: auto; }
        @media (min-width: 1800px) {
          .foot__logo--link img {
            margin: auto; } }
        @media (max-width: 992px) {
          .foot__logo--link img {
            margin: auto; } }
  
  .foot__social {
    position: absolute;
    top: 0;
    right: 16px; }
    @media (min-width: 1800px) {
      .foot__social {
        position: relative;
        text-align: center; } }
    @media (max-width: 992px) {
      .foot__social {
        position: relative;
        text-align: center; } }
    .foot__social--a {
      display: inline-block;
      width: 24px;
      height: 24px; }
      .foot__social--a:not(:last-child) {
        margin-right: 5px; }
    .foot__social--icon {
      width: 24px;
      height: auto; }
  
  .foot__links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%; }
    @media (min-width: 1800px) {
      .foot__links {
        display: block; } }
    @media (max-width: 600px) {
      .foot__links {
        display: block; } }
  
  .foot__list {
    display: inline-block;
    max-width: 70%; }
    @media (min-width: 1800px) {
      .foot__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto; } }
    @media (max-width: 992px) {
      .foot__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto; } }
    @media (min-width: 1800px) {
      .foot__list {
        display: block; } }
    @media (max-width: 600px) {
      .foot__list {
        display: block; } }
  
  .foot__link {
    display: inline-block;
    margin-right: 20px;
    text-align: left;
    font-weight: 700; }
    @media (min-width: 1800px) {
      .foot__link {
        display: block;
        margin: 20px auto;
        text-align: center;
        font-weight: 700; } }
    @media (max-width: 600px) {
      .foot__link {
        display: block;
        margin: 20px auto;
        text-align: center;
        font-weight: 700; } }
    .foot__link--a {
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px;
      font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif;
      color: #49a5e6 !important;
      text-decoration: none; }
  
  .foot__optional {
    display: inline-block;
    max-width: 340px; }
    @media (min-width: 1800px) {
      .foot__optional {
        margin-right: 50px;
        max-width: 440px; } }
    @media (max-width: 992px) {
      .foot__optional {
        margin-right: 50px;
        max-width: 440px; } }
    @media (min-width: 1800px) {
      .foot__optional {
        display: block;
        margin: auto;
        max-width: 90%; } }
    @media (max-width: 600px) {
      .foot__optional {
        display: block;
        margin: auto;
        max-width: 90%; } }
    .foot__optional--a {
      color: #49a5e6;
      font-size: 15px;
      line-height: 24px;
      letter-spacing: 0;
      font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif;
      text-decoration: none; }
      @media (min-width: 1800px) {
        .foot__optional--a {
          text-align: center; } }
      @media (max-width: 600px) {
        .foot__optional--a {
          text-align: center; } }
    .foot__optional--txt {
      text-align: right; }
      @media (min-width: 1800px) {
        .foot__optional--txt {
          text-align: center; } }
      @media (max-width: 600px) {
        .foot__optional--txt {
          text-align: center; } }
  
  .foot__disclaimer {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media (min-width: 1800px) {
      .foot__disclaimer {
        display: block; } }
    @media (max-width: 1200px) {
      .foot__disclaimer {
        display: block; } }
  
  .foot__copyright {
    display: inline-block;
    max-width: 70%;
    line-height: 16px;
    color: #bdbdbd;
    letter-spacing: 0;
    font-size: 12px;
    text-align: left;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif; }
    @media (min-width: 1800px) {
      .foot__copyright {
        display: block;
        margin: 24px auto;
        max-width: 90%;
        text-align: center; } }
    @media (max-width: 992px) {
      .foot__copyright {
        display: block;
        margin: 24px auto;
        max-width: 90%;
        text-align: center; } }
  
  .foot__claim {
    display: inline-block;
    text-align: right;
    float: right; }
    @media (min-width: 1800px) {
      .foot__claim {
        display: block;
        margin: auto;
        text-align: center;
        float: none; } }
    @media (max-width: 992px) {
      .foot__claim {
        display: block;
        margin: auto;
        text-align: center;
        float: none; } }
    .foot__claim--txt {
      font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 16px;
      color: #42C7CC;
      font-weight: 700;
      text-align: right; }
      @media (min-width: 1800px) {
        .foot__claim--txt {
          text-align: center; } }
      @media (max-width: 992px) {
        .foot__claim--txt {
          text-align: center; } }
  
  .nav {
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 52px;
    width: 100%;
    height: 88px;
    color: #FFF;
    background-color: #072146;
    z-index: 2; }
    @media (min-width: 1800px) {
      .nav {
        justify-content: space-between;
        padding: 0 28px;
        height: 48px; } }
    @media (max-width: 600px) {
      .nav {
        justify-content: space-between;
        padding: 0 28px;
        height: 48px; } }
    .nav__mainLink {
      order: 1;
      margin-right: 33.6px; }
      @media (min-width: 1800px) {
        .nav__mainLink {
          order: 2;
          margin: auto;
          width: 100px; } }
      @media (max-width: 600px) {
        .nav__mainLink {
          order: 2;
          margin: auto;
          width: 100px; } }
    .nav__link--container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      list-style-type: none; }
      @media (min-width: 1800px) {
        .nav__link--container {
          min-width: 68px;
          align-self: flex-end; } }
      @media (max-width: 600px) {
        .nav__link--container {
          min-width: 68px;
          align-self: flex-end; } }
      .nav__link--container--v1 {
        order: 1; }
        @media (min-width: 1800px) {
          .nav__link--container--v1 {
            order: 2; } }
        @media (max-width: 600px) {
          .nav__link--container--v1 {
            order: 2; } }
      .nav__link--container--v2 {
        order: 2;
        border-bottom: 5px solid #FFF; }
        @media (min-width: 1800px) {
          .nav__link--container--v2 {
            width: 76px;
            order: 1;
            border-bottom: 3px solid #FFF; } }
        @media (max-width: 600px) {
          .nav__link--container--v2 {
            width: 76px;
            order: 1;
            border-bottom: 3px solid #FFF; } }
      .nav__link--container--v3 {
        position: absolute;
        right: 52px;
        order: 3; }
        .nav__link--container--v3--a {
          display: flex;
          align-items: center; }
        .nav__link--container--v3--span {
          display: block;
          margin-right: 18px; }
          @media (min-width: 1800px) {
            .nav__link--container--v3--span {
              display: none; } }
          @media (max-width: 600px) {
            .nav__link--container--v3--span {
              display: none; } }
        @media (min-width: 1800px) {
          .nav__link--container--v3 {
            position: relative;
            right: 0px;
            order: 3; } }
        @media (max-width: 600px) {
          .nav__link--container--v3 {
            position: relative;
            right: 0px;
            order: 3; } }
        .nav__link--container--v3 .icon {
          width: 24px;
          height: 24px; }
    .nav__link--li {
      color: #FFF; }
    .nav__link--span {
      font-size: 15px;
      color: #FFF;
      font-family: "BentonSansBBVA-Medium", Helvetica, Arial, sans-serif; }
      @media (min-width: 1800px) {
        .nav__link--span {
          font-size: 10px; } }
      @media (max-width: 600px) {
        .nav__link--span {
          font-size: 10px; } }
    .nav__logo {
      height: 40px; }
      @media (min-width: 1800px) {
        .nav__logo {
          display: block;
          margin: auto;
          height: 20px; } }
      @media (max-width: 600px) {
        .nav__logo {
          display: block;
          margin: auto;
          height: 20px; } }
    .nav__hidden {
      visibility: hidden; }