.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-column {
  flex-direction: column
}

.items-center {
  align-items: center
}

.copy-action .copy-text {
  font-size: 1rem
}

.btn-circle {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  color: #333;
  cursor: pointer;
  display: flex;
  padding: 8px
}

.btn-circle>img {
  height: 16px;
  width: 16px
}

.xpmedia-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  text-decoration: none;
  border-radius: .25rem !important;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
  border-style: solid;
  border-width: .0625rem
}

.xpmedia-button:hover {
  filter: brightness(.85)
}

.xpmedia-button--full-width {
  width: 100%
}

.xpmedia-button--left-icon-container {
  display: flex;
  padding-right: .5rem
}

.xpmedia-button--right-icon-container {
  display: flex;
  padding-left: .5rem
}

.xpmedia-button--small {
  padding: .5rem;
  height: 2rem
}

.xpmedia-button--medium {
  padding: .75rem;
  height: 3rem
}

.xpmedia-button--large {
  padding: 1rem;
  height: 3.5rem
}

.ts-byline {
  color: #191919;
  font-size: 1.125rem;
  line-height: 2rem;
  margin-bottom: 0
}

@media screen and (min-width:48rem) {
  .ts-byline {
    font-size: 1.25rem;
    line-height: 2.5rem
  }
}

.ts-byline--list {
  display: inline;
  font-size: .875rem;
  line-height: 1rem
}

.ts-byline--list .ts-byline__by {
  color: #3b3b3b;
  margin-right: 0
}

.ts-byline--list .ts-byline__names {
  color: #434343
}

.ts-byline .dot-separator {
  margin: 0 .5em
}

.ts-byline a {
  color: #191919;
  text-decoration: none
}

.ts-byline a:hover {
  text-decoration: underline
}

.overline {
  color: #191919;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding-bottom: .5rem;
  text-decoration: none
}

.overline--link {
  transition: color .3s ease
}

.overline--link:active,
.overline--link:hover {
  color: #7f7f7f
}

.promo-date {
  color: #575757;
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .promo-date {
    font-size: .875rem;
    line-height: 1rem
  }
}

.small-promo {
  color: #191919;
  margin-top: 0
}

@media screen and (min-width:0rem) {
  .small-promo .row {
    grid-gap: 1rem
  }
}

@media screen and (min-width:48rem) {
  .small-promo {
    min-height: 5rem
  }
}

.small-promo a {
  color: #191919
}

.small-promo a h2 {
  display: inline
}

.small-promo .sm-promo-headline {
  transition: color .3s ease;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
  padding: 0 .25rem 0 0;
  text-decoration: none
}

.small-promo .sm-promo-headline:active,
.small-promo .sm-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .small-promo .sm-promo-headline {
    padding: 0
  }
}

.small-promo .flex-col {
  display: flex;
  flex-direction: column
}

.right-aligned-container {
  display: flex;
  justify-content: flex-end
}

.medium-promo {
  color: #191919
}

.medium-promo a {
  color: #191919;
  text-decoration: none
}

.medium-promo .md-promo-headline {
  transition: color .3s ease;
  display: block;
  margin-bottom: 1rem;
  text-decoration: none
}

.medium-promo .md-promo-headline:active,
.medium-promo .md-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .medium-promo .md-promo-headline {
    margin-bottom: 1.5rem
  }
}

.medium-promo .md-promo-headline-text {
  display: inline-block;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.5rem
}

@media screen and (min-width:48rem) {
  .medium-promo .md-promo-headline-text {
    font-size: 1.5rem;
    line-height: 2.125rem
  }
}

.medium-promo p {
  font-size: 1.125rem;
  line-height: 2rem;
  margin-bottom: .25rem
}

@media screen and (min-width:48rem) {
  .medium-promo p {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.medium-promo .image-link {
  float: right
}

@media screen and (min-width:48rem) {
  .medium-promo .image-link {
    float: left;
    max-width: 35%
  }
}

@media screen and (max-width:48rem) {
  .medium-promo picture img {
    max-width: 100px
  }
}

.medium-promo .article-meta span {
  font-size: .875rem;
  line-height: 1rem
}

@media screen and (min-width:48rem) {
  .medium-promo .article-meta span {
    font-size: .875rem;
    line-height: .875rem
  }
}

.medium-promo .flex-col {
  display: flex;
  flex-direction: column
}

.medium-promo .medium-promo-wrapper {
  clear: both;
  content: "";
  display: table;
  width: 100%
}

@media screen and (max-width:48rem) {
  .medium-promo .promo-label {
    bottom: unset;
    left: unset;
    right: 8px;
    top: 8px
  }

  .medium-promo .promo-label span {
    display: none
  }
}

.medium-promo .md-promo-image .md-promo-headline {
  width: 68%
}

@media screen and (min-width:48rem) {
  .medium-promo .md-promo-image .md-promo-headline {
    margin-left: 39%;
    width: 60%
  }
}

@media screen and (min-width:48rem) {

  .medium-promo .md-promo-image .article-meta,
  .medium-promo .md-promo-image .description-text {
    margin-left: 39%
  }
}

.xl-large-promo,
.xl-large-promo a {
  color: #191919
}

.xl-large-promo .overline {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%
}

.xl-large-promo .xl-promo-headline {
  transition: color .3s ease;
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.25rem;
  padding-bottom: 1.5rem;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.xl-large-promo .xl-promo-headline:active,
.xl-large-promo .xl-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .xl-large-promo .xl-promo-headline {
    font-size: 3.25rem;
    line-height: 3.5rem;
    padding-bottom: 0;
    margin-bottom: 1rem
  }
}

.xl-large-promo p {
  font-size: 1rem;
  line-height: 2rem;
  margin-top: .5rem
}

@media screen and (min-width:48rem) {
  .xl-large-promo p {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.xl-large-promo .article-meta span {
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .xl-large-promo .article-meta span {
    padding-top: 0;
    font-size: .875rem;
    line-height: 1rem
  }
}

.xl-large-promo .article-meta a {
  display: inline-block;
  padding-top: .5rem
}

@media screen and (min-width:48rem) {
  .xl-large-promo .article-meta a {
    padding-top: 0
  }
}

.xl-large-promo .flex-col {
  display: flex;
  flex-direction: column
}

.large-promo,
.large-promo a {
  color: #191919
}

.large-promo .overline {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem
}

@media screen and (min-width:48rem) {
  .large-promo .overline {
    padding-top: 0;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.375rem
  }
}

.large-promo .lg-promo-headline {
  transition: color .3s ease;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: .5rem;
  text-decoration: none;
  padding-top: .5rem
}

.large-promo .lg-promo-headline:active,
.large-promo .lg-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .large-promo .lg-promo-headline {
    padding-top: 0;
    font-size: 1.625rem;
    line-height: 2rem
  }
}

.large-promo p {
  font-size: 1.125rem;
  line-height: 2rem
}

@media screen and (min-width:48rem) {
  .large-promo p {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.large-promo .article-meta span {
  font-size: .875rem;
  line-height: 1rem
}

@media screen and (min-width:48rem) {
  .large-promo .article-meta span {
    font-size: .875rem;
    line-height: .875rem
  }
}

.large-promo .article-meta a {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: 1rem
}

@media screen and (min-width:48rem) {
  .large-promo .article-meta a {
    padding-top: 0;
    padding-bottom: 0
  }
}

.large-promo .flex-col {
  display: flex;
  flex-direction: column
}

.xpmedia-form-field {
  color: #191919;
  display: block;
  font-size: 1.25rem
}

.xpmedia-form-field-input,
.xpmedia-form-field-label,
.xpmedia-form-field-tip {
  font-size: 1rem;
  line-height: 1.5;
  margin: .25rem 0
}

.xpmedia-form-field-label {
  font-weight: 700
}

.xpmedia-form-field-input {
  border: 1px solid #dadada;
  border-radius: .25rem;
  display: block;
  outline: none;
  padding: .5rem;
  width: 100%
}

.xpmedia-form-field-input--error {
  border-color: #db0a07;
  color: #db0a07
}

.xpmedia-form-field-tip {
  color: #575757
}

.xpmedia-form-field-tip--error {
  color: #db0a07
}

.xpmedia-form-field-hidden {
  display: none
}

.custom-embed-google-drive-pdf {
  border-block-end: 1px solid #dcdcdc;
  margin: 0 1rem
}

.custom-embed-google-drive-pdf .pdf-caption {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:48rem) {
  .custom-embed-google-drive-pdf .pdf-caption {
    flex-direction: row
  }
}

.custom-embed-google-drive-pdf .pdf-caption .download-pdf-link {
  align-items: center;
  color: #212121;
  display: flex;
  font-family: Roboto;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  gap: 10px;
  letter-spacing: -.4px;
  line-height: 13px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none
}

@media screen and (min-width:48rem) {
  .custom-embed-google-drive-pdf .pdf-caption .download-pdf-link {
    flex-direction: column;
    margin-inline-start: 40px
  }
}

.custom-embed {
  margin-bottom: 1.5rem
}

@media(max-width:767px) {
  .jw-player-alto {
    min-height: 200px
  }
}

@media(min-width:768px) {
  .jw-player-alto {
    min-height: 400px
  }
}

.keen-slider:not([data-keen-slider-disabled]) {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  align-content: flex-start;
  display: flex;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 100%
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap
}

[data-keen-slider-moves] * {
  pointer-events: none
}

.link-list-slider-wrapper {
  position: relative
}

.link-list-slider-wrapper .arrow {
  cursor: pointer;
  display: block;
  fill: #fff;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.link-list-slider-wrapper .arrow--left {
  left: 5px
}

.link-list-slider-wrapper .arrow--right {
  left: auto;
  right: 5px
}

.link-list-slider-wrapper .arrow--disabled {
  fill: hsla(0, 0%, 100%, .5)
}

.link-list-slider--dots {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: space-evenly;
  left: 0;
  position: absolute;
  top: 8px;
  width: 100%
}

.link-list-slider--dots .dot {
  border-style: none;
  height: 2px;
  position: relative;
  width: 100%
}

.link-list-slider--dots .dot span {
  background: #7952b3;
  border-radius: inherit;
  content: ’’;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0
}

.link-list-slider--slide {
  flex-shrink: 0
}

.link-list-slider--slide picture,
.link-list-slider--slide picture img {
  object-fit: cover
}

.link-list-slider--slide h2 {
  bottom: 70px;
  color: #fff;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  left: 0;
  line-height: 34px;
  max-height: 102px;
  overflow: hidden;
  padding-inline-end: 30px;
  padding-inline-start: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .32)
}

@media screen and (min-width:48rem) {
  .link-list-slider--slide h2 {
    bottom: 62px;
    font-size: 27px;
    max-height: 70px
  }
}

.link-list-slider--slide h2>a {
  color: #fff;
  text-decoration: none
}

.link-list-slider--slide h2>a:hover,
.link-list-slider--slide h2>a:visited {
  color: #fff
}

.link-list-slider--slide .btn-ver-mas {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  bottom: 16px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .14)) drop-shadow(0 1px 5px rgba(0, 0, 0, .12));
  height: 35px;
  justify-content: center;
  left: 50%;
  margin-left: -50px;
  padding: 6px 16px;
  position: absolute;
  text-decoration: none
}

.link-list-slider--slide .btn-ver-mas:hover {
  color: #fff
}

@media screen and (min-width:48rem) {
  .link-list-slider--slide .btn-ver-mas {
    align-items: center;
    bottom: 14px
  }
}

.link-list-slider--slide .slider-share-button,
.link-list-slider--slide .slider-share-social {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 20px;
  top: 20px
}

.link-list-slider--slide .slider-share-button .slider-share-social-button,
.link-list-slider--slide .slider-share-social .slider-share-social-button {
  background-color: #fff;
  padding-block: 5px;
  padding-inline: 10px
}

.d-none,
.link-list-slider--slide .slider-share-social {
  display: none
}

.article-body-wrapper .link-list-nav {
  background-color: #f8f8f8;
  border-block-end: 1px solid #979797;
  border-block-start: 1px solid #979797;
  margin-block-end: 30px;
  padding-block: 26px 30px
}
.article-body-wrapper a {
    font-weight: 700;
}
.article-body-wrapper p i {
    border-left: 2px solid #003C6F;
   margin-left: 40px;
   padding-left: 20px;
    display: block;
}
.article-body-wrapper .link-list-nav a {
  color: #191919;
  text-decoration: none
}

.article-body-wrapper .link-list-nav a:visited {
  color: #191919
}

.article-body-wrapper .link-list-nav a:hover {
  color: #7f7f7f
}

.article-body-wrapper .link-list-nav .link-list-headline {
  font-size: 18px;
  padding-inline-start: 20px;
  text-transform: uppercase
}

.article-body-wrapper .link-list-nav .link-list-ul {
  list-style-type: none;
  margin: 0;
  padding-inline: 20px
}

.article-body-wrapper .link-list-nav .link-list-li {
  line-height: 2rem;
  margin: 0;
  padding-inline-start: 20px;
  position: relative
}

.article-body-wrapper .link-list-nav .link-list-li:before {
  background-color: #d8d8d8;
  bottom: -9px;
  content: "";
  left: 6px;
  position: absolute;
  top: 26px;
  width: 1px
}

.article-body-wrapper .link-list-nav .link-list-li:last-child:before {
  height: 0
}

.article-body-wrapper .link-list-nav .svg-bullet {
  height: 11px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 11px
}

.article-body-wrapper .heading-wrapper {
  display: flex;
  grid-column-gap: 5px;
  justify-content: space-between;
  margin-block-end: .83em
}

@media screen and (max-width:600px) {
  .article-body-wrapper .heading-wrapper {
    margin-left: 4px
  }
}

.article-body-wrapper__admin {
  border: 2px dashed #0dcaf0
}

.article-body-wrapper__admin:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M6 8V7a6 6 0 1112 0v1h2a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1h2zm13 2H5v10h14V10zm-8 5.732a2 2 0 112 0V18h-2v-2.268zM8 8h8V7a4 4 0 10-8 0v1z' fill='rgba(13,202,240,1)'/%3E%3C/svg%3E");
  color: #0dcaf0;
  content: " ";
  float: right;
  height: 25px;
  position: relative;
  text-align: right;
  top: -25px;
  width: 25px
}

.article-body-shortened-false {
  border: 2px dashed #0dcaf0;
  color: #0dcaf0;
  padding: 5px;
  text-align: center
}

.article-body-shortened-false .tooltip {
  border-bottom: 1px dotted #000;
  cursor: pointer;
  display: inline-block;
  position: relative
}

.article-body-shortened-false .tooltip .tooltiptext {
  background-color: #000;
  border-radius: 6px;
  bottom: 100%;
  color: #fff;
  font-size: 12px;
  left: 50%;
  margin-left: -60px;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 120px;
  z-index: 1
}

.article-body-shortened-false .tooltip:hover .tooltiptext {
  visibility: visible
}

.article-interstitial {
  background: url(../index/bullet.png) no-repeat 0;
  font-weight: 700;
  list-style-Type: none;
  margin-left: 4px;
  padding: 0 0 .1px 18px
}

.interstitial-link {
  margin-left: 4px;
  margin-right: 7px !important
}

.horizontal-grid-chain__container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start
}

@media(min-width:576px) {
  .horizontal-grid-chain__container {
    margin-right: 5px
  }
}

.horizontal-grid-chain__container>div {
  margin-right: 5px
}

.image-metadata .title {
  font-weight: 700
}

.article-body-wrapper {
  color: #191919;
  margin-top: 1rem
}

.article-body-wrapper a,
.article-body-wrapper a * {
  transition: color .3s ease;
      color: #003C6F;
}

.article-body-wrapper a:active,
.article-body-wrapper a :active,
.article-body-wrapper a:hover,
.article-body-wrapper a :hover {
  color: #7f7f7f
}

.article-body-wrapper>h1,
.article-body-wrapper>h2,
.article-body-wrapper>h3,
.article-body-wrapper>h4,
.article-body-wrapper>h5,
.article-body-wrapper>h6 {
  margin-bottom: 1rem
}

@media screen and (min-width:48rem) {

  .article-body-wrapper>h1,
  .article-body-wrapper>h2,
  .article-body-wrapper>h3,
  .article-body-wrapper>h4,
  .article-body-wrapper>h5,
  .article-body-wrapper>h6 {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper ol,
.article-body-wrapper ul {
  font-size: 1rem;
  letter-spacing: .1px;
  line-height: 1.5rem;
  margin: 0 0 1rem
}

@media screen and (min-width:48rem) {

  .article-body-wrapper ol,
  .article-body-wrapper ul {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper p {
  font-size: 1.125rem;
  letter-spacing: .1px;
  line-height: 2rem;
  margin: 0 0 1rem
}

@media screen and (min-width:48rem) {
  .article-body-wrapper p {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 2.5rem
  }
}

.article-body-wrapper .image-metadata {
  font-size: .875rem;
  line-height: 1.5rem;
  margin: 8px 0
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .image-metadata {
    line-height: 1.25rem
  }
}

.article-body-wrapper figure p {
  font-size: .875rem;
  line-height: 1rem;
  margin: 8px 0
}

.article-body-wrapper ul {
  list-style-position: inside;
  list-style-type: disc
}

.article-body-wrapper ol {
  list-style-position: inside;
  list-style-type: decimal
}

.article-body-wrapper ol ul,
.article-body-wrapper ul ul {
  list-style-position: inside;
  list-style-type: circle;
  margin-left: 1rem
}

.article-body-wrapper ol ol,
.article-body-wrapper ul ol {
  list-style-position: inside;
  list-style-type: lower-latin;
  margin-left: 1rem
}

.article-body-wrapper ol ol,
.article-body-wrapper ol ul,
.article-body-wrapper ul ol,
.article-body-wrapper ul ul {
  margin-bottom: 0;
  margin-top: 0
}

.article-body-wrapper li {
  font-size: 1.125rem;
  line-height: 2rem;
  margin: 0
}

@media screen and (min-width:48rem) {
  .article-body-wrapper li {
    font-size: 1.25rem;
    line-height: 2.5rem;
    margin: 0
  }
}

.article-body-wrapper .table-wrapper {
  margin: 0 0 1rem;
  overflow-x: auto
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .table-wrapper {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper .table-wrapper table {
  border: 1px solid #dadada;
  border-collapse: collapse;
  color: #191919;
  width: 100%
}

.article-body-wrapper .table-wrapper table thead {
  background-color: #eee;
  border: 2px solid #dadada
}

.article-body-wrapper .table-wrapper table td,
.article-body-wrapper .table-wrapper table th {
  border: 1px solid #dadada;
  padding: .25rem .5rem;
  text-align: center
}

.article-body-wrapper .table-wrapper table td {
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400
}

.article-body-wrapper .table-wrapper table th {
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap
}

.article-body-wrapper blockquote {
  box-shadow: inset 5px 0 0 0 #1f2d3d;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 400;
  line-height: 2rem;
  margin: 0 0 1rem;
  padding: 1rem 0 1rem 1.5rem;
  text-align: left
}

@media screen and (min-width:48rem) {
  .article-body-wrapper blockquote {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper blockquote p {
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 400
}

@media screen and (min-width:48rem) {
  .article-body-wrapper blockquote p {
    line-height: 2rem
  }
}

.article-body-wrapper blockquote .citation-text {
  color: #191919;
  display: block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left
}

.article-body-wrapper blockquote :not(:first-child) {
  margin-bottom: 0;
  margin-top: 1.5rem
}

.article-body-wrapper .pullquote {
  box-shadow: inset 0 -5px 0 0 #dadada, inset 0 5px 0 0 #dadada;
  padding: 2rem 0 1.5rem
}

.article-body-wrapper .pullquote,
.article-body-wrapper .pullquote p {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .pullquote p {
    font-size: 1.625rem;
    line-height: 2rem
  }
}

.article-body-wrapper .pullquote .citation-text {
  font-size: 1.125rem;
  line-height: 2rem;
  text-align: center
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .pullquote .citation-text {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .pullquote {
    font-size: 1.625rem;
    line-height: 2rem
  }
}

.article-body-wrapper .interstitial-link {
  display: block;
  font-style: italic;
  margin: 0 0 1.5rem
}

.article-body-wrapper .interstitial-link a {
  transition: color .3s ease;
  text-decoration: none
}

.article-body-wrapper .interstitial-link a:active,
.article-body-wrapper .interstitial-link a:hover {
  color: #7f7f7f
}

.article-body-wrapper .interstitial-link a:active,
.article-body-wrapper .interstitial-link a:hover {
  border-bottom: 1px solid #7f7f7f
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .interstitial-link {
    margin-bottom: 2rem
  }
}

.article-body-wrapper .correction {
  box-shadow: inset 0 -1px 0 0 #dadada;
  margin: 0 0 1rem;
  padding: 1rem 0
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .correction {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper .correction p {
  color: #575757;
  display: inline;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0
}

.article-body-wrapper .correction h2 {
  font-style: italic;
  text-transform: uppercase
}

.article-body-wrapper .divider>* {
  margin-bottom: 2rem
}

@media screen and (min-width:48rem) {
  .article-body-wrapper .divider>* {
    margin-bottom: 1.5rem
  }
}

.article-body-wrapper .divider>hr {
  background-color: #dadada;
  border: 0;
  height: 1px;
  margin: 0
}

.article-body-image-container {
  margin: 0 0 1rem
}

@media screen and (min-width:48rem) {
  .article-body-image-container {
    margin-bottom: 1.5rem
  }
}

@media screen and (min-width:48rem) {
  .article-body-image-container--mobile-left-float {
    width: 50%;
    float: left;
    margin-right: 1.5rem
  }
}

@media screen and (min-width:48rem) {
  .article-body-image-container--mobile-right-float {
    width: 50%;
    float: right;
    margin-left: 1.5rem
  }
}

.chain-heading {
  font-size: 1.625rem;
  line-height: 2rem
}

.horizontal-links-bar.horizontal-links-bar {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  text-align: left;
  height: 100%;
  width: auto;
  flex-wrap: wrap;
  margin-right: 1rem
}

@media screen and (max-width:48rem) {
  .horizontal-links-bar.horizontal-links-bar {
    display: none
  }
}

.horizontal-links-menu {
  align-items: center;
  display: flex;
  font-size: .875rem;
  height: 100%;
  justify-content: center
}

.horizontal-links-menu a {
  transition: color .3s ease;
  line-height: 14px;
  margin: 8px 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(0, 0, 0);
}

.horizontal-links-menu a:active,
.horizontal-links-menu a:hover {
  color: #7f7f7f
}

.search-box--right-absolute-positioned {
  position: absolute;
  right: 0
}

body.nav-open {
  overflow-y: hidden
}

body.nav-open .main {
  z-index: -1
}

.section-menu--bottom-placeholder {
  height: 40px;
  background-color: #292929
}

.section-menu--bottom-placeholder:active,
.section-menu--bottom-placeholder:hover {
  background: #292929 !important
}

@media screen and (max-width:48rem) {
  .section-menu--bottom-placeholder {
    height: 130px
  }

  @supports(height:env(safe-area-inset-bottom)) {
    .section-menu--bottom-placeholder {
      height: calc(env(safe-area-inset-bottom) + 130px)
    }
  }
}

.nav-btn {
  align-items: center;
  border: 0;
  height: 2rem;
  position: relative;
  white-space: nowrap;
  padding-left: .5rem;
  padding-right: .5rem
}

.nav-btn.border {
  transition: border .1s linear
}

.nav-btn.transparent {
  background-color: transparent
}

.nav-btn-dark span {
  color: #fff
}

.nav-btn-dark svg>path {
  fill: #fff
}

.nav-btn-dark.border {
  border: 1px solid hsla(0, 0%, 100%, .5)
}

.nav-btn-dark.border:hover {
  border: 1px solid #fff
}

.nav-btn-light span {
  color: #575757
}

.nav-btn-light svg>path {
  fill: #575757
}

.nav-btn-light.border {
  border: 1px solid #dadada
}

.nav-btn-light.border:hover {
  border: 1px solid #575757
}

.nav-search {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}

.nav-search input {
  border: 0;
  border-radius: .25rem !important;
  box-shadow: none;
  font-size: .9em;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 0
}

.nav-search.open input {
  font-size: 16px;
  height: 2rem;
  line-height: 24px;
  padding: 4px 2rem 4px 11px;
  width: 100%
}

.nav-search.open button {
  background: transparent;
  border: transparent
}

.nav-search.open.dark input {
  border: 1px solid #fff
}

.nav-search.open.light input {
  border: 1px solid #dadada
}

.news-theme-navigation-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 20px;
  position: relative;
  flex-shrink: 0
}

.news-theme-navigation-container.light {
  border-bottom: 1px solid #dadada
}

.news-theme-navigation-container * {
  display: flex
}

.news-theme-navigation-container>div {
  align-items: center;
  display: flex;
  text-align: center;
  margin-right: 1rem
}

.news-theme-navigation-container>div:last-child {
  margin-right: 0;
  flex-shrink: 0
}

.news-theme-navigation-container .nav-left .nav-components--mobile,
.news-theme-navigation-container .nav-right .nav-components--mobile {
  display: none;
  align-items: center
}

.news-theme-navigation-container .nav-left .nav-components--desktop,
.news-theme-navigation-container .nav-right .nav-components--desktop {
  display: inherit;
  align-items: center
}

@media screen and (max-width:48rem) {

  .news-theme-navigation-container .nav-left .nav-components--mobile,
  .news-theme-navigation-container .nav-right .nav-components--mobile {
    display: inherit
  }

  .news-theme-navigation-container .nav-left .nav-components--desktop,
  .news-theme-navigation-container .nav-right .nav-components--desktop {
    display: none
  }
}

.news-theme-navigation-container .nav-left .nav-widget,
.news-theme-navigation-container .nav-right .nav-widget {
  margin-right: 1rem
}

.news-theme-navigation-container .nav-left .nav-widget:last-child,
.news-theme-navigation-container .nav-right .nav-widget:last-child {
  margin-right: 0
}

.news-theme-navigation-container .nav-left {
  justify-content: flex-start;
  flex-shrink: 0
}

.news-theme-navigation-container .nav-right {
  justify-content: flex-end
}

.news-theme-navigation-container .nav-logo {
  justify-content: center
}

.news-theme-navigation-container .nav-logo.svg-logo {
  flex: 0 1 auto
}

.news-theme-navigation-container .nav-logo.svg-logo img {
  height: 100%
}

.news-theme-navigation-container .nav-logo-hidden {
  opacity: 0;
  transition: opacity .8s ease, visibility 0s ease .8s;
  visibility: hidden
}

.news-theme-navigation-container .nav-logo-show {
  opacity: 1;
  transition: opacity .8s ease, visibility 0s ease 0s;
  visibility: visible
}

.news-theme-navigation-container.logo-center .nav-logo {
  margin: 0 1rem
}

.news-theme-navigation-container.logo-center .nav-logo a {
  justify-content: center
}

.news-theme-navigation-container.logo-left .nav-logo {
  justify-content: flex-start
}

@media screen and (max-width:48rem) {
  .news-theme-navigation-container.logo-left .nav-logo {
    flex: 1
  }
}

.news-theme-navigation-container.logo-left .nav-logo a {
  justify-content: flex-start
}

.news-theme-navigation-container.logo-left:not(.horizontal-links) .nav-logo {
  flex: 1
}

.nav-sections {
  background: rgba(25, 25, 25, 0);
  flex-direction: column;
  -ms-overflow-style: none;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  width: 0
}

.nav-sections::-webkit-scrollbar {
  display: none
}

@media screen and (max-width:48rem) {
  .nav-sections .subsection-container {
    display: none
  }
}

.nav-sections .inner-drawer-nav {
  background-color: #292929;
  display: flex;
  flex-direction: column;
  transition: transform .3s ease-in-out;
  width: 329px
}

.nav-sections .inner-drawer-nav .nav-menu .nav-widget .nav-search {
  justify-content: flex-start
}

.nav-sections .inner-drawer-nav .nav-menu .nav-widget .nav-search input {
  flex: 1
}

.nav-sections .inner-drawer-nav .nav-menu .nav-widget .nav-search.open input {
  height: 3rem
}

.nav-sections .inner-drawer-nav .nav-menu .nav-widget .nav-search.open.dark {
  border: 0
}

.nav-sections .inner-drawer-nav .nav-menu>.nav-components--desktop>.nav-widget,
.nav-sections .inner-drawer-nav .nav-menu>.nav-components--mobile>.nav-widget {
  margin-top: 1rem;
  padding: 0 20px
}

.nav-sections .inner-drawer-nav .nav-menu>.nav-components--mobile {
  display: none
}

.nav-sections .inner-drawer-nav .nav-menu>.nav-components--desktop {
  display: inherit
}

@media screen and (max-width:48rem) {
  .nav-sections .inner-drawer-nav .nav-menu>.nav-components--desktop {
    display: none
  }

  .nav-sections .inner-drawer-nav .nav-menu>.nav-components--mobile {
    display: inherit
  }
}

.nav-sections .section-menu {
  margin-top: 13px;
  padding: 0
}

.nav-sections .section-menu>li {
  font-weight: 700;
  list-style: none;
  position: relative;
  background-color: #292929
}

.nav-sections .section-menu>li>a {
  padding: 0 16px 0 20px
}

.nav-sections .section-menu>li .subsection-anchor a,
.nav-sections .section-menu>li>a {
  align-items: center;
  color: #fff;
  display: block;
  font-size: 16px;
  justify-content: space-between;
  line-height: 40px;
  text-decoration: none
}

.nav-sections .section-menu>li:active,
.nav-sections .section-menu>li:hover {
  background: #575757
}

.nav-sections.open {
  background: rgba(25, 25, 25, .5);
  overflow-y: scroll;
  transform: translate(0);
  width: 100%
}

@media screen and (max-width:48rem) {
  .nav-sections.open {
    background: #292929
  }

  .nav-sections.open .inner-drawer-nav {
    width: 100vw
  }
}

.nav-sections.closed {
  overflow-y: hidden
}

.nav-sections.closed .section-menu {
  transition: height .1s ease-in-out .6s
}

.nav-sections.closed .inner-drawer-nav {
  transform: translate(-329px)
}

.nav-sections .subsection-container {
  display: none;
  flex-direction: column;
  position: relative
}

.nav-sections .subsection-container.open {
  display: flex
}

.nav-sections .subsection-menu {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 4px 0
}

.nav-sections .subsection-menu>li>a {
  color: #575757;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 8px 16px 8px 20px;
  text-decoration: none
}

.nav-sections .subsection-menu>li>a:hover {
  background-color: #dadada
}

.nav-sections .subsection-anchor {
  align-content: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 40px;
  padding: 0 16px 0 20px
}

.nav-sections .subsection-anchor svg {
  transform: rotate(90deg)
}

.nav-sections .subsection-anchor.open svg {
  transform: rotate(-90deg)
}

.nav-sections .subsection-anchor.open path {
  fill: #fff
}

.nav-sections .subsection-anchor:hover path {
  fill: #fff
}

.nav-sections .submenu-caret {
  align-self: center;
  appearance: none;
  background: transparent;
  border: 0;
  display: flex
}

.nav-sections .submenu-caret path {
  fill: #575757
}

.con-padding {
  padding-bottom: 30px
}

@media(max-width:767px) {
  .con-padding-movil {
    padding-bottom: 25px
  }
}

.dfp-container.mockup.container {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  text-align: center
}

.dfp-container.mockup .title {
  color: #4f4f4f;
  font-size: small;
  font-size: 10px;
  line-height: 2;
  text-transform: uppercase
}

.dfp-container.mockup.ads {
  align-items: center;
  background-color: #17bcbc;
  color: #fff;
  display: flex;
  font-size: small;
  justify-content: center;
  justify-items: center;
  text-align: center;
  text-transform: uppercase
}

.gnad-container {
  color: #575757;
  font-size: .75rem;
  line-height: 1rem;
  padding: .3125rem 0
}

@media screen and (max-width:48rem) {
  .gnad-container {
    padding: 1px
  }
}

.gnad-container .gnad {
  margin: auto
}

.lateral-left {
  left: 0
}

.lateral-left,
.lateral-right {
  margin-bottom: 50px;
  position: fixed;
  top: 60px;
  z-index: 5
}

.lateral-right {
  right: 0
}

.max-content-ad {
  max-width: max-content;
  overflow: hidden
}

.sin-padding {
  display: none
}

.texttoaudiobtn {
  min-width: 220px
}

@media(min-width:576px) {
  .texttoaudiobtn {
    min-width: 250px
  }
}

.ra-btn,
.ra-button {
  height: 2.4em !important
}

.arcad-container {
  color: #575757;
  font-size: .75rem;
  line-height: 1rem;
  padding: .75rem 0
}

@media screen and (max-width:48rem) {
  .arcad-container {
    padding: 1.25rem 0
  }
}

.arcad-container .arcad {
  margin: auto
}

.arcad-container .arcad .pb-ad-admin {
  color: #fff;
  font-size: .875rem;
  line-height: 1.125rem;
  margin-bottom: 2rem
}

.layout-section .arcad-feature {
  margin-bottom: 2rem
}

@media screen and (max-width:48rem) {
  .layout-section .arcad-feature {
    margin-bottom: 0
  }
}

.ad-300x250 {
  min-height: 267px;
  width: 300px
}

.ad-728x90 {
  max-width: 728px;
  min-height: 106px
}

@media screen and (max-width:48rem) {
  .ad-728x90.ad-leaderboard-medium {
    min-height: 70px
  }
}

.ad-300x600 {
  min-height: 600px;
  width: 300px
}

.ad-300x600.ad-flex-cube {
  min-height: 250px
}

.ad-320x50 {
  min-height: 50px;
  width: 320px
}

.lbtoc-headline {
  font-size: 20px;
  font-weight: 700;
  margin-block: 35px 30px;
  margin-inline: 10px
}

.lbtoc-list>li {
  border-block-end: 1px solid #e9e9e9;
  font-weight: 700
}

.lbtoc-link {
  cursor: pointer;
  display: block;
  padding-block: 20px 30px;
  padding-inline: 10px
}

.lbtoc-link,
.lbtoc-link:visited {
  color: #191919
}

.lbtoc-link:hover {
  color: red
}

.seo-keywords-holder {
  margin-bottom: 1rem;
  align-content: center;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #b8c1cb, inset 0 1px 0 0 #b8c1cb;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 70px;
  padding: .5rem 1rem .5rem 2.125rem
}

@media screen and (min-width:48rem) {
  .seo-keywords-holder {
    margin-bottom: 1.5rem
  }
}

.seo-keywords {
  align-items: center;
  border-radius: 10000px;
  color: #fff;
  display: flex;
  font-size: .75rem;
  height: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
  margin: .5rem;
  padding: 0 .9375rem;
  text-decoration: none
}

@media screen and (min-width:48rem) {
  .seo-keywords {
    line-height: .875rem
  }
}

.lanzador-brandvoice {
  background-color: grey;
  line-height: 0
}

.lanzador-brandvoice a {
  line-height: 1.5
}

.lanzador-brandvoice .title {
  display: flex;
  font-size: 28PX;
  font-weight: 700;
  line-height: 1.5;
  padding: 10px
}

.lanzador-brandvoice .title img {
  height: 55px;
  object-fit: cover;
  width: 55px
}

.lanzador-brandvoice .footer {
  display: flex;
  justify-content: flex-end;
  margin-top: -9px;
  padding: 0 15px 10px
}

.lanzador-brandvoice .footer a {
  transition: color .3s ease;
  color: #fff;
  font-weight: 700;
  padding-top: 16px;
  text-decoration: none
}

.lanzador-brandvoice .footer a:active,
.lanzador-brandvoice .footer a:hover {
  color: #7f7f7f
}

.negro {
  background-color: #000
}

.azul {
  background-color: #004a80
}

.promo-headline .volanta {
  transition: opacity .3s ease
}

.promo-headline:hover .volanta {
  opacity: .7
}

.promo-image {
  position: relative
}

.promo-image picture {
  width: 100%
}

.promo-image img {
  display: block;
  height: auto;
  vertical-align: middle;
  width: 100%
}

.promo-image .promo-label .label {
  color: #fff;
  flex-grow: 0;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  margin-left: 8px
}

.promo-image .icon {
  bottom: 12px;
  height: 50px;
  left: 12px;
  position: absolute;
  width: 50px
}

.md-promo .horizontal .icon,
.sm-promo .icon {
  bottom: 8px;
  height: 40px;
  left: 8px;
  position: absolute;
  width: 40px
}

.promo-premium {
  border-radius: 2px;
  margin-bottom: .625rem
}

.promo-premium .label {
  background-color: #f7c600;
  border-radius: 6px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .625rem;
  font-weight: 900;
  line-height: .875rem;
  margin: 0;
  padding: 4px 18px;
  text-transform: uppercase
}

.list-item {
  padding: 1rem 0
}

.list-item a * {
  transition: color .3s ease
}

.list-item a :active,
.list-item a :hover {
  color: #7f7f7f
}

.list-item img {
  max-width: max-content
}

@media screen and (min-width:64rem) {
  .list-item {
    column-gap: 2rem;
    display: grid;
    grid-template-areas: "image headline" "image description";
    grid-template-columns: minmax(0, 35%) 1fr;
    grid-template-rows: auto minmax(0, 1fr)
  }

  .list-item .headline-text {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .5rem
  }

  .list-item .description-text {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: .5rem
  }

  .list-item .results-list--author-date {
    font-size: .625rem;
    line-height: 1rem
  }

  .list-item .results-list--author-date .story-date {
    color: #191919;
    display: inline;
    font-size: .875rem;
    line-height: 1rem
  }
}

@media screen and (max-width:64rem) {
  .list-item {
    column-gap: 12px;
    display: grid;
    grid-template-areas: "headline image" "description description";
    grid-template-columns: 1fr minmax(0, max-content);
    grid-template-rows: auto;
    padding: 1.5rem 0
  }

  .list-item .description-text {
    font-size: 1.125rem;
    line-height: 1.78;
    margin-bottom: 1rem
  }

  .list-item .headline-text {
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.26;
    margin-bottom: 1rem
  }

  .list-item .results-list--author-date {
    font-size: .875rem;
    line-height: 1rem
  }

  .list-item .results-list--author-date .story-date {
    color: #191919;
    display: inline;
    font-size: .875rem;
    line-height: 1rem
  }

  .list-item .mobile-order-1 {
    order: 1
  }

  .list-item .mobile-order-2 {
    order: 2
  }

  .list-item .mobile-order-3 {
    order: 3
  }

  .list-item .mobile-image {
    height: 60px;
    width: 99px
  }
}

.date {
  color: #575757;
  font-size: 1.125rem;
  line-height: 2rem
}

@media screen and (min-width:48rem) {
  .date {
    font-size: 1.25rem;
    line-height: 2.5rem
  }
}

.premium-for-mobile-result {
  margin-left: 1px;
  margin-top: 1px;
  width: 90%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-result {
    margin-left: -6px;
    width: 96%
  }
}

.estilos {
  min-height: 9px;
  width: 59%
}

@media screen and (min-width:800px) {
  .estilos {
    min-height: 10px;
    width: 60%
  }
}

.temaef {
  background-color: #000;
  line-height: 0
}

.temaef .title,
.temaef a {
  line-height: 1.5
}

.temaef .title {
  display: flex;
  font-size: 28PX;
  font-weight: 700;
  padding: 10px
}

.temaef .title img {
  height: 55px;
  object-fit: cover;
  width: 55px
}

.temaef .stories {
  grid-column-gap: 1rem;
  padding: 15px 10px 0
}

.temaef .story {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {

}

@media only screen and (max-width:767px) {
  .temaef .stories article {
    border-bottom: .1rem solid #fff
  }
}

.temaef .sm-promo .overline {
  color: inherit;
  font-family: inherit;
  font-size: .9rem;
  padding: 0;
  text-align: start;
  text-transform: uppercase
}

.temaef .sm-promo .sm-promo-headline {
  color: #fff
}

.temaef .footer {
  display: flex;
  justify-content: flex-end;
  margin-top: -9px;
  padding: 0 15px 15px
}

.temaef .footer a {
  transition: color .3s ease;
  color: #fff;
  font-weight: 700;
  text-decoration: none
}

.temaef .footer a:active,
.temaef .footer a:hover {
  color: #7f7f7f
}

.podcast {
  background-color: #004a80;
  line-height: 0
}

.podcast a {
  line-height: 1.5
}

.podcast .title {
  display: flex;
  font-size: 28PX;
  font-weight: 700;
  line-height: 1.5;
  padding: 10px
}

.podcast .title img {
  height: 55px;
  object-fit: cover;
  width: 55px
}

.podcast .stories {
  grid-column-gap: 1rem;
  padding: 15px 10px 0
}

.podcast .story {
  margin-bottom: 20px
}

.podcast .sm-promo .overline {
  color: inherit;
  font-family: inherit;
  font-size: .9rem;
  padding: 0;
  text-align: start;
  text-transform: uppercase
}

.podcast .sm-promo .sm-promo-headline {
  color: #fff
}

.podcast .footer {
  display: flex;
  justify-content: flex-end;
  margin-top: -9px;
  padding: 0 15px 15px
}

.podcast .footer a {
  transition: color .3s ease;
  color: #fff;
  font-weight: 700;
  text-decoration: none
}

.podcast .footer a:active,
.podcast .footer a:hover {
  color: #7f7f7f
}

.premium-for-mobile {
  margin-bottom: -7px;
  margin-left: -4px;
  margin-top: 1px;
  width: 90%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop {
    margin-bottom: 1px;
    margin-left: -4px;
    padding-top: 1px !important;
    width: 50%
  }
}

.xl-promo,
.xl-promo a {
  color: #191919
}

.xl-promo a {
  display: block;
  position: relative
}

.xl-promo img {
  height: auto;
  width: 100%
}

.xl-promo a>img {
  vertical-align: middle
}

.xl-promo .overline {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%
}

.xl-promo .xl-promo-headline {
  transition: color .3s ease;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6875rem;
  margin-bottom: 1.5rem;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.xl-promo .xl-promo-headline:active,
.xl-promo .xl-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .xl-promo .xl-promo-headline {
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 1rem
  }
}

@media screen and (max-width:600px) {
  .xl-promo p {
    margin-left: 8px;
    margin-right: 4px;
    width: 96%
  }

  .xl-promo .premium-for-mobile {
    margin-left: 4px;
    margin-right: 4px
  }

  .xl-promo .xl-promo-headline {
    margin-left: 4px;
    margin-right: 4px !important;
    width: 96%
  }
}

.xl-promo p {
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: .5rem;
  margin-top: .5rem
}

@media screen and (min-width:48rem) {
  .xl-promo p {
    font-size: .9375rem;
    line-height: 1.1875rem
  }
}

.xl-promo .article-meta span {
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .xl-promo .article-meta span {
    font-size: .875rem;
    line-height: 1rem
  }
}

.xl-promo .flex-col {
  display: flex;
  flex-direction: column
}

.xl-large-manual-promo .description-text {
  margin-bottom: 0
}

.premium-for-mobile-large {
  margin-top: -16px;
  padding-top: 21px !important;
  width: 90%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-large {
    margin-left: -4px;
    padding-top: 15px !important;
    width: 56%
  }
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-l-r {
    margin-left: -4px;
    padding-top: 12px !important;
    width: 96%
  }
}

.lg-promo,
.lg-promo a {
  color: #191919
}

.lg-promo a {
  display: block;
  position: relative
}

.lg-promo img {
  height: auto;
  width: 100%
}

.lg-promo a>img {
  vertical-align: middle
}

.lg-promo .overline {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%
}

.lg-promo .lg-promo-headline {
  transition: color .3s ease;
  display: block;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
  width: 100%
}

.lg-promo .lg-promo-headline:active,
.lg-promo .lg-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .lg-promo .lg-promo-headline {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1rem
  }
}

@media screen and (max-width:600px) {
  .lg-promo p {
    margin-left: 9px;
    margin-right: 9px
  }

  .lg-promo .premium-for-mobile-large {
    margin-left: 4px;
    margin-right: 4px
  }

  .lg-promo .promo-date,
  .lg-promo .ts-byline {
    margin-left: 11px
  }

  .lg-promo .lg-promo-headline {
    margin-left: 4px;
    margin-right: 4px !important;
    width: 96%
  }
}

.lg-promo p {
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: .5rem;
  margin-top: .5rem
}

@media screen and (min-width:48rem) {
  .lg-promo p {
    font-size: .9375rem;
    line-height: 1.1875rem
  }
}

.lg-promo .article-meta span {
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .lg-promo .article-meta span {
    font-size: .875rem;
    line-height: 1rem
  }
}

.lg-promo .flex-col {
  display: flex;
  flex-direction: column
}

.lg-large-manual-promo .description-text {
  margin-bottom: 0
}

.premium-for-mobile-medium {
  margin-left: -4px;
  margin-top: -16px;
  width: 56%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-medium {
    margin-left: -4px;
    padding-top: 2px !important;
    width: 56%
  }
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-medium-l-r {
    margin-left: -4px;
    padding-top: 2px !important;
    width: 58%
  }
}

@media screen and (max-width:800px) {
  .promo-date {
    margin-left: 8px
  }
}

.md-promo,
.md-promo a {
  color: #191919
}

.md-promo a {
  display: block;
  position: relative
}

.md-promo img {
  height: auto;
  width: 100%
}

.md-promo a>img {
  vertical-align: middle
}

.md-promo .overline {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%
}

.md-promo .article-meta span {
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .md-promo .article-meta span {
    font-size: .875rem;
    line-height: 1rem
  }
}

.md-promo .horizontal .article-meta,
.md-promo .horizontal .description-text {
  display: none
}

.md-promo .md-promo-headline {
  transition: color .3s ease;
  display: block;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
  width: 100%
}

.md-promo .md-promo-headline:active,
.md-promo .md-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .md-promo .md-promo-headline {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1rem
  }
}

@media screen and (max-width:600px) {
  .md-promo p {
    margin-left: 9px;
    margin-right: 9px;
    width: 95%
  }

  .md-promo .premium-for-mobile-medium {
    margin-left: 4px;
    margin-right: 4px
  }

  .md-promo .md-promo-headline {
    margin-left: 4px;
    margin-right: 4px !important;
    width: 96%
  }
}

.md-promo p {
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: .5rem;
  margin-top: .5rem
}

@media screen and (min-width:48rem) {
  .md-promo p {
    font-size: .9375rem;
    line-height: 1.1875rem
  }
}

.md-promo .flex-col {
  display: flex;
  flex-direction: column
}

.premium-for-mobile-small {
  margin-top: 2px;
  width: 107%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-small {
    margin-left: -4px;
    width: 115%
  }
}

.premium-for-mobile-small-bv {
  margin-top: 2px;
  width: 20%
}

@media screen and (min-width:800px) {
  .premium-mq-for-desktop-small-bv {
    margin-left: -4px;
    width: 20%
  }
}

.sm-promo {
  color: #191919;
  margin-top: 0
}

@media screen and (min-width:0rem) {
  .sm-promo .row {
    grid-gap: 1rem
  }
}

.sm-promo a {
  color: #191919;
  display: block;
  position: relative
}

.sm-promo img {
  height: auto;
  width: 100%
}

.sm-promo a>img {
  vertical-align: middle;
  width: 100%
}

.sm-promo .overline {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 1rem;
  text-align: center;
  width: 100%
}

.sm-promo .sm-promo-headline {
  transition: color .3s ease;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0;
  padding: 0;
  text-decoration: none
}

.sm-promo .sm-promo-headline:active,
.sm-promo .sm-promo-headline:hover {
  color: #7f7f7f
}

@media screen and (min-width:48rem) {
  .sm-promo .sm-promo-headline {
    font-size: .9375rem;
    line-height: 1.1875rem
  }
}

@media screen and (max-width:600px) {
  .sm-promo p {
    margin-left: 9px;
    margin-right: 9px
  }

  .sm-promo .premium-for-mobile-small {
    margin-left: 3px;
    margin-right: 4px
  }

  .sm-promo .sm-promo-headline {
    margin-left: 4px;
    margin-right: 4px;
    width: 94%
  }
}

.sm-promo p {
  font-size: .9375rem;
  line-height: 1.375rem;
  margin-bottom: .5rem;
  margin-top: .5rem
}

@media screen and (min-width:48rem) {
  .sm-promo p {
    font-size: .9375rem;
    line-height: 1.25rem
  }
}

.sm-promo .article-meta span {
  font-size: .875rem;
  line-height: .875rem
}

@media screen and (min-width:48rem) {
  .sm-promo .article-meta span {
    font-size: .875rem;
    line-height: 1rem
  }
}

.sm-promo .flex-col {
  display: flex;
  flex-direction: column
}

.sm-large-manual-promo .description-text {
  margin-bottom: 0
}

.top-table-list-section-small hr {
  margin: 1rem 0;
  width: 100%
}

.xl-large-promo p {
  font-size: .9375rem;
  line-height: 1.1875rem;
  margin-bottom: .5rem
}

@media screen and (min-width:48rem) {
  .xl-large-promo .xl-promo-headline {
    margin-bottom: .5rem
  }
}

.large-promo p {
  font-size: .9375rem;
  line-height: 1.1875rem;
  margin-bottom: .5rem
}

@media screen and (min-width:48rem) {
  .top-table-list-section-lg .lg-promo .lg-promo-headline {
    margin-top: -.5rem
  }
}

@media screen and (min-width:48rem) {
  .top-table-list-section-md .md-promo .md-promo-headline {
    margin-bottom: .5rem;
    margin-top: -.5rem
  }
}

.top-table-list-sm-promo img {
  width: 100%
}

.top-table-list-sm-promo .promo-container {
  column-gap: 1.5rem;
  display: flex;
  flex-direction: row
}

.top-table-list-sm-promo .promo-container.horizontal.reverse {
  flex-direction: row-reverse
}

.top-table-list-sm-promo .promo-container.horizontal.reverse>div {
  padding-left: 0;
  padding-right: 0
}

@media only screen and (min-width:48rem) {
  .top-table-list-sm-promo .promo-container.vertical {
    flex-direction: column
  }

  .top-table-list-sm-promo .promo-container.vertical.reverse {
    flex-direction: column-reverse
  }
}

@media only screen and (min-width:48rem) {
  .top-table-list-sm-promo .promo-container.sm-promo-padding-btm {
    padding-top: 0
  }
}

.top-table-list-sm-promo .headline-wrap {
  flex: 2
}

.top-table-list-sm-promo .headline-wrap .promo-premium {
  display: inline-flex
}

.top-table-list-sm-promo .promo-image {
  flex: 1
}

.top-table-list-sm-promo .promo-image a {
  display: flex;
  flex-direction: column
}

.top-table-list-sm-promo .promo-image.flex-col {
  justify-content: center
}

.top-table-list-sm-promo.wrap-bottom {
  margin-bottom: 0 !important
}

@media only screen and (min-width:48rem) {
  .top-table-list-sm-promo.wrap-bottom {
    margin-bottom: inherit
  }
}

.gn-top-table-list-container .top-table-list-title {
  color: #191919;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem
}

.gn-top-table-list-container.wrap-bottom {
  margin-bottom: inherit
}

.gn-top-table-list-container .image-wrapper {
  position: relative
}

.gn-top-table-list-container .image-wrapper img {
  vertical-align: middle
}

.gn-top-table-list-container .hr-borderless {
  visibility: hidden
}

.author-bio-container .image-container {
  float: left;
  margin-right: 1.5rem;
  margin-top: 2rem;
  width: 30%
}

@media screen and (max-width:64rem) {
  .author-bio-container .image-container {
    float: none;
    text-align: center;
    width: 100%
  }
}

.author-bio-container .image-container img {
  border-radius: 100%;
  max-height: 180px;
  width: auto
}

.author-bio-container .author-content {
  display: inline-block;
  width: 64%
}

@media screen and (max-width:64rem) {
  .author-bio-container .author-content {
    width: 100%
  }
}

.author-bio-container .author-name {
  margin-bottom: .5rem;
  margin-top: 2rem
}

@media screen and (max-width:64rem) {
  .author-bio-container .author-name {
    margin-top: 1rem
  }
}

.author-bio-container .author-title {
  margin-bottom: .5rem
}

.author-bio-container .social-media-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  margin-top: .5rem;
  padding-bottom: 1.5rem;
  text-align: left
}

@media screen and (max-width:64rem) {
  .author-bio-container .social-media-container {
    justify-content: flex-start;
    padding: 1rem 0;
    text-align: center
  }
}

@media screen and (min-width:800px) {
  .premium-for-desktop-small {
    margin-left: -4px;
    margin-top: 2px;
    width: 74%
  }
}

.wrapper-clavis a {
  color: inherit;
  font-weight: 700;
  text-decoration: none
}

.wrapper-clavis .border {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 15px
}

.wrapper-clavis .error-message {
  color: red
}

.wrapper-clavis .recommendations-title {
  border-left: 5px solid;
  color: #4a4a4a;
  font-family: Roboto, Georgia, serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 15px;
  padding-left: 10px
}

.wrapper-clavis .summary {
  color: #000;
  display: block;
  font-family: "Noto Serif";
  font-size: 16px;
  line-height: 23px;
  margin-right: 15px;
  margin-top: 10px
}

@media(max-width:767px) {
  .wrapper-clavis .summary {
    display: none
  }
}

.nacionhoy {
  margin-bottom: 15px;
  min-height: 300px
}

@media(max-width:768px) {
  .nacionhoy {
    margin-top: 25px;
    min-height: 200px
  }
}

.nacionhoy .large,
.nacionhoy a {
  color: #4a4a4a;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px
}

.nacionhoy .large {
  border-bottom: 1px solid #ddd
}

.nacionhoy .link {
  float: right;
  font-family: Roboto;
  margin-top: 6%
}

.nacionhoy button {
  border-color: transparent;
  border-radius: 8px;
  font-weight: 700;
  height: 40px;
  width: 152px
}

.nacionhoy button a {
  color: #fff;
  font-size: 14px;
  text-decoration: none
}

.nacionhoy .first {
  margin-bottom: 15px;
  width: 90%
}

@media(max-width:768px) {
  .nacionhoy .first {
    margin-top: -25px
  }
}

.nacionhoy ul {
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 0
}

.nacionhoy ul li {
  line-height: 1em;
  list-style: outside none none;
  padding-bottom: 8px;
  padding-right: 5px;
  text-align: center
}

.nacionhoy img {
  margin-top: 15px;
  width: 100%
}

.nacionhoy .linea-abajo {
  border-top: 1px solid hsla(0, 0%, 59.2%, .35);
  box-sizing: border-box;
  margin-top: 25px;
  width: 100%
}

.exchange-center-logo-bp {
  padding-top: 10px;
  text-align: center
}

.exchange-rate-wrapper-black {
  background-color: #000
}

.exchange-rate-wrapper-orange {
  background-color: #f9692e
}

.exchange-rate {
  margin-bottom: 30px;
  position: relative;
  width: 98%
}

.exchange-rate:after {
  clear: both;
  content: "";
  display: table
}

.exchange-rate .symbol {
  float: left
}

.exchange-rate .left,
.exchange-rate .right {
  color: #fff;
  display: inline-block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 650;
  margin-left: 15px;
  padding: 15px 30px
}

.exchange-rate .compra,
.exchange-rate .venta {
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-size: .8rem;
  font-weight: bolder;
  height: 20px;
  margin-left: 32px;
  margin-top: 1px;
  padding-top: 1px;
  text-align: center;
  text-transform: uppercase;
  width: 130px
}

@media(min-width:768px)and (max-width:1024px) {
  .exchange-rate .venta {
    margin-left: -110px
  }

  .exchange-rate .right {
    margin: 0 4.75rem
  }

  .exchange-rate .left {
    margin: 0 -3.25rem
  }
}

.exchange-rate .date {
  clear: both;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0 0 6px
}

.exchange-rate .exchange-sponsor {
  clear: both
}

.exchange-rate-title {
  color: #fff;
  margin-bottom: -1px;
  padding-bottom: 12px;
  padding-top: 16px;
  text-align: center;
  width: 98%
}

@media(min-width:768px)and (max-width:1024px) {
  .exchange-rate {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .exchange-rate-wrapper-black,
  .exchange-rate-wrapper-orange {
    width: 98.5%
  }
}

.wrapper-leyenda {
  padding-bottom: 2px
}

.leyenda {
  color: #fff;
  font-size: .8rem;
  height: 40px;
  margin-left: 45px;
  margin-top: -22px;
  padding-top: 1px;
  vertical-align: top
}

.patrocinador {
  margin: 0 50px -56px -8px;
  width: 102.1%
}

@media(min-width:768px)and (max-width:1024px) {
  .patrocinador {
    margin: 0 50px -77px -8px;
    max-width: 100.2%
  }
}

.google-news-button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  min-height: 50px
}

.google-news-button .google-news-link {
  color: #fff;
  display: block;
  text-decoration: none
}

.google-news-button .google-news-link:hover {
  color: #fff
}

.google-news-button .google-news-banner {
  align-items: center;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 15.5px;
  font-style: normal;
  height: 29px;
  line-height: 18px;
  mix-blend-mode: normal;
  padding: 19px;
  padding-inline: 10px;
  position: relative
}

@media screen and (min-width:48rem) {
  .google-news-button .google-news-banner {
    height: 38px
  }
}

.google-news-button .google-news-icon {
  bottom: -1px;
  height: 43px;
  left: -10px;
  position: absolute;
  width: 52px
}

@media screen and (min-width:48rem) {
  .google-news-button .google-news-icon {
    height: 50px;
    left: -8px;
    width: 60px
  }
}

.google-news-button .google-news-text {
  margin-inline-start: 50px
}

.google-news-button .google-news-text:hover {
  color: #fff
}

.google-news-banner-lt {
  background: linear-gradient(90deg, #211007, #f38038);
  font-family: Arial;
  font-weight: 400
}

.google-news-banner-ef {
  background: linear-gradient(90deg, #15050a, #972850);
  font-family: Roboto
}

.google-news-banner-ln {
  background: linear-gradient(90deg, #01070e, #053c6d);
  font-family: "Noto Serif";
  font-weight: 700
}

@media screen and (max-width:800px) {
  .most-read-wrapper {
    min-height: 200px
  }
}

.most-read-container {
  border-radius: 4px;
  clear: left;
  margin-bottom: 25px;
  padding-bottom: 20px
}

.most-read-container .title {
  color: #191919;
  font-family: "Noto Serif";
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none
}

.most-read-container .row-border {
  border-bottom: 1px solid #ddd;
  display: table;
  height: 100%;
  line-height: 1.1875rem;
  margin: 15px 1px;
  overflow: hidden;
  padding-bottom: 15px
}

@media screen and (max-width:600px) {
  .most-read-container .row-border {
    border-bottom: 1px solid #7d7d7d;
    margin-left: 4px;
    margin-right: 4px;
    width: 94%
  }
}

.most-read-wrapper {
  min-height: 300px
}

.newsletter-recomendation-types {
  min-height: 200px
}

.newsletter-recomendation-types .recomendation-form {
  overflow: hidden
}

.newsletter-recomendation-types .disclaimer-text {
  color: #4a4a4a;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px
}

.newsletter-recomendation-types .subscribe-horizontal {
  background-color: rgba(0, 0, 0, .05);
  margin-bottom: 20px;
  padding-left: 10px;
  width: 100%
}

.newsletter-recomendation-types .subscribe-horizontal .container-recommendation {
  border-top: 2px solid #333
}

.newsletter-recomendation-types .subscribe-horizontal .subscribe-text {
  color: #000;
  float: left;
  font-size: 18px;
  padding-right: 15px;
  padding-top: 3px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .subscribe-text {
    float: unset
  }
}

.newsletter-recomendation-types .subscribe-horizontal .subscribe-subtext {
  color: #053d6d;
  font-size: 18px;
  line-height: 34px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .subscribe-subtext {
    margin-top: 10px
  }
}

.newsletter-recomendation-types .subscribe-horizontal .recommend-description {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: auto;
  line-height: 18px;
  margin-bottom: 10px;
  width: 100%
}

.newsletter-recomendation-types .subscribe-horizontal .horizontal-disclaimer {
  float: left;
  padding-top: 5px;
  width: 50%
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .horizontal-disclaimer {
    width: 100%
  }
}

.newsletter-recomendation-types .subscribe-horizontal .subscribe-button {
  float: right;
  padding-right: 15px;
  padding-top: 18px;
  width: 50%
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .subscribe-button {
    padding-top: unset;
    width: 100%
  }
}

.newsletter-recomendation-types .subscribe-horizontal .user-email {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  font-size: 15px;
  height: 40px;
  margin-bottom: 6px;
  margin-right: 5px;
  padding-left: 10px;
  width: 230px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .user-email {
    margin-right: 1px;
    width: 65%
  }
}

.newsletter-recomendation-types .subscribe-horizontal .button-horizontal {
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  padding: 10px;
  text-decoration: none;
  width: auto
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal .button-horizontal {
    float: right;
    text-align: center;
    width: 30%
  }
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-horizontal {
    display: grid
  }

  .newsletter-recomendation-types .subscribe-horizontal .disclaimer-text {
    text-align: unset
  }
}

.newsletter-recomendation-types .button-vertical {
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  padding: 10px;
  text-decoration: none;
  width: auto
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .button-vertical {
    float: right;
    text-align: center;
    width: 30%
  }
}

.newsletter-recomendation-types .subscribe-vertical {
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
  width: 100%
}

.newsletter-recomendation-types .subscribe-vertical .container-recommendation {
  margin-left: 10px
}

.newsletter-recomendation-types .subscribe-vertical .subscribe-text {
  color: #000;
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-top: 3px;
  width: 100%
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical .subscribe-text {
    float: unset
  }
}

.newsletter-recomendation-types .subscribe-vertical .subscribe-subtext {
  color: #053d6d;
  font-size: 18px;
  line-height: 34px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical .subscribe-subtext {
    margin-top: 10px
  }
}

.newsletter-recomendation-types .subscribe-vertical .recommend-description {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: auto;
  line-height: 18px;
  margin-bottom: 10px;
  width: 100%
}

.newsletter-recomendation-types .subscribe-vertical .vertical-disclaimer {
  float: left;
  padding-left: 10px;
  padding-right: 11px;
  padding-top: 5px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical .vertical-disclaimer {
    width: 100%
  }
}

.newsletter-recomendation-types .subscribe-vertical .subscribe-button {
  padding-right: 15px;
  padding-top: 18px
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical .subscribe-button {
    padding-top: unset;
    width: 100%
  }
}

.newsletter-recomendation-types .subscribe-vertical .user-email {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  font-size: 15px;
  height: 40px;
  margin-top: 10px;
  padding-left: 10px;
  width: 65%
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical .user-email {
    width: 65%
  }
}

@media screen and (max-width:1150px) {
  .newsletter-recomendation-types .subscribe-vertical {
    display: grid
  }

  .newsletter-recomendation-types .subscribe-vertical .disclaimer-text {
    text-align: unset
  }
}

.newsletter-recomendation-types .subscribe-success {
  height: 78px;
  margin-bottom: 20px;
  padding-top: 19px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-success {
    height: 190px
  }
}

.newsletter-recomendation-types .subscribe-success .success-image-horizontal {
  float: left;
  padding-left: 20%
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-success .success-image-horizontal {
    float: none;
    margin-top: 23px;
    padding-left: 1px;
    text-align: center
  }
}

.newsletter-recomendation-types .subscribe-success .success-image-vertical {
  float: center
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-success .success-image-vertical {
    float: none;
    margin-top: 23px;
    padding-left: 1px;
    text-align: center
  }
}

.newsletter-recomendation-types .subscribe-success .success-text {
  color: #000;
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-right: 10px;
  padding-top: 10px
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-success .success-text {
    float: none
  }
}

.newsletter-recomendation-types .subscribe-error {
  height: 78px;
  margin-bottom: 20px;
  padding-top: 19px;
  text-align: center;
  width: 100%
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-error {
    height: 200px
  }
}

.newsletter-recomendation-types .subscribe-error .success-image {
  float: left;
  padding-left: 25%
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-error .success-image {
    float: none;
    margin-top: 23px;
    padding-left: 1px;
    text-align: center
  }
}

.newsletter-recomendation-types .subscribe-error .error-text {
  color: red;
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-right: 10px;
  padding-top: 10px
}

@media screen and (max-width:991px) {
  .newsletter-recomendation-types .subscribe-error .error-text {
    float: none
  }
}

.piano-nav-ui_dropdown {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  min-width: 160px;
  padding: 10px;
  right: 32px;
  top: 118%;
  width: 350px
}

.activacion-codigo-overlay {
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .5s;
  transition: all .3s linear
}

.form-trivia-wrapper {
  border-bottom: 1px solid #e9e9e9;
  margin: 15px 0;
  min-height: 300px;
  padding: 12px;
  position: relative
}

@media(max-width:767px) {
  .form-trivia-wrapper .text-space {
    padding-bottom: 15px
  }
}

.form-trivia-wrapper .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.form-trivia-wrapper .radio {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative
}

.form-trivia-wrapper label {
  color: #2b2b2b;
  cursor: pointer;
  font-family: Signika;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -.12px;
  line-height: 26px;
  margin-bottom: 0;
  min-height: 20px;
  padding-left: 20px;
  text-align: right
}

@media screen and (max-width:375px) {
  .form-trivia-wrapper label {
    font-size: 14px
  }
}

.form-trivia-wrapper .title {
  background-color: #efefef;
  color: #2b2b2b;
  font-family: Signika;
  font-size: 20px;
  font-weight: 700;
  height: 30px;
  letter-spacing: -.12px;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 10px
}

.form-trivia-wrapper .reglamento-title {
  height: auto;
  line-height: 19px;
  margin-bottom: 10px
}

.form-trivia-wrapper .check-reglamento {
  font-size: 14.5px
}

.form-trivia-wrapper .checkbox {
  background-color: #fff !important;
  border: 1px solid #4b4949;
  margin-right: 5px
}

.form-trivia-wrapper .message {
  color: #e52925;
  font-family: Signika;
  font-size: 20px;
  letter-spacing: -.12px;
  line-height: 17px;
  text-align: center
}

.form-trivia-wrapper a {
  color: #2b2b2b;
  font-family: Signika;
  font-size: 15px;
  font-weight: 400
}

.form-trivia-wrapper .title-head {
  color: #2b2b2b;
  font-size: 24px;
  padding-bottom: 15px;
  text-align: center
}

.form-trivia-wrapper .btn-submit-trivia,
.form-trivia-wrapper .title-head {
  font-family: Signika;
  font-weight: 700;
  letter-spacing: -.12px;
  line-height: 26px
}

.form-trivia-wrapper .btn-submit-trivia {
  background-color: #f18a20;
  border: 0;
  border-radius: 8px;
  color: #000;
  font-size: 21px;
  height: 34px;
  width: 170px
}

.form-trivia-wrapper .img {
  height: 90px;
  width: 450px
}

.form-trivia-wrapper .error {
  color: #e52925;
  font-family: Signika;
  font-size: 16px;
  letter-spacing: -.12px;
  line-height: 17px;
  text-align: center
}

.form-trivia-wrapper .reglamento {
  font-weight: 700;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: underline
}

.form-trivia-wrapper .form-trivia {
  padding-bottom: 20px
}

.form-trivia-wrapper .radio-btn-option {
  margin-left: -16px;
  top: 5px
}

.form-trivia-wrapper .registra-datos {
  margin-bottom: 10px
}

.form-trivia-wrapper .registra-datos .in {
  background-color: #faee83;
  border: 0;
  border-radius: 8px;
  color: #545452;
  font-family: Signika;
  font-size: 17px;
  height: 23px;
  letter-spacing: -.13px;
  line-height: 26px;
  margin-left: 10px;
  padding: 2px 7px;
  width: 180px
}

.form-trivia-wrapper .registra-datos .text-align-right {
  text-align: right
}

.form-trivia-wrapper .promo-teja-especial {
  display: none
}

.form-trivia-wrapper .promo-teja-especial .promo-add {
  color: #2b2b2b;
  font-family: Signika;
  font-size: 14px;
  letter-spacing: -.12px;
  line-height: 26px;
  text-align: right
}

.form-trivia-wrapper .promo-teja-especial .check-box {
  margin-left: 5px;
  margin-right: 5px
}

.form-trivia-wrapper .modal-trivia {
  background-color: #f18a20;
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: Signika;
  font-size: 18px;
  font-weight: 700;
  height: 34px;
  letter-spacing: -.12px;
  line-height: 10px;
  width: 87px
}

.form-trivia-wrapper .trivia-error-message {
  color: red;
  font-size: 14px;
  font-weight: 700
}

.gift-share-popup .popup {
  background: #fffefe;
  border-radius: 15px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
  left: 50%;
  max-width: 380px;
  opacity: 0;
  padding: 25px;
  pointer-events: none;
  position: absolute;
  top: 10%;
  transform: translate(-50%, -50%) scale(1.2);
  transition: top 0s ease-in-out .2s, opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s;
  width: 100%
}

.gift-share-popup .view-modal {
  background: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 6px 10px
}

.gift-share-popup .view-modal:hover {
  background: #606060
}

@media(min-width:576px) {
  .gift-share-popup .view-modal {
    padding: 9px 10px
  }
}

.gift-share-popup button {
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  outline: none;
  transition: background .1s linear, border-color .1s linear, color .1s linear
}

.gift-share-popup button svg {
  display: inline;
  margin-right: 5px;
  vertical-align: top
}

.gift-share-popup .popup.show {
  left: 50%;
  opacity: 1;
  pointer-events: auto;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: top 0s ease-in-out 0s, opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s;
  z-index: 999
}

.gift-share-popup .popup :is(header, .icons, .field) {
  align-items: center;
  display: flex;
  justify-content: space-around
}

.gift-share-popup .popup header {
  border-bottom: 1px solid #ebedf9;
  padding-bottom: 15px
}

.gift-share-popup header span {
  font-size: 21px;
  font-weight: 600
}

.gift-share-popup .icons a,
.gift-share-popup header .close {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  transition: all .3s ease-in-out
}

.gift-share-popup header .close {
  background: #f3f3f3;
  color: #878787;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  width: 33px
}

.gift-share-popup header .close:hover {
  background: #ebedf9
}

.gift-share-popup .popup .content {
  margin: 20px 0
}

.gift-share-popup .popup .icons {
  margin: 15px 0 20px
}

.gift-share-popup .content p {
  font-size: 16px
}

.gift-share-popup .icons a {
  border: 1px solid transparent;
  font-size: 20px;
  height: 50px;
  text-decoration: none;
  width: 50px
}

.gift-share-popup .icons a:first-child {
  border-color: #b7d4fb;
  color: #1877f2
}

.gift-share-popup .icons a:nth-child(2) {
  border-color: #b6e7fc;
  color: #46c1f6
}

.gift-share-popup .icons a:hover {
  background-color: rgba(125, 42, 232, .5);
  border-color: transparent;
  color: #fff
}

.gift-share-popup .field i {
  font-size: 18px;
  text-align: center;
  width: 50px
}

.gift-share-popup .icons i {
  transition: transform .3s ease-in-out
}

.gift-share-popup .icons i:hover {
  transform: scale(1.2)
}

.gift-share-popup .content .field {
  border: 1px solid #757171;
  border-radius: 4px;
  height: 45px;
  margin: 12px 0 -5px;
  padding: 0 5px
}

.gift-share-popup .field.active {
  border-color: #7d2ae8
}

.gift-share-popup .field.active i {
  color: #7d2ae8
}

.gift-share-popup .field input {
  border: 0;
  font-size: 15px;
  height: 100%;
  margin-left: 5px;
  outline: none;
  width: 100%
}

.gift-share-popup .btn-generate,
.gift-share-popup .field button {
  background: #00a651;
  color: #fff;
  padding: 5px 18px
}

.gift-share-popup .btn-generate {
  font-size: 18px;
  font-weight: 700;
  margin-top: 15px
}

.gift-share-popup .btn-generate:hover,
.gift-share-popup .field button:hover {
  background: #00c661
}

.gift-share-popup .text-center {
  text-align: center
}

.gift-share-popup .message-container {
  align-content: space-around;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around
}

.alert {
  border: 1px solid transparent;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative
}

.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404
}

.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724
}

.piano-slideup-meter-wrapper .piano-slideup-meter {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  transition: all 2s;
  width: 100%;
  z-index: 10000
}

.piano-slideup-meter-wrapper .close {
  bottom: -300px
}

.piano-slideup-meter-wrapper .close-me {
  font-size: 25px;
  font-weight: 700;
  opacity: .8;
  position: absolute;
  right: 30px;
  top: 5px
}

@media(max-width:660px) {
  .piano-slideup-meter-wrapper .close-me {
    font-size: 24px
  }
}

.piano-slideup-meter-wrapper .close-me:after,
.piano-slideup-meter-wrapper .close-me:before {
  background-color: #000;
  content: " ";
  height: 20px;
  left: 15px;
  position: absolute;
  width: 2px
}

.piano-slideup-meter-wrapper .close-me:before {
  transform: rotate(45deg)
}

.piano-slideup-meter-wrapper .close-me:after {
  transform: rotate(-45deg)
}

@media(max-width:660px) {
  .piano-slideup-meter-wrapper .mobile-banner {
    bottom: 66px
  }

  .piano-slideup-meter-wrapper .close {
    bottom: -300px
  }
}

.custom-switch .switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px
}

.custom-switch .switch input {
  height: 0;
  opacity: 0;
  width: 0
}

.custom-switch .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s
}

.custom-switch .slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px
}

.custom-switch input:checked+.slider {
  background-color: #2196f3
}

.custom-switch input:focus+.slider {
  box-shadow: 0 0 1px #2196f3
}

.custom-switch input:checked+.slider:before {
  transform: translateX(26px)
}

.custom-switch .slider.round {
  border-radius: 34px
}

.custom-switch .slider.round:before {
  border-radius: 50%
}

.offer-card .btn-offer {
  background: #ffe200;
  border: 1px solid #003c6f;
  border-radius: 4px;
  color: #000;
  font-family: Arial;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  margin: 15px;
  padding: 15px 40px;
  text-decoration: none
}

.offer-card .card-section {
  background-color: #ebebeb;
  border-radius: 15px;
  margin: auto;
  max-width: 420px;
  padding: 32px;
  text-align: center
}

.offer-card .card-title {
  color: #fff;
  font-family: "Noto Serif", sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px
}

.offer-card hr {
  border-top: 1px solid hsla(0, 0%, 100%, .15);
  display: block;
  margin: 40px auto;
  max-width: 150px
}

.offer-card .iva {
  font-size: 14px
}

.offer-card .or-swg {
  color: #fff;
  margin-top: 25px
}

.offer-card .price {
  font-size: 1.8em;
  font-weight: 600
}

.offer-card .pricing {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.425rem;
  font-weight: 400
}

.offer-card .view-suscribe-offer {
  margin-top: 20px
}

.benefits-description-financiero {
  display: flex;
  justify-content: left;
  margin: auto;
  padding: 0;
  width: 100%
}

@media only screen and (min-width:680px) {
  .benefits-description-financiero {
    padding: 0 20px
  }
}

.benefits-description-financiero p {
  color: #7e7f81
}

.benefits-description-financiero p,
.benefits-description-financiero p span {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.benefits-description-financiero p span {
  color: #b93461
}

.card-container-benefits-financiero {
  align-items: center;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(36, 80, 120, .19);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 25px;
  text-align: left;
  width: 100%
}

@media only screen and (min-width:680px) {
  .card-container-benefits-financiero {
    width: 40%
  }
}

.card-container-benefits-financiero .header-logo {
  display: flex;
  height: auto;
  margin: auto;
  width: 60%
}

.card-container-benefits-financiero .header-img {
  display: flex;
  height: auto;
  margin: auto;
  width: 120px
}

.card-container-benefits-financiero i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSI+PHJlY3QgeT0iLjY0OSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iI2I5MzQ2MSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDIgNS45NjJhLjUuNSAwIDAxMCAuNzA3bC00LjY2NyA0LjY2N2EuNS41IDAgMDEtLjcwNyAwTDMuOTggOC42NjlhLjUuNSAwIDAxLjcwOC0uNzA3TDcgMTAuMjc1bDQuMzEzLTQuMzEzYS41LjUgMCAwMS43MDcgMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 20px;
  margin-right: 5px;
  width: 40px
}

@media only screen and (min-width:680px) {
  .card-container-benefits-financiero i {
    margin-right: 0
  }
}

.title-success-financiero {
  font-size: 26px
}

.title-secondary-financiero,
.title-success-financiero {
  color: #b93461;
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center
}

.title-secondary-financiero {
  font-size: 20px
}

.separator-success-financiero {
  background: #b93461;
  height: 1px;
  width: 90%
}

.card-container-benefits-nacion {
  align-items: center;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(36, 80, 120, .19);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 25px;
  text-align: left;
  width: 100%
}

@media only screen and (min-width:680px) {
  .card-container-benefits-nacion {
    width: 40%
  }
}

.card-container-benefits-nacion img {
  display: flex;
  height: auto;
  margin: auto;
  width: 120px
}

.card-container-benefits-nacion i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjkiIGZpbGw9IiMwMDRFN0UiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjAyMyA1Ljk3N2MuMjIuMjIuMjIuNTc2IDAgLjc5NmwtNS4yNSA1LjI1YS41NjIuNTYyIDAgMDEtLjc5NiAwbC0zLTNhLjU2My41NjMgMCAwMS43OTYtLjc5NmwyLjYwMiAyLjYwMiA0Ljg1Mi00Ljg1MmMuMjItLjIyLjU3Ni0uMjIuNzk2IDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 20px;
  margin-right: 5px;
  width: 40px
}

@media only screen and (min-width:680px) {
  .card-container-benefits-nacion i {
    margin-right: 0
  }
}

.benefits-description-nacion {
  display: flex;
  justify-content: left;
  margin: auto;
  padding: 0;
  width: 100%
}

@media only screen and (min-width:680px) {
  .benefits-description-nacion {
    padding: 0 20px
  }
}

.benefits-description-nacion p {
  color: #7e7f81
}

.benefits-description-nacion p,
.benefits-description-nacion p span {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.benefits-description-nacion p span {
  color: #19a2ca
}

.wrapper-onboarding-confirm * {
  box-sizing: border-box;
  line-height: 35px;
  list-style: none;
  outline: none;
  text-decoration: none;
  text-rendering: optimizeLegibility
}

.wrapper-onboarding-confirm .images {
  margin: 5px 10px;
  padding-bottom: 10px;
  text-align: center
}

.wrapper-onboarding-confirm .images a {
  cursor: pointer;
  text-decoration: none
}

.wrapper-onboarding-confirm .images img {
  margin: 0 auto;
  padding: 0 20px;
  text-align: center
}

.wrapper-onboarding-confirm .images p {
  color: #3c3c3c;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 17px;
  margin: 10px auto;
  text-align: center
}

.wrapper-onboarding-confirm .nav {
  margin-bottom: 15px;
  text-align: center
}

.wrapper-onboarding-confirm .dot {
  color: #000;
  cursor: pointer;
  font-size: 36px;
  line-height: 1;
  margin: 0 15px;
  opacity: .4;
  text-shadow: none;
  transition: opacity 1s ease, text-shadow 1s ease;
  will-change: opacity, text-shadow
}

.wrapper-onboarding-confirm .active {
  color: var(--blue);
  opacity: 1;
  text-shadow: 1px 1px 8px
}

.header-container {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.img-success {
  display: flex;
  height: auto;
  margin: auto;
  width: 150px
}

.message-success {
  color: #272832;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px auto 30px;
  text-align: center
}

.title-success-nacion {
  color: #003c6f;
  font-size: 26px
}

.title-card,
.title-success-nacion {
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center
}

.title-card {
  color: #272832;
  font-size: 18px
}

.title-secondary-nacion {
  color: #19a2ca;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center
}

.separator-success-nacion {
  background: #6b96b0;
  height: 1px;
  width: 90%
}

.actions {
  background-color: #1b3660;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 auto 10px;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.buttons {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center
}

.buttons a {
  text-decoration: none
}

.intro {
  color: #666;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 10px;
  text-align: center
}

.all-contain {
  border-bottom: 3px solid #90908f;
  margin: 5px 15px;
  padding: 5px 1px
}

.all-contain label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%
}

.all-contain h1 {
  color: #494949;
  font-family: "Noto Serif";
  font-size: 42px;
  font-weight: 400;
  line-height: 44px;
  margin: inherit;
  margin-bottom: 15px;
  text-align: center
}

.all-contain h2 {
  font-size: 24px
}

.all-contain h2,
.all-contain h3 {
  color: #1b3660;
  font-family: "Noto Serif";
  font-weight: 700;
  line-height: 30px;
  margin: inherit;
  margin-top: 10px;
  text-align: left
}

.all-contain h3 {
  font-size: 25px
}

.all-contain h4 {
  color: #1b3660;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 38px;
  margin: inherit;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase
}

.intro-wrapper {
  border-bottom: 1px solid #666;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center
}

.intro-wrapper h1 {
  color: #494949;
  font-family: "Noto Serif";
  font-size: 42px;
  font-weight: 400;
  line-height: 44px;
  margin: inherit;
  margin-bottom: 15px;
  text-align: center
}

.mainobw-container {
  margin: 0 auto;
  max-width: 450px
}

.send {
  color: #fff;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px auto 0;
  max-width: 100px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none
}

.send.nacion {
  background-color: #1b3660
}

.send.financiero {
  background-color: #b93461
}

.description {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  margin: inherit;
  margin-bottom: 20px;
  text-align: left
}

.description-success {
  color: green
}

.description-error,
.description-success {
  font-weight: 700;
  margin-left: 10px;
  text-align: center
}

.description-error {
  color: red
}

.margin-r {
  margin-right: 10px
}

.margin-check,
.margin-r {
  color: #444345;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 2;
  margin-left: 10px;
  text-transform: uppercase;
  vertical-align: top
}

.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative
}

.label-switch {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%
}

.check-switch[type=checkbox] {
  box-sizing: border-box;
  display: none;
  line-height: normal;
  margin: 4px 0 0;
  margin-top: 1px\9;
  padding: 0
}

.el-switch .el-switch-style {
  background: #c0ccda;
  border-radius: .8em;
  cursor: pointer;
  display: inline-block;
  height: 1.6em;
  left: 0;
  position: relative;
  top: 0;
  transition: all .3s ease-in-out;
  width: 3em
}

.check-switch:checked+.el-switch-style {
  background-color: #1b3660
}

.el-switch .el-switch-style:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.4em;
  left: .1em;
  position: absolute;
  top: .1em;
  transition: all .3s ease-in-out;
  width: 1.4em
}

.check-switch:checked+.el-switch-style:before {
  left: 50%
}

.back {
  background-color: #878786;
  color: #fff;
  margin: 0 auto
}

.back,
.continues {
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.continues {
  border: 1px solid #878786;
  color: #878786;
  margin: 10px auto
}

.continues:hover {
  background-color: #494949;
  border: 1px solid #494949;
  color: #fff
}

.downloads {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%
}

.download-text {
  color: #878786;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center
}

.download-logos {
  margin-top: 10px;
  width: 100%
}

.download-logos ul {
  display: block;
  text-align: center;
  width: 100%
}

.download-logos li {
  display: inline-block;
  height: 50px;
  text-align: center;
  width: 140px
}

.image-b {
  margin: 10px auto;
  max-width: 280px;
  text-align: center
}

.input-form {
  border-bottom: 1px solid #666;
  border-radius: 4px;
  clear: both;
  color: #8a97a0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
  outline: 0;
  padding: 5px;
  width: 98%
}

.consent {
  width: 13px
}

.fieldset-whatsapp {
  border: #fff
}

.send-whatsapp {
  color: #0080c2;
  font-size: 14px;
  font-weight: 500
}

.success-subscription {
  color: green;
  font-weight: 600;
  text-align: center
}

.images {
  margin: 5px 10px;
  padding-bottom: 10px;
  text-align: center
}

.images a {
  cursor: pointer;
  text-decoration: none
}

.images img {
  margin: 0 auto;
  padding: 0 20px;
  text-align: center
}

.images p {
  color: #3c3c3c;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 17px;
  margin: 10px auto;
  text-align: center
}

.form-wrap {
  margin-bottom: 10px;
  margin-top: 30px
}

.podcast-wrapper {
  border-bottom: 1px solid #666;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  vertical-align: top
}

.sub-podcast-a {
  display: inline-block;
  width: 70%
}

.sub-podcast-b {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 30%
}

.logopodcast {
  display: inline-block;
  height: 30px;
  max-width: 180px
}

.podcast-texts {
  padding-right: 10px;
  width: 100%
}

.podcast-name {
  color: #1b3660;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 6px;
  margin-left: 5px
}

.podcast-name a {
  color: #494949;
  cursor: pointer;
  text-decoration: none
}

.podcast-texts p {
  color: #666;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  margin: 10px 5px 5px;
  max-width: 100%;
  text-align: left
}

.sub-podcast-b img {
  width: 90%
}

.blog-wrapper-slider {
  border-bottom: 1px solid #666;
  display: flex;
  line-height: 30px;
  margin: 15px 10px;
  padding-bottom: 10px;
  vertical-align: top
}

.sub-blog-a {
  display: inline-block;
  width: 69%
}

.sub-blog-b {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 30%
}

.blog-texts {
  padding-right: 10px;
  width: 100%
}

.blog-name {
  color: #1b3660;
  font-size: 21px;
  margin-bottom: 5px
}

.blog-autor,
.blog-name {
  line-height: 20px;
  margin-left: 5px
}

.blog-autor {
  color: #1c1c1b;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px
}

.blog-autor,
.blog-texts p {
  font-family: Roboto, sans-serif;
  text-align: left
}

.blog-texts p {
  color: #666;
  font-size: 13px;
  margin: 10px 5px 5px
}

.sub-blog-b img {
  width: 90%
}

.video-wrapper-slider {
  border-bottom: 1px solid #666;
  display: block;
  margin: 20px auto;
  min-height: 100px;
  padding-bottom: 10px;
  width: 100%;
  z-index: 1
}

.video-thumb {
  float: left;
  height: 80px;
  left: 0;
  position: relative;
  width: 45%;
  z-index: 1
}

.video-thumb img {
  left: 0;
  max-height: 80px;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 2
}

.video-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 110px;
  left: 40%;
  position: absolute;
  width: 45px;
  z-index: 3
}

.video-description {
  display: inline-block;
  height: 80px;
  max-width: 55%;
  z-index: 2
}

.video-description p {
  color: #3c3c3c;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  padding-left: 10px;
  text-align: left;
  top: 0
}

.redes-wrapper {
  background-color: #0ff;
  margin: 10px auto;
  min-height: 55px;
  width: 100%
}

.facebook {
  background-color: #4469b0
}

.instagram {
  background-color: #e62357
}

.x {
  background-color: #000
}

.youtube {
  background-color: #e42312
}

.redes-wrapper img {
  align-content: center;
  margin: auto;
  padding: 3% 0;
  text-align: left;
  width: 40%
}

.redes-follow {
  border: 1px solid #fff;
  color: #fff;
  float: right;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-right: 15px;
  margin-top: 19px;
  max-width: 150px;
  padding: 5px 15px;
  text-align: center
}

.reminder-cancel .cancel-section {
  background-color: #ebebeb;
  border-radius: 15px;
  margin: auto;
  max-width: 420px;
  padding: 32px;
  text-align: center
}

.reminder-cancel section h1 {
  font-family: Roboto Slab, serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.reminder-cancel .green {
  color: #0f7e0f;
  line-height: 29px
}

.reminder-cancel .red {
  color: red;
  line-height: 29px
}

.reminder-cancel section li {
  background-color: hsla(0, 0%, 53.3%, .5333333333333333);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 12px;
  box-shadow: 2px 3px 3px #c9c9c9;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  height: 117px;
  margin: 10px 5px 20px 10px;
  padding-top: 15px;
  vertical-align: top;
  width: 105px
}

.reminder-cancel li .title-section {
  font-size: 11px;
  padding-top: 5px
}

.reminder-cancel section p {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center
}

.reminder-cancel section .material-icons {
  color: red;
  font-size: 100px;
  font-style: normal;
  font-weight: 100
}

.reminder-success .success-section {
  background-color: rgba(0, 0, 0, .07);
  border-radius: 15px;
  margin: auto;
  max-width: 420px;
  padding: 32px;
  text-align: center
}

.reminder-success section h1 {
  font-family: "Noto Serif", serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.reminder-success .green {
  color: #0f7e0f;
  line-height: 29px
}

.reminder-success .red {
  color: red;
  line-height: 29px
}

.reminder-success section li {
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  height: 117px;
  margin: 10px 5px 20px 10px;
  padding-top: 15px;
  vertical-align: top;
  width: 105px
}

.reminder-success li .title-section {
  font-size: 11px;
  padding-top: 5px
}

.reminder-success section p {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center
}

.reminder-success section .material-icons {
  color: red;
  font-size: 100px;
  font-style: normal;
  font-weight: 100
}

.btn-pay,
.data-form .btn-submit {
  font-size: 15px;
  font-weight: 700;
  padding: 10px 5px
}

.data-form .btn-submit {
  background-color: #4bc970;
  color: #fff;
  height: auto
}

.data-form .btn-submit:hover {
  background-color: #17ab42
}

.onvo-loader {
  height: 100px;
  margin-top: 20px;
  text-align: center
}

.rsw-wrapper {
  min-height: 400px
}

.form-search {
  display: inherit;
  justify-content: center
}

.form-group {
  line-height: normal;
  padding-bottom: 10px
}

.label {
  font-size: 15px;
  font-weight: 700
}

.input,
.select {
  width: 100%
}

.btn-submit {
  align-items: center;
  background-color: #b1acac;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  height: 30px;
  margin-top: 10px;
  padding: 0 40px;
  text-transform: uppercase
}

.btn-submit:hover {
  background-color: #d0cccc
}

.information-message {
  color: #3b9a05
}

.column-table {
  background-color: #d0cccc;
  font-size: 12px;
  font-weight: 700
}

.row-cell-table {
  border: 1px solid #a8a8a8;
  font-size: 14px;
  line-height: 35px
}

.reminder-selector {
  float: right
}

.hide-form {
  display: none
}

.reminder-id {
  float: right
}

.container-cancel {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 420px
}

.container-cancel p {
  font-family: Arial;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 200px;
  text-align: center
}

.container-cancel img {
  display: flex;
  height: auto;
  margin: auto;
  width: 150px
}

.title-cancel {
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center
}

.title-cancel.nacion {
  color: #003c6f
}

.title-cancel.financiero {
  color: #b34961
}

.sale-cancel .cancel-section {
  background-color: #ebebeb;
  border-radius: 15px;
  margin: auto;
  max-width: 420px;
  padding: 32px;
  text-align: center
}

.sale-cancel section h1 {
  font-family: Roboto Slab, serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.sale-cancel .green {
  color: #0f7e0f;
  line-height: 29px
}

.sale-cancel .red {
  color: red;
  line-height: 29px
}

.sale-cancel section li {
  background-color: hsla(0, 0%, 53.3%, .5333333333333333);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 12px;
  box-shadow: 2px 3px 3px #c9c9c9;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  height: 117px;
  margin: 10px 5px 20px 10px;
  padding-top: 15px;
  vertical-align: top;
  width: 105px
}

.sale-cancel li .title-section {
  font-size: 11px;
  padding-top: 5px
}

.sale-cancel section p {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center
}

.sale-cancel section .material-icons,
.sale-success section .material-icons {
  color: red;
  font-size: 100px;
  font-style: normal;
  font-weight: 100
}

.sale-success section h1 {
  font-family: Roboto Slab, serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px
}

.sale-success .red {
  color: red;
  line-height: 29px
}

.sale-success .green {
  color: #0f7e0f;
  line-height: 29px
}

.sale-success section li {
  background-color: #888;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 12px;
  box-shadow: 2px 3px 3px #c9c9c9;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  height: 117px;
  margin: 10px 5px 20px 10px;
  padding-top: 15px;
  vertical-align: top;
  width: 105px
}

.sale-success li .title-section {
  font-size: 11px;
  padding-top: 5px
}

.sale-success section p {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center
}

.sale-success .success-section {
  background-color: #ebebeb;
  border-radius: 15px;
  margin: auto;
  max-width: 420px;
  padding: 32px;
  text-align: center
}

.vf-subscription-link-ln {
  background-blend-mode: multiply;
  background-color: #ccc;
  background-image: linear-gradient(90deg, #003c6f, #066ec9);
  background-position: 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 10px auto;
  max-width: 1100px;
  min-height: 80px;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%
}

.vf-subscription-link-ln:hover {
  text-emphasis: none !important
}

.vf-subscription-text-ln {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 10px !important;
  max-width: 900px;
  width: 75%
}

@media(max-width:640px) {
  .vf-subscription-text-ln {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width:400px) {
  .vf-subscription-text-ln {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width:360px) {
  .vf-subscription-text-ln {
    max-width: 220px
  }
}

@media(max-width:330px) {
  .vf-subscription-text-ln {
    font-size: 12px;
    width: 65%
  }
}

.vf-subscription-btn-ln {
  background: #fff;
  border-radius: 5px;
  bottom: 10px;
  color: #000;
  font-size: 12px;
  padding: 8px;
  position: absolute;
  right: 10px
}

@media(max-width:360px) {
  .vf-subscription-btn-ln {
    padding: 5px;
    right: 10px
  }
}

.vf-subscription-link-lt {
  background-blend-mode: multiply;
  background-color: #ccc;
  background-image: linear-gradient(90deg, #003c6f, #066ec9);
  background-position: 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 10px auto;
  max-width: 1100px;
  min-height: 80px;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%
}

.vf-subscription-link-lt:hover {
  text-emphasis: none !important
}

.vf-subscription-text-lt {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 4px;
  max-width: 900px;
  width: 75%
}

@media(max-width:640px) {
  .vf-subscription-text-lt {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width:400px) {
  .vf-subscription-text-lt {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width:360px) {
  .vf-subscription-text-lt {
    max-width: 220px
  }
}

@media(max-width:330px) {
  .vf-subscription-text-lt {
    font-size: 12px;
    width: 65%
  }
}

.vf-subscription-btn-lt {
  background: #fff;
  border-radius: 5px;
  bottom: 10px;
  color: #000;
  font-size: 12px;
  padding: 8px;
  position: absolute;
  right: 10px
}

@media(max-width:360px) {
  .vf-subscription-btn-lt {
    padding: 5px;
    right: 10px
  }
}

.vf-subscription-link-ef {
  background-blend-mode: multiply;
  background-color: #ccc;
  background-image: linear-gradient(90deg, #b93450, #c54f78);
  background-position: 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 10px auto;
  max-width: 1100px;
  min-height: 80px;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%
}

.vf-subscription-link-ef:hover {
  text-emphasis: none !important
}

.vf-subscription-text-ef {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 4px;
  max-width: 900px;
  width: 75%
}

@media(max-width:640px) {
  .vf-subscription-text-ef {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width:400px) {
  .vf-subscription-text-ef {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width:360px) {
  .vf-subscription-text-ef {
    max-width: 220px
  }
}

@media(max-width:330px) {
  .vf-subscription-text-ef {
    font-size: 12px;
    width: 65%
  }
}

.vf-subscription-btn-ef {
  background: #fff;
  border-radius: 5px;
  bottom: 10px;
  color: #000;
  font-size: 12px;
  padding: 8px;
  position: absolute;
  right: 10px
}

@media(max-width:360px) {
  .vf-subscription-btn-ef {
    padding: 5px;
    right: 10px
  }
}

.pb-ad-admin {
  background-color: #575757;
  border-radius: 6px;
  color: #fff
}

.arcad-feature {
  margin-bottom: 2rem
}

.arcad-feature .arcad-container {
  margin-left: auto;
  margin-right: auto;
  color: #575757;
  font-size: .75rem;
  line-height: 1rem
}

.arcad-feature .arcad-container .arcad.pb-ad-admin {
  margin-bottom: 2rem;
  font-size: .875rem;
  line-height: 1.125rem;
  color: #fff
}

.alert-bar {
  align-items: center;
  background-color: #db0a07;
  display: flex;
  flex-wrap: nowrap;
  height: 56px;
  justify-content: space-between;
  overflow: hidden;
  padding-left: 1.25rem;
  padding-right: 0;
  width: 100%
}

.alert-bar .article-link {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  height: 100%;
  line-height: 1rem;
  text-align: left;
  text-decoration: none;
  width: 80%
}

.alert-bar button {
  background: none !important;
  border: none;
  cursor: pointer;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem
}

.tags-holder {
  margin-bottom: 1rem;
  align-content: center;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #b8c1cb, inset 0 1px 0 0 #b8c1cb;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 55px;
  padding: .5rem 1rem .5rem 2.125rem
}

@media screen and (min-width:48rem) {
  .tags-holder {
    margin-bottom: 1.5rem
  }
}

.tags {
  align-items: center;
  border-radius: 10000px;
  color: #fff;
  display: flex;
  font-size: .75rem;
  justify-content: center;
  line-height: 1.5rem;
  margin: .5rem;
  min-height: 1.5rem;
  padding: 0 .9375rem;
  text-decoration: none;
  text-align: center
}

@media screen and (min-width:48rem) {
  .tags {
    line-height: .875rem
  }
}

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

.authors .author {
  display: flex;
  flex-direction: row
}

.authors a {
  margin: 0;
  text-decoration: none
}

.authors img {
  border-radius: 100%;
  height: 5.25rem;
  margin: .5rem;
  min-width: 5.25rem
}

.authors .descriptions {
  display: flex;
  flex-direction: column;
  margin: .5rem
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .authors .descriptions {
    width: 100%
  }
}

.authors .descriptions .socialButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: .5rem
}

.authors .descriptions .socialButtons a {
  height: 1.5rem;
  margin-right: .5rem;
  text-align: center;
  text-decoration: none;
  width: 1.5rem
}

.authors .authorName {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2rem;
  margin: .25rem 0
}

@media screen and (min-width:48rem) {
  .authors .authorName {
    font-size: .875rem;
    line-height: 1.5rem
  }
}

.authors p {
  margin: .25rem 0
}

@media screen and (min-width:0rem) {
  .authors p {
    font-size: 1.125rem;
    line-height: 2rem
  }
}

@media screen and (min-width:48rem) {
  .authors p {
    font-size: .875rem;
    line-height: 1.5rem
  }
}

.author-bio {
  margin-bottom: 1rem
}

@media screen and (min-width:0rem) {
  .author-bio {
    margin-top: 1.5rem
  }
}

@media screen and (min-width:48rem) {
  .author-bio {
    margin-top: 1rem;
    margin-bottom: 1.5rem
  }
}

.card-list-container {
  margin-bottom: 1rem;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .14);
  padding-bottom: 1rem
}

@media screen and (min-width:48rem) {
  .card-list-container {
    margin-bottom: 1.5rem;
    margin-bottom: 1rem
  }
}

.card-list-container:last-child {
  margin-bottom: 0
}

.card-list--link-container img {
  height: auto;
  max-height: 400px;
  max-height: 40vh;
  object-fit: cover;
  width: 100%
}

.card-list-title {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0 !important;
  padding: 11px 0 11px 16px
}

.card-list-overline {
  color: #191919;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 0 0 16px
}

.card-list-headline {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  padding: 10px 18px 0 16px
}

.card-list-headline a {
  color: #191919
}

.author-date {
  padding: 16px 16px 0
}

.author-date .story-date {
  color: #191919;
  display: inline;
  font-size: .875rem;
  line-height: 1rem
}

.list-item-simple {
  margin-bottom: 1rem
}

@media screen and (min-width:48rem) {
  .list-item-simple {
    margin-bottom: 1rem
  }
}

.list-item-simple:last-child {
  margin-bottom: 0
}

.list-item-simple--divider {
  box-shadow: inset 0 -1px 0 0 #dadada
}

.list-item-simple .list-anchor {
  text-decoration: none
}

.card-list-item {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 0;
  margin: 1rem 1rem 0;
  border-top: 1px solid #dadada
}

.card-list-item .list-item-number {
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-right: 6.24px;
  min-height: 24px;
  min-width: 29.8px;
  text-align: left
}

.card-list-item .list-anchor-image img {
  max-height: 70px;
  max-width: 105px;
  min-height: 70px;
  min-width: 105px
}

.card-list-item .headline-list-anchor {
  display: flex;
  margin-right: 12.95px;
  text-decoration: none
}

.card-list-item .headline-list-anchor .headline-text {
  transition: color .3s ease;
  color: #191919;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.card-list-item .headline-list-anchor .headline-text:active,
.card-list-item .headline-list-anchor .headline-text:hover {
  color: #7f7f7f
}

.no-display {
  display: none
}

.footer-item {
  margin: .5rem 0
}

@media screen and (max-width:48rem) {
  .footer-item {
    margin: .75rem 0
  }
}

.footer-item>a {
  color: #575757;
  text-decoration: none
}

footer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1rem;
  line-height: cacluateRem(24px)
}

footer .legacy-footer-row {
  justify-content: space-around
}

@supports(display:grid) {
  footer .legacy-footer-row {
    justify-content: normal;
    row-gap: 1rem
  }
}

@media screen and (max-width:95rem)and (min-width:90rem) {
  footer .container {
    margin-left: 5%;
    margin-right: 5%
  }
}

footer .section-separator {
  border-bottom: 1px solid #babdc2;
  border-top: 1px solid #babdc2
}

footer .copyright {
  color: #6c7778;
  text-align: center;
  vertical-align: middle
}

@media screen and (max-width:48rem) {
  footer .copyright {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
}

@media screen and (max-width:48rem) {
  footer #copyright-top {
    display: none
  }
}

footer #copyright-bottom {
  display: none
}

@media screen and (max-width:48rem) {
  footer #copyright-bottom {
    display: block
  }
}

footer .primaryLogo {
  text-align: center
}

footer .footer-row {
  display: table;
  padding: .5rem 0;
  width: 100%
}

footer .social-column {
  display: inline-block;
  vertical-align: middle;
  width: 16.6%
}

@media screen and (max-width:48rem) {
  footer .social-column {
    display: table-cell;
    text-align: center;
    width: 100%
  }
}

footer .copyright-column {
  display: inline-block;
  text-align: center;
  width: 66.6%
}

@media screen and (max-width:48rem) {
  footer .copyright-column {
    display: table-cell;
    text-align: center;
    width: 100%
  }
}

footer .socialBtn-container {
  align-items: center;
  border-radius: .3125rem;
  display: inline-flex;
  justify-content: space-between;
  margin-left: -.5rem
}

footer .socialBtn-container a {
  align-self: center;
  display: inline-block;
  flex: auto;
  padding: .5rem
}


footer .socialBtn-container a svg {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 24px
}

footer .footer-logo {
  height: 24px;
  width: auto
}

@media screen and (min-width:48rem) {
  footer .footer-logo {
    height: 32px
  }
}

footer .footer-section {
  justify-self: left
}

@media screen and (min-width:48rem) {
  footer .footer-section {
    justify-self: left
  }
}

@media screen and (min-width:64rem) {
  footer .footer-section {
    justify-self: center
  }
}

footer .footer-section .footer-header {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700
}

.full-author-bio {
  border-bottom: 1px solid #dadada
}

.full-author-bio--details {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem
}

@media screen and (max-width:64rem) {
  .full-author-bio--details {
    margin-top: 0
  }
}

.image-container {
  margin-right: 1.5rem;
  width: 30%
}

@media screen and (max-width:64rem) {
  .image-container {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%
  }
}

.image-container img {
  border-radius: 100%;
  max-height: 180px;
  width: auto
}

.author-content {
  display: inline-block;
  width: 64%
}

@media screen and (max-width:64rem) {
  .author-content {
    width: 100%
  }
}

.author-name {
  margin-bottom: .5rem
}

@media screen and (max-width:64rem) {
  .author-name {
    margin-top: 1rem
  }
}

.author-title {
  margin-bottom: .5rem
}

.social-container {
  border-top: 1px solid #dadada;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: .5rem;
  padding: 1.5rem 0;
  text-align: center
}

@media screen and (max-width:64rem) {
  .social-container {
    justify-content: flex-start;
    padding: 1rem 0;
    text-align: center
  }
}

.social-items {
  display: flex;
  flex: 1 0 200px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end
}

@media screen and (max-width:64rem) {
  .social-items {
    justify-content: center
  }
}

.social-column {
  display: flex;
  flex: 0 0 40px;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  margin: 0 0 0 .5rem
}

@media screen and (max-width:64rem) {
  .social-column {
    margin: 0 .5rem
  }
}

.social-column>svg {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 24px
}

.social-column>svg path {
  fill: #575757;
  transition: all .2s ease-in-out
}

.social-column:hover>svg path {
  fill: rgba(87, 87, 87, .8)
}

.connect-label {
  display: flex;
  flex: 1 0 200px;
  flex-direction: column;
  justify-content: center;
  text-align: left
}

@media screen and (max-width:64rem) {
  .connect-label {
    flex: 0 0 100%;
    text-align: center
  }
}

.header-block {
  color: #191919;
  font-weight: 700
}

.header-block h2 {
  font-size: 36px;
  line-height: 40px
}

.header-block h3 {
  font-size: 30px;
  line-height: 32px
}

.header-block h4 {
  font-size: 26px;
  line-height: 32px
}

.header-block h5 {
  font-size: 20px;
  line-height: 24px
}

h1.headline {
  line-height: 3rem;
  margin-bottom: 1rem
}

.lead-art-wrapper {
  display: block;
  height: auto;
  margin: 0 0 1rem;
  position: relative;
  width: 100%
}

@media screen and (min-width:48rem) {
  .lead-art-wrapper {
    margin-bottom: 1.5rem
  }
}

.lead-art-wrapper figcaption {
  margin-top: .5rem
}

.lead-art-wrapper figcaption .image-metadata {
  font-size: .875rem;
  line-height: 1.5rem;
  margin: 8px 0
}

@media screen and (min-width:48rem) {
  .lead-art-wrapper figcaption .image-metadata {
    line-height: 1.25rem
  }
}

.lead-art-wrapper .btn-full-screen {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: .875rem;
  line-height: 1.125rem;
  margin: .5rem 0;
  padding-left: 0
}

.lead-art-wrapper .btn-full-screen svg {
  fill: #575757;
  height: 1rem;
  margin-right: 4px;
  width: 1rem
}

.lead-art-wrapper div.innerContent,
.lead-art-wrapper img {
  border: 0;
  display: block;
  height: auto;
  position: relative;
  vertical-align: middle;
  width: 100%
}

.links-bar {
  margin-bottom: 1rem;
  align-items: center;
  text-align: left;
  width: 100%
}

@media screen and (min-width:48rem) {
  .links-bar {
    margin-bottom: 1.5rem;
    text-align: center
  }
}

.links-bar .links-menu {
  padding: 8px 0
}

.links-bar .links-menu a {
  transition: color .3s ease;
  color: #191919;
  font-size: 14px;
  height: 100%;
  line-height: 14px;
  margin: 8px 0;
  text-align: center;
  text-decoration: none
}

.links-bar .links-menu a:active,
.links-bar .links-menu a:hover {
  color: #7f7f7f
}

.masthead-block--text {
  font-size: .875rem;
  line-height: 1rem
}

.masthead-block--promo-link {
  color: #191919;
  text-decoration: none
}

.numbered-list-container {
  margin-bottom: 1rem
}

@media screen and (min-width:48rem) {
  .numbered-list-container {
    margin-bottom: 1.5rem;
    margin-bottom: 1rem
  }
}

.numbered-list-container:last-child {
  margin-bottom: 0
}

.numbered-list-container .list-title {
  color: #191919;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem
}

.numbered-list-container hr {
  margin-bottom: 0;
  margin-top: 0
}

.vertical-align-image>picture>img {
  vertical-align: middle
}

.numbered-list-item {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between
}

@media screen and (min-width:48rem) {
  .numbered-list-item {
    margin-bottom: 1rem
  }
}

.numbered-list-item:last-child {
  margin-bottom: 0
}

.numbered-list-item .list-item-number {
  color: #191919;
  flex: 0 0 2.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left
}

.numbered-list-item .list-anchor-image {
  flex: 0 0 calc(25% + 16px);
  padding-left: 1rem;
  text-decoration: none
}

.numbered-list-item .list-anchor-image img {
  height: auto;
  width: 100%
}

.numbered-list-item .headline-list-anchor {
  transition: color .3s ease;
  color: #191919;
  display: flex;
  text-decoration: none;
  flex-grow: 1
}

.numbered-list-item .headline-list-anchor:active,
.numbered-list-item .headline-list-anchor:hover {
  color: #7f7f7f
}

.numbered-list-item .headline-list-anchor .headline-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}

@media screen and (min-width:0rem) {
  .numbered-item-margins {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
}

.results-list-container {
  margin-bottom: 1rem
}

@media screen and (min-width:48rem) {
  .results-list-container {
    margin-bottom: 1.5rem
  }
}

.list-item {
  box-shadow: inset 0 -1px 0 0 #dadada;
  column-gap: 12px;
  display: grid;
  grid-template-areas: "headline image" "description description";
  grid-template-columns: 1fr minmax(0, max-content);
  grid-template-rows: auto;
  padding: 1.5rem 0
}

.list-item .description-text {
  font-size: 1.125rem;
  line-height: 1.78;
  margin-bottom: 1rem
}

.list-item .headline-text {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.26;
  margin-bottom: 1rem
}

.list-item .results-list--author-date {
  font-size: .875rem;
  line-height: 1rem
}

.list-item .results-list--author-date .story-date {
  color: #191919;
  display: inline;
  font-size: .875rem;
  line-height: 1rem
}

.list-item a {
  transition: color .3s ease;
  color: #191919;
  text-decoration: none
}

.list-item a:active,
.list-item a:hover {
  color: #7f7f7f
}

.list-item a,
.list-item h2,
.list-item p {
  color: #191919
}

.list-item img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%
}

.results-list--image-container {
  grid-area: image;
  height: 60px;
  width: 99px
}

@media screen and (min-width:64rem) {
  .list-item {
    column-gap: 2rem;
    grid-template-areas: "image headline" "image description";
    grid-template-columns: minmax(0, 35%) 1fr;
    grid-template-rows: min-content 1fr;
    padding: 1rem 0
  }

  .list-item.no-image {
    grid-template-areas: "headline" "description";
    grid-template-columns: 1fr
  }

  .list-item .headline-text {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .5rem
  }

  .list-item .description-text {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: .5rem
  }

  .list-item .results-list--author-date {
    font-size: .625rem;
    line-height: 1rem
  }

  .results-list--image-container {
    height: auto;
    width: 100%
  }
}

.results-list--headline-container {
  grid-area: headline
}

.results-list--description-author-container {
  grid-area: description
}

.see-more {
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center;
  display: flex;
  justify-content: center
}

.search-container {
  border-bottom: 1px solid #b8c1cb;
  margin-bottom: 20px;
  padding-bottom: 30px;
  text-align: center
}

.search-container>div {
  display: flex
}

.search-bar {
  background-color: #fff;
  border: 1px solid #575757;
  border-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
  display: inline-block;
  flex: 1;
  font-size: 1rem;
  height: 48px;
  padding-left: 47px
}

.search-icon-container {
  margin-left: 12px;
  margin-top: 12px;
  position: absolute;
  z-index: 5
}

.btn {
  border: 1px solid #575757;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
  height: 48px;
  margin-left: -.2%
}

.search-results-text {
  color: #191919;
  font-size: 14px;
  margin-top: 20px;
  text-align: left
}

.section-title {
  color: #191919;
  display: block;
  font-weight: 700
}

.section-container {
  margin-top: 1rem
}

.section-title--styled-link {
  font-size: .875rem;
  color: #191919;
  text-decoration: none
}

.ts-share-bar {
  border-radius: 0 5px 5px 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  display: flex;
  flex-direction: column;
  left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  position: fixed;
  top: 200px;
  width: 44px
}

@media screen and (max-width:63rem) {
  .ts-share-bar {
    visibility: hidden
  }
}

.ts-share-bar__button {
  background: none !important;
  border: 0;
  cursor: pointer;
  margin: 5px;
  padding: 0 !important
}

.list-container {
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0
}

@media screen and (min-width:48rem) {
  .list-container {
    margin-bottom: 1.5rem;
    margin-bottom: 1rem
  }
}

.list-container:last-child {
  margin-bottom: 0
}

.list-container .list-title {
  color: #191919;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem
}

.list-container a>picture>img {
  vertical-align: middle
}

.list-container hr {
  margin-bottom: 0;
  margin-top: 0
}

.list-container .list-item-simple {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  min-height: 72px
}

@media screen and (min-width:48rem) {
  .list-container .list-item-simple {
    margin-bottom: 1rem
  }
}

.list-container .list-item-simple:last-child {
  margin-bottom: 0
}

.list-container .list-item-simple .simple-list-anchor {
  flex: 0 0 33%;
  text-decoration: none
}

.list-container .list-item-simple .simple-list-anchor img {
  height: auto;
  object-fit: cover;
  width: 100%
}

.list-container .list-item-simple .simple-list-headline-anchor {
  transition: color .3s ease;
  color: #191919;
  display: flex;
  padding-left: 1rem;
  text-decoration: none
}

.list-container .list-item-simple .simple-list-headline-anchor:active,
.list-container .list-item-simple .simple-list-headline-anchor:hover {
  color: #7f7f7f
}

.list-container .list-item-simple .simple-list-headline-anchor .simple-list-headline-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: fit-content
}

@media screen and (min-width:0rem) {
  .simple-list-item-margins {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
}

@media screen and (min-width:48rem) {
  .simple-list-item-margins {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
}

.h4-primary.sub-headline {
  color: #191919;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 3rem
}

@media screen and (min-width:48rem) {
  .h4-primary.sub-headline {
    font-size: 1.625rem;
    line-height: 2rem
  }
}

h1.tag-name,
p.tag-description {
  color: #191919;
  margin-bottom: .5rem
}

p.tag-description {
  font-size: 1rem
}

@media screen and (min-width:48rem) {
  .top-table-list-section-extra_large .xl-large-promo .xl-promo-headline {
    margin-bottom: .5rem
  }
}

.top-table-list-section-large .large-promo .lg-promo-headline {
  padding-top: .5rem
}

@media screen and (min-width:48rem) {
  .top-table-list-section-large .large-promo .lg-promo-headline {
    padding-top: 0;
    margin-top: -.5rem
  }
}

@media screen and (min-width:48rem) {
  .top-table-list-section-medium .medium-promo .md-promo-headline {
    margin-bottom: .5rem;
    margin-top: -.5rem
  }
}

.top-table-list-small-promo {
  display: flex;
  flex-direction: column
}

.top-table-list-small-promo hr {
  margin-top: auto;
  margin-bottom: 1rem
}

.top-table-list-small-promo .promo-container {
  display: flex;
  column-gap: 1.5rem
}

.top-table-list-small-promo .promo-container.horizontal {
  margin-bottom: 1rem
}

.top-table-list-small-promo .promo-container.horizontal .promo-headline {
  flex: 2
}

.top-table-list-small-promo .promo-container.horizontal .promo-image {
  flex: 1
}

.top-table-list-small-promo .promo-container.vertical {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 1.5rem;
  margin-bottom: 1rem
}

.top-table-list-small-promo .promo-container.vertical .promo-image {
  display: block;
  width: 100%
}

.top-table-list-small-promo .promo-container.vertical.image-below .promo-image {
  margin-top: auto
}

@media only screen and (min-width:48rem) {
  .top-table-list-small-promo .promo-container.sm-promo-padding-btm {
    padding-top: 0
  }
}

.top-table-list-small-promo .sm-promo-headline {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-box-oriented: vertical;
  text-overflow: -o-ellipsis-lastline
}

.top-table-list-small-promo.wrap-bottom {
  margin-bottom: 0 !important
}

@media only screen and (min-width:48rem) {
  .top-table-list-small-promo.wrap-bottom {
    margin-bottom: inherit
  }
}

.top-table-list-container.wrap-bottom {
  margin-bottom: inherit !important
}

.top-table-list-container .image-wrapper {
  position: relative
}

.top-table-list-container .image-wrapper img {
  vertical-align: middle
}

.top-table-list-container .hr-borderless {
  visibility: hidden
}

@media screen and (min-width:0rem) {
  .promo-item-margins {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
}

@media screen and (min-width:48rem) {
  .promo-item-margins {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
}

.live-grid {
  padding: 0 5vw
}

.luf-left-rail,
.luf-right-rail {
  display: none
}

@media only screen and (min-width:1024px) {
  .live-grid {
    display: grid;
    grid-column-gap: 60px;
    grid-template-columns: 300px auto;
    justify-content: center;
    padding: 20px 10px 0 0;
    width: 100%
  }

  .luf-left-rail {
    display: block;
    height: calc(100vh - 60px);
    overflow: hidden
  }

  .luf-content-well {
    max-width: 700px
  }

  .luf-left-rail-wrapper {
    height: 100%;
    overflow: auto
  }
}

@media only screen and (min-width:1400px) {
  .live-grid {
    grid-template-columns: 300px auto 361px
  }

  .luf-right-rail {
    display: block;
    grid-column-start: auto;
    grid-row-start: auto;
    margin-left: 0
  }
}

.sticky {
  position: sticky
}

.top-60 {
  top: 60px
}

.minw-200 {
  min-width: 200px
}

.w-100 {
  width: 100%
}

.relative {
  position: relative
}

.ml-auto {
  margin-left: auto
}

.mr-auto {
  margin-right: auto
}

.b-1 {
  border-inline-end: 1px solid #e9e9e9
}

.page-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9;
  background-color: white;
}

.main {
  flex-grow: 1;
  transition: padding-top .3s linear;
  width: 100%
}

@media screen and (max-width:95rem)and (min-width:90rem) {
  .main .container {
    margin-left: 5%;
    margin-right: 5%
  }
}

.advanced-grid-desktop-main-area {
  padding: 0
}

@media screen and (min-width:64rem) {
  .advanced-grid-desktop-main-area {
    padding: 0 2rem 0 0
  }
}

@media(max-width:64rem) {
  .row.advanced-grid {
    grid-template-columns: auto
  }

  .advanced-grid {
    margin: 0;
    gap: 0;
    grid: "rightrailtop" "main" "rightrailmiddle" "main2" "rightrailbottom"
  }

  .advanced-grid-1 {
    grid-area: rightrailtop
  }

  .advanced-grid-2 {
    grid-area: main
  }

  .advanced-grid-3 {
    grid-area: rightrailmiddle
  }

  .advanced-grid-4 {
    grid-area: main2
  }

  .advanced-grid-5 {
    grid-area: rightrailbottom
  }

  [class*=advanced-grid-] {
    width: 100%;
    min-width: 2rem;
    max-width: 64rem
  }

  .advanced-grid>section {
    display: contents
  }
}

body,
html {
  height: 100%;
  width: 100%
}

#fusion-app {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

#fusion-app .page-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9;
  background-color: white;
}

#fusion-app .main {
  flex-grow: 1;
  transition: padding-top .3s linear;
  width: 100%
}

@media screen and (max-width:95rem)and (min-width:90rem) {
  #fusion-app .main .container {
    margin-left: 5%;
    margin-right: 5%
  }
}

#fusion-app .left-article-section {
  padding: 0
}

@media screen and (min-width:64rem) {
  #fusion-app .left-article-section {
    padding: 0 2rem 0 0
  }
}

#fusion-app .right-article-section {
  padding: 0
}

@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

.skeleton-loader {
  min-height: 400px
}

.post {
  display: flex;
  width: 100%
}

.post .left-col {
  flex-direction: column;
  margin-right: 1rem;
  width: 150px
}

.post .avatar,
.post .left-col {
  align-items: center;
  display: flex
}

.post .avatar {
  background-color: #eaeaea;
  height: 120px;
  margin-bottom: .5rem
}

.post .avatar,
.post .user-name {
  justify-content: center;
  width: 100%
}

.post .user-name {
  align-items: center;
  display: flex;
  height: 25px
}

.post .avatar-skeleton {
  height: 100%;
  line-height: 1;
  width: 100%
}

.post .avatar img {
  height: 70%;
  width: 70%
}

.post .right-col {
  flex: 1
}

.post .right-col p {
  margin-bottom: 0
}

.post h3 {
  font-size: 2rem
}

.lds-ring {
  height: 60px;
  margin: auto;
  position: relative;
  width: 60px
}

.lds-ring.financiero div {
  border: 8px solid transparent;
  border-top-color: #b93461;
  border-radius: 50%
}

.lds-ring.financiero div,
.lds-ring.nacion div {
  animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  box-sizing: border-box;
  display: block;
  height: 50px;
  margin: 8px;
  position: absolute;
  width: 50px
}

.lds-ring.nacion div {
  border: 8px solid transparent;
  border-top-color: #003c6f;
  border-radius: 50%
}

.lds-ring div:first-child {
  animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
  animation-delay: -.15s
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.card-container {
  flex-direction: column;
  margin: 10px auto 20px;
  width: 100%
}

@media only screen and (min-width:680px) {
  .card-container {
    max-width: 80%
  }
}

@media only screen and (min-width:1100px) {
  .card-container {
    max-width: 45%
  }
}

.card-container-offer {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(36, 80, 120, .19);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px
}

@media only screen and (min-width:680px) {
  .card-container-offer {
    width: 100%
  }
}

@media only screen and (min-width:480px) {
  .card-container-offer {
    flex-direction: row;
    justify-content: space-between;
    width: 100%
  }
}

.card-container-offer-title {
  align-items: center;
  display: flex;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin: auto
}

.card-container-offer-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjkiIGZpbGw9IiMwMDRFN0UiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjAyMyA1Ljk3N2MuMjIuMjIuMjIuNTc2IDAgLjc5NmwtNS4yNSA1LjI1YS41NjIuNTYyIDAgMDEtLjc5NiAwbC0zLTNhLjU2My41NjMgMCAwMS43OTYtLjc5NmwyLjYwMiAyLjYwMiA0Ljg1Mi00Ljg1MmMuMjItLjIyLjU3Ni0uMjIuNzk2IDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 20px;
  margin-right: 5px;
  width: 20px
}

.card-container-offer-price {
  display: flex;
  font-family: Arial;
  font-size: 22px;
  font-weight: 700;
  margin: auto
}

.card-container-offer-price .color-nacion {
  color: #19a2ca;
  font-family: Arial;
  font-size: 22px;
  font-weight: 700
}

.card-container-description {
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  text-align: center;
  width: 100%
}

.login-container {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 100%
}

@media only screen and (min-width:680px) {
  .login-container {
    max-width: 80%
  }
}

@media only screen and (min-width:1100px) {
  .login-container {
    max-width: 50%
  }
}

.logo-financiero {
  height: auto;
  margin: auto;
  width: 60%
}

@media only screen and (min-width:480px) {
  .logo-financiero {
    margin: 0
  }
}

.color-financiero {
  color: #b93461;
  font-family: Arial;
  font-size: 22px;
  font-weight: 700
}

.error-message {
  color: #fe2323;
  font-family: Arial;
  font-size: 14px
}

.form-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%
}

@media only screen and (min-width:900px) {
  .form-container {
    flex-direction: row
  }
}

.form-container-group {
  flex-wrap: wrap;
  margin-bottom: 20px;
  position: relative;
  width: 100%
}

.form-container-input {
  align-self: stretch;
  background: #fff;
  border-radius: 5px;
  color: #272832;
  display: flex;
  font-family: Arial;
  font-size: 16px;
  height: 45px;
  outline: none;
  padding: 8px 16px;
  width: 100%
}

.form-container-input.nacion {
  border: 1px solid #003c6f
}

.form-container-input.financiero {
  border: 1px solid #b93461
}

.form-container-input.identification {
  margin: 0;
  width: 100%
}

@media only screen and (min-width:900px) {
  .form-container-input.identification {
    margin-right: 20px;
    max-width: 95%
  }
}

.form-container-input.phone {
  width: 100%
}

.form-container-input[disabled],
.form-container-input[readonly] {
  background: #ededed;
  opacity: 1
}

.form-container-label {
  font-size: 16px;
  left: 15px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s
}

.form-container-label.nacion {
  color: #003c6f
}

.form-container-label.financiero {
  color: #b93461
}

.form-container-buttons {
  align-items: normal;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0;
  width: 100%
}

@media only screen and (min-width:900px) {
  .form-container-buttons {
    align-items: center;
    flex-direction: row;
    width: 100%
  }
}

.form-container-buttons .button {
  align-items: center;
  background: #004e7e;
  border: 1px solid #004e7e;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Arial;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  justify-content: center;
  line-height: normal;
  margin: 10px 0;
  text-align: center
}

@media only screen and (min-width:900px) {
  .form-container-buttons .button {
    width: 45%
  }
}

.form-container-buttons .button.financiero {
  background: #b93461;
  border: 1px solid #b93461
}

.form-container-buttons .button:disabled {
  background-color: #c8c9ca;
  border: 1px solid #c8c9ca
}

.form-container-buttons .icon-arrow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjIyMyA3LjAzNmEuNjU2LjY1NiAwIDAxLjkyOCAwbDMuNSAzLjVhLjY1Ni42NTYgMCAwMTAgLjkyOGwtMy41IDMuNWEuNjU2LjY1NiAwIDExLS45MjgtLjkyOEwxMi4yNiAxMSA5LjIyMyA3Ljk2NGEuNjU2LjY1NiAwIDAxMC0uOTI4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 21px;
  width: 21px
}

.form-container-buttons .icon-arrow-left {
  transform: scaleX(-1)
}

.form-container-buttons .icon-arrow-right {
  transform: scaleX(1)
}

.form-container-button {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center
}

.form-container-button.button {
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: Arial;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  width: 100%
}

.form-container-button.button.nacion {
  background: #004e7e;
  border: 1px solid #004e7e
}

.form-container-button.button.financiero {
  background: #b93461;
  border: 1px solid #b93461
}

.form-container-button.icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjIyMyA3LjAzNmEuNjU2LjY1NiAwIDAxLjkyOCAwbDMuNSAzLjVhLjY1Ni42NTYgMCAwMTAgLjkyOGwtMy41IDMuNWEuNjU2LjY1NiAwIDExLS45MjgtLjkyOEwxMi4yNiAxMSA5LjIyMyA3Ljk2NGEuNjU2LjY1NiAwIDAxMC0uOTI4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 21px;
  width: 21px
}

.form-container-input:disabled~label,
.form-container-input:focus~label,
.form-container-input:valid~label {
  background: #fff;
  font-size: 14px;
  left: 15px;
  padding: 0 2px;
  top: 0
}

.form-container-input:disabled~label {
  background: #ededed
}

.input-data {
  display: none
}

.container-user {
  margin-bottom: 20px;
  width: 100%
}

.container-user-data {
  border-radius: 5px;
  padding: 10px 20px;
  width: 100%
}

.container-user-data.nacion {
  background: #f1f6ff
}

.container-user-data.financiero {
  background: #ffd5c0
}

.container-user-title {
  color: #272832;
  font-family: Arial;
  font-size: 15px
}

.container-user-name {
  color: #272832;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto 10px
}

.container-user-name.firstname,
.container-user-name.lastname {
  text-transform: capitalize
}

.container-user-email {
  color: #272832;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.container-user-label {
  font-family: Arial;
  font-size: 15px;
  font-weight: 700;
  line-height: normal
}

.container-user-label.nacion {
  color: #003c6f
}

.container-user-label.financiero {
  color: #b93461
}

.container-information {
  background: #fef5a9;
  border-radius: 0 5px 5px 0;
  display: flex;
  margin-bottom: 15px;
  width: 100%
}

.container-information-icon {
  background: #ffdd3f;
  display: flex;
  padding: 4px;
  width: 30px
}

.container-information-icon.icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43ODYgMy43MjVhMS43NSAxLjc1IDAgMDAtMi44NDYuNTQ4TDEyLjM0NyA3Ljk5QTQuNzQ1IDQuNzQ1IDAgMDA4LjA3IDkuMjkxbC0xLjcxIDEuNzFhLjc1Ljc1IDAgMDAwIDEuMDZsMi40OTUgMi40OTYtNS4zODUgNS4zODZhLjc1Ljc1IDAgMDAxLjA2IDEuMDZsNS4zODYtNS4zODUgMi40OTUgMi40OTVhLjc1Ljc1IDAgMDAxLjA2MSAwbDEuNzEtMS43MWE0Ljc0NSA0Ljc0NSAwIDAwMS4zMDItNC4yNzdsMy43MTYtMS41OTNhMS43NSAxLjc1IDAgMDAuNTQ4LTIuODQ1bC0zLjk2Mi0zLjk2M3ptLTEuNDY4IDEuMTM5YS4yNS4yNSAwIDAxLjQwNy0uMDc4bDMuOTYzIDMuOTYyYS4yNS4yNSAwIDAxLS4wNzkuNDA3bC00LjMxNSAxLjg1YS43NS43NSAwIDAwLS40MS45NDEgMy4yNSAzLjI1IDAgMDEtLjc2MyAzLjM5NmwtMS4xOCAxLjE4LTQuOTktNC45OSAxLjE4LTEuMThhMy4yNSAzLjI1IDAgMDEzLjM5Ni0uNzYyLjc1Ljc1IDAgMDAuOTQyLS40MWwxLjg1LTQuMzE2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 21px;
  margin: auto
}

.container-information-description {
  font-weight: 400;
  padding: 10px
}

.container-information-bold,
.container-information-description {
  color: #847112;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  line-height: normal
}

.container-information-bold {
  font-weight: 700
}

.checkout-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  min-height: 60vh;
  width: 100%
}

@media only screen and (min-width:1000px) {
  .checkout-container {
    flex-direction: row;
    max-width: 1150px
  }
}

.checkout-container-offer {
  width: 100%
}

@media only screen and (min-width:1000px) {
  .checkout-container-offer {
    width: 50%
  }
}

.checkout-container-form {
  margin: auto;
  max-width: 500px;
  padding: 10px;
  width: 100%
}

@media only screen and (min-width:1000px) {
  .checkout-container-form {
    margin: 0;
    width: 50%
  }
}

.container-subcription {
  background: transparent;
  border-radius: 5px;
  margin: 10px auto;
  width: 100%
}

.offer-container,
.swg-card {
  width: 100%
}

.offer-card-piano {
  display: flex;
  width: 100%
}

.offer-card-v2 {
  box-shadow: 0 0 20px 0 rgba(36, 80, 120, .19);
  margin: auto;
  width: 100%
}

@media only screen and (min-width:1000px) {
  .offer-card-v2 {
    width: 80%
  }
}

.offer-card-v2 .btn-offer {
  background: #ffe200;
  border: 1px solid #003c6f;
  border-radius: 4px;
  color: #000;
  font-family: Arial;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  margin: 15px;
  padding: 15px 40px;
  text-decoration: none
}

.offer-card-v2 .card-section {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  margin: auto;
  padding: 40px 10px;
  text-align: center;
  width: 100%
}

.offer-card-v2 .card-title {
  color: #fff;
  font-family: "Noto Serif", sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px
}

.offer-card-v2 .header-logo {
  height: 0 auto 15px;
  margin: auto;
  width: 80%
}

.offer-card-v2 hr {
  border-top: 1px solid hsla(0, 0%, 100%, .15);
  display: block;
  margin: 40px auto;
  max-width: 150px
}

.offer-card-v2 .iva {
  font-size: 14px
}

.offer-card-v2 .or-swg {
  color: #fff;
  margin-top: 25px
}

.offer-card-v2 .price {
  font-size: 1.8em;
  font-weight: 600
}

.offer-card-v2 .pricing {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.425rem;
  font-weight: 400
}

.offer-card-v2 .view-suscribe-offer {
  margin-top: 20px
}

.subscription-container {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px auto;
  padding: 0 20px;
  width: 100%
}

@media only screen and (min-width:1000px) {
  .subscription-container {
    width: 90%
  }
}

.checkout-header-title {
  font-family: Arial;
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  margin: 10px auto;
  text-align: center;
  width: 100%
}

.checkout-header-title.nacion {
  color: #003c6f
}

.checkout-header-title.financiero {
  color: #b93461
}

.checkout-header-information {
  color: #7e7f81;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto 15px;
  padding: 0 10px;
  text-align: center;
  width: 100%
}

.swg-container {
  display: flex;
  flex-direction: column;
  width: 100%
}

.swg-offer-title {
  color: #272832;
  font-size: 14px;
  font-weight: 400;
  text-align: center
}

.swg-offer-title,
.swg-or {
  font-family: Arial;
  font-style: normal;
  line-height: normal
}

.swg-or {
  align-content: center;
  align-items: center;
  color: #3f3f3f;
  display: flex;
  flex-direction: row;
  font-size: 19px;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto 10px;
  width: 100%
}

.swg-separator {
  background-color: #272832;
  color: #272832;
  height: 1px;
  margin: 10px;
  width: 5%
}

.full {
  max-width: none !important;
  width: 100% !important
}

.title-offer {
  align-items: center;
  display: flex;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 700
}

.subtitle-offer,
.title-offer {
  color: #272832;
  font-style: normal;
  line-height: normal;
  text-align: center
}

.subtitle-offer {
  font-family: Arial;
  font-size: 17px;
  font-weight: 400;
  margin: 10px
}

.icon-offer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjkiIGZpbGw9IiMwMDRFN0UiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjAyMyA1Ljk3N2MuMjIuMjIuMjIuNTc2IDAgLjc5NmwtNS4yNSA1LjI1YS41NjIuNTYyIDAgMDEtLjc5NiAwbC0zLTNhLjU2My41NjMgMCAwMS43OTYtLjc5NmwyLjYwMiAyLjYwMiA0Ljg1Mi00Ljg1MmMuMjItLjIyLjU3Ni0uMjIuNzk2IDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 20px;
  margin-right: 5px;
  width: 20px
}

.price-offer-promo {
  color: #272832;
  font-size: 38px;
  text-align: center
}

.price-offer-detail,
.price-offer-promo {
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.price-offer-detail {
  font-size: 32px
}

.price-offer-detail.nacion {
  color: #19a2ca
}

.price-offer-detail.financiero {
  color: #b93461
}

.price-offer {
  color: #7e7f81;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center
}

.separator {
  height: 1px;
  margin: 10px auto;
  width: 80%
}

.separator.nacion {
  border: 1px solid #6b96b0
}

.separator.financiero {
  border: 1px solid #b93461
}

.terms-offer {
  margin: auto;
  text-align: left;
  width: 280px
}

.icon-ellipse {
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  height: 10px;
  margin-right: 5px;
  width: 10px
}

.icon-ellipse.nacion {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjMDA0RTdFIi8+PC9zdmc+")
}

.icon-ellipse.financiero {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9Im5vbmUiPjxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjYjkzNDYxIi8+PC9zdmc+")
}

.terms-offer-description {
  align-items: baseline;
  color: #7e7f81;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.alert-message__alert {
  border: 1px solid transparent;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative
}

.alert-message__error {
  background-color: #f8d7da;
  border-color: #f5c2c7;
  color: #842029
}

.alert-message__success {
  background-color: #d1e7dd;
  border-color: #badbcc;
  color: #0f5132
}

.alert-message__warning {
  background-color: #fff3cd;
  border-color: #ffecb5;
  color: #664d03
}

.alert-message__primary {
  background-color: #cfe2ff;
  border-color: #b6d4fe;
  color: #084298
}

.alert-message__secondary {
  background-color: #e2e3e5;
  border-color: #d3d6d8;
  color: #41464b
}

.alert-message__info {
  background-color: #cff4fc;
  border-color: #b6effb;
  color: #055160
}

.alert-message__closebtn {
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 15px;
  transition: .3s
}

.alert-message__closebtn:hover {
  color: #000
}

.alert-message__hide {
  display: none
}

.container-payment {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 20px;
  width: 100%
}

.container-payment-card {
  border-radius: 5px;
  margin: 20px 0
}

@media only screen and (min-width:950px) {
  .container-payment-card {
    flex-direction: column
  }
}

.container-payment-card.nacion {
  border: 1px solid #003c6f
}

.container-payment-card.financiero {
  border: 1px solid #b93461
}

.container-payment-card img {
  display: flex;
  height: auto;
  width: 90px
}

.container-payment-options {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 10px 0
}

@media only screen and (min-width:480px) {
  .container-payment-options {
    flex-direction: row;
    padding: 10px 30px
  }
}

.radio {
  margin: .5rem
}

.radio input {
  opacity: 0;
  position: absolute
}

.radio input+.radio-label {
  align-items: center;
  display: flex
}

.radio input+.radio-label:before {
  background: #f4f4f4;
  border: 1px solid #b4b4b4;
  border-radius: 100%;
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.4em;
  margin-right: 5px;
  position: relative;
  text-align: center;
  top: -.2em;
  transition: all .25s ease;
  vertical-align: top;
  width: 1.4em
}

@media only screen and (min-width:950px) {
  .radio input+.radio-label {
    margin-right: 25px
  }
}

.radio input .radio-label:empty:before {
  margin-right: 0
}

.radio input:checked+.radio-label.nacion:before {
  background-color: #003c6f;
  box-shadow: inset 0 0 0 4px #f4f4f4
}

.radio input:checked+.radio-label.financiero:before {
  background-color: #b93461;
  box-shadow: inset 0 0 0 4px #f4f4f4
}

.radio input:focus+.radio-label.nacion:before {
  border-color: #003c6f;
  outline: none
}

.radio input:focus+.radio-label.financiero:before {
  border-color: #b93461;
  outline: none
}

.radio input:disabled+.radio-label:before {
  background: #b4b4b4;
  border-color: #b4b4b4;
  box-shadow: inset 0 0 0 4px #f4f4f4
}

.loading-message-wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: left
}

.loading {
  margin: 0 5px;
  position: relative
}

@keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

.spinner:before {
  animation: spinner .8s ease infinite;
  border-radius: 50%;
  border-color: #6bc1ae transparent;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  width: 20px
}

.checkmark:before {
  box-sizing: border-box;
  color: #00a321;
  content: "✓";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  width: 20px
}

.ncf-container {
  box-sizing: border-box;
  font-size: 14px
}

.ncf-container.nfc-top-left {
  left: 12px;
  position: fixed;
  top: 12px;
  z-index: 999
}

.ncf-container.nfc-top-right {
  position: fixed;
  right: 12px;
  top: 12px;
  z-index: 999
}

.ncf-container.nfc-bottom-right {
  bottom: 12px;
  position: fixed;
  right: 12px;
  z-index: 999
}

.ncf-container.nfc-bottom-left {
  bottom: 12px;
  left: 12px;
  position: fixed;
  z-index: 999
}

@media(max-width:767px) {
  .ncf-container {
    left: 0;
    right: 0
  }
}

.ncf-container .ncf {
  background: #fff;
  background-position: 15px !important;
  background-repeat: no-repeat !important;
  border-radius: 3px;
  box-shadow: 0 0 12px #999;
  color: #000;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
  margin: 0 0 6px;
  opacity: .9;
  overflow: hidden;
  padding: 30px;
  pointer-events: auto;
  position: relative;
  transition: .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ncf-container .ncf:hover {
  box-shadow: 0 0 12px #000;
  cursor: pointer;
  opacity: 1
}

.ncf-container .ncf .ncf-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  margin-top: 0;
  text-align: left;
  word-wrap: break-word
}

.ncf-container .ncf .nfc-message {
  margin: 0;
  text-align: left;
  word-wrap: break-word
}

.ncf-container .success {
  background: #51a351;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");
  color: #fff;
  padding: 15px 15px 15px 50px
}

.ncf-container .info {
  background: #2f96b4;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=");
  color: #fff;
  padding: 15px 15px 15px 50px
}

.ncf-container .warning {
  background: #f87400;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=");
  color: #fff;
  padding: 15px 15px 15px 50px
}

.ncf-container .error {
  background: #bd362f;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  color: #fff;
  padding: 15px 15px 15px 50px
}

.ncf-container .close-notification {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  opacity: .8;
  padding: 0;
  position: relative;
  right: -.3em;
  text-shadow: 0 1px 0 #fff;
  top: -.3em
}

.ncf-container .close-notification:hover {
  opacity: 1
}

.modal-background {
  align-items: center;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  -webkit-transition: .5s;
  transition: all .3s linear;
  width: 100%
}

.modal-container {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
  display: flex;
  flex-direction: column;
  max-width: 50%;
  padding: 25px
}

.modal-container .title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  margin-top: 0;
  text-align: left;
  word-wrap: break-word
}

.modal-container .body {
  text-align: center
}

.modal-container .body,
.modal-container .footer {
  align-items: center;
  display: flex;
  justify-content: center
}

.modal-container .footer {
  margin-top: 10px
}

.modal-container .modal-btn-custom-bold {
  background-color: #00a651
}

hr {
  background-color: #dadada;
  border: 0;
  height: 1px;
  margin: 0
}

.rsw-wrapper {
  min-height: 400px !important
}

@keyframes stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

@keyframes rainbow {
  0% {
    background-color: var(--red)
  }

  20% {
    background-color: var(--orange)
  }

  40% {
    background-color: var(--yellow)
  }

  60% {
    background-color: var(--green)
  }

  80% {
    background-color: var(--blue)
  }

  to {
    background-color: var(--indigo)
  }
}

@keyframes grow {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

.loading-wrapper {
  text-align: center
}

.error-message {
  color: red
}

.form-group {
  padding-bottom: 1rem
}

.form-group .form-control {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  color: #000;
  display: block;
  font-family: Abel, Sans-Serif;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 5px;
  max-width: 100%;
  padding: .5rem;
  width: 100%
}

.form-group .form-control[disabled],
.form-group .form-control[readonly] {
  background-color: #ccc;
  opacity: 1
}

.form-group .label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: .3125rem;
  max-width: 100%
}

.float-right {
  float: right
}

.is-grouped {
  display: inline-block
}

.is-grouped>.btn:not(:last-child) {
  margin-right: 10px
}