/* File: spanishValuebarSection.css */

.aarp-c-lp-es-valueBar * {
  margin: 0;
  padding: 0;
}

.aarp-c-lp-es-valueBar {
  width: 100%;
  background-color: #121212;
  font-family: Lato, sans-serif;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.aarp-c-lp-es-valueBar-magzineSection {
  flex-direction: row;
}

.aarp-c-lp-es-valueBar-insideValBar\@mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.aarp-c-lp-es-valueBar-secondMemberSec,
.aarp-c-lp-es-valueBar-getInstant,
.aarp-c-lp-es-valueBar-magzineSection,
.aarp-c-lp-es-valueBar-secondMemberSec-defaultSubSec {
  display: flex;
  justify-content: center;
  align-items: center;
}

.aarp-c-lp-es-valueBar-getInstant {
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .aarp-c-lp-es-valueBar\@mobile {
    height: 402px;
  }

  .aarp-c-lp-es-valueBar-insideValBar\@mobile {
    height: 402px;
    flex-direction: column;
  }

  .aarp-c-lp-es-valueBar-order1\@mobile {
    order: 1;
  }

  .aarp-c-lp-es-valueBar-order2\@mobile {
    order: 2;
  }

  .aarp-c-lp-es-valueBar-order3\@mobile {
    order: 3;
  }

  .aarp-c-lp-es-valueBar-magzineSection\@mobile,
  .aarp-c-lp-es-valueBar-secondMemberSec\@mobile,
  .aarp-c-lp-es-valueBar-getInstant\@mobile {
    width: 320px;
    position: relative;
    margin: 0 auto;
    height: auto;
    min-height: 134px;
  }

  .aarp-c-lp-es-valueBar-order2\@mobile::before {
    transform: rotate(90deg);
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 10px;
    height: 287px;
    right: 160px;
    top: -140px;
  }

  .aarp-c-lp-es-valueBar-order2\@mobile::after {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 10px;
    transform: rotate(90deg);
  }

  .aarp-c-lp-es-valueBar-order2\@mobile::after {
    height: 287px;
    right: 160px;
    top: -10px;
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineStack\@mobile {
    width: 94px;
    height: auto;
    order: 2;
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineWhack\@mobile {
    width: 114px;
    height: auto;
    margin-right: 5px;
    order: 1;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-secMembership\@mobile {
    font-size: 14px;
    line-height: 17px;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-heading\@mobile {
    font-size: 30px;
    line-height: 30px;
    margin: 4px 0;
    font-weight: 900;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-household\@mobile {
    font-size: 12px;
    line-height: 14px;
  }

  .aarp-c-lp-es-valueBar-secondMemberSec-barDobleCard\@mobile {
    width: 52px;
    height: auto;
    margin-right: 5px;
  }

  .aarp-c-lp-es-valueBar-getInstant1\@mobile {
    font-size: 16px;
    line-height: 19px;
    position: relative;
    letter-spacing: 0.05em;
  }

  .aarp-c-lp-es-valueBar-getInstant2\@mobile {
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    margin: 5px 0;
    letter-spacing: 0.22em;
  }

  .aarp-c-lp-es-valueBar-getInstant3\@mobile {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
  }
}

@media screen and (min-width: 768px) {
  .aarp-c-lp-es-valueBar\@tablet {
    height: 8.889vw;
  }

  .aarp-c-lp-es-valueBar-insideValBar\@tablet {
    height: 8.889vw;
  }

  .aarp-c-lp-es-valueBar-magzineSection\@tablet,
  .aarp-c-lp-es-valueBar-secondMemberSec\@tablet,
  .aarp-c-lp-es-valueBar-getInstant\@tablet {
    width: 33.3%;
    position: relative;
    margin: 0;
  }

  .aarp-c-lp-es-valueBar-order2\@tablet::before {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 1.4vw;
  }

  .aarp-c-lp-es-valueBar-order2\@tablet::before {
    height: 6vw;
    left: 0vw;
  }

  .aarp-c-lp-es-valueBar-secondMemberSec\@tablet,
  .aarp-c-lp-es-valueBar-getInstant\@tablet,
  .aarp-c-lp-es-valueBar-magzineSection\@tablet {
    height: 8.889vw;
  }

  .aarp-c-lp-es-valueBar-order2\@tablet::after {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 1.4vw;
  }

  .aarp-c-lp-es-valueBar-order2\@tablet::after {
    height: 6vw;
    right: 0vw;
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineStack\@tablet {
    width: 7.153vw;
    height: auto;
    transform: rotate(-15deg);
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineWhack\@tablet {
    width: 9.653vw;
    height: auto;
    margin-left: 0.903vw;
  }

  .aarp-c-lp-es-valueBar-getInstant1\@tablet {
    font-size: calc(13px + (25 - 13) * ((100vw - 768px) / (1440 - 768)));
    line-height: 2.083vw;
    position: relative;
    text-align: center;
    letter-spacing: 0.08em;
  }

  .aarp-c-lp-es-valueBar-getInstant2\@tablet {
    color: #fff;
    font-size: calc(21px + (40 - 21) * ((100vw - 768px) / (1440 - 768)));
    line-height: 3.333vw;
    font-weight: 900;
    letter-spacing: 0.14em;
  }

  .aarp-c-lp-es-valueBar-getInstant3\@tablet {
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1440 - 768)));
    line-height: 1.319vw;
    font-weight: 900;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-secMembership\@tablet {
    font-size: calc(12px + (18 - 12) * ((100vw - 768px) / (1440 - 768)));
    line-height: 1.528vw;
    font-weight: 900;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-heading\@tablet {
    font-size: calc(21px + (40 - 21) * ((100vw - 768px) / (1440 - 768)));
    line-height: 3.333vw;
    font-weight: 900;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-household\@tablet {
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1440 - 768)));
    line-height: 1.319vw;
    font-weight: 900;
  }

  .aarp-c-lp-es-valueBar-secondMemberSec-barDobleCard\@tablet {
    width: 4.514vw;
    height: auto;
    margin-right: 0.694vw;
  }
}

@media screen and (min-width: 1440px) {
  .aarp-c-lp-es-valueBar,
  .aarp-c-lp-es-valueBar-secondMemberSec,
  .aarp-c-lp-es-valueBar-getInstant,
  .aarp-c-lp-es-valueBar-magzineSection {
    height: 128px;
  }

  .aarp-c-lp-es-valueBar-insideValBar {
    max-width: 1440px;
    height: 128px;
  }

  .aarp-c-lp-es-valueBar-magzineSection,
  .aarp-c-lp-es-valueBar-secondMemberSec,
  .aarp-c-lp-es-valueBar-getInstant {
    width: 33.3%;
    position: relative;
    margin: 0;
  }

  .aarp-c-lp-es-valueBar-order2::before {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 25px;
  }

  .aarp-c-lp-es-valueBar-order2::before {
    height: 80px;
    left: 0px;
  }

  .aarp-c-lp-es-valueBar-order2::after {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    top: 25px;
  }

  .aarp-c-lp-es-valueBar-order2::after {
    height: 80px;
    right: 0px;
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineStack {
    width: 103px;
    height: auto;
  }

  .aarp-c-lp-es-valueBar-magzineSection-magazineWhack {
    width: 139px;
    height: auto;
    margin-left: 13px;
  }

  .aarp-c-lp-es-valueBar-getInstant2 {
    font-size: 40px;
    line-height: 48px;
  }

  .aarp-c-lp-es-valueBar-getInstant1 {
    font-size: 25px;
    line-height: 30px;
  }

  .aarp-c-lp-es-valueBar-getInstant3 {
    font-size: 16px;
    line-height: 19px;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-secMembership {
    font-size: 18px;
    line-height: 22px;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .arp-c-lp-es-valueBar-secondMemberSec-household {
    font-size: 16px;
    line-height: 19px;
  }

  .aarp-c-lp-es-valueBar-secondMemberSec-barDobleCard {
    width: 65px;
    height: auto;
    margin-right: 10px;
  }
}