@charset "UTF-8";

.com-ordered {
  counter-reset: item;
  margin-bottom: 2rem;
  width: 100%
}

.com-ordered .com-item {
  font-family: Georgia, "serif";
  font-size: 1.1875rem;
  line-height: 1.875rem;
  margin: 1.5em 0;
  padding-left: 2em;
  position: relative
}

.com-ordered .com-item i {
  font-style: italic
}

.com-ordered .com-item b {
  font-weight: 700
}

.com-ordered .com-item:before {
  align-items: center;
  background-color: #000;
  color: #fff;
  content: counter(item) "";
  counter-increment: item;
  display: flex;
  font-family: Arial, "sans-serif";
  font-size: .875rem;
  font-weight: 700;
  height: 2.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: -.25rem;
  width: 1.625rem
}

.mod-headersection {
  margin-bottom: 1rem;
  width: 100%
}

.mod-headersection .com-title.com-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden
}

.mod-headersection .com-title.com-title .com-link {
  color: #333
}

@media(min-width:64em) {
  .mod-headersection .com-title.com-title {
    -webkit-line-clamp: 1
  }

  .mod-headersection .com-title.com-title {
    -webkit-line-clamp: unset
  }
}

.mod-headersection.--line {
  border-bottom: 1px solid #ccc;
  padding-bottom: .5rem
}

.mod-headersection.--button {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.mod-headersection.--button .com-button {
  color: #0250c9;
  font-weight: 100;
  padding: 0;
  text-transform: none
}

.mod-headersection .com-image {
  max-height: 1.5rem
}

.mod-headersection.--bg {
  background: #f7f7f4;
  padding: .5rem 1rem
}

.mod-headersection.--bg .com-title {
  color: #fff;
  margin: 0
}

.mod-headersection.--bg .com-line {
  display: none
}

.mod-headersection.--bg.--blue {
  background: #0250c9
}

.mod-headersection.--bg.--red {
  background: #c61c1e
}

.mod-headersection.--bg.--teal {
  background: #15afaf
}

.mod-headersection.--bg.--pink {
  background: #be1a52
}

.com-image {
  transition: all .2s ease-in-out;
  width: 100%
}

@media(min-width:64em) {

  .com-image:hover,
  .mod-article:hover .com-image {
    filter: brightness(1.1)
  }
}

.placeholder .com-image {
  display: block;
  height: auto
}

.content-facade .com-image {
  display: block;
  height: 100%
}

.--vertical-video .com-image {
  object-fit: cover
}

.--active.--active .--vertical .com-image {
  max-height: 600px;
  width: 100%
}

@media(min-width:48em) {
  .--active.--active .--vertical .com-image {
    height: 80vh;
    max-height: 1000px;
    max-width: 1000px;
    position: relative;
    width: auto
  }
}

.--active.--slider .--vertical .com-image {
  height: 100%;
  position: absolute
}

.mod-logo .com-image {
  max-height: 2.875rem;
  max-width: 100%;
  width: auto
}

.content-facade-jw .com-image {
  display: block;
  height: 100%
}

.--slider.--slider .com-image.com-image {
  height: 100%;
  object-fit: contain;
  position: absolute;
  transition: none
}

amp-img img {
  object-fit: cover
}

.canchallena amp-img img {
  object-fit: contain
}

.mod-media {
  margin-bottom: 2rem;
  position: relative
}

.mod-media.--zoom.--active {
  align-items: center;
  background: #000;
  bottom: 0;
  display: flex;
  height: auto;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  max-width: none;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
  z-index: 999999
}

.mod-media.--zoom.--active .slide {
  width: 50%
}

@media(min-height:400px) {
  .mod-media.--zoom.--active .slide {
    width: 100%
  }
}

@media(min-width:64em) {
  .mod-media.--zoom.--active .slide {
    max-width: 62.5rem;
    position: absolute;
    width: 50%
  }
}

@media(min-width:64em)and (min-height:600px) {
  .mod-media.--zoom.--active .slide {
    width: 60%
  }
}

@media(min-width:64em)and (min-height:750px) {
  .mod-media.--zoom.--active .slide {
    max-width: 65.625rem;
    width: 70%
  }
}

@media(min-width:64em)and (min-height:800px) {
  .mod-media.--zoom.--active .slide {
    width: 75%
  }
}

@media(min-width:64em)and (min-height:950px) {
  .mod-media.--zoom.--active .slide {
    max-width: 71.875rem;
    width: 85%
  }
}

.mod-media.--zoom.--active .slide .mod-figure {
  max-width: none;
  width: 100%
}

.mod-media.--zoom.--active .--horizontal .placeholder,
.mod-media.--zoom.--active .--vertical .placeholder {
  padding: 0
}

.mod-media.--zoom.--active .--horizontal .placeholder .com-image,
.mod-media.--zoom.--active .--vertical .placeholder .com-image {
  max-height: 80vh;
  position: relative;
  width: auto
}

@media(min-width:64em) {
  .mod-media.--zoom.--active {
    background: rgba(0, 0, 0, .9)
  }
}

.mod-media.--slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  width: 100%
}

.mod-media.--slider .slide {
  width: 100%
}

.mod-media.--slider .cont-figure {
  align-self: flex-start;
  background-color: initial;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 300px;
  width: 100%
}

@media(min-width:768px) {
  .mod-media.--slider .cont-figure {
    max-height: 600px
  }
}

.mod-media.--slider .cont-figure .figure .content-pic>* {
  max-width: 100%;
  min-height: 100%;
  object-fit: contain
}

.mod-media.--slider>section {
  width: 100%
}

.mod-media.--slider>section>.cont-figure>.figure {
  min-height: 300px;
  pointer-events: none
}

@media(min-width:768px) {
  .mod-media.--slider>section>.cont-figure>.figure {
    min-height: 500px
  }
}

.mod-media.--slider>section>.cont-figure>.figure:after {
  background-color: rgba(45, 45, 45, .6);
  background-image: url(../../../pf/resources/dist/images/32b5d57d16b6854dec721a5325614df0923b.html?d=16);
  background-size: 3em;
  opacity: 0
}

.mod-media.--slider>section>.cont-figure>.figure:after,
.mod-media.--slider>section>.cont-figure>.figure:before {
  background-position: 50%;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s ease
}

.mod-media.--slider>section>.cont-figure>.figure:before {
  background-image: url(../../../pf/resources/dist/images/44ded6da71e1b5c45ef04e5434741dbd923b.html?d=16);
  background-size: cover
}

.mod-media .mod-video {
  margin-bottom: .5rem;
  margin-left: -1rem;
  width: calc(100% + 2rem)
}

@media(min-width:48em) {
  .mod-media .mod-video {
    margin-left: 0;
    width: 100%
  }
}

.mod-media .mod-video>.powa-shot {
  cursor: pointer
}

.mod-media .mod-video>.powa-shot:hover .powa-shot-play-btn svg {
  fill: #0250c9
}

.mod-media .mod-video>.powa-shot .powa-bar-audio-icon:active,
.mod-media .mod-video>.powa-shot .powa-bar-fullscreen:active,
.mod-media .mod-video>.powa-shot .powa-bar-play-pause:active {
  color: #0250c9
}

.mod-media .mod-video>.powa-shot .powa-shot-play-btn svg:hover {
  fill: #0250c9
}

.mod-media .mod-video>.powa-shot .powa-bar-scrubber-time,
.mod-media .mod-video>.powa-shot .powa-bar-volume-level {
  background-color: rgba(0, 116, 196, .9)
}

.mod-media .mod-video>.powa-shot .powa-bar-scrubber-progress {
  background-color: rgba(0, 116, 196, .2)
}

.placeholder {
  background: #f2f2f2;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  margin-bottom: .5rem;
  margin-left: -1rem;
  position: relative;
  width: calc(100% + 2rem)
}

.mod-wikiauthor.mod-wikiauthor .placeholder.placeholder {
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0 0 1rem;
  padding-top: 100%;
  width: 100%
}

@media(min-width:48em) {
  .mod-wikiauthor.mod-wikiauthor .placeholder.placeholder {
    margin-bottom: 2.5rem
  }
}

.cuerpo__nota .placeholder,
.mod-opening .placeholder {
  margin-left: -1rem;
  width: calc(100% + 2rem)
}

@media(min-width:48em) {
  .placeholder {
    border: 1px solid #ccc
  }

  .cuerpo__nota .placeholder,
  .mod-opening .placeholder,
  .placeholder {
    margin-left: 0;
    width: 100%
  }
}

.content-facade .placeholder {
  border: none;
  margin-bottom: 0
}

.--slider.--slider .placeholder {
  background: #f2f2f2;
  display: flex;
  justify-content: center;
  padding-top: 66.6666666667%
}

.--active.--active .placeholder,
.--active.--slider .placeholder {
  background: none;
  border: 0;
  height: auto;
  margin-left: 0;
  width: 100%
}

.content-facade-jw .placeholder {
  border: none;
  margin-bottom: 0
}

.--horizontal .placeholder,
.--vertical .placeholder,
.acumulado .placeholder,
.mod-opening .placeholder {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.--horizontal .placeholder .com-image,
.--vertical .placeholder .com-image,
.acumulado .placeholder .com-image,
.mod-opening .placeholder .com-image {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0
}

.--horizontal .placeholder:before,
.--vertical .placeholder:before,
.acumulado .placeholder:before,
.mod-opening .placeholder:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS40OTEgMEMxMy4yMSAwIDAgMTMuNDI1IDAgMzBzMTMuMTk4IDMwIDI5LjQ5MSAzMGMxNi4yODMgMCAyOS40OTItMTMuNDI1IDI5LjQ5Mi0zMFM0NS43NzQgMCAyOS40OTIgMFptLTIuMzM4IDM4LjgwM0gxMS42MTZ2LTEuMkgxNC4yVjIyLjM3NGgtMi41ODR2LTEuMjEyaDEwLjM2OXYxLjIxMmgtMi44NTF2MTUuMjE2aC42MTJjMy40MDggMCA2LjEyNi0xLjA0MyA2LjEyNi01LjA1M3YtLjc2aDEuMjh2Ny4wMjVabTIwLjYwNC0xNi40MjdoLjMxMnYtMS4yMTNoLTYuNDA0djEuMjEyaC40NjdjMS4yOTIgMCAxLjk5NC40NzYgMS45OTQgMS40Mjh2Ny40NjZsLTguMDA4LTEwLjA5NGgtNy40ODR2MS4yMTJoLjEyMmMuOTggMCAxLjk3Mi43NyAxLjk3MiAxLjk3MVYzNS43OWMwIDEuNTMtLjg0NyAxLjgwMi0xLjc0OSAxLjgwMmgtLjQzNHYxLjJsNi40Ni4wMjMtLjA2Ny0xLjIyM2gtLjE5Yy0xLjYyNiAwLTIuMjcyLS4yMzgtMi4yNzItMS42NjZ2LTExbDEwLjk3IDEzLjg2N2gyLjQ1VjIzLjcyNGMwLS42MzUuNTQ3LTEuMzQ5IDEuODYtMS4zNDlaIiBmaWxsPSIjZDlkOWQ5Ii8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.1875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1875rem
}

.--horizontal .placeholder.placeholder {
  padding-top: 66.6666666667%
}

.--vertical .placeholder {
  padding-top: 133.3333333333%
}

.--vertical .placeholder .com-image {
  height: 100%
}

@media(min-width:48em) {
  .--zoom.--active:not(.--slider) .--vertical .placeholder {
    padding-top: 0
  }
}

.cuerpo__nota>.content-media .--horizontal.--horizontal .placeholder.placeholder,
.cuerpo__nota>.content-media .--vertical.--vertical .placeholder.placeholder {
  padding: 0
}

.cuerpo__nota>.content-media .--horizontal.--horizontal .placeholder.placeholder .com-image,
.cuerpo__nota>.content-media .--vertical.--vertical .placeholder.placeholder .com-image,
.mod-figure {
  position: relative
}

.mod-figure {
  width: 100%
}

.--zoom .mod-figure {
  cursor: pointer
}

.--zoom .mod-figure .icon-zoom {
  display: flex
}

@media(min-width:64em) {
  .--zoom .mod-figure .icon-zoom {
    display: none
  }
}

.--zoom .mod-figure:hover .icon-zoom {
  display: flex
}

.--active .mod-figure {
  margin: auto;
  width: 50%
}

.--active .mod-figure .placeholder .com-image {
  width: 100%
}

@media(min-width:64em) {
  .--active .mod-figure .placeholder .com-image {
    margin: auto;
    max-height: 80vh;
    max-width: 100%;
    width: auto
  }
}

@media(min-height:400px) {
  .--active .mod-figure {
    width: 100%
  }
}

@media(min-width:64em) {
  .--active .mod-figure {
    max-width: 62.5rem;
    width: 50%
  }
}

@media(min-width:64em)and (min-height:600px) {
  .--active .mod-figure {
    width: 60%
  }
}

@media(min-width:64em)and (min-height:750px) {
  .--active .mod-figure {
    max-width: 65.625rem;
    width: 70%
  }
}

@media(min-width:64em)and (min-height:800px) {
  .--active .mod-figure {
    width: 75%
  }
}

@media(min-width:64em)and (min-height:950px) {
  .--active .mod-figure {
    max-width: 68.75rem;
    width: 85%
  }
}

.--active .mod-figure:hover .icon-zoom {
  display: none
}

.--active .mod-figure.--vertical {
  height: 100%;
  overflow-y: scroll
}

@media(min-width:48em) {
  .--active .mod-figure.--vertical {
    height: auto;
    overflow-y: hidden
  }
}

.mod-wikiauthor .mod-figure {
  width: 8.625rem
}

@media(min-width:48em) {
  .mod-wikiauthor .mod-figure {
    height: auto;
    max-width: 17.625rem;
    padding-right: 1rem;
    width: 100%
  }
}

@media(min-width:64em) {
  .mod-wikiauthor .mod-figure {
    padding-right: 0
  }
}

.com-embed.--dailymotion,
.com-embed.--soundcloud,
.com-embed.--vimeo,
.com-embed.--youtube {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding-top: 66.6666666667%;
  position: relative
}

.com-embed.--dailymotion amp-iframe,
.com-embed.--dailymotion iframe,
.com-embed.--soundcloud amp-iframe,
.com-embed.--soundcloud iframe,
.com-embed.--vimeo amp-iframe,
.com-embed.--vimeo iframe,
.com-embed.--youtube amp-iframe,
.com-embed.--youtube iframe {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.com-embed iframe {
  width: 100%
}

.nota .com-embed {
  margin-bottom: 4rem
}

.com-date {
  color: #5a5a5a;
  display: inline-flex;
  height: fit-content
}

.com-tag {
  margin-bottom: 2rem
}

.com-tag a {
  border: .0625rem solid #0250c9;
  border-radius: .1875rem;
  color: #0250c9;
  display: inline-block;
  font-family: Arial, "sans-serif";
  font-size: .75rem;
  margin-bottom: .625rem;
  margin-right: .625rem;
  padding: .375rem .6875rem;
  text-transform: uppercase
}

.com-tag a:hover {
  background: #0250c9;
  color: #fff
}

.com-tag a:last-of-type {
  margin-right: 0
}

.com-secondary-tag {
  margin-top: .625rem;
  overflow-x: auto;
  white-space: nowrap
}

.com-secondary-tag p {
  color: #5a5a5a;
  display: inline-flex;
  font-family: Arial, "sans-serif"
}

.com-secondary-tag a {
  color: #0250c9;
  display: inline-block;
  font-family: Arial, "sans-serif";
  font-size: .875rem;
  margin-bottom: .75rem;
  margin-right: 1.0625rem;
  position: relative
}

.com-secondary-tag a:after {
  color: #0250c9;
  content: "·";
  display: inline-block;
  font-size: 1.5625rem;
  line-height: .9375rem;
  position: absolute;
  right: -.875rem
}

.com-secondary-tag a:last-of-type:after {
  display: none
}

@media(min-width:768px) {
  .com-secondary-tag {
    overflow-x: initial;
    white-space: normal
  }
}

.com-titleWithfollow .com-secondary-tag li {
  display: inline
}

.com-titleWithfollow .com-secondary-tag li a:after {
  color: #0250c9;
  content: "·";
  display: inline-block;
  font-size: 1.5625rem;
  line-height: .9375rem;
  position: absolute;
  right: -.875rem
}

.com-titleWithfollow .com-secondary-tag li:last-of-type a:after {
  display: none
}

.with-category {
  border-bottom: 1px solid #ccc;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
  width: 100%
}

.with-category .com-title-section-xl {
  display: inline-flex;
  flex-wrap: nowrap;
  margin-right: 1.875rem;
  text-decoration: none;
  white-space: nowrap
}

.with-category .arrow,
.with-category .arrow.hlp-none {
  display: none
}

@media(min-width:768px) {
  .with-category .arrow {
    background: none;
    display: block;
    margin: 0 .625rem;
    position: relative
  }

  .with-category .arrow.left-paddle {
    margin-left: 0
  }

  .with-category .arrow i {
    color: #0250c9;
    font-size: 1.25rem
  }

  .with-category .arrow:after {
    background: #0250c9;
    content: "";
    display: none;
    height: .375rem;
    left: .3125rem;
    position: absolute;
    top: .25rem;
    transform: rotate(-45deg);
    width: .375rem
  }

  .with-category .arrow:before {
    background: #0250c9;
    color: #fff;
    content: "MÁS CATEGORÍAS";
    display: none;
    font-size: .5625rem;
    font-weight: 700;
    left: -45px;
    padding: .25rem 0;
    position: absolute;
    top: -10px;
    width: 6.25rem
  }

  .with-category .arrow:hover:after,
  .with-category .arrow:hover:before {
    display: block
  }
}

.with-category .com-category {
  display: none
}

@media(min-width:768px) {
  .with-category .com-category {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: hidden;
    width: 100%
  }

  .with-category .com-category li {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    padding-bottom: 1px;
    padding-right: 1.25rem
  }

  .with-category .com-category li a {
    font-family: Prumo, Georgia, "serif";
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625rem;
    white-space: nowrap
  }
}

.com-icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem
}

.com-icon path,
.com-icon svg {
  height: 100%;
  width: 100%
}

.com-icon.--negative.--negative {
  background: rgba(0, 0, 0, .7)
}

.com-icon.--negative.--negative path {
  fill: #fff
}

.com-button .com-icon:hover,
.com-link .com-icon:hover {
  opacity: .8
}

.com-button.--icon.--bottom .com-icon,
.com-button.--icon.--right .com-icon {
  font-size: 1rem;
  font-weight: 700;
  order: 2
}

.footer .--share .com-icon {
  color: #000;
  display: inline-flex
}

.footer .--share .com-icon i {
  margin-right: 1.25rem
}

@media(max-width:1023px) {
  .footer .--share .com-icon i {
    margin: .625rem
  }
}

.mod-nav .com-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.mod-tooltip .com-icon {
  color: #ccc;
  position: absolute;
  right: 0;
  top: -5px
}

@media(min-width:64em) {
  .footer .--share .com-icon:last-child {
    margin-right: 0
  }

  .footer .--logo .com-icon i:before {
    font-size: 1.5625rem
  }

  .mod-tooltip .com-icon {
    display: none
  }
}

.com-bullet {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  padding: .5rem
}

.mod-wikiauthor .com-li:first-child .com-bullet {
  display: none
}

.mod-wikiauthor .com-bullet {
  padding: 0
}

.com-bullet .com-icon {
  color: #ccc
}

.mod-wikiauthor .com-container.--info .com-bullet .com-icon {
  color: #5a5a5a
}

.com-breadcrumb .com-link:first-child .com-bullet {
  display: none
}

.mod-description .ln-badge {
  left: -.5rem;
  position: absolute;
  top: -2.4375rem
}

.mod-description .ln-badge.--exclusive-ln {
  top: -2.75rem
}

@media(min-width:48em) {
  .mod-description .ln-badge {
    left: .5rem
  }
}

.com-subhead.--bajada {
  margin-bottom: .5rem
}

@media(min-width:64em) {
  .com-subhead.--bajada {
    margin-bottom: 1rem
  }
}

.mod-article {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%
}

.mod-article .com-date,
.mod-article .com-subhead,
.mod-article .com-title,
.mod-article .mod-marquee,
.mod-article .mod-media {
  margin-bottom: .5rem
}

.mod-article .com-title {
  display: block
}

.mod-article .mod-media .placeholder {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 66.6666666667%
}

.mod-article .mod-media .placeholder .com-image,
.mod-article .mod-media .placeholder .mod-video {
  display: block;
  height: 100%;
  margin: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.mod-article .mod-media .placeholder:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS40OTEgMEMxMy4yMSAwIDAgMTMuNDI1IDAgMzBzMTMuMTk4IDMwIDI5LjQ5MSAzMGMxNi4yODMgMCAyOS40OTItMTMuNDI1IDI5LjQ5Mi0zMFM0NS43NzQgMCAyOS40OTIgMFptLTIuMzM4IDM4LjgwM0gxMS42MTZ2LTEuMkgxNC4yVjIyLjM3NGgtMi41ODR2LTEuMjEyaDEwLjM2OXYxLjIxMmgtMi44NTF2MTUuMjE2aC42MTJjMy40MDggMCA2LjEyNi0xLjA0MyA2LjEyNi01LjA1M3YtLjc2aDEuMjh2Ny4wMjVabTIwLjYwNC0xNi40MjdoLjMxMnYtMS4yMTNoLTYuNDA0djEuMjEyaC40NjdjMS4yOTIgMCAxLjk5NC40NzYgMS45OTQgMS40Mjh2Ny40NjZsLTguMDA4LTEwLjA5NGgtNy40ODR2MS4yMTJoLjEyMmMuOTggMCAxLjk3Mi43NyAxLjk3MiAxLjk3MVYzNS43OWMwIDEuNTMtLjg0NyAxLjgwMi0xLjc0OSAxLjgwMmgtLjQzNHYxLjJsNi40Ni4wMjMtLjA2Ny0xLjIyM2gtLjE5Yy0xLjYyNiAwLTIuMjcyLS4yMzgtMi4yNzItMS42NjZ2LTExbDEwLjk3IDEzLjg2N2gyLjQ1VjIzLjcyNGMwLS42MzUuNTQ3LTEuMzQ5IDEuODYtMS4zNDlaIiBmaWxsPSIjZDlkOWQ5Ii8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.1875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.1875rem
}

.mod-article .mod-description {
  position: relative;
  width: 100%;
  z-index: 1
}

.mod-article .mod-description .com-subhead {
  color: #333;
  margin-bottom: .5rem
}

.mod-article .mod-description .com-link.com-link:not(.--tags) {
  color: #272727
}

.mod-article .mod-description .com-link.--tags {
  display: inline-block;
  font-family: Arial, "sans-serif";
  font-weight: 100;
  letter-spacing: normal
}

.mod-article .mod-description .com-link.--tags:first-letter {
  text-transform: capitalize
}

.mod-article .mod-description .mod-marquee {
  display: flex
}

.mod-article .mod-description div>.--tags.--bullet {
  padding-left: 1.5rem;
  position: relative
}

.mod-article .mod-description div>.--tags.--bullet:before {
  color: #ccc;
  content: "•";
  display: block;
  height: fit-content;
  left: .625rem;
  position: absolute
}

.mod-article:hover .mod-description .com-link.com-link {
  opacity: .8
}

.box-articles {
  margin-bottom: 4rem
}

.com-hour {
  color: #5a5a5a;
  display: inline-flex;
  height: fit-content
}

.com-hour:before {
  content: "•";
  display: block;
  height: fit-content;
  margin: 0 .3125rem
}

.mod-date-hour .com-hour:before {
  display: none
}

.box-articles .col-tablet-4 .mod-article:not(:last-child),
.box-articles .col-tablet-8 .mod-article:not(:last-child) {
  margin-bottom: 2rem
}

.box-articles.--focal:not(.--apertura) .mod-article .mod-description .com-subhead {
  display: none
}

@media(min-width:48em) {
  .box-articles.--focal:not(.--apertura) .mod-article .mod-description .com-subhead {
    display: block
  }

  .box-articles.--apertura {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 2rem
  }
}

.box-articles.--left .col-tablet-4 .mod-article:not(:last-child),
.box-articles.--left .col-tablet-8 .mod-article {
  margin-bottom: 2rem
}

.box-articles.--left .col-tablet-4 .ln-badge.--exclusive-ln {
  top: -2.75rem
}

@media(min-width:48em) {
  .box-articles.--left .col-tablet-8 {
    display: flex;
    flex-direction: column;
    padding-right: 1.5rem
  }

  .box-articles.--left .col-tablet-8 .mod-article {
    margin-bottom: 0
  }

  .box-articles.--left .col-tablet-8 .mod-article>div {
    order: 2
  }

  .box-articles.--left .col-tablet-8 .mod-article>div .mod-media {
    margin-bottom: 0
  }

  .box-articles.--left .col-tablet-8 .mod-article .mod-description {
    margin-bottom: 1rem;
    order: 1;
    position: static
  }

  .box-articles.--left .col-tablet-8 .mod-article .mod-description .ln-badge {
    bottom: .5rem;
    top: auto
  }

  .box-articles.--left .col-tablet-8:before {
    border-right: 1px solid #ccc;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: .375rem;
    top: 0
  }

  .box-articles.--left .col-tablet-4 {
    padding-left: .75rem
  }
}

@media(min-width:83.75em) {
  .box-articles.--left .col-tablet-8 {
    padding-right: 3.3125rem
  }

  .box-articles.--left .col-tablet-8:before {
    right: .875rem
  }

  .box-articles.--left .col-tablet-4 {
    padding-left: 1.6875rem
  }
}

.box-articles.--right .col-tablet-8 {
  order: 2
}

.box-articles.--right .col-tablet-4 {
  order: 1
}

.box-articles.--right .col-tablet-4 .mod-article {
  margin-bottom: 2rem
}

@media(min-width:48em) {
  .box-articles.--right .col-tablet-8 {
    padding-left: 1.5rem
  }

  .box-articles.--right .col-tablet-8:before {
    border-left: 1px solid #ccc;
    content: "";
    display: block;
    height: 100%;
    left: .375rem;
    position: absolute;
    top: 0
  }

  .box-articles.--right .col-tablet-4 {
    padding-right: .75rem
  }

  .box-articles.--right .col-tablet-4 .mod-article {
    margin-bottom: 0
  }

  .box-articles.--right .col-tablet-4 .mod-description .ln-badge,
  .box-articles.--right .col-tablet-4 .mod-media {
    display: none
  }
}

@media(min-width:83.75em) {
  .box-articles.--right .col-tablet-8 {
    padding-left: 3.3125rem
  }

  .box-articles.--right .col-tablet-8:before {
    left: .875rem
  }

  .box-articles.--right .col-tablet-4 {
    padding-right: 1.6875rem
  }
}

.box-articles.--ranking .com-ordered {
  counter-reset: item
}

.box-articles.--ranking .com-ordered .mod-article:before {
  align-items: center;
  background-color: #000;
  color: #fff;
  content: counter(item) "";
  counter-increment: item;
  display: flex;
  font-size: .875rem;
  font-weight: 700;
  height: 2.5rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.4375rem
}

.box-articles.--highlight.--highlight .mod-article .mod-media {
  margin-bottom: 0
}

.box-articles.--highlight.--highlight .mod-article .mod-media .placeholder {
  border: none
}

.box-articles.--highlight.--highlight .mod-article .mod-description {
  background: #0250c9;
  margin-left: -1rem;
  padding: .5rem 1rem;
  width: calc(100% + 2rem)
}

.box-articles.--highlight.--highlight .mod-article .mod-description .ln-badge {
  left: .5rem;
  top: -1.875rem
}

.box-articles.--highlight.--highlight .mod-article .mod-description .com-lead.com-lead,
.box-articles.--highlight.--highlight .mod-article .mod-description .com-link.com-link,
.box-articles.--highlight.--highlight .mod-article .mod-description .mod-marquee a {
  color: #fff
}

.box-articles.--highlight.--highlight.--blue .mod-description {
  background: #0250c9
}

.box-articles.--highlight.--highlight.--pink .mod-description {
  background: #be1a52
}

.box-articles.--highlight.--highlight.--teal .mod-description {
  background: #15afaf
}

.box-articles.--highlight.--highlight.--red .mod-description {
  background: #c61c1e
}

.box-articles.--highlight.--highlight.--qatar .mod-description {
  background: #86f4fb
}

.box-articles.--highlight.--highlight.--qatar .mod-description .com-lead.com-lead,
.box-articles.--highlight.--highlight.--qatar .mod-description .com-link.com-link,
.box-articles.--highlight.--highlight.--qatar .mod-description .mod-marquee.mod-marquee a {
  color: #1c1c1f
}

.container .box-articles.--opinion {
  margin-bottom: 0
}

.box-articles.--opinion .col-tablet-3,
.box-articles.--opinion .col-tablet-4 {
  margin-top: 2rem
}

@media(min-width:48em) {

  .box-articles.--opinion .col-tablet-3,
  .box-articles.--opinion .col-tablet-4 {
    margin-top: 0
  }

  .box-articles.--opinion .mod-article {
    margin-bottom: 0
  }

  .box-articles.--opinion .row>div:first-child {
    padding-right: .5rem
  }

  .box-articles.--opinion .row>div:nth-child(2) {
    padding: 0 1rem 0 .5rem
  }
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article,
.box-articles.--opinion .row>div:nth-child(3) .mod-article {
  align-items: center;
  border: 1px solid #ccc;
  padding: 1rem 1rem 8.75rem;
  text-align: center
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article>div,
.box-articles.--opinion .row>div:nth-child(3) .mod-article>div {
  border-bottom: 1px solid #000;
  bottom: -.0625rem;
  height: 5rem;
  margin: 0;
  padding-bottom: 7.875rem;
  position: absolute;
  width: 5rem
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article>div .mod-media a,
.box-articles.--opinion .row>div:nth-child(3) .mod-article>div .mod-media a {
  border: 1px solid #ccc;
  border-radius: 100%;
  display: block;
  overflow: hidden
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article>div .mod-media a .placeholder.placeholder,
.box-articles.--opinion .row>div:nth-child(3) .mod-article>div .mod-media a .placeholder.placeholder {
  border: none;
  padding-top: 100%
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article>div .mod-media a .placeholder.placeholder .com-image,
.box-articles.--opinion .row>div:nth-child(3) .mod-article>div .mod-media a .placeholder.placeholder .com-image {
  background: #fff;
  height: 5rem;
  width: 5rem
}

@media(min-width:48em) {

  .box-articles.--opinion .row>div:nth-child(2) .mod-article>div .mod-media a .placeholder.placeholder .com-image,
  .box-articles.--opinion .row>div:nth-child(3) .mod-article>div .mod-media a .placeholder.placeholder .com-image {
    height: 100%;
    width: 100%
  }
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article .mod-description,
.box-articles.--opinion .row>div:nth-child(3) .mod-article .mod-description {
  position: static
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article .mod-description .mod-marquee,
.box-articles.--opinion .row>div:nth-child(3) .mod-article .mod-description .mod-marquee {
  align-items: center;
  bottom: 0;
  height: 3rem;
  justify-content: center;
  left: 1rem;
  margin: 0;
  overflow: hidden;
  position: absolute;
  white-space: break-spaces;
  width: calc(100% - 32px)
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article .mod-description .ln-badge,
.box-articles.--opinion .row>div:nth-child(3) .mod-article .mod-description .ln-badge {
  display: none
}

.box-articles.--opinion .row>div:nth-child(2) .mod-article .mod-description .ln-badge.--exclusive-ln,
.box-articles.--opinion .row>div:nth-child(3) .mod-article .mod-description .ln-badge.--exclusive-ln {
  display: inline-flex;
  left: 0;
  margin-bottom: .5rem;
  position: relative;
  top: 0
}

@media(min-width:48em) {
  .box-articles.--opinion .row>div:nth-child(2) .mod-article {
    align-items: normal;
    padding-bottom: 5rem;
    text-align: left
  }

  .box-articles.--opinion .row>div:nth-child(2) .mod-article:first-child {
    margin-bottom: 2rem
  }

  .box-articles.--opinion .row>div:nth-child(2) .mod-article>div {
    border: none;
    bottom: 1rem;
    height: 3rem;
    padding-bottom: 0;
    width: 3rem
  }

  .box-articles.--opinion .row>div:nth-child(2) .mod-article .mod-description .mod-marquee {
    align-items: center;
    bottom: 1rem;
    height: 3rem;
    justify-content: left;
    left: 4.5rem;
    max-width: calc(100% - 72px);
    position: absolute;
    white-space: break-spaces
  }

  .box-articles.--opinion .row>div:nth-child(3) .mod-article {
    height: 100%
  }
}

.box-articles.--editoriales {
  border: 1px solid #ccc;
  border-width: 1px 0;
  margin: 2rem 0 0 -1rem;
  width: calc(100% + 2rem)
}

.box-articles.--editoriales .mod-footersection {
  grid-template-columns: 122px 1fr;
  padding: 1rem
}

.box-articles.--editoriales .mod-footersection>.com-title {
  margin-bottom: 1rem;
  text-transform: uppercase
}

.box-articles.--editoriales .mod-footersection>.com-title .com-link {
  color: #333
}

.box-articles.--editoriales .mod-footersection .col-12 {
  display: block;
  margin: 0
}

.box-articles.--editoriales .mod-footersection .col-12 .mod-article {
  display: flex;
  margin-bottom: .5rem;
  width: auto
}

.box-articles.--editoriales .mod-footersection .col-12 .mod-article:last-child {
  margin-bottom: 0
}

.box-articles.--editoriales .mod-footersection .col-12 .mod-article .com-link {
  color: #333;
  display: inline-flex;
  font-weight: 500;
  padding-left: 1.5rem;
  position: relative
}

.box-articles.--editoriales .mod-footersection .col-12 .mod-article .com-link:before {
  color: #ccc;
  content: "•";
  display: block;
  height: fit-content;
  left: .625rem;
  position: absolute
}

@media(min-width:48em) {
  .box-articles.--editoriales {
    margin-left: 0;
    width: 100%
  }

  .box-articles.--editoriales .mod-footersection {
    display: grid;
    padding: 1rem 0
  }

  .box-articles.--editoriales .mod-footersection .com-title {
    margin: 0
  }

  .box-articles.--editoriales .mod-footersection .col-12 {
    display: inline-flex
  }

  .box-articles.--editoriales .mod-footersection .col-12 .mod-article {
    margin: 0
  }
}

.box-articles.--cinema {
  margin-bottom: 4rem;
  margin-top: 4rem
}

.box-articles.--cinema .mod-figure.--vertical .placeholder {
  aspect-ratio: 2/3
}

.box-articles.--cinema:first-child {
  margin-top: 0
}

.box-articles.--cinema .mod-media {
  margin-bottom: 0
}

.box-articles.--cinema .mod-media .placeholder {
  border: none;
  padding-top: 125%
}

.box-articles.--cinema .mod-description {
  background: #000;
  margin-left: -1rem;
  padding: .5rem 1rem;
  width: calc(100% + 2rem)
}

.box-articles.--cinema .mod-description .ln-badge {
  left: .5rem;
  top: -1.875rem
}

.box-articles.--cinema .mod-description .ln-badge.--exclusive-ln {
  top: -35px
}

.box-articles.--cinema .mod-description .com-lead,
.box-articles.--cinema .mod-description .com-link.com-link {
  color: #fff
}

.box-articles.--cinema .mod-description .mod-marquee {
  color: #f2f2f2
}

.box-articles.--cinema.--video .mod-media .mod-video {
  display: none
}

.box-articles.--grilla.--video .row .mod-article>div .mod-media .placeholder {
  border: none;
  padding-top: 56.25%
}

.box-articles.--grilla.--video .row .mod-article>div .mod-media .placeholder img {
  display: none
}

.box-articles.--grilla.--video .row .mod-article>div .mod-media .com-embed {
  padding-top: 56.25%
}

.box-articles.--grilla.--video .row .mod-article>div .mod-media .com-embed iframe {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.box-articles.--grilla.--video .row .mod-article .mod-description .ln-badge {
  left: auto;
  margin-bottom: .5rem;
  position: relative;
  top: auto
}

@media(min-width:48em) {
  .box-articles.--grilla.--video .row .mod-article {
    flex-direction: row-reverse
  }

  .box-articles.--grilla.--video .row .mod-article>div {
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
    padding-left: .5rem
  }

  .box-articles.--grilla.--video .row .mod-article>div .mod-media,
  .box-articles.--grilla.--video .row .mod-article>div .mod-video {
    margin-bottom: 0
  }

  .box-articles.--grilla.--video .row .mod-article .mod-description {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-right: .5rem
  }
}

.box-articles.--bgcolor {
  background: #f7f7f4;
  margin: 4rem -187.5rem;
  padding: 2rem 187.5rem 1.5rem
}

.box-articles.--bgcolor .mod-headersection {
  margin-top: 0
}

.box-articles.--bgcolor .row-gap-tablet-2,
.box-articles.--bgcolor .row-gap-tablet-3,
.box-articles.--bgcolor .row-gap-tablet-4 {
  margin-bottom: 0
}

.box-articles.--bgcolor.--bgblue {
  background: #e7f0ff
}

.box-articles.--bgcolor.--bgblue .mod-headersection.--bg {
  background: #0250c9
}

.box-articles.--bgcolor.--bgblue .mod-article .mod-description .com-lead {
  color: #0250c9
}

.box-articles.--bgcolor.--bgpink {
  background: #f7d2db
}

.box-articles.--bgcolor.--bgpink .mod-headersection.--bg {
  background: #be1a52
}

.box-articles.--bgcolor.--bgpink .mod-article .mod-description .com-lead {
  color: #be1a52
}

.box-articles.--bgcolor.--bgteal {
  background: #ecffff
}

.box-articles.--bgcolor.--bgteal .mod-headersection.--bg {
  background: #15afaf
}

.box-articles.--bgcolor.--bgteal .mod-article .mod-description .com-lead {
  color: #15afaf
}

.box-articles.--bgcolor.--bgred {
  background: #ffeceb
}

.box-articles.--bgcolor.--bgred .mod-headersection.--bg {
  background: #c61c1e
}

.box-articles.--bgcolor.--bgred .mod-article .mod-description .com-lead {
  color: #c61c1e
}

@media(min-width:48em) {
  .box-articles.--highlight.--highlight .mod-article .mod-media .placeholder {
    padding-top: 125%
  }

  .box-articles.--highlight.--highlight .mod-article .mod-description {
    height: 100%;
    margin-left: 0;
    width: 100%
  }

  .box-articles.--cinema .mod-media .placeholder {
    padding-top: 40%
  }

  .box-articles.--cinema .mod-description {
    background: #fff;
    bottom: 2rem;
    display: inline-flex;
    flex-direction: column;
    left: 2rem;
    margin: 0;
    max-height: calc(100% - 68px);
    padding: 2rem;
    position: absolute;
    width: 36%;
    z-index: 3
  }

  .box-articles.--cinema .mod-description .ln-badge {
    left: 0
  }

  .box-articles.--cinema .mod-description .ln-badge.--exclusive-ln {
    top: -35px
  }

  .box-articles.--cinema .mod-description .com-title {
    overflow: hidden
  }

  .box-articles.--cinema .mod-description .com-link.com-link {
    color: #272727
  }

  .box-articles.--cinema .mod-description .com-lead {
    color: #0250c9
  }

  .box-articles.--cinema .mod-description .mod-marquee {
    color: #333
  }
}

.mod-warning {
  background: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  font-family: Arial, "sans-serif";
  padding: 15px
}

.mod-warning.--info {
  background: #bee4ff;
  border: 1px solid #003f5b;
  color: #003f5b
}

.mod-warning.--success {
  background: #cfedda;
  border: 1px solid #10703c;
  color: #10703c
}

.mod-warning.--warning {
  background: #fff2cc;
  border: 1px solid #8a6913;
  color: #8a6913
}

.mod-warning.--danger {
  background: #fdd5db;
  border: 1px solid #7c2a35;
  color: #7c2a35
}

.mod-warning .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px
}

.mod-warning .text {
  font-size: 16px;
  line-height: 24px
}

.ln-banner-container {
  align-items: flex-start;
  background: -webkit-repeating-linear-gradient(45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 4px, rgba(0, 0, 0, .15) 6px);
  background: repeating-linear-gradient(45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 4px, rgba(0, 0, 0, .15) 6px);
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: inherit;
  z-index: 1
}

.ln-banner-container .ln-banner {
  text-align: center;
  width: 100%
}

.ln-banner-container:before {
  background: #fff;
  content: "PUBLICIDAD";
  display: inline-block;
  font-size: .6875rem;
  line-height: 1rem;
  margin: 0 auto;
  padding: .25rem .5rem;
  position: absolute;
  top: 0;
  z-index: -1
}

.ln-banner-container.--megatop,
.ln-banner-container.--mobile,
.ln-banner-container.--sticky1_mob {
  display: none
}

.ln-banner-container.--logo {
  background: #fff;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%
}

.ln-banner-container.--logo:before {
  content: ""
}

.ln-banner-container.--comercial {
  align-items: center;
  background: #fff;
  height: 100vh;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100000
}

.ln-banner-container.--comercial:before {
  display: none
}

.ln-banner-container.--comercial .ln-button {
  position: absolute;
  right: 1rem;
  top: 1rem
}

.ln-banner-container.--sticky {
  position: sticky;
  top: 0
}

.ln-banner-container.--sticky.--sticky2_mob {
  background: #fff;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 1600
}

.ln-banner-container.--fixed {
  background: #fff;
  bottom: 3.5rem;
  left: calc(50% - 175px);
  margin: 0;
  position: fixed;
  z-index: 103
}

.ln-banner-container.--close .icon-close {
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem
}

.ln-banner-container.--sticky2_mob {
  height: 3.125rem
}

.ln-banner-container.--adhesion_mob {
  background-color: transparent;
  padding: .625rem 1.25rem 0
}

.ln-banner-container.--adhesion_mob .ln-banner {
  border-bottom: .625rem solid #fff
}

.ln-banner-container.--adhesion_mob .icon-close {
  height: auto;
  top: auto
}

.ln-banner-container.--adhesion_mob:before {
  margin: 1rem auto
}

.ln-banner-container.--caja10_mob,
.ln-banner-container.--caja1_mob,
.ln-banner-container.--caja2_mob,
.ln-banner-container.--caja3_mob,
.ln-banner-container.--caja6_mob,
.ln-banner-container.--caja7_mob,
.ln-banner-container.--caja8_mob,
.ln-banner-container.--caja9_mob {
  height: 28.125rem
}

.ln-banner-container.--caja4_mob,
.ln-banner-container.--caja5_mob {
  height: 15.625rem
}

.ln-banner-container.--top {
  display: none
}

@media(min-width:48em) {
  .ln-banner-container.--top {
    display: flex;
    height: 5.625rem
  }
}

@media(min-width:64em) {
  .ln-banner-container.--top {
    height: 10.625rem
  }
}

@media(min-width:48em) {
  .ln-banner-container.--fixed {
    bottom: 3.5rem;
    left: calc(50% - 380px)
  }

  .ln-banner-container.--cabezal_tab,
  .ln-banner-container.--middle_1_tab,
  .ln-banner-container.--middle_2_tab {
    height: 5.625rem
  }

  .ln-banner-container.--adhesion_tab {
    background-color: transparent;
    padding: 1.25rem 1.25rem 0
  }

  .ln-banner-container.--adhesion_tab .icon-close {
    height: auto;
    top: auto
  }

  .ln-banner-container.--adhesion_tab:before {
    margin: 1.25rem auto 0
  }

  .ln-banner-container.--caja1_tab,
  .ln-banner-container.--caja2_tab {
    height: 37.5rem
  }

  .ln-banner-container.--logo_tag_tab {
    height: 17.5rem
  }
}

@media(min-width:64em) {
  .ln-banner-container {
    margin: 0;
    width: 100%
  }

  .ln-banner-container:not(:last-child) {
    background: none;
    margin-bottom: 2rem
  }

  .ln-banner-container.--sticky {
    top: 3.5625rem
  }

  .ln-banner-container.--fixed {
    bottom: 0;
    left: calc(50% - 470px)
  }

  .ln-banner-container.--fixed.--small {
    left: calc(50% - 380px)
  }

  .ln-banner-container.--cabezal_dsk {
    height: 10.625rem;
    z-index: 10
  }

  .ln-banner-container.--caja2_dsk,
  .ln-banner-container.--caja3_dsk {
    height: 15.625rem
  }

  .ln-banner-container.--caja1_dsk,
  .ln-banner-container.--caja4_dsk,
  .ln-banner-container.--caja5_dsk {
    height: 37.5rem
  }

  .ln-banner-container.--middle_1_dsk {
    height: 28.125rem
  }

  .acumulado.propiedades .ln-banner-container.--middle_1_dsk {
    height: 15.625rem
  }

  .ln-banner-container.--middle_2_dsk {
    height: 5.625rem
  }

  .ln-banner-container.--middle_3_dsk {
    height: 22.5rem
  }
}

@media(min-width:68.75em) {
  .ln-banner-container.--fixed {
    left: calc(50% - 470px)
  }

  .ln-banner-container.--fixed.--small {
    left: calc(50% - 549px)
  }
}

[class*=_dsk],
[class*=_tab] {
  display: none
}

@media(min-width:48em) {
  [class*=_tab] {
    display: flex
  }

  [class*=_mob] {
    display: none
  }
}

@media(min-width:64em) {
  [class*=_dsk] {
    display: flex
  }

  [class*=_tab] {
    display: none
  }
}

[class*=row-gap].--ads {
  margin-bottom: 4rem
}

[class*=row-gap].--ads .ln-banner-container {
  margin: 0
}

[class*="--1x1_"] {
  margin: 0;
  position: absolute
}

.ln-roof {
  padding-top: 4.5rem
}

.ln-roof .--ln-roof-full {
  padding-bottom: var(--size-sm)
}

@media (min-width:48rem) {
  .ln-roof .--ln-roof-full {
    padding-bottom: var(--size-md)
  }
}

.ln-roof .--ln-roof-full .--ln-roof-left {
  align-items: center;
  display: flex
}

.ln-roof .--ln-roof-full .--ln-roof-left>.flex,
.ln-roof .--ln-roof-full .--ln-roof-left>.ln-link {
  gap: var(--size-2xs)
}

.ln-roof .--ln-roof-full .--ln-roof-left .--roof-title {
  font-variation-settings: "wght" 100, "opsz" 50;
  transform: translateY(.1875rem)
}

.ln-roof .--ln-roof-full .--ln-roof-left .--roof-href-arrow {
  transform: translateY(.0625rem)
}

.ln-roof .--ln-roof-full .--ln-roof-left .roof-img span {
  position: absolute;
  visibility: hidden
}

.ln-roof .--ln-roof-full .--ln-roof-right {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin: auto 0 auto 1rem
}

.ln-roof .--ln-roof-full .--ln-roof-right .ln-link:not(.ln-button) {
  height: 100%;
  order: 1;
  white-space: nowrap
}

.ln-roof img {
  max-width: 16.25rem
}

.ln-roof.--foodit .--ln-roof-full,
.ln-roof.--generic .--ln-roof-full,
.ln-roof.--hashtag .--ln-roof-full {
  border-top: .09375rem solid var(--dark-neutral-50)
}

.ln-roof.--generic .--ln-roof-full .--ln-roof-left .image,
.ln-roof.--generic .--ln-roof-full .--ln-roof-right .image,
.ln-roof.--hashtag .--ln-roof-full .--ln-roof-left .image,
.ln-roof.--hashtag .--ln-roof-full .--ln-roof-right .image {
  max-height: 2.5rem;
  -o-object-fit: contain;
  object-fit: contain
}

.ln-roof.--hashtag .--ln-roof-full {
  padding-bottom: 0;
  padding-top: 1rem
}

.ln-roof.--hashtag .--ln-roof-full .--ln-roof-right {
  display: none
}

@media (min-width:48rem) {
  .ln-roof.--hashtag .--ln-roof-full .--ln-roof-left {
    position: absolute
  }
}

@media (max-width:767px) {
  .ln-roof:not(.--sub-exclusive, .--foodit) .--roof-button {
    display: none !important
  }
}

.ln-roof.--sub-exclusive {
  background-color: var(--dark-neutral-200);
  margin-top: 3rem;
  padding-top: 1.5rem;
  position: relative
}

.ln-roof.--sub-exclusive .--ln-roof-full {
  border-top: none;
  padding-top: 0
}

@media (max-width:47.9375rem) {
  .ln-roof.--sub-exclusive .--ln-roof-full .--roof-button {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .ln-roof.--sub-exclusive .--ln-roof-full .--suscriptor-logo {
    display: none
  }
}

.ln-roof.--sub-exclusive .--ln-roof-full:first-child:before {
  background-color: #333;
  content: "";
  height: calc(100% + .0625rem);
  left: -1rem;
  position: absolute;
  top: 0;
  width: calc(100% + 2rem);
  z-index: -1
}

.ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-left,
.ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-right {
  align-items: center;
  display: flex
}

.ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-left .--roof-title,
.ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-right .--roof-title {
  white-space: nowrap
}

@media (max-width:450px) {

  .ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-left .--roof-title,
  .ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-right .--roof-title {
    white-space: normal;
    width: -moz-min-content;
    width: min-content
  }
}

.ln-roof.--sub-exclusive .--ln-roof-full .--ln-roof-right {
  margin: auto 0
}

.wrap-webstories {
  border-bottom: .0625rem solid var(--light-neutral-300)
}

.wrap-webstories .web-roof {
  border-top: .09375rem solid var(--dark-neutral-50);
  justify-content: space-between
}

.wrap-webstories .web-roof .icon-container {
  position: relative;
  right: .1875rem;
  top: 1.5625rem;
  z-index: 2
}

.wrap-webstories .web-roof .icon-container span {
  display: none
}

.wrap-webstories .web-roof .button.ln-button:nth-child(n) {
  border: .0625rem solid var(--light-neutral-200);
  padding: .5rem
}

.wrap-webstories .web-roof .button.ln-button:last-child {
  margin-left: 1.25rem
}

.wrap-webstories .web-roof .button.ln-button,
.wrap-webstories .web-roof .button.ln-button>.icon>svg>path {
  transition: none
}

.wrap-webstories>.scrolX>div>div {
  margin-right: 1rem;
  min-width: 71%;
  padding-bottom: .75rem;
  position: relative;
  text-align: center
}

.wrap-webstories>.scrolX>div>div:last-child {
  margin: 0
}

@media (max-width:47.9375rem) {
  .wrap-webstories>.scrolX>div>div article:before {
    background-color: #e4e4e4;
    content: "";
    height: calc(100% - .25rem);
    left: -.53125rem;
    position: absolute;
    width: .0625rem
  }
}

@media (min-width:48rem) {
  .wrap-webstories>.scrolX>div>div article:before {
    background-color: #e4e4e4;
    content: "";
    height: calc(100% - .25rem);
    left: -1.03125rem;
    position: absolute;
    width: .0625rem
  }

  .wrap-webstories>.scrolX>div>div {
    margin-right: 2rem;
    min-width: calc(25% - 1.5rem)
  }
}

.wrap-webstories>.scrolX>div>div .media-container {
  border-radius: .5rem
}

.wrap-webstories>.scrolX>div>div .media-container .ln-placeholder {
  aspect-ratio: 3/4;
  border-radius: .5rem
}

.wrap-webstories>.scrolX>div>div .description-container .ln-text:not(.lead) {
  font-variation-settings: "wght" 100
}

.wrap-webstories>.scrolX>div>div .description-container .ln-text.title:not(#special) {
  display: inline-block
}

.wrap-webstories>.scrolX>div>div .description-container .ln-text.title:not(#special) .lead {
  background: linear-gradient(180deg, transparent 60%, var(--webstorys) 60%, var(--webstorys) 85%, transparent 85%);
  display: inline
}

.wrap-webstories>.scrolX>div>div .description-container .ln-text.title:not(#special) .lead:after {
  content: "\a";
  white-space: pre
}

.com-breadcrumb {
  align-items: center;
  color: #272727;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  position: relative
}

.com-breadcrumb .com-link,
.com-breadcrumb .com-text {
  margin-bottom: .5rem;
  position: relative
}

.com-breadcrumb .com-link:first-letter,
.com-breadcrumb .com-text:first-letter {
  text-transform: uppercase
}

.com-breadcrumb .com-link .--bullet,
.com-breadcrumb .com-text .--bullet {
  color: #ccc;
  margin: 0 .5rem
}

.com-breadcrumb .com-link:first-child .--bullet {
  display: none
}

.cripto {
  margin-bottom: 2rem
}

.cripto .gradient {
  position: relative
}

@media(min-width:80em) {
  .cripto .gradient:after {
    display: none
  }
}

.cripto .gradient:after {
  background: linear-gradient(90deg, transparent, #fff);
  content: " ";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: -.3125rem;
  top: 0;
  width: 9.375rem
}

.cripto .mod-cripto {
  -ms-overflow-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none;
  width: 100%
}

.cripto .mod-cripto ::-webkit-scrollbar {
  display: none
}

.cripto .mod-cripto>* {
  min-width: 14.6875rem
}

.cripto .mod-cripto .livecoinwatch-widget-1 {
  max-width: 21.875rem
}

.cripto .mod-cripto .livecoinwatch-widget-1 a {
  pointer-events: none !important
}

.cripto .mod-cripto .mini-widget {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: .25rem 0 0 .3125rem
}

.cripto .mod-cripto .mini-widget .livecoinwatch-widget-6 {
  margin: 0 .3125rem 0 0 !important;
  pointer-events: none !important
}

.cripto .mod-cripto .mini-widget>* {
  height: 3.75rem !important;
  width: 15.625rem !important
}

.cripto .livecoinwatch-widget-5 {
  pointer-events: none !important
}

.daily-horoscope {
  border: 1px solid #ccc;
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 1rem
}

@media(min-width:48em) {
  .daily-horoscope {
    padding: 1.5rem
  }
}

.daily-horoscope .container-svg {
  background-color: #f2f2f2;
  border-radius: 50%;
  height: 4.5rem;
  min-width: 4.5rem
}

.daily-horoscope .container-svg .com-image[alt] {
  color: transparent
}

.daily-horoscope .daily-horoscope-header {
  display: flex;
  margin-bottom: 1rem
}

.daily-horoscope .daily-horoscope-header .periodo,
.daily-horoscope .daily-horoscope-header .title {
  color: #272727;
  font-family: Prumo, Georgia, "serif"
}

.daily-horoscope .daily-horoscope-header .text,
.daily-horoscope .daily-horoscope-header .title {
  margin: 0 0 .5rem 1rem
}

.daily-horoscope .daily-horoscope-header .periodo {
  display: block
}

.daily-horoscope .daily-horoscope-header .--author {
  color: #0250c9;
  font-weight: 700
}

.daily-horoscope .daily-horoscope-main .com-text:not(:last-child) {
  margin-bottom: 1rem
}

.--shields {
  justify-content: center;
  margin-bottom: 2.5rem
}

.--shields .sports {
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

@media(min-width:48em) {
  .--shields .sports {
    grid-column-gap: 1rem;
    grid-template-columns: repeat(9, 1fr)
  }
}

@media(min-width:64em) {
  .--shields .sports {
    grid-column-gap: 1.9375rem;
    grid-template-columns: repeat(10, 1fr)
  }
}

.--shields .--shield .com-image {
  height: auto;
  width: 3rem
}

.--shields .com-link.--shield {
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  flex-direction: row;
  height: 4rem;
  justify-content: center;
  justify-self: center;
  position: relative;
  width: 4rem
}

.--shields .com-link.--shield:after {
  border: 1px solid transparent;
  -moz-border-radius: 50px 50px 50px 0;
  border-radius: 50px 50px 50px 0;
  -webkit-border-radius: 50px 50px 50px 0;
  -ms-border-radius: 50px 50px 50px 0;
  -o-border-radius: 50px 50px 50px 0;
  border-top-color: #000;
  content: "";
  display: block;
  height: 80px;
  position: absolute;
  top: 0;
  width: 65px
}

.com-link {
  color: #0250c9
}

.com-link.--acu,
.com-link.--black {
  color: #000
}

.listuser .com-link {
  padding: .625rem 1.25rem
}

.com-link.--gda {
  font-size: 3rem
}

.com-link.--highlight:hover {
  background: #000;
  border-color: #000;
  color: #fff
}

.mod-fiscal .com-link {
  width: 1rem
}

.--apps .com-link:last-child {
  margin-left: 1.875rem
}

.--apps .com-link svg {
  height: auto;
  width: 154px
}

.--shared .com-link {
  color: #000
}

.footer .mod-link .com-link,
.footer .mod-recaptcha .com-link {
  margin: 0 .46875rem
}

.mod-breadcrumb .com-link {
  border-left: 1px solid #5a5a5a;
  display: flex;
  padding: 0 .5625rem;
  text-transform: none
}

.mod-breadcrumb .com-link:first-letter {
  text-transform: capitalize
}

.mod-breadcrumb .com-li:first-child .com-link {
  border: 0;
  padding-left: 0;
  text-transform: uppercase
}

.mod-autor .com-link {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}

.mod-wikiauthor .--contact .com-link {
  display: inline-flex;
  font-weight: 700;
  margin-bottom: .5rem
}

.com-breadcrumb .com-link {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.acumulado .breaking-news .mod-article .mod-description .com-link .--tags {
  color: #0250c9;
  font-weight: 700
}

.com-advance.com-advance .com-link,
.mod-headersection.--bg .com-title .com-link {
  color: #fff
}

@media(min-width:64em) {
  .--apps .com-link svg {
    width: auto
  }

  .com-link.--highlight {
    background-color: #ffff24;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000;
    font-family: Arial, "sans-serif";
    font-size: .75rem;
    font-weight: 700;
    margin-right: 2.1875rem;
    padding: .625rem 1.5rem;
    text-transform: uppercase;
    transition: opacity .2s ease-in-out
  }
}

.horoscope-item {
  border: 1px solid #ccc;
  border-radius: .25rem
}

.horoscope-item .com-link {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .75rem 1rem;
  width: 100%
}

@media(min-width:48em) {
  .horoscope-item .com-link {
    flex-direction: row-reverse;
    justify-content: space-between
  }
}

.horoscope-item .container-text {
  text-align: center
}

.horoscope-item .container-text .title {
  color: #00043a;
  display: block;
  font-weight: 700
}

@media(min-width:48em) {
  .horoscope-item .container-text .title {
    text-align: start
  }
}

.horoscope-item .container-text .text {
  color: #5a5a5a
}

.horoscope-item .container-text>time {
  display: block
}

@media(min-width:48em) {
  .horoscope-item .container-text>time {
    text-align: start
  }
}

.horoscope-item.--chino {
  display: flex;
  margin-top: .5rem;
  width: 100%
}

.horoscope-item.--chino .title {
  margin-bottom: 0
}

.horoscope-item.--chino .com-link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%
}

.horoscope-item.--chino .container-svg {
  margin: 0
}

@media(min-width:48em) {
  .horoscope-item.--chino {
    margin: 0
  }

  .horoscope-item.--chino .com-link {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .horoscope-item.--chino .container-svg {
    margin-bottom: .5rem
  }

  .horoscope-item.--chino .title {
    text-align: center
  }
}

.horoscope-item .container-svg {
  background-color: #f2f2f2;
  border-radius: 50%;
  height: 2.5rem;
  margin-bottom: .5rem;
  width: 2.5rem
}

.horoscope-item .container-svg .com-image[alt] {
  color: transparent
}

@media(min-width:48em) {
  .horoscope-item .container-svg {
    margin: 0
  }
}

.horoscope-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.horoscope-box>.com-title {
  color: #272727;
  margin-bottom: 1rem
}

.horoscope-box .row-gap-2 {
  grid-gap: .5rem
}

@media(min-width:48em) {
  .horoscope-box {
    display: flex;
    width: 100%
  }

  .horoscope-box .--items {
    display: flex;
    flex-direction: row
  }

  .horoscope-box .zodiaco {
    width: 85%
  }

  .horoscope-box .chino {
    display: flex;
    margin: 0 0 0 .5rem;
    width: 15%
  }
}

.container-widget-carrousel {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.container-widget-carrousel .widget-carrousel-coins {
  border: .0625rem solid #ccc;
  border-radius: .25rem;
  margin: 0 0 .5rem;
  min-height: 5.5rem;
  padding: .5rem 0;
  position: relative
}

.container-widget-carrousel .widget-carrousel-coins .com-link {
  height: calc(100% - 1rem);
  position: absolute;
  width: 100%;
  z-index: 100
}

.container-widget-carrousel .widget-carrousel-coins .com-link .cripto-title {
  color: #1c1c1f;
  margin-left: .5rem
}

.container-widget-carrousel .widget-carrousel-coins .livecoinwatch-widget-5 {
  height: 2.5rem !important;
  margin: 0 !important;
  padding-top: 1.5rem
}

@media(min-width:64em) {
  .container-widget-carrousel .widget-carrousel-coins {
    padding-top: 1rem
  }

  .container-widget-carrousel .widget-carrousel-coins .com-link .cripto-title {
    margin-left: 1rem
  }
}

.container-widget-carrousel .cripto-info {
  align-self: flex-end
}

.com-title-section-xl {
  line-height: 2.0625rem;
  text-decoration: underline
}

.com-title-section-l,
.com-title-section-xl {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -.35px
}

.com-title-section-l,
.com-title-section-m {
  line-height: 1.8125rem
}

.com-title-section-m {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: -.29px
}

.com-ranking .com-title-section-m {
  margin-bottom: .8125rem
}

h4.com-title-section-m {
  margin-bottom: 1.25rem
}

.com-title-section-s {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -.29px;
  line-height: 1.8125rem
}

h4.com-title-section-s {
  margin-bottom: 1.25rem
}

.com-title-section-xs {
  font-family: Arial, "sans-serif";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -.21px;
  line-height: 1.4375rem
}

.com-title-nota {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.5rem;
  line-height: 2.5rem
}

h1.com-title-nota {
  margin-bottom: 1.25rem
}

@media(min-width:1024px) {
  h1.com-title-nota {
    margin-bottom: 1rem;
    margin-top: 0
  }
}

.com-title-acu {
  color: #000;
  font-family: Arial, "sans-serif";
  font-size: .875rem;
  line-height: 1.5rem;
  margin-top: .4375rem
}

.com-title-acu b {
  font-weight: 600
}

.com-title-acu-humor {
  font-family: Prumo, Georgia, "serif";
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -.4px;
  line-height: 1.4375rem;
  margin-right: 1.25rem
}

.humor .com-title-acu-humor {
  display: inline-block;
  margin-top: 0
}

.com-title-acu-last {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.25rem;
  letter-spacing: -.47px;
  line-height: 1.9375rem
}

.com-titleWithfollow {
  margin-bottom: 20px
}

@media(min-width:768px) {
  .com-titleWithfollow {
    margin-bottom: 1.875rem
  }
}

@media(min-width:1024px) {
  .com-titleWithfollow {
    margin-bottom: 2.5rem
  }
}

.com-titleWithfollow [class*=com-title] {
  display: inline-block;
  margin-bottom: .625rem;
  margin-right: .625rem;
  vertical-align: middle
}

.com-title-section-autor {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -.47px;
  line-height: 1.6875rem
}

@media(min-width:360px) {
  .com-title-acu {
    font-family: Prumo, Georgia, "serif";
    font-size: 1.0625rem;
    line-height: 1.75rem
  }
}

@media(min-width:768px) {
  .com-title-acu {
    font-family: Prumo, Georgia, "serif";
    font-size: 1.0625rem;
    letter-spacing: -.4px;
    line-height: 1.5rem
  }

  .com-title-nota {
    font-size: 2.375rem;
    line-height: 3.4375rem
  }

  .com-title-acu-last {
    font-family: Prumo, Georgia, "serif";
    font-size: 1.1875rem;
    letter-spacing: -.45px;
    line-height: 1.9375rem
  }
}

@media(min-width:1024px) {
  .com-title-section-xxl {
    font-family: Prumo, Georgia, "serif";
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -.53px;
    line-height: 2.9375rem
  }

  .com-title-section-xl {
    font-size: 1.875rem
  }

  .com-title-section-l,
  .com-title-section-xl {
    font-family: Prumo, Georgia, "serif";
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 2.9375rem
  }

  .com-title-section-l {
    font-size: 1.5625rem
  }

  .com-title-section-m {
    font-weight: 800
  }

  .com-title-section-m,
  .com-title-section-s {
    font-family: Prumo, Georgia, "serif";
    font-size: 1.5rem;
    letter-spacing: -.32px;
    line-height: 1.9375rem
  }

  .com-title-section-s {
    font-weight: 500
  }

  .com-title-acu {
    font-size: .875rem;
    letter-spacing: -.6px;
    line-height: 1.375rem
  }
}

@media(min-width:1100px) {
  .com-title-acu {
    font-size: 1.0625rem;
    letter-spacing: -.4px;
    line-height: 1.5rem
  }
}

@media(min-width:1340px) {
  .com-title-nota {
    font-size: 2.6875rem;
    line-height: 3.6875rem
  }
}

.mod-categories {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: .5rem;
  position: relative;
  width: 100%
}

.mod-categories .com-title {
  margin-bottom: 1rem;
  margin-right: 0
}

@media(min-width:48em) {
  .mod-categories .com-title {
    min-width: max-content
  }
}

.mod-categories .mod-logo {
  margin-bottom: 1rem
}

.mod-categories .mod-logo .com-image:hover {
  filter: none
}

.mod-categories .mod-logo span {
  position: absolute;
  visibility: hidden
}

@media(min-width:64em) {
  .mod-categories .ln-button {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto
  }
}

@media(min-width:48em) {
  .mod-categories .mod-logo .com-image {
    max-height: 4.375rem;
    max-width: 100%;
    width: auto
  }
}

@media(min-width:64em) {
  .mod-categories {
    align-items: flex-end;
    flex-direction: row;
    padding-bottom: 1rem
  }

  .mod-categories .com-title {
    margin-bottom: 0;
    margin-right: 1.5rem;
    padding-bottom: .625rem
  }

  .mod-categories .mod-logo {
    margin: 0 1.5rem 0 0
  }

  .mod-categories .mod-logo .com-image {
    max-height: 5.625rem
  }
}

@media(min-width:80em) {
  .mod-categories .mod-logo .com-image {
    max-width: none
  }
}

.com-author {
  align-items: center;
  display: inline-block;
  font-family: Arial, "sans-serif";
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 2.5rem
}

.noticia .com-author {
  margin-bottom: 1.25rem
}

@media(min-width:1024px) {
  .noticia .com-author {
    margin-bottom: 1.875rem
  }

  .com-author {
    margin-bottom: 3.75rem
  }
}

.com-author a {
  color: #0250c9
}

@media(min-width:768px) {
  .com-author a {
    font-size: 1rem
  }
}

.mod-wikiauthor .com-container {
  margin-bottom: 1rem
}

.com-breadcrumb .com-container,
.mod-sponsor .com-container {
  left: calc(50% - 140px);
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 17.5rem;
  z-index: 99
}

.cuerpo__nota .com-container.--button {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.com-container.--info {
  margin-bottom: 2rem
}

@media(min-width:64em) {
  .mod-sponsor .com-container {
    bottom: inherit;
    left: calc(20% - 120px);
    top: calc(100% + 20px);
    z-index: 999
  }

  .com-breadcrumb .com-container {
    bottom: inherit;
    left: calc(20% - 120px);
    top: 100%;
    z-index: 999
  }
}

.mod-descriptionlist {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem
}

.mod-descriptionlist .com-itemlist {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: .5rem;
  padding-left: 2.5rem
}

.--educacion .mod-descriptionlist .com-itemlist,
.--reconocimientos .mod-descriptionlist .com-itemlist {
  flex-wrap: nowrap
}

.mod-descriptionlist .com-itemlist:before {
  content: "•";
  display: block;
  font-size: 1.75rem;
  height: fit-content;
  left: 1rem;
  line-height: 1.3125rem;
  position: absolute
}

@media(min-width:64em) {

  .mod-descriptionlist.--idiomas,
  .mod-descriptionlist.--membresia {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: row;
    justify-content: center
  }

  .mod-descriptionlist.--idiomas .com-title,
  .mod-descriptionlist.--membresia .com-title {
    margin: 0 .5rem 0 0
  }
}

.com-unordered {
  margin-bottom: 2rem
}

.com-unordered .com-item {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  position: relative
}

.com-unordered .com-item i {
  font-style: italic
}

.com-unordered .com-item b {
  font-weight: 700
}

.com-unordered .com-item:before {
  content: "•";
  font-size: 1.875rem;
  left: .5rem;
  position: absolute
}

.com-unordered .com-item:first-letter {
  text-transform: uppercase
}

.breaking-news .com-unordered .com-item {
  padding-left: 0
}

@media(min-width:64em) {
  .acumulado .mod-wikiauthor .com-unordered {
    flex-wrap: wrap
  }
}

.modal-body {
  align-items: center;
  background: rgba(0, 0, 0, .3);
  display: flex;
  flex-direction: row;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 15100
}

.modal-body.--flex-end {
  justify-content: flex-end
}

.bookmark-layout {
  display: flex;
  flex-direction: column;
  min-height: 60vh
}

.bookmark-layout .bookmark-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.bookmark-layout .empty-bookmark {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9rem 0;
  text-align: center
}

.bookmark-layout .empty-bookmark .placeholder-bookmark {
  margin-bottom: 2rem
}

.bookmark-layout .empty-bookmark .com-text {
  margin-bottom: .5rem
}

.bookmark-layout .empty-bookmark .instruction {
  display: inline-flex;
  text-align: center
}

.bookmark-layout .helper-bookmark {
  animation: fadeInAnimation .2s;
  max-width: 36rem;
  overflow-y: scroll
}

@keyframes fadeInAnimation {
  0% {
    right: -100vw
  }

  to {
    right: 0
  }
}

.bookmark-layout .placeholder-bookmark {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.bookmark-layout .placeholder-bookmark img {
  width: 18rem
}

.bookmark-layout .bookmark-list {
  padding: 2rem 0
}

.bookmark-layout .bookmark-list .item {
  display: flex;
  margin-bottom: 1rem;
  position: relative
}

.bookmark-layout .bookmark-list .mod-article {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.bookmark-layout .bookmark-list .mod-article:not(:last-child) {
  border-bottom: .0625rem solid #e4e4e4
}

.bookmark-layout .bookmark-list .mod-article:last-child {
  margin-bottom: 2rem
}

.bookmark-layout .bookmark-list .mod-article .com-title {
  font-weight: 400
}

@media(min-width:48em) {
  .bookmark-layout .bookmark-list .mod-article .com-title {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 1.75rem
  }
}

.bookmark-layout .bookmark-list .mod-article .mod-media {
  margin-left: 1rem
}

.bookmark-layout .bookmark-list .mod-article .content-media .placeholder {
  aspect-ratio: 1;
  width: 3.75rem
}

@media(min-width:22em) {
  .bookmark-layout .bookmark-list .mod-article .content-media .placeholder {
    width: 6.25rem
  }
}

@media(min-width:48em) {
  .bookmark-layout .bookmark-list .mod-article .content-media .mod-media {
    margin-left: 0
  }

  .bookmark-layout .bookmark-list .mod-article .content-media .placeholder {
    aspect-ratio: 3/2;
    margin-right: 1rem;
    width: 9.375rem
  }
}

.bookmark-layout .bookmark-list .mod-article .mod-description {
  display: flex;
  flex-direction: column;
  margin: 0 1rem
}

.bookmark-layout .bookmark-list .mod-article .mod-description .com-date {
  order: -1
}

.bookmark-layout .bookmark-list .mod-article .mod-description .--author {
  border-radius: 50%;
  height: 1.5rem;
  margin-right: .5rem;
  width: 1.5rem
}

.bookmark-layout .bookmark-list .mod-article .mod-description .mod-marquee {
  align-items: center;
  margin-bottom: 0
}

.bookmark-layout .bookmark-list .mod-article .mod-description .category-note {
  color: #5a5a5a;
  margin-bottom: .5rem
}

.bookmark-layout .--loader {
  text-align: center
}

.bookmark-layout .--loader .loader {
  margin-bottom: 2.5rem
}

.bookmark .com-breadcrumb .com-text {
  color: #5a5a5a
}

.bookmark .title {
  display: flex;
  flex-direction: column
}

.bookmark .title h1 {
  color: #272727;
  margin-bottom: 1.75rem
}

.bookmark .loader {
  margin: auto
}

@keyframes bottomIn {
  0% {
    bottom: -6.25rem
  }

  to {
    bottom: 0
  }
}

.sticky-mobile {
  animation: bottomIn .3s ease-in;
  background-color: #fff;
  border-radius: 1rem 1rem 0 0;
  bottom: 0;
  box-shadow: 0 -.5rem 1rem rgba(0, 0, 0, .06);
  margin-left: -1rem;
  min-height: 15.375rem;
  padding: .5rem 1rem 1rem;
  position: fixed;
  width: 100%;
  z-index: 101
}

.sticky-mobile .header-sticky {
  color: #272727;
  margin-bottom: .5rem;
  position: relative
}

.sticky-mobile .header-sticky :first-child {
  display: flex;
  justify-content: center;
  width: 100%
}

.sticky-mobile .com-link {
  align-items: start;
  color: #000;
  display: flex;
  margin-bottom: 5.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 25rem
}

.sticky-mobile .com-link .com-text {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.sticky-mobile .com-link .placeholder {
  margin: 0 .5rem 0 0;
  width: fit-content
}

.sticky-mobile .com-link .placeholder .com-image {
  height: 5rem;
  object-fit: cover;
  width: 5rem
}

.com-partner {
  display: flex;
  font-weight: 700;
  margin-bottom: 2rem
}

.--apertura .com-logo {
  margin-bottom: .5rem
}

.--apertura .mod-sponsor .com-logo {
  margin-bottom: 0
}

.com-logo .ln-logo.--xs {
  height: 1rem;
  width: 2.125rem
}

.com-logo .ln-logo.--sm {
  height: 1.3125rem;
  width: 2.75rem
}

.com-logo.ln-nota-logo {
  margin-bottom: 20px
}

.com-logo.la-nacion,
.com-logo.la-nacion.--xs {
  height: 1rem;
  width: 10.25rem
}

.com-logo.la-nacion.--sm {
  height: 1.3125rem;
  width: 13.4375rem
}

.com-logo.la-nacion.--md {
  height: 1.875rem;
  width: 19.125rem
}

.com-logo.gda {
  height: 1.25rem;
  width: 2.25rem
}

.com-logo.data-fiscal {
  height: 2.375rem;
  width: 1.75rem
}

.com-logo.brando-blanco.--xs,
.com-logo.brando.--xs {
  height: 1.0625rem;
  width: 5.1875rem
}

.com-logo.brando-blanco.--sm,
.com-logo.brando.--sm {
  height: 1.375rem;
  width: 6.6875rem
}

.com-logo.hola-blanco.--xs,
.com-logo.hola.--xs {
  height: 1.375rem;
  width: 2.8125rem
}

.com-logo.hola-blanco.--sm,
.com-logo.hola.--sm {
  height: 1.875rem;
  width: 3.875rem
}

.com-logo.jardin-blanco.--xs,
.com-logo.jardin.--xs {
  height: 1.25rem;
  width: 3.875rem
}

.com-logo.jardin-blanco.--sm,
.com-logo.jardin.--sm {
  height: 1.75rem;
  width: 5.5rem
}

.com-logo.living-blanco.--xs,
.com-logo.living.--xs {
  height: 1.25rem;
  width: 3.75rem
}

.com-logo.living-blanco.--sm,
.com-logo.living.--sm {
  height: 1.75rem;
  width: 5.25rem
}

.com-logo.lugares-blanco.--xs,
.com-logo.lugares.--xs {
  height: 1rem;
  width: 5.375rem
}

.com-logo.lugares-blanco.--sm,
.com-logo.lugares.--sm {
  height: 1.375rem;
  width: 7.375rem
}

.com-logo.rolling-blanco.--xs,
.com-logo.rolling.--xs {
  height: 1.4375rem;
  width: 8.0625rem
}

.com-logo.rolling-blanco.--sm,
.com-logo.rolling.--sm {
  height: 1.875rem;
  width: 10.5rem
}

.com-logo.ohlala-blanco.--xs,
.com-logo.ohlala.--xs {
  height: 1.125rem;
  width: 4rem
}

.com-logo.ohlala-blanco.--sm,
.com-logo.ohlala.--sm {
  height: 1.875rem;
  width: 6.625rem
}

.com-logo.ln-mas.--xs,
.com-logo.lnmas-blanco.--xs {
  height: 1.25rem;
  width: 2.125rem
}

.com-logo.ln-mas.--sm,
.com-logo.lnmas-blanco.--sm {
  height: 1.625rem;
  width: 2.75rem
}

.com-logo.negocios-blanco.--xs,
.com-logo.negocios.--xs {
  height: 1.875rem;
  width: 5.9375rem
}

.com-logo.negocios-blanco.--sm,
.com-logo.negocios.--sm {
  height: 2.5rem;
  width: 7.9375rem
}

.com-logo.bbc-blanco.--xs,
.com-logo.bbc.--xs {
  height: 1.25rem;
  width: 8rem
}

.com-logo.bbc-blanco.--sm,
.com-logo.bbc.--sm {
  height: 1.625rem;
  width: 10.4375rem
}

.com-logo.propiedades-blanco.--xs,
.com-logo.propiedades.--xs {
  height: 1.375rem;
  width: 10.375rem
}

.com-logo.propiedades-blanco.--sm,
.com-logo.propiedades.--sm {
  height: 2rem;
  width: 15.0625rem
}

.com-logo.canchallena.--xs {
  height: 1.875rem;
  width: 8.9375rem
}

.com-logo.canchallena.--sm {
  height: 3.125rem;
  width: 14.9375rem
}

.com-logo.salud-blanco.--xs,
.com-logo.salud.--xs {
  height: 1.375rem;
  width: 8.0625rem
}

.com-logo.salud-blanco.--sm,
.com-logo.salud.--sm {
  height: 2rem;
  width: 11.6875rem
}

.com-logo.autos-blanco.--xs,
.com-logo.autos.--xs {
  height: 1.25rem;
  width: 8.8125rem
}

.com-logo.autos-blanco.--sm,
.com-logo.autos.--sm {
  height: 1.75rem;
  width: 12.8125rem
}

.com-logo.campo-blanco.--xs,
.com-logo.campo.--xs {
  height: 1.375rem;
  width: 7.5625rem
}

.com-logo.campo-blanco.--sm,
.com-logo.campo.--sm {
  height: 2rem;
  width: 11rem
}

.com-logo.deportes.--xs {
  height: 1.375rem;
  width: 5.875rem
}

.com-logo.deportes.--sm {
  height: 1.875rem;
  width: 8rem
}

.com-logo.futuria-blanco.--xs,
.com-logo.futuria.--xs {
  height: 1.375rem;
  width: inherit
}

.com-logo.futuria-blanco.--sm,
.com-logo.futuria.--sm {
  height: 3rem;
  width: inherit
}

.com-logo.que-sale-blanco.--xs,
.com-logo.que-sale.--xs {
  height: 1.375rem;
  width: inherit
}

.com-logo.que-sale-blanco.--sm,
.com-logo.que-sale.--sm {
  height: 3rem;
  width: inherit
}

.com-logo.android-store,
.com-logo.ios-store {
  border-radius: .25rem;
  height: 2.1875rem;
  width: 7.5rem
}

.logoLN {
  display: block;
  height: 1.0625rem
}

.logoLN img,
.logoLN svg {
  height: 100%;
  max-width: 10.625rem
}

.modal .logoLN {
  margin-bottom: 1rem
}

@media(min-width:64em) {

  .logoLN img,
  .logoLN svg {
    max-width: 18.75rem
  }

  .header .logoLN {
    height: 1.875rem
  }
}

.mod-keepreading {
  margin-bottom: 2rem
}

.mod-keepreading li a {
  color: #0250c9;
  display: block;
  font-weight: 700;
  margin-bottom: 1rem
}

.mod-sponsor {
  align-items: center;
  display: flex;
  margin-bottom: 1rem;
  position: relative
}

.mod-sponsor .com-logo {
  display: flex;
  font-size: 1.125rem;
  margin: 0
}

.mod-sponsor>.com-text {
  align-items: center;
  color: #d83e2c;
  font-weight: 700
}

.mod-sponsor>.com-text:before {
  content: "●";
  font-size: 1rem;
  margin: 0 .5rem
}

.mod-sponsor.null-blanco>.com-text:before,
.mod-sponsor.null>.com-text:before {
  display: none
}

.mod-sponsor.ohlala>.com-text {
  color: #e71f64
}

.mod-sponsor.brando>.com-text {
  color: #c6480c
}

.mod-sponsor.living>.com-text {
  color: #000
}

.mod-sponsor.hola>.com-text {
  color: #bf0811
}

.mod-sponsor.jardin>.com-text {
  color: #d46418
}

.mod-sponsor.lugares>.com-text {
  color: #009c9a
}

.mod-sponsor.rolling-stone>.com-text,
.mod-sponsor.rolling>.com-text {
  color: #b40d15
}

.mod-sponsor.campo>.com-text {
  color: #00c48f
}

.mod-sponsor.--contentlab>.com-text {
  color: #000
}

.mod-tooltip {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  display: flex;
  margin-bottom: 1rem;
  max-width: 17.5rem;
  padding: .5rem;
  position: relative
}

.tooltip-glossary:after {
  background: inherit;
  border-bottom: inherit;
  border-bottom-right-radius: 50%;
  border-right: inherit;
  content: "";
  height: .5rem;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: rotate(45deg) translate(-50%);
  width: .5rem;
  z-index: 1
}

.dialog {
  --transition: all 0.3s ease-in-out;
  inset-block-end: unset;
  inset-block-start: unset;
  max-height: unset;
  max-width: unset;
  transition: var(--transition)
}

.dialog::backdrop {
  background-color: rgba(0, 0, 0, .5);
  opacity: 1;
  transition: var(--transition)
}

.dialog[data-visible=false] {
  opacity: 0;
  visibility: hidden
}

.dialog[data-visible=true] {
  opacity: 1;
  visibility: visible
}

.dialog[data-position=bottom] {
  inset-block-end: 0
}

.dialog[data-position=top] {
  inset-block-start: 0
}

.dialog[data-overlay=false],
.ln-navbar {
  position: fixed
}

.ln-navbar {
  background: var(--light-neutral-0);
  border-top: 1px solid var(--light-neutral-300);
  bottom: 0;
  left: 0;
  padding: var(--size-xs) var(--size-sm) var(--size-2xs);
  width: 100%;
  z-index: 15000
}

.ln-navbar ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 25rem
}

.ln-navbar ul .--item>* {
  align-items: center;
  color: var(--light-neutral-800);
  display: flex;
  flex-direction: column;
  gap: .375rem;
  justify-content: center;
  min-width: 3.625rem
}

.ln-navbar ul .--item>* .icon>svg>path {
  fill: var(--light-neutral-800)
}

.homepage .ln-navbar ul .--item.home .link {
  color: var(--blue-500)
}

.homepage .ln-navbar ul .--item.home .icon>svg>path {
  fill: var(--blue-500)
}

.dropdown .ln-navbar ul .--item.sections .link {
  color: var(--blue-500)
}

.dropdown .ln-navbar ul .--item.sections .icon>svg>path {
  fill: var(--blue-500)
}

.mis-notas .ln-navbar ul .--item.bookmark .link {
  color: var(--blue-500)
}

.mis-notas .ln-navbar ul .--item.bookmark .icon>svg>path {
  fill: var(--blue-500)
}

@media (min-width:80rem) {
  .ln-navbar {
    display: none
  }
}

.link {
  color: #0250c9;
  cursor: pointer
}

.link.--unstyled {
  color: inherit
}

.link.--block {
  display: block
}

.link.--disabled {
  opacity: .4;
  pointer-events: none
}

@media (min-width:64rem) {
  .link:hover {
    opacity: .8
  }
}

.dropdown .dropdown-menu:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQuMTIxIDIuMTIxIDUgNUEzIDMgMCAwIDAgMjEuMjQzIDhIMi43NTdhMyAzIDAgMCAwIDIuMTIyLS44NzlsNS01YTMgMyAwIDAgMSA0LjI0MiAwWiIgZmlsbD0iI0ZFRkVGRSIvPjwvc3ZnPg==);
  background-size: 1.5rem .5rem;
  bottom: 100%;
  content: "";
  display: inline-block;
  height: .5rem;
  position: absolute;
  width: 1.5rem
}

.dropdown .dropdown-menu:before {
  bottom: 100%;
  content: "";
  height: .5rem;
  left: 0;
  position: absolute;
  width: 100%
}

.dropdown .dropdown-menu[data-position=left] {
  left: 0
}

.dropdown .dropdown-menu[data-position=left]:after {
  left: .6875rem
}

.dropdown .dropdown-menu[data-position=center],
.dropdown .dropdown-menu[data-position=center]:after {
  left: 50%;
  transform: translate3d(-50%, 0, 0)
}

.dropdown .dropdown-menu[data-position=right] {
  right: 0
}

.dropdown .dropdown-menu[data-position=right]:after {
  right: .6875rem
}

.dropdown .icon.dropdown-icon {
  transition-property: transform
}

.dropdown .icon.dropdown-icon.--rotate {
  transform: rotate(180deg)
}

.wrapper-dropdown {
  overflow-y: scroll;
  visibility: hidden;
  z-index: 15001
}

.wrapper-dropdown,
.wrapper-dropdown .overlay {
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw
}

.wrapper-dropdown .overlay {
  background: rgba(0, 0, 0, .3);
  display: flex;
  z-index: 100
}

.wrapper-dropdown .ln-dropdown {
  background: #f2f2f2;
  left: -25rem;
  overflow-y: scroll;
  padding-bottom: 11.25rem;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100vw;
  z-index: 100
}

.wrapper-dropdown .ln-dropdown>header {
  align-items: center;
  background: #fff;
  border-bottom: .0625rem solid #e4e4e4;
  display: flex;
  justify-content: space-between;
  padding: .5rem .5rem .5rem 1rem;
  position: relative
}

.wrapper-dropdown .ln-dropdown>header .ln-icon-dropdown {
  min-height: 1rem
}

.wrapper-dropdown .ln-dropdown>header a {
  align-items: center;
  display: flex
}

.wrapper-dropdown .ln-dropdown>header .button {
  display: none;
  padding: 0;
  width: 1.75rem
}

.wrapper-dropdown .ln-dropdown>nav {
  width: 100%;
  z-index: 1
}

.wrapper-dropdown .ln-dropdown>nav>ul {
  border-top: .0625rem solid #e4e4e4;
  margin-top: .5rem
}

.wrapper-dropdown .ln-dropdown>nav ul {
  background: #fff;
  width: 100%
}

.wrapper-dropdown .ln-dropdown>nav ul li {
  border-bottom: .0625rem solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  position: relative
}

.wrapper-dropdown .ln-dropdown>nav ul li a {
  align-items: center;
  color: #000;
  display: flex;
  flex-grow: 1;
  font-size: .875rem;
  height: 3.125rem;
  padding: .625rem 1.25rem;
  width: calc(100% - 3.125rem)
}

.wrapper-dropdown .ln-dropdown>nav ul li .button {
  display: none
}

.wrapper-dropdown .ln-dropdown>nav ul li:hover {
  background: #f2f2f2
}

.wrapper-dropdown .ln-dropdown>nav ul li:hover>a .menu-item-title {
  color: #0250c9;
  text-decoration: underline
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more {
  align-items: center;
  justify-content: center
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more>a {
  border-right: .0625rem solid #e4e4e4
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 3.125rem
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button i {
  color: #000
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
  border-top: .0625rem solid #e4e4e4;
  display: none
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more ul li a {
  padding-left: 2rem
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more.--inactive ul {
  display: none
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more.--active:hover ul {
  display: block
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more.--active:hover .button {
  transform: rotate(-90deg)
}

.wrapper-dropdown .ln-dropdown>nav ul.--secondary .--more button i,
.wrapper-dropdown .ln-dropdown>nav ul.--secondary a {
  color: #5a5a5a
}

@media (min-width:64rem) {
  .wrapper-dropdown {
    overflow: hidden
  }

  .wrapper-dropdown .ln-dropdown {
    background: #fff;
    height: 100vh;
    overflow-y: initial;
    width: 17.5rem
  }

  .wrapper-dropdown .ln-dropdown>header {
    border: none
  }

  .wrapper-dropdown .ln-dropdown>nav ul {
    margin-top: 0
  }

  .wrapper-dropdown .ln-dropdown>nav ul li {
    border-bottom: 0
  }

  .wrapper-dropdown .ln-dropdown>nav ul li a {
    height: 2.5rem
  }

  .wrapper-dropdown .ln-dropdown>nav ul li .ln-button {
    transform: rotate(-90deg)
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more>a {
    border: none
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--inactive:hover ul {
    display: block
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
    background: #fff;
    border-radius: .25rem;
    box-shadow: -.0625rem .125rem .3125rem 0 #bdbdbd;
    left: 99%;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 13.75rem
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul li a {
    padding-left: 1rem
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul:before {
    background: #fff;
    box-shadow: .125rem .125rem .125rem .0625rem hsla(0, 0%, 74%, .4);
    content: "";
    height: 1rem;
    left: -.375rem;
    position: absolute;
    top: .6875rem;
    transform: rotate(136deg);
    width: 1rem;
    z-index: 0
  }
}

@media (min-width:64rem) and (max-height:50rem) {

  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--lifestyle ul,
  .wrapper-dropdown .ln-dropdown>nav ul.--secondary li.--more ul {
    bottom: 0;
    top: auto
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--lifestyle ul:before,
  .wrapper-dropdown .ln-dropdown>nav ul.--secondary li.--more ul:before {
    bottom: .6875rem;
    top: auto
  }
}

.wrapper-dropdown.--dd-active {
  visibility: visible
}

.wrapper-dropdown.--dd-active .ln-dropdown {
  left: 0
}

.wrapper-dropdown.--dd-active .ln-dropdown>header .button,
.wrapper-dropdown.--dd-active .ln-dropdown>nav .button {
  display: flex
}

@media (min-width:1024px) and (max-width:1279px) and (max-height:950px) {
  .wrapper-dropdown .ln-dropdown>nav ul.--tertiary {
    height: calc(100vh - 660px);
    overflow-y: scroll
  }
}

@media (min-width:1280px) and (max-height:850px) {
  .wrapper-dropdown .ln-dropdown>nav ul.--tertiary {
    height: calc(100vh - 610px);
    overflow-y: scroll
  }
}

.list li {
  margin-bottom: 1rem;
  position: relative
}

.list li.--disabled {
  color: #919191;
  text-decoration: line-through
}

.list.--bullet li {
  padding-left: 1rem
}

.list.--bullet li:after {
  bottom: 0;
  content: "•";
  font-size: 1.875rem;
  left: -.4375rem;
  position: absolute
}

.list.--bullet-xs li .link {
  padding-right: 1rem
}

.list.--bullet-xs li .link:after {
  bottom: 0;
  color: #ccc;
  content: "•";
  font-size: .875rem;
  position: absolute;
  right: -.1875rem
}

.list.--bullet-xs-left li:before {
  bottom: 0;
  color: #ccc;
  content: "•";
  display: inline-block;
  font-size: .875rem;
  margin-right: .625rem;
  position: relative;
  right: -.1875rem
}

.list.--inline {
  display: inline-flex
}

.list.--inline li:not(:last-child) {
  margin-right: 1rem
}

.list.--inline.--bullet-xs li:last-child a {
  padding: 0
}

.list.--inline.--bullet-xs li:last-child a:after {
  display: none
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: .3s ease-in-out
}

.icon.--hasWrapper {
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-sizing: content-box
}

.icon>svg {
  height: inherit;
  vertical-align: top;
  width: inherit
}

.icon.--icon-8 {
  height: .5rem;
  width: .5rem
}

.icon.--icon-8.--hasWrapper {
  padding: .25rem
}

.icon.--icon-12 {
  height: .75rem;
  width: .75rem
}

.icon.--icon-12.--hasWrapper {
  padding: .25rem
}

.icon.--icon-16 {
  height: 1rem;
  width: 1rem
}

.icon.--icon-16.--hasWrapper {
  padding: .5rem
}

.icon.--icon-18 {
  height: 1.125rem;
  width: 1.125rem
}

.icon.--icon-18.--hasWrapper {
  padding: .5rem
}

.icon.--icon-20 {
  height: 1.25rem;
  width: 1.25rem
}

.icon.--icon-20.--hasWrapper {
  padding: .5rem
}

.icon.--icon-24 {
  height: 1.5rem;
  width: 1.5rem
}

.icon.--icon-24.--hasWrapper {
  padding: .5rem
}

.icon.--icon-28 {
  height: 1.75rem;
  width: 1.75rem
}

.icon.--icon-28.--hasWrapper {
  padding: .5rem
}

.icon.--icon-32 {
  height: 2rem;
  width: 2rem
}

.icon.--icon-32.--hasWrapper {
  padding: .75rem
}

.icon.--icon-36 {
  height: 2.25rem;
  width: 2.25rem
}

.icon.--icon-36.--hasWrapper {
  padding: .75rem
}

.icon.--icon-40 {
  height: 2.5rem;
  width: 2.5rem
}

.icon.--icon-40.--hasWrapper {
  padding: 1rem
}

.icon.--icon-44 {
  height: 2.75rem;
  width: 2.75rem
}

.icon.--icon-44.--hasWrapper {
  padding: 1rem
}

.icon.--icon-48 {
  height: 3rem;
  width: 3rem
}

.icon.--icon-48.--hasWrapper {
  padding: 1rem
}

.icon.--light svg>path {
  fill: #fff
}

.icon.--dark svg>path {
  fill: #272727
}

.icon.--gray svg>path {
  fill: #919191
}

.icon.--gray-600 svg>path {
  fill: #5a5a5a
}

.icon.--warning svg>path {
  fill: #fdb727
}

.icon.--primary svg>path {
  fill: #126fff
}

.icon.--success svg>path {
  fill: #22b120
}

.icon.--danger svg>path {
  fill: #f44336
}

.icon.--violet svg>path {
  fill: #00033a
}

.icon.--inherit svg>path {
  fill: currentColor
}

.button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: .75rem;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content
}

.button,
.button>.icon>svg>path {
  transition: all .3s ease-in-out
}

.button:hover {
  opacity: .8
}

.button:disabled {
  opacity: .4;
  pointer-events: none
}

.common-header-container {
  height: var(--header-height, -moz-min-content);
  height: var(--header-height, min-content)
}

.common-header-container .common-main-header .content>div {
  grid-template-columns: [left-start] var(--header-outer-spacing, auto) [center-start] 2fr [center-end] var(--header-outer-spacing, auto) [right-end];
  grid-template-rows: [main-start] 1fr [main-end]
}

.common-header-container .common-main-header .content>div .left-options {
  grid-column: left-start/center-start
}

.common-header-container .common-main-header .content>div .center-options {
  grid-column: var(--center-options-grid-column, center-start/center-end)
}

.common-header-container .common-main-header .content>div .right-options {
  grid-column: center-end/right-end
}

.common-header-container .common-main-header .content>div .search-container {
  grid-column: left-start/right-end
}

@media (min-width:80rem) {
  .common-header-container .common-main-header .content>div .search-container {
    grid-column: center-start/center-end;
    grid-row: main-start
  }
}

.common-header-container .common-main-header .content>div .bottom-options {
  grid-column: left-start/right-end
}

.--text-8xl {
  font-size: 4rem;
  line-height: 120%
}

.--text-7xl {
  font-size: 3.5rem;
  line-height: 120%
}

.--text-6xl {
  font-size: 3rem;
  line-height: 120%
}

.--text-5xl {
  font-size: 2.5rem;
  line-height: 120%
}

.--text-4xl {
  font-size: 2.25rem;
  line-height: 120%
}

.--text-3xl {
  font-size: 2rem;
  line-height: 120%
}

.--text-2xl {
  font-size: 1.75rem;
  line-height: 120%
}

.--text-xl {
  font-size: 1.5rem;
  line-height: 120%
}

.--text-l {
  font-size: 1.25rem;
  line-height: 150%
}

.--text-m {
  font-size: 1.125rem;
  line-height: 150%
}

.--text-s {
  font-size: 1rem;
  line-height: 150%
}

.--text-xs {
  font-size: .875rem;
  line-height: 100%
}

.--text-2xs {
  font-size: .75rem;
  line-height: 100%
}

@media (min-width:48rem) {
  .--text-md-8xl {
    font-size: 4rem;
    line-height: 120%
  }

  .--text-md-7xl {
    font-size: 3.5rem;
    line-height: 120%
  }

  .--text-md-6xl {
    font-size: 3rem;
    line-height: 120%
  }

  .--text-md-5xl {
    font-size: 2.5rem;
    line-height: 120%
  }

  .--text-md-4xl {
    font-size: 2.25rem;
    line-height: 120%
  }

  .--text-md-3xl {
    font-size: 2rem;
    line-height: 120%
  }

  .--text-md-2xl {
    font-size: 1.75rem;
    line-height: 120%
  }

  .--text-md-xl {
    font-size: 1.5rem;
    line-height: 120%
  }

  .--text-md-l {
    font-size: 1.25rem;
    line-height: 150%
  }

  .--text-md-m {
    font-size: 1.125rem;
    line-height: 150%
  }

  .--text-md-s {
    font-size: 1rem;
    line-height: 150%
  }

  .--text-md-xs {
    font-size: .875rem;
    line-height: 100%
  }

  .--text-md-2xs {
    font-size: .75rem;
    line-height: 100%
  }
}

@media (min-width:64rem) {
  .--text-lg-8xl {
    font-size: 4rem;
    line-height: 120%
  }

  .--text-lg-7xl {
    font-size: 3.5rem;
    line-height: 120%
  }

  .--text-lg-6xl {
    font-size: 3rem;
    line-height: 120%
  }

  .--text-lg-5xl {
    font-size: 2.5rem;
    line-height: 120%
  }

  .--text-lg-4xl {
    font-size: 2.25rem;
    line-height: 120%
  }

  .--text-lg-3xl {
    font-size: 2rem;
    line-height: 120%
  }

  .--text-lg-2xl {
    font-size: 1.75rem;
    line-height: 120%
  }

  .--text-lg-xl {
    font-size: 1.5rem;
    line-height: 120%
  }

  .--text-lg-l {
    font-size: 1.25rem;
    line-height: 150%
  }

  .--text-lg-m {
    font-size: 1.125rem;
    line-height: 150%
  }

  .--text-lg-s {
    font-size: 1rem;
    line-height: 150%
  }

  .--text-lg-xs {
    font-size: .875rem;
    line-height: 100%
  }

  .--text-lg-2xs {
    font-size: .75rem;
    line-height: 100%
  }
}

@media (min-width:80rem) {
  .--text-xl-8xl {
    font-size: 4rem;
    line-height: 120%
  }

  .--text-xl-7xl {
    font-size: 3.5rem;
    line-height: 120%
  }

  .--text-xl-6xl {
    font-size: 3rem;
    line-height: 120%
  }

  .--text-xl-5xl {
    font-size: 2.5rem;
    line-height: 120%
  }

  .--text-xl-4xl {
    font-size: 2.25rem;
    line-height: 120%
  }

  .--text-xl-3xl {
    font-size: 2rem;
    line-height: 120%
  }

  .--text-xl-2xl {
    font-size: 1.75rem;
    line-height: 120%
  }

  .--text-xl-xl {
    font-size: 1.5rem;
    line-height: 120%
  }

  .--text-xl-l {
    font-size: 1.25rem;
    line-height: 150%
  }

  .--text-xl-m {
    font-size: 1.125rem;
    line-height: 150%
  }

  .--text-xl-s {
    font-size: 1rem;
    line-height: 150%
  }

  .--text-xl-xs {
    font-size: .875rem;
    line-height: 100%
  }

  .--text-xl-2xs {
    font-size: .75rem;
    line-height: 100%
  }
}

.--font-8xl {
  font-size: 2rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-8xl {
    font-size: 3.5rem
  }
}

@media (min-width:80rem) {
  .--font-8xl {
    font-size: 4rem
  }
}

.--font-7xl {
  font-size: 2rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-7xl {
    font-size: 3rem
  }
}

@media (min-width:80rem) {
  .--font-7xl {
    font-size: 3.5rem
  }
}

.--font-6xl {
  font-size: 1.75rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-6xl {
    font-size: 2.5rem
  }
}

@media (min-width:80rem) {
  .--font-6xl {
    font-size: 3rem
  }
}

.--font-5xl {
  font-size: 1.75rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-5xl {
    font-size: 2.25rem
  }
}

@media (min-width:80rem) {
  .--font-5xl {
    font-size: 2.5rem
  }
}

.--font-4xl {
  font-size: 1.5rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-4xl {
    font-size: 2rem
  }
}

@media (min-width:80rem) {
  .--font-4xl {
    font-size: 2.25rem
  }
}

.--font-3xl {
  font-size: 1.5rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-3xl {
    font-size: 1.75rem
  }
}

@media (min-width:80rem) {
  .--font-3xl {
    font-size: 2rem
  }
}

.--font-2xl {
  font-size: 1.5rem;
  line-height: 120%
}

@media (min-width:48rem) {
  .--font-2xl {
    font-size: 1.75rem
  }
}

.--font-xl {
  font-size: 1.5rem;
  line-height: 120%
}

.--font-m {
  font-size: 1.125rem;
  line-height: 150%
}

.--font-s {
  font-size: 1rem;
  line-height: 150%
}

.--font-xs {
  font-size: .875rem;
  line-height: 130%
}

.--font-2xs {
  font-size: .75rem;
  line-height: 130%
}

.--grid-jc-start {
  justify-content: start
}

.--grid-jc-end {
  justify-content: end
}

.--grid-jc-center {
  justify-content: center
}

.--grid-jc-stretch {
  justify-content: stretch
}

.--grid-jc-around {
  justify-content: space-around
}

.--grid-jc-between {
  justify-content: space-between
}

.--grid-jc-evenly {
  justify-content: space-evenly
}

.--grid-as-start {
  align-self: start
}

.--grid-as-end {
  align-self: end
}

.--grid-as-center {
  align-self: center
}

.--grid-as-stretch {
  align-self: stretch
}

.--grid-as-around {
  align-self: space-around
}

.--grid-as-between {
  align-self: space-between
}

.--grid-as-evenly {
  align-self: space-evenly
}

.--grid-ai-start {
  align-items: start
}

.--grid-ai-end {
  align-items: end
}

.--grid-ai-center {
  align-items: center
}

.--grid-ai-stretch {
  align-items: stretch
}

.--d-grid {
  display: grid;
  min-width: -moz-min-content;
  min-width: min-content;
  position: relative;
  width: 100%
}

.--d-grid.--gap-none {
  grid-row-gap: none
}

.--d-grid.--gap-2xs {
  grid-row-gap: .25rem
}

.--d-grid.--gap-xs {
  grid-row-gap: .5rem
}

.--d-grid.--gap-sm {
  grid-row-gap: 1rem
}

.--d-grid.--gap-md {
  grid-row-gap: 1.5rem
}

.--d-grid.--gap-lg {
  grid-row-gap: 2rem
}

.--d-grid.--gap-xl {
  grid-row-gap: 2.5rem
}

.--d-grid.--gap-2xl {
  grid-row-gap: 4rem
}

.--d-grid.--gap-3xl {
  grid-row-gap: 5rem
}

.--d-grid.--grid-cols-1 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(1, 1fr)
}

.--d-grid.--grid-cols-2 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(2, 1fr)
}

.--d-grid.--grid-cols-3 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(3, 1fr)
}

.--d-grid.--grid-cols-4 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(4, 1fr)
}

.--d-grid.--grid-cols-5 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(5, 1fr)
}

.--d-grid.--grid-cols-6 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(6, 1fr)
}

.--d-grid.--grid-cols-7 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(7, 1fr)
}

.--d-grid.--grid-cols-8 {
  grid-column-gap: 16px;
  grid-template-columns: repeat(8, 1fr)
}

@media (min-width:48rem) {
  .--d-grid.--grid-cols-md-1 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(1, 1fr)
  }

  .--d-grid.--grid-cols-md-2 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(2, 1fr)
  }

  .--d-grid.--grid-cols-md-3 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(3, 1fr)
  }

  .--d-grid.--grid-cols-md-4 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(4, 1fr)
  }

  .--d-grid.--grid-cols-md-5 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(5, 1fr)
  }

  .--d-grid.--grid-cols-md-6 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(6, 1fr)
  }

  .--d-grid.--grid-cols-md-7 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(7, 1fr)
  }

  .--d-grid.--grid-cols-md-8 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(8, 1fr)
  }

  .--d-grid.--grid-cols-md-9 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(9, 1fr)
  }

  .--d-grid.--grid-cols-md-10 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(10, 1fr)
  }

  .--d-grid.--grid-cols-md-11 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(11, 1fr)
  }

  .--d-grid.--grid-cols-md-12 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(12, 1fr)
  }
}

@media (min-width:64rem) {
  .--d-grid.--grid-cols-lg-1 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(1, 1fr)
  }

  .--d-grid.--grid-cols-lg-2 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(2, 1fr)
  }

  .--d-grid.--grid-cols-lg-3 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(3, 1fr)
  }

  .--d-grid.--grid-cols-lg-4 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(4, 1fr)
  }

  .--d-grid.--grid-cols-lg-5 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(5, 1fr)
  }

  .--d-grid.--grid-cols-lg-6 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(6, 1fr)
  }

  .--d-grid.--grid-cols-lg-7 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(7, 1fr)
  }

  .--d-grid.--grid-cols-lg-8 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(8, 1fr)
  }

  .--d-grid.--grid-cols-lg-9 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(9, 1fr)
  }

  .--d-grid.--grid-cols-lg-10 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(10, 1fr)
  }

  .--d-grid.--grid-cols-lg-11 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(11, 1fr)
  }

  .--d-grid.--grid-cols-lg-12 {
    grid-column-gap: 24px;
    grid-template-columns: repeat(12, 1fr)
  }
}

@media (min-width:80rem) {
  .--d-grid.--grid-cols-xl-1 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(1, 1fr)
  }

  .--d-grid.--grid-cols-xl-2 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(2, 1fr)
  }

  .--d-grid.--grid-cols-xl-3 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(3, 1fr)
  }

  .--d-grid.--grid-cols-xl-4 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(4, 1fr)
  }

  .--d-grid.--grid-cols-xl-5 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(5, 1fr)
  }

  .--d-grid.--grid-cols-xl-6 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(6, 1fr)
  }

  .--d-grid.--grid-cols-xl-7 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(7, 1fr)
  }

  .--d-grid.--grid-cols-xl-8 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(8, 1fr)
  }

  .--d-grid.--grid-cols-xl-9 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(9, 1fr)
  }

  .--d-grid.--grid-cols-xl-10 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(10, 1fr)
  }

  .--d-grid.--grid-cols-xl-11 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(11, 1fr)
  }

  .--d-grid.--grid-cols-xl-12 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(12, 1fr)
  }

  .--d-grid.--grid-cols-xl-13 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(13, 1fr)
  }

  .--d-grid.--grid-cols-xl-14 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(14, 1fr)
  }

  .--d-grid.--grid-cols-xl-15 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(15, 1fr)
  }

  .--d-grid.--grid-cols-xl-16 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(16, 1fr)
  }
}

.--d-grid>* {
  grid-column: span 8
}

.--d-grid>.--col-1 {
  grid-column: span 1
}

.--d-grid>.--col-2 {
  grid-column: span 2
}

.--d-grid>.--col-3 {
  grid-column: span 3
}

.--d-grid>.--col-4 {
  grid-column: span 4
}

.--d-grid>.--col-5 {
  grid-column: span 5
}

.--d-grid>.--col-6 {
  grid-column: span 6
}

.--d-grid>.--col-7 {
  grid-column: span 7
}

.--d-grid>.--col-8 {
  grid-column: span 8
}

@media (min-width:48rem) {
  .--d-grid>* {
    grid-column: span 12
  }

  .--d-grid>.--col-md-1 {
    grid-column: span 1
  }

  .--d-grid>.--col-md-2 {
    grid-column: span 2
  }

  .--d-grid>.--col-md-3 {
    grid-column: span 3
  }

  .--d-grid>.--col-md-4 {
    grid-column: span 4
  }

  .--d-grid>.--col-md-5 {
    grid-column: span 5
  }

  .--d-grid>.--col-md-6 {
    grid-column: span 6
  }

  .--d-grid>.--col-md-7 {
    grid-column: span 7
  }

  .--d-grid>.--col-md-8 {
    grid-column: span 8
  }

  .--d-grid>.--col-md-9 {
    grid-column: span 9
  }

  .--d-grid>.--col-md-10 {
    grid-column: span 10
  }

  .--d-grid>.--col-md-11 {
    grid-column: span 11
  }

  .--d-grid>.--col-md-12 {
    grid-column: span 12
  }
}

@media (min-width:64rem) {
  .--d-grid>.--col-lg-1 {
    grid-column: span 1
  }

  .--d-grid>.--col-lg-2 {
    grid-column: span 2
  }

  .--d-grid>.--col-lg-3 {
    grid-column: span 3
  }

  .--d-grid>.--col-lg-4 {
    grid-column: span 4
  }

  .--d-grid>.--col-lg-5 {
    grid-column: span 5
  }

  .--d-grid>.--col-lg-6 {
    grid-column: span 6
  }

  .--d-grid>.--col-lg-7 {
    grid-column: span 7
  }

  .--d-grid>.--col-lg-8 {
    grid-column: span 8
  }

  .--d-grid>.--col-lg-9 {
    grid-column: span 9
  }

  .--d-grid>.--col-lg-10 {
    grid-column: span 10
  }

  .--d-grid>.--col-lg-11 {
    grid-column: span 11
  }

  .--d-grid>.--col-lg-12 {
    grid-column: span 12
  }
}

@media (min-width:80rem) {
  .--d-grid>* {
    grid-column: span 16
  }

  .--d-grid>.--col-xl-1 {
    grid-column: span 1
  }

  .--d-grid>.--col-xl-2 {
    grid-column: span 2
  }

  .--d-grid>.--col-xl-3 {
    grid-column: span 3
  }

  .--d-grid>.--col-xl-4 {
    grid-column: span 4
  }

  .--d-grid>.--col-xl-5 {
    grid-column: span 5
  }

  .--d-grid>.--col-xl-6 {
    grid-column: span 6
  }

  .--d-grid>.--col-xl-7 {
    grid-column: span 7
  }

  .--d-grid>.--col-xl-8 {
    grid-column: span 8
  }

  .--d-grid>.--col-xl-9 {
    grid-column: span 9
  }

  .--d-grid>.--col-xl-10 {
    grid-column: span 10
  }

  .--d-grid>.--col-xl-11 {
    grid-column: span 11
  }

  .--d-grid>.--col-xl-12 {
    grid-column: span 12
  }

  .--d-grid>.--col-xl-13 {
    grid-column: span 13
  }

  .--d-grid>.--col-xl-14 {
    grid-column: span 14
  }

  .--d-grid>.--col-xl-15 {
    grid-column: span 15
  }

  .--d-grid>.--col-xl-16 {
    grid-column: span 16
  }
}

@media (max-width:767px) {
  .--mobile-none {
    display: none !important
  }
}

@media (min-width:768px) {
  .--mobile-only {
    display: none !important
  }
}

@media (max-width:1023px) {
  .--tablet-none {
    display: none !important
  }
}

@media (max-width:1279px) {
  .--tablet-lg-none {
    display: none !important
  }
}

@media (max-width:767px) and (min-width:1024px) {
  .--tablet-only {
    display: none !important
  }
}

@media (max-width:767px) and (min-width:1280px) {
  .--tablet-lg-only {
    display: none !important
  }
}

@media (min-width:1024px) {
  .--desktop-none {
    display: none !important
  }
}

@media (min-width:1280px) {
  .--desktop-lg-none {
    display: none !important
  }
}

.--gap-4,
.gap-4 {
  gap: 4px
}

.--gap-8,
.gap-8 {
  gap: 8px
}

.--gap-12,
.gap-12 {
  gap: 12px
}

.--gap-16,
.gap-16 {
  gap: 16px
}

.--gap-20,
.gap-20 {
  gap: 20px
}

.--gap-24,
.gap-24 {
  gap: 24px
}

.--gap-32,
.gap-32 {
  gap: 32px
}

.--gap-40,
.gap-40 {
  gap: 40px
}

.--gap-64,
.gap-64 {
  gap: 64px
}

@media (min-width:48rem) {
  .--gap-md-4 {
    gap: 4px !important
  }

  .--gap-md-8 {
    gap: 8px !important
  }

  .--gap-md-12 {
    gap: 12px !important
  }

  .--gap-md-16 {
    gap: 16px !important
  }

  .--gap-md-20 {
    gap: 20px !important
  }

  .--gap-md-24 {
    gap: 24px !important
  }

  .--gap-md-32 {
    gap: 32px !important
  }

  .--gap-md-40 {
    gap: 40px !important
  }

  .--gap-md-64 {
    gap: 64px !important
  }
}

@media (min-width:64rem) {
  .--gap-lg-4 {
    gap: 4px !important
  }

  .--gap-lg-8 {
    gap: 8px !important
  }

  .--gap-lg-12 {
    gap: 12px !important
  }

  .--gap-lg-16 {
    gap: 16px !important
  }

  .--gap-lg-20 {
    gap: 20px !important
  }

  .--gap-lg-24 {
    gap: 24px !important
  }

  .--gap-lg-32 {
    gap: 32px !important
  }

  .--gap-lg-40 {
    gap: 40px !important
  }

  .--gap-lg-64 {
    gap: 64px !important
  }
}

@media (min-width:85.375rem) {
  .--gap-xl-4 {
    gap: 4px !important
  }

  .--gap-xl-8 {
    gap: 8px !important
  }

  .--gap-xl-12 {
    gap: 12px !important
  }

  .--gap-xl-16 {
    gap: 16px !important
  }

  .--gap-xl-20 {
    gap: 20px !important
  }

  .--gap-xl-24 {
    gap: 24px !important
  }

  .--gap-xl-32 {
    gap: 32px !important
  }

  .--gap-xl-40 {
    gap: 40px !important
  }

  .--gap-xl-64 {
    gap: 64px !important
  }
}

.--sticky {
  position: sticky
}

.--fixed {
  position: fixed
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

em {
  font-style: italic
}

* {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

button {
  background: unset;
  cursor: pointer
}

a,
button,
input:focus {
  outline: none
}

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif
}

a {
  color: inherit;
  text-decoration: none
}

@media (min-width:1024px) {
  a:hover {
    cursor: pointer;
    transition: all .2s ease-in-out
  }

  a.com-link:hover,
  a.link:hover {
    opacity: .8
  }
}

:root {
  --size-3xs: 0.25rem;
  --size-2xs: 0.5rem;
  --size-xs: 0.75rem;
  --size-sm: 1rem;
  --size-md: 1.5rem;
  --size-lg: 2rem;
  --size-xl: 2.5rem;
  --size-2xl: 4rem;
  --size-3xl: 5rem;
  --light-neutral-0: #fff;
  --light-neutral-50: #fefefe;
  --light-neutral-100: #f7f7f4;
  --light-neutral-200: #f2f2f2;
  --light-neutral-300: #e4e4e4;
  --light-neutral-400: #ccc;
  --light-neutral-500: #919191;
  --light-neutral-600: #5a5a5a;
  --light-neutral-700: #333;
  --light-neutral-800: #272727;
  --light-neutral-900: #1c1c1f;
  --dark-neutral-0: #000;
  --dark-neutral-50: #1c1c1f;
  --dark-neutral-100: #272727;
  --dark-neutral-200: #333;
  --dark-neutral-300: #5a5a5a;
  --dark-neutral-400: #919191;
  --dark-neutral-500: #adadad;
  --dark-neutral-600: #ccc;
  --dark-neutral-700: #e4e4e4;
  --dark-neutral-800: #f2f2f2;
  --dark-neutral-900: #fff;
  --neutral-light-1: #fefefe;
  --neutral-light-50: #f2f2f2;
  --neutral-light-100: #e6e6e6;
  --neutral-light-200: #ccc;
  --neutral-light-600: #666;
  --neutral-light-700: #4d4d4d;
  --neutral-light-800: #333;
  --neutral-light-900: #1a1a1a;
  --neutral-dark-1: #010101;
  --neutral-dark-50: #0d0d0d;
  --neutral-dark-300: #4d4d4d;
  --neutral-dark-999: #fefefe;
  --no-digital: #e6e6e6;
  --primary-ia: #27d2be;
  --primary-ia-30: #27d2be4d;
  --blue-100: #e7f0ff;
  --blue-200: #bcd6ff;
  --blue-300: #85b4fe;
  --blue-400: #126fff;
  --blue-500: #0250c9;
  --orange-200: #ffe8c0;
  --danger-600: #99151d;
  --danger-300: #e95e66;
  --red-700: #b40d15;
  --yellow-subscribe: #ffff24;
  --la-nacion: #006998;
  --ln-campo: #008561;
  --comunidad-negocios: #e2342d;
  --ln-movilidad: #c54f00;
  --ln-bienestar: #7267c3;
  --ln-propiedades: #0074c4;
  --ln-que-sale: #bb3b80;
  --ln-futuria: #e6232a;
  --hashtag: #dbff00;
  --hashtag-dark: #475300;
  --webstorys: #ffc6f9;
  --webstorys-dark: #88187c;
  --exclusivo-suscriptores: #fdb727;
  --bg-exclusivo-suscriptores: #272727;
  --subscriber-negative: #1e1d1d;
  --opinion: #0074c4;
  --ia-tools: #2d978a;
  --nunca-cuatro: #74d1e5;
  --criptograma: #a2ce40;
  --sudoku: #ee6ba9;
  --crucigrama: #e1435f;
  --palabras-cruzadas: #ca67d2;
  --sopa-de-letras: #ecb535;
  --el-telar: #5bbb87;
  --trivias: #69c7c3;
  --cruciexpres: #ff8ea9;
  --palabra-oculta: #97c7ff;
  --diferencias: #ed933f;
  --crucimini: #6781c8;
  --cruci-tematico: #b09c03;
  --line-100: 100%;
  --line-110: 110%;
  --line-116: 116%;
  --line-120: 120%;
  --line-130: 130%;
  --gap-v: var(--size-sm);
  --cols: 8;
  --gap-img: 12px;
  --gap-badge: 8px;
  --header-outer-spacing: 2fr;
  --center-options-grid-column: left-start/center-end
}

@media (min-width:768px) {
  :root {
    --gap-v: var(--size-md);
    --cols: 12
  }
}

@media (min-width:1280px) {
  :root {
    --gap-v: var(--size-xs);
    --cols: 16;
    --center-options-grid-column: center-start/center-end
  }
}

@media (min-width:1360px) {
  :root {
    --gap-v: var(--size-lg)
  }
}

/* .lay-container {
  margin: 0 auto;
  max-width: 85.375rem;
  padding: 0 var(--gap-v);
  width: 100%
} */

@media (max-width:1279px) {
  .footer-container {
    margin-bottom: 4.6875rem
  }
}

.ln-aside {
  background: repeating-linear-gradient(45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 4px, rgba(0, 0, 0, .15) 6px);
  min-width: 18.75rem
}

@media (min-width:64rem) {
  .wrapper.--top-fixed .ln-advance.--withVideo {
    height: 8.875rem
  }

  .wrapper.--top-fixed .ln-advance.--withVideo .wrap {
    animation: transitionAdvance .5s;
    background: var(--light-neutral-900);
    position: fixed;
    top: 3.5625rem;
    width: 100%;
    z-index: 1499
  }

  @keyframes transitionAdvance {
    0% {
      top: 0
    }

    to {
      top: 3.5625rem
    }
  }
}

.common-main-header .right-options .ln-button {
  transition: none
}

@media (width <=22.375rem) {
  .common-main-header .right-options .ln-button[data-variant=subscribe] {
    background: none;
    font-size: .875rem;
    padding: 0;
    text-transform: none
  }

  .common-main-header .right-options .ln-button.--negative {
    color: var(--light-neutral-50)
  }
}

.common-main-header .ln-button .icon {
  transition: none
}

.ratio-3-2 {
  aspect-ratio: 3/2
}

.ratio-3-4 {
  aspect-ratio: 3/4
}

.ratio-16-9 {
  aspect-ratio: 16/9
}

@media (max-width:767px) {
  .ratio-3-4_max767 {
    aspect-ratio: 3/4
  }
}

.ratio-auto {
  aspect-ratio: auto
}

.rounded-4,
.rounded-8 {
  border-radius: .25rem
}

.rounded-16 {
  border-radius: 1rem
}

.rounded-48 {
  border-radius: 3rem
}

.rounded-circle {
  border-radius: 50%
}

.border.border-all {
  border-style: solid
}

.border.border-bottom {
  border-bottom-style: solid
}

.border.border-left {
  border-left-style: solid
}

.border.border-top {
  border-top-style: solid
}

.border.border-light-50 {
  border-color: var(--light-neutral-50)
}

.border.border-light-300 {
  border-color: var(--light-neutral-300)
}

.border.border-light-200 {
  border-color: var(--light-neutral-200)
}

.border.border-neutral-light-100 {
  border-color: var(--neutral-light-100)
}

.border.border-neutral-light-200 {
  border-color: var(--neutral-light-200)
}

.border.border-neutral-light-700 {
  border-color: var(--neutral-light-700)
}

.border.border-neutral-light-900 {
  border-color: var(--neutral-light-900)
}

.border.border-neutral-dark-300 {
  border-color: var(--neutral-dark-300)
}

.border.border-neutral-dark-999 {
  border-color: var(--neutral-dark-999)
}

.border.border-black {
  border-color: var(--dark-neutral-0)
}

.border.border-dark-200 {
  border-color: var(--dark-neutral-200)
}

.border.border-blue-500 {
  border-color: var(--blue-500)
}

.border.border-transparent {
  border-color: transparent
}

.border.border-no-digital {
  border-color: var(--no-digital)
}

.border.border-primary-ia {
  border-color: var(--primary-ia)
}

.border.border-ia-tools {
  border-color: var(--ia-tools)
}

.border.border-thin {
  border-width: thin
}

.border.border-1 {
  border-width: .0625rem
}

.border.border-2 {
  border-width: .125rem
}

.border.border-5 {
  border-width: .3125rem
}

.rounded-top-left-0 {
  border-top-left-radius: 0
}

.rounded-top-right-0 {
  border-top-right-radius: 0
}

.rounded-bottom-left-0 {
  border-bottom-left-radius: 0
}

.rounded-bottom-right-0 {
  border-bottom-right-radius: 0
}

@media (min-width:64rem) {
  .border.border-0_l {
    border-width: 0
  }

  .--border-l-left-gray {
    border-left: .0625rem solid #ccc
  }
}

@media (min-width:80rem) {
  .border.border-bottom_lg {
    border-bottom-style: solid
  }
}

.border-left-none {
  border-left: none
}

@media (min-width:512px) {
  .border-left-solid_min512 {
    border-left-style: solid
  }
}

.z-1 {
  z-index: 1
}

.z-2 {
  z-index: 2
}

.z-10 {
  z-index: 10
}

.z-100 {
  z-index: 100
}

.z-101 {
  z-index: 101
}

.z-110 {
  z-index: 110
}

.z-1500 {
  z-index: 1500
}

.z-1600 {
  z-index: 1600
}

.text-black {
  color: var(--dark-neutral-0)
}

.text-light-0 {
  color: var(--light-neutral-0)
}

.text-light-50 {
  color: var(--light-neutral-50)
}

.text-light-200 {
  color: var(--light-neutral-200)
}

.text-light-400 {
  color: var(--light-neutral-400)
}

.text-light-600 {
  color: var(--light-neutral-600)
}

.text-light-700 {
  color: var(--light-neutral-700)
}

.text-light-800 {
  color: var(--light-neutral-800)
}

.text-neutral-light-1 {
  color: var(--neutral-light-1)
}

.text-neutral-light-600 {
  color: var(--neutral-light-600)
}

.text-neutral-light-700 {
  color: var(--neutral-light-700)
}

.text-neutral-light-800 {
  color: var(--neutral-light-800)
}

.text-neutral-light-900 {
  color: var(--neutral-light-900)
}

.text-neutral-dark-1 {
  color: var(--neutral-dark-1)
}

.text-neutral-dark-999 {
  color: var(--neutral-dark-999)
}

.text-white {
  color: var(--light-neutral-0)
}

.text-blue-300 {
  color: var(--blue-300)
}

.text-blue-500 {
  color: var(--blue-500)
}

.text-danger-600 {
  color: var(--danger-600)
}

.text-red-700 {
  color: var(--red-700)
}

.text-inherit {
  color: inherit
}

.text-exclusive-subscription {
  color: var(--exclusivo-suscriptores)
}

.text-ia-tools {
  color: var(--ia-tools)
}

.bg-dark-100 {
  background: var(--dark-neutral-100)
}

.bg-dark-200 {
  background: var(--dark-neutral-200)
}

.bg-light-0,
.bg-white {
  background: var(--light-neutral-0)
}

.bg-light-50 {
  background: var(--light-neutral-50)
}

.bg-light-100 {
  background: var(--light-neutral-100)
}

.bg-light-400 {
  background: var(--light-neutral-400)
}

.bg-light-900 {
  background: var(--light-neutral-900)
}

.bg-black {
  background: var(--dark-neutral-0)
}

.bg-neutral-light-50 {
  background: var(--neutral-light-50)
}

.bg-neutral-light-100 {
  background: var(--neutral-light-100)
}

.bg-neutral-light-800 {
  background: var(--neutral-light-800)
}

.bg-neutral-dark-1 {
  background: var(--neutral-dark-1)
}

.bg-neutral-dark-50 {
  background: var(--neutral-dark-50)
}

.bg-transparent {
  background: transparent
}

.bg-blue-300 {
  background: var(--blue-300)
}

.bg-blue-500 {
  background: var(--blue-500)
}

.bg-la-nacion {
  background: var(--la-nacion)
}

.bg-yellow-subscribe {
  background: var(--yellow-subscribe)
}

.bg-orange-200 {
  background: var(--orange-200)
}

.bg-danger-600 {
  background: var(--danger-600)
}

.bg-subscriber-negative {
  background: var(--subscriber-negative)
}

.bg-nunca-cuatro {
  background: var(--nunca-cuatro)
}

.bg-criptograma {
  background: var(--criptograma)
}

.bg-sudoku {
  background: var(--sudoku)
}

.bg-crucigrama {
  background: var(--crucigrama)
}

.bg-palabras-cruzadas {
  background: var(--palabras-cruzadas)
}

.bg-sopa-de-letras {
  background: var(--sopa-de-letras)
}

.bg-el-telar {
  background: var(--el-telar)
}

.bg-trivias {
  background: var(--trivias)
}

.bg-cruciexpres {
  background: var(--cruciexpres)
}

.bg-palabra-oculta {
  background: var(--palabra-oculta)
}

.bg-diferencias {
  background: var(--diferencias)
}

.bg-crucimini {
  background: var(--crucimini)
}

.bg-cruci-tematico {
  background: var(--cruci-tematico)
}

.bg-green {
  background: #008759
}

.bg-yellow {
  background: #ffc402
}

.bg-red {
  background: #c61b25
}

.bg-blue {
  background: #2f3a4e
}

.bg-no-digital {
  background: var(--no-digital)
}

.bg-black-40 {
  background: rgba(0, 0, 0, .4)
}

.bg-black-64 {
  background: rgba(26, 26, 26, .64)
}

.bg-primary-ai {
  background: var(--primary-ia)
}

.bg-nunca-cuatro__hover:hover {
  background: var(--nunca-cuatro)
}

.bg-criptograma__hover:hover {
  background: var(--criptograma)
}

.bg-sudoku__hover:hover {
  background: var(--sudoku)
}

.bg-crucigrama__hover:hover {
  background: var(--crucigrama)
}

.bg-palabras-cruzadas__hover:hover {
  background: var(--palabras-cruzadas)
}

.bg-sopa-de-letras__hover:hover {
  background: var(--sopa-de-letras)
}

.bg-el-telar__hover:hover {
  background: var(--el-telar)
}

.bg-trivias__hover:hover {
  background: var(--trivias)
}

.bg-cruciexpres__hover:hover {
  background: var(--cruciexpres)
}

.bg-palabra-oculta__hover:hover {
  background: var(--palabra-oculta)
}

.bg-diferencias__hover:hover {
  background: var(--diferencias)
}

.bg-crucimini__hover:hover {
  background: var(--crucimini)
}

.bg-cruci-tematico__hover:hover {
  background: var(--cruci-tematico)
}

.bg-secondary__hover:hover {
  background: var(--neutral-light-50)
}

.bg-dark-secondary__hover:hover {
  background: var(--neutral-dark-50)
}

.bg-neutral-light-1_l__hover:hover {
  background: var(--neutral-light-1)
}

.bg-blue-100__hover:hover {
  background: var(--blue-100)
}

.bg-ai-active__hover:hover {
  background: var(--primary-ia)
}

.cardGames__hover:hover .border-neutral-light-700 {
  border-color: var(--light-neutral-0)
}

.text-10 {
  font-size: .625rem;
  line-height: 100%
}

.text-10_130 {
  font-size: .625rem;
  line-height: 130%
}

.text-12 {
  font-size: .75rem;
  line-height: 100%
}

.text-12_130 {
  font-size: .75rem;
  line-height: 130%
}

.text-14 {
  font-size: .875rem;
  line-height: 130%
}

.text-16 {
  font-size: 1rem;
  line-height: 150%
}

.text-20 {
  font-size: 1.25rem;
  line-height: 150%
}

@media (min-width:80rem) {
  .text-12_lg {
    font-size: .75rem;
    line-height: 100%
  }
}

.--font-bold:not(.--font-primary),
.font-bold:not(.--font-primary),
strong:not(.--font-primary) {
  font-weight: 700
}

.line-height-18.line-height-18 {
  line-height: 1.125rem
}

.--font-regular {
  font-weight: 400
}

.--arial {
  font-family: Arial, Helvetica, sans-serif
}

.--prumo {
  font-family: Prumo, georgia, serif;
  font-weight: 100
}

.--prumo-italic {
  font-family: Prumo Italic, georgia, serif;
  font-weight: 100
}

.--prumo-italic.--font-black,
.--prumo.--font-black {
  font-variation-settings: "wght" 190, "opsz" 50;
  font-weight: 100
}

.--prumo-italic.--font-extra,
.--prumo.--font-extra {
  font-variation-settings: "wght" 170, "opsz" 50;
  font-weight: 100
}

.--prumo-italic.--font-bold,
.--prumo.--font-bold {
  font-variation-settings: "wght" 150, "opsz" 50;
  font-weight: 100
}

.--prumo-italic.--font-semi,
.--prumo.--font-semi {
  font-variation-settings: "wght" 130, "opsz" 50
}

.--prumo-italic.--font-medium,
.--prumo.--font-medium {
  font-variation-settings: "wght" 110, "opsz" 50
}

.--prumo-italic.--font-book,
.--prumo.--font-book {
  font-variation-settings: "wght" 90, "opsz" 50
}

.--prumo-italic.--font-6xl,
.--prumo-italic.--font-7xl,
.--prumo-italic.--font-8xl,
.--prumo.--font-6xl,
.--prumo.--font-7xl,
.--prumo.--font-8xl {
  line-height: var(--line-110)
}

.--prumo-italic.--font-2xl,
.--prumo-italic.--font-3xl,
.--prumo-italic.--font-4xl,
.--prumo-italic.--font-5xl,
.--prumo-italic.--font-xl,
.--prumo.--font-2xl,
.--prumo.--font-3xl,
.--prumo.--font-4xl,
.--prumo.--font-5xl,
.--prumo.--font-xl {
  line-height: var(--line-116)
}

.--prumo-italic.--font-2xs,
.--prumo-italic.--font-l,
.--prumo-italic.--font-l-m,
.--prumo-italic.--font-m,
.--prumo-italic.--font-m-l,
.--prumo-italic.--font-s,
.--prumo-italic.--font-xs,
.--prumo.--font-2xs,
.--prumo.--font-l,
.--prumo.--font-l-m,
.--prumo.--font-m,
.--prumo.--font-m-l,
.--prumo.--font-s,
.--prumo.--font-xs {
  line-height: var(--line-130)
}

@media (min-width:80rem) {

  .--prumo-italic.--font-4xl,
  .--prumo.--font-4xl {
    font-size: 2.125rem
  }
}

.--font-l-xl {
  font-size: 1.5rem;
  line-height: var(--line-116)
}

@media (min-width:48rem) {
  .--font-l-xl {
    font-size: 1.375rem;
    letter-spacing: 0 !important;
    line-height: var(--line-130)
  }
}

.--font-m-l {
  font-size: 1.375rem;
  letter-spacing: 0 !important
}

@media (min-width:48rem) {
  .--font-m-l {
    font-size: 1.125rem
  }
}

.--font-xl-l {
  font-size: 1.375rem;
  letter-spacing: 0 !important;
  line-height: var(--line-130)
}

@media (min-width:48rem) {
  .--font-xl-l {
    font-size: 1.5rem;
    line-height: var(--line-116)
  }
}

.--font-m-xl {
  font-size: 1.5rem;
  line-height: var(--line-116)
}

@media (min-width:48rem) {
  .--font-m-xl {
    font-size: 1.125rem;
    line-height: var(--line-130)
  }
}

.--font-xl-l-s {
  font-size: 1rem;
  line-height: var(--line-120)
}

@media (min-width:48rem) {
  .--font-xl-l-s {
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: var(--line-130)
  }
}

@media (min-width:80rem) {
  .--font-xl-l-s {
    font-size: 1.5rem;
    line-height: var(--line-116)
  }
}

.--font-l-m {
  font-size: 1.125rem
}

@media (min-width:48rem) {
  .--font-l-m {
    font-size: 1.375rem;
    letter-spacing: 0 !important
  }
}

.--font-l {
  font-size: 1.375rem;
  letter-spacing: 0 !important
}

.--font-xl-m {
  font-size: 1.125rem;
  line-height: var(--line-130)
}

@media (min-width:80rem) {
  .--font-xl-m {
    font-size: 1.5rem;
    line-height: var(--line-116)
  }
}

.marker-26 ::marker {
  font-size: 1.625rem
}

.m-auto {
  margin: auto
}

.m-16 {
  margin: 1rem
}

.mb-0 {
  margin-bottom: 0
}

.mb-2 {
  margin-bottom: .125rem
}

.mb-4 {
  margin-bottom: .25rem
}

.mb-8 {
  margin-bottom: .5rem
}

.mb-10 {
  margin-bottom: .625rem
}

.mb-12 {
  margin-bottom: .75rem
}

.mb-16 {
  margin-bottom: 1rem
}

.mb-24 {
  margin-bottom: 1.5rem
}

.mb-32 {
  margin-bottom: 2rem
}

.mb-40 {
  margin-bottom: 2.5rem
}

.-mt-16 {
  margin-top: -1rem
}

.mt-4 {
  margin-top: .25rem
}

.mt-8 {
  margin-top: .5rem
}

.mt-12 {
  margin-top: .75rem
}

.mt-20 {
  margin-top: 1.25rem
}

.mt-32 {
  margin-top: 2rem
}

.mt-50 {
  margin-top: 3.125rem
}

.ml-4 {
  margin-left: .25rem
}

.ml-7 {
  margin-left: .4375rem
}

.ml-8 {
  margin-left: .5rem
}

.mr-2 {
  margin-right: .125rem
}

.mr-4 {
  margin-right: .25rem
}

.mr-8 {
  margin-right: .5rem
}

.mr-12 {
  margin-right: .75rem
}

.mr-16 {
  margin-right: 1rem
}

.mr-52 {
  margin-right: 3.25rem
}

.-mr-60 {
  margin-right: -3.75rem
}

.mx-auto {
  margin-inline: auto
}

.-mx-12 {
  margin-inline: -.75rem
}

.my-3 {
  margin-block: .1875rem
}

.p-0 {
  padding: 0
}

.p-4 {
  padding: .25rem
}

.p-8 {
  padding: .5rem
}

.p-12 {
  padding: .75rem
}

.p-16 {
  padding: 1rem
}

.p-24 {
  padding: 1.5rem
}

.px-0 {
  padding-inline: 0
}

.px-4 {
  padding-inline: .25rem
}

.px-6 {
  padding-inline: .375rem
}

.px-8 {
  padding-inline: .5rem
}

.px-12 {
  padding-inline: .75rem
}

.px-16 {
  padding-inline: 1rem
}

.px-20 {
  padding-inline: 1.25rem
}

.pt-8 {
  padding-top: .5rem
}

.pt-12 {
  padding-top: .75rem
}

.pt-24 {
  padding-top: 1.5rem
}

.pt-40 {
  padding-top: 2.5rem
}

.pt-80 {
  padding-top: 5rem
}

.pb-0 {
  padding-bottom: 0
}

.pb-8 {
  padding-bottom: .5rem
}

.pb-12 {
  padding-bottom: .75rem
}

.pb-16 {
  padding-bottom: 1rem
}

.pb-24 {
  padding-bottom: 1.5rem
}

.pb-64 {
  padding-bottom: 4rem
}

.pl-4 {
  padding-left: .25rem
}

.pl-8 {
  padding-left: .5rem
}

.pl-10 {
  padding-left: .625rem
}

.pl-12 {
  padding-left: .75rem
}

.pl-16 {
  padding-left: 1rem
}

.pl-24 {
  padding-left: 1.5rem
}

.pl-32 {
  padding-left: 2rem
}

.pr-8 {
  padding-right: .5rem
}

.pr-16 {
  padding-right: 1rem
}

.pr-24 {
  padding-right: 1.5rem
}

.pr-32 {
  padding-right: 2rem
}

.pr-60 {
  padding-right: 3.75rem
}

.py-0 {
  padding-block: 0
}

.py-2 {
  padding-block: .125rem
}

.py-4 {
  padding-block: .25rem
}

.py-6 {
  padding-block: .375rem
}

.py-8 {
  padding-block: .5rem
}

.py-10 {
  padding-block: .625rem
}

.py-11 {
  padding-block: .6875rem
}

.py-12 {
  padding-block: .75rem
}

.py-16 {
  padding-block: 1rem
}

.py-24 {
  padding-block: 1.5rem
}

.py-32 {
  padding-block: 2rem
}

@media (min-width:32rem) {
  .pl-20_min512 {
    padding-left: 1.25rem
  }
}

@media (max-width:47.994rem) {
  .ml-auto_max767 {
    margin-left: auto
  }
}

@media (min-width:48rem) {
  .mb-0_m {
    margin-bottom: 0
  }

  .mb-24_m {
    margin-bottom: 1.5rem
  }

  .mt-0_m {
    margin-top: 0
  }

  .mt-4_m {
    margin-top: .25rem
  }

  .mt-24_m {
    margin-top: 1.5rem
  }

  .p-0_m {
    padding: 0
  }

  .p-8_m {
    padding: .5rem
  }

  .p-12_m {
    padding: .75rem
  }

  .p-24_m {
    padding: 1.5rem
  }

  .py-8_m {
    padding-block: .5rem
  }

  .py-12_m {
    padding-block: .75rem
  }

  .py-24_m {
    padding-block: 1.5rem
  }

  .py-32_m {
    padding-block: 2rem
  }

  .px-8_m {
    padding-inline: .5rem
  }

  .px-12_m {
    padding-inline: .75rem
  }

  .px-16_m {
    padding-inline: 1rem
  }

  .pb-0_m {
    padding-bottom: 0
  }

  .pl-16_m {
    padding-left: 1rem
  }
}

@media (max-width:63.938rem) {
  .pr-8_max1023 {
    padding-right: .5rem
  }

  .pl-8_max1023 {
    padding-left: .5rem
  }
}

@media (min-width:64rem) {
  .mb-0_l {
    margin-bottom: 0
  }

  .mb-8_l {
    margin-bottom: .5rem
  }

  .mb-16_l {
    margin-bottom: 1rem
  }

  .mb-32_l {
    margin-bottom: 2rem
  }

  .mt-0_l {
    margin-top: 0
  }

  .mt-16_l {
    margin-top: 1rem
  }

  .mt-88_l {
    margin-top: 5.5rem
  }

  .pl-16_l {
    padding-left: 1rem
  }

  .pl-24_l {
    padding-left: 1.5rem
  }

  .pb-16_l {
    padding-bottom: 1rem
  }

  .pt-8_l {
    padding-top: .5rem
  }

  .pt-16_l {
    padding-top: 1rem
  }

  .px-8_l {
    padding-inline: .5rem
  }
}

@media (min-width:80rem) {
  .mb-12_lg {
    margin-bottom: .75rem
  }

  .mt-0_lg {
    margin-top: 0
  }

  .p-8_lg {
    padding: .5rem
  }

  .p-12_lg {
    padding: .75rem
  }

  .p-20_lg {
    padding: 1.25rem
  }

  .py-8_lg {
    padding-block: .5rem
  }

  .py-12_lg {
    padding-block: .75rem
  }

  .px-12_lg {
    padding-inline: .75rem
  }

  .px-16_lg {
    padding-inline: 1rem
  }

  .pl-0_lg {
    padding-left: 0
  }

  .pb-16_lg {
    padding-bottom: 1rem
  }
}

.p-0.p-0 {
  padding: 0
}

.none.none {
  display: none
}

.flex.flex {
  display: flex
}

.grid.grid {
  display: grid
}

.block.block {
  display: block
}

.inline-flex.inline-flex {
  display: inline-flex
}

.inline-block.inline-block {
  display: inline-block
}

.contents.contents {
  display: contents
}

@media (min-width:360px) {
  .xs-only {
    display: none !important
  }
}

@media (max-width:360.9px) {
  .xs-none {
    display: none !important
  }
}

@media (max-width:389.9px) {
  .until-390-none {
    display: none !important
  }
}

@media (max-width:767.9px) {
  .sm-none {
    display: none !important
  }
}

@media (min-width:768px) {
  .sm-only {
    display: none !important
  }
}

@media (max-width:1023.9px) {
  .l-only {
    display: none !important
  }
}

@media (min-width:1024px) {
  .l-none {
    display: none !important
  }
}

@media (max-width:1279.9px) {
  .lg-only {
    display: none !important
  }
}

@media (min-width:1280px) {
  .lg-none {
    display: none !important
  }
}

.opacity-0 {
  opacity: 0
}

.opacity-1 {
  opacity: .01
}

.opacity-100,
.opacity-1__hover.opacity-1__hover:hover {
  opacity: 1
}

.visibility-hidden {
  visibility: hidden
}

.visibility-visible {
  visibility: visible
}

.jc-center {
  justify-content: center
}

.jc-between {
  justify-content: space-between
}

.jc-end {
  justify-content: flex-end
}

.jc-start {
  justify-content: flex-start
}

.ai-center {
  align-items: center
}

.ai-end {
  align-items: flex-end
}

.ai-start {
  align-items: flex-start
}

.ai-stretch {
  align-items: stretch
}

.js-end {
  justify-self: flex-end
}

.as-flex-end {
  align-self: flex-end
}

@media (min-width:32rem) {
  .ai-center_sm {
    align-items: center
  }
}

@media (min-width:48rem) {
  .jc-between_m {
    justify-content: space-between
  }

  .jc-start_m {
    justify-content: flex-start
  }

  .ai-center_m {
    align-items: center
  }

  .ai-stretch_m {
    align-items: stretch
  }

  .ai-start_m {
    align-items: flex-start
  }
}

@media (max-width:63.938rem) {
  .ai-center_max1023 {
    align-items: center
  }
}

@media (min-width:64rem) {
  .jc-center_l {
    justify-content: center
  }

  .jc-end_l {
    justify-content: flex-end
  }

  .jc-between_l {
    justify-content: space-between
  }

  .as-start_l {
    align-self: flex-start
  }
}

@media (min-width:80rem) {
  .jc-center_lg {
    justify-content: center
  }
}

.flex-column {
  flex-direction: column
}

.flex-column-reverse {
  flex-direction: column-reverse
}

@media (min-width:32rem) {
  .flex-row_sm {
    flex-direction: row
  }
}

@media (min-width:48rem) {
  .flex-column_m {
    flex-direction: column
  }

  .flex-column-reverse_m {
    flex-direction: column-reverse
  }

  .flex-row_m {
    flex-direction: row
  }
}

@media (min-width:64rem) {
  .flex-column_l {
    flex-direction: column
  }

  .flex-column-reverse_l {
    flex-direction: column-reverse
  }

  .flex-row_l {
    flex-direction: row
  }
}

@media (min-width:80rem) {
  .flex-row-reverse_lg {
    flex-direction: row-reverse
  }
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-nowrap {
  flex-wrap: nowrap
}

@media (min-width:80rem) {
  .flex-wrap_lg {
    flex-wrap: wrap
  }
}

.flex-grow-1 {
  flex-grow: 1
}

.flex-shrink-0 {
  flex-shrink: 0
}

.flex-shrink-1 {
  flex-shrink: 1
}

@media (min-width:64rem) {
  .flex-grow-1_l {
    flex-grow: 1
  }
}

.w-100.w-100 {
  width: 100%
}

.w-max.w-max {
  width: -moz-max-content;
  width: max-content
}

.w-fit.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-4.w-4 {
  width: .25rem
}

.w-5.w-5 {
  width: .3125rem
}

.w-20.w-20 {
  width: 1.25rem
}

.w-28.w-28 {
  width: 1.75rem
}

.w-32.w-32 {
  width: 2rem
}

.w-40.w-40 {
  width: 2.5rem
}

.w-48.w-48 {
  width: 3rem
}

.w-50.w-50 {
  width: 3.125rem
}

.w-64.w-64 {
  width: 4rem
}

.w-70.w-70 {
  width: 4.375rem
}

.w-72.w-72 {
  width: 4.5rem
}

.w-90.w-90 {
  width: 5.625rem
}

.w-115.w-115 {
  width: 7.1875rem
}

.w-118.w-118 {
  width: 7.375rem
}

.w-152.w-152 {
  width: 9.5rem
}

.w-250.w-250 {
  width: 15.625rem
}

.w-328.w-328 {
  width: 20.5rem
}

@media (max-width:512px) {
  .w-140_max512.w-140_max512 {
    width: 8.75rem
  }
}

@media (min-width:48rem) {
  .w-32_md.w-32_md {
    width: 2rem
  }

  .w-40_md.w-40_md {
    width: 2.5rem
  }

  .w-112_md.w-112_md {
    width: 7rem
  }

  .w-304_md.w-304_md {
    width: 19rem
  }

  .w-328_md.w-328_md {
    width: 20.5rem
  }

  .w-640_md.w-640_md {
    width: 40rem
  }

  .w-720_md.w-720_md {
    width: 45rem
  }
}

@media (min-width:64rem) {
  .w-268_l.w-268_l {
    width: 16.75rem
  }

  .w-40_min1024.w-40_min1024 {
    width: 2.5rem
  }
}

@media (min-width:80rem) {
  .w-32_lg.w-32_lg {
    width: 2rem
  }

  .w-40_lg.w-40_lg {
    width: 2.5rem
  }

  .w-140_lg.w-140_lg {
    width: 8.75rem
  }

  .w-380_lg.w-380_lg {
    width: 23.75rem
  }

  .w-max_lg.w-max_lg {
    width: -moz-max-content;
    width: max-content
  }
}

.max-w-20.max-w-20 {
  max-width: 1.25rem
}

.max-w-100.max-w-100 {
  max-width: 100%
}

.max-w-140.max-w-140 {
  max-width: 8.75rem
}

.max-w-165.max-w-165 {
  max-width: 10.3125rem
}

.max-w-365.max-w-365 {
  max-width: 22.8125rem
}

.max-w-1366.max-w-1366 {
  max-width: 85.375rem
}

@media (min-width:48rem) {
  .max-w-100px_m.max-w-100px_m {
    max-width: 6.25rem
  }
}

@media (min-width:64rem) {
  .max-w-152_l.max-w-152_l {
    max-width: 9.5rem
  }
}

.min-w-20.min-w-20 {
  min-width: 1.25rem
}

.min-w-fit.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content
}

.min-w-100.min-w-100 {
  min-width: 100%
}

.h-100.h-100 {
  height: 100%
}

.h-4.h-4 {
  height: .25rem
}

.h-5.h-5 {
  height: .3125rem
}

.h-6.h-6 {
  height: .375rem
}

.h-16.h-16 {
  height: 1rem
}

.h-20.h-20 {
  height: 1.25rem
}

.h-24.h-24 {
  height: 1.5rem
}

.h-26.h-26 {
  height: 1.625rem
}

.h-32.h-32 {
  height: 2rem
}

.h-40.h-40 {
  height: 2.5rem
}

.h-48.h-48 {
  height: 3rem
}

.h-50.h-50 {
  height: 3.125rem
}

.h-52.h-52 {
  height: 3.25rem
}

.h-64.h-64 {
  height: 4rem
}

.h-70.h-70 {
  height: 4.375rem
}

.h-72.h-72 {
  height: 4.5rem
}

.h-140.h-140 {
  height: 8.75rem
}

.h-fit.h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.h-auto.h-auto {
  height: auto
}

.h-100vh.h-100vh {
  height: 100vh
}

@media (min-width:32rem) {
  .h-64_sm.h-64_sm {
    height: 4rem
  }
}

@media (min-width:48rem) {
  .h-32_md.h-32_md {
    height: 2rem
  }

  .h-40_md.h-40_md {
    height: 2.5rem
  }

  .h-86_md.h-86_md {
    height: 5.375rem
  }
}

@media (max-width:63.938rem) {
  .h-40_max1023.h-40_max1023 {
    height: 2.5rem
  }
}

@media (min-width:64rem) {
  .h-28_l.h-28_l {
    height: 1.75rem
  }

  .h-100_l.h-100_l {
    height: 100%
  }

  .h-56_l.h-56_l {
    height: 3.5rem
  }

  .h-88_l.h-88_l {
    height: 5.5rem
  }

  .h-fit_min1024.h-fit_min1024 {
    height: -moz-fit-content;
    height: fit-content
  }
}

@media (min-width:80rem) {
  .h-32_lg.h-32_lg {
    height: 2rem
  }

  .h-40_lg.h-40_lg {
    height: 2.5rem
  }

  .h-136_lg.h-136_lg {
    height: 8.5rem
  }

  .h-140_lg.h-140_lg {
    height: 8.75rem
  }
}

.min-h-20.min-h-20 {
  min-height: 1.25rem
}

.min-h-36.min-h-36 {
  min-height: 2.25rem
}

.min-h-56.min-h-56 {
  min-height: 3.5rem
}

.min-h-190.min-h-190 {
  min-height: 11.875rem
}

.shadow-card-games {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .059)
}

.shadow-center {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08)
}

.shadow-pwamodal {
  box-shadow: 0 0 1.75rem .1875rem rgba(0, 0, 0, .5)
}

.shadow-xs {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08)
}

.shadow-up-md {
  box-shadow: 0 -12px 24px 0 hsla(0, 0%, 6%, .04)
}

.text-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis
}

.text-center {
  text-align: center
}

.text-start {
  text-align: start
}

@media (min-width:48rem) {
  .text-initial_m {
    text-align: initial
  }

  .text-center_m {
    text-align: center
  }
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.text-wrap {
  text-wrap: nowrap
}

.-order-1 {
  order: -1
}

@media (min-width:64rem) {
  .order-initial_min1024 {
    order: 0
  }
}

.grid-cols-2 {
  grid-column-gap: 1rem;
  grid-template-columns: repeat(2, 1fr)
}

.grid-cols-8 {
  grid-column-gap: 1rem;
  grid-template-columns: repeat(8, 1fr)
}

.col-span-1 {
  grid-column: span 1
}

.col-span-2 {
  grid-column: span 2
}

.col-span-3 {
  grid-column: span 3
}

.col-span-4 {
  grid-column: span 4
}

.col-span-5 {
  grid-column: span 5
}

.col-span-6 {
  grid-column: span 6
}

.col-span-7 {
  grid-column: span 7
}

.col-span-8 {
  grid-column: span 8
}

@media (min-width:32rem) {
  .grid-cols-12_sm {
    grid-column-gap: 1rem;
    grid-template-columns: repeat(12, 1fr)
  }

  .col-span-1_sm {
    grid-column: span 1
  }

  .col-span-2_sm {
    grid-column: span 2
  }

  .col-span-3_sm {
    grid-column: span 3
  }

  .col-span-4_sm {
    grid-column: span 4
  }

  .col-span-5_sm {
    grid-column: span 5
  }

  .col-span-6_sm {
    grid-column: span 6
  }

  .col-span-7_sm {
    grid-column: span 7
  }

  .col-span-8_sm {
    grid-column: span 8
  }

  .col-span-9_sm {
    grid-column: span 9
  }

  .col-span-10_sm {
    grid-column: span 10
  }

  .col-span-11_sm {
    grid-column: span 11
  }

  .col-span-12_sm {
    grid-column: span 12
  }
}

@media (min-width:48rem) {
  .grid-cols-12_m {
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr)
  }

  .col-span-1_m {
    grid-column: span 1
  }

  .col-span-2_m {
    grid-column: span 2
  }

  .col-span-3_m {
    grid-column: span 3
  }

  .col-span-4_m {
    grid-column: span 4
  }

  .col-span-5_m {
    grid-column: span 5
  }

  .col-span-6_m {
    grid-column: span 6
  }

  .col-span-7_m {
    grid-column: span 7
  }

  .col-span-8_m {
    grid-column: span 8
  }

  .col-span-9_m {
    grid-column: span 9
  }

  .col-span-10_m {
    grid-column: span 10
  }

  .col-span-11_m {
    grid-column: span 11
  }

  .col-span-12_m {
    grid-column: span 12
  }
}

@media (min-width:80rem) {
  .grid-cols-12_lg {
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr)
  }

  .col-span-1_lg {
    grid-column: span 1
  }

  .col-span-2_lg {
    grid-column: span 2
  }

  .col-span-3_lg {
    grid-column: span 3
  }

  .col-span-4_lg {
    grid-column: span 4
  }

  .col-span-5_lg {
    grid-column: span 5
  }

  .col-span-6_lg {
    grid-column: span 6
  }

  .col-span-7_lg {
    grid-column: span 7
  }

  .col-span-8_lg {
    grid-column: span 8
  }

  .col-span-9_lg {
    grid-column: span 9
  }

  .col-span-10_lg {
    grid-column: span 10
  }

  .col-span-11_lg {
    grid-column: span 11
  }

  .col-span-12_lg {
    grid-column: span 12
  }
}

@media (min-width:83.75rem) {
  .grid-cols-12_xl {
    grid-column-gap: 2rem;
    grid-template-columns: repeat(12, 1fr)
  }

  .grid-cols-16_xl {
    grid-column-gap: 2rem;
    grid-template-columns: repeat(16, 1fr)
  }

  .col-span-1_xl {
    grid-column: span 1
  }

  .col-span-2_xl {
    grid-column: span 2
  }

  .col-span-3_xl {
    grid-column: span 3
  }

  .col-span-4_xl {
    grid-column: span 4
  }

  .col-span-5_xl {
    grid-column: span 5
  }

  .col-span-6_xl {
    grid-column: span 6
  }

  .col-span-7_xl {
    grid-column: span 7
  }

  .col-span-8_xl {
    grid-column: span 8
  }

  .col-span-9_xl {
    grid-column: span 9
  }

  .col-span-10_xl {
    grid-column: span 10
  }

  .col-span-11_xl {
    grid-column: span 11
  }

  .col-span-12_xl {
    grid-column: span 12
  }

  .col-span-13_xl {
    grid-column: span 13
  }

  .col-span-14_xl {
    grid-column: span 14
  }

  .col-span-15_xl {
    grid-column: span 15
  }

  .col-span-16_xl {
    grid-column: span 16
  }
}

.gap-2 {
  gap: .125rem
}

.gap-4 {
  gap: .25rem
}

.gap-6 {
  gap: .375rem
}

.gap-8 {
  gap: .5rem
}

.gap-9 {
  gap: .5625rem
}

.gap-12 {
  gap: .75rem
}

.gap-16 {
  gap: 1rem
}

.gap-24 {
  gap: 1.5rem
}

.gap-28 {
  gap: 1.75rem
}

.gap-32 {
  gap: 2rem
}

.gap-72 {
  gap: 4.5rem
}

.row-gap-0 {
  row-gap: 0
}

.column-gap-32 {
  -moz-column-gap: 2rem;
  column-gap: 2rem
}

@media (min-width:48rem) {
  .gap-8_m {
    gap: .5rem
  }

  .gap-16_m {
    gap: 1rem
  }

  .gap-24_m {
    gap: 1.5rem
  }

  .row-gap-12_m {
    row-gap: .75rem
  }

  .column-gap-24_m {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
  }
}

@media (min-width:64rem) {
  .gap-0_l {
    gap: 0
  }

  .column-gap-12_l {
    -moz-column-gap: .75rem;
    column-gap: .75rem
  }
}

@media (min-width:80rem) {
  .gap-16_lg {
    gap: 1rem
  }

  .gap-80_lg {
    gap: 5rem
  }
}

:root {
  --newsletterbox-font-family: Prumo, georgia, serif;
  --newsletterbox-text-font-variation: "wght" 170;
  --newsletterbox-text-font-weight: 100;
  --newsletterbox-title-font-variation: "wght" 170;
  --newsletterbox-title-font-weight: 100;
  --newsletterbox-description-font-variation: "wght" 110, "opsz" 0;
  --newsletterbox-description-font-weight: 90;
  --newsletterbox-title-color: var(--blue-500);
  --newsletterbox-button-background-color: var(--blue-500);
  --newsletterbox-button-color: var(--light-neutral-50);
  --newsletterbox-button-radius: 0.25rem;
  --newsletterbox-button-font-family: Arial, roboto, serif;
  --newsletterbox-excusive-badge-font-family: Arial, roboto, serif;
  --newsletterbox-exclusive-badge-background-color: #010101;
  --newsletterbox-exlusive-badge-color: var(--light-neutral-50);
  --newsletterbox-exclusive-button-background-color: var(--blue-300);
  --newsletterbox-exclusive-button-color: var(--light-neutral-700)
}

.top-0 {
  top: 0
}

.top--2 {
  top: -.125rem
}

.top-3 {
  top: .1875rem
}

.top-8 {
  top: .5rem
}

.top-10 {
  top: .625rem
}

.top-100 {
  top: 100%
}

.top-113 {
  top: 7.0625rem
}

.bottom-0 {
  bottom: 0
}

.bottom-50 {
  bottom: 50%
}

.bottom-60 {
  bottom: 3.75rem
}

.bottom-64 {
  bottom: 4rem
}

.bottom-100 {
  bottom: 100%
}

.right-0 {
  right: 0
}

.right--2 {
  right: -.125rem
}

.right-4 {
  right: .25rem
}

.right-8 {
  right: .5rem
}

.right--16 {
  right: -1rem
}

.right-100 {
  right: 100%
}

.left-0 {
  left: 0
}

.left-50 {
  left: 50%
}

.left--16 {
  left: -1rem
}

.left-100 {
  left: 100%
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.fixed {
  position: fixed
}

.sticky {
  position: sticky
}

.center-x {
  left: 50%;
  transform: translate3d(-50%, 0, 0)
}

.center-y {
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.center-x-y {
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0)
}

@media (min-width:48rem) {
  .right-0_md {
    right: 0
  }

  .left-0_md {
    left: 0
  }

  .bottom-100_md {
    bottom: 6.25rem
  }

  .top-auto_md {
    top: auto
  }

  .absolute_md {
    position: absolute
  }
}

@media (min-width:64rem) {
  .fixed_l {
    position: fixed
  }

  .top-73_min1024 {
    top: 4.5625rem
  }

  .left-90_l {
    left: 5.625rem
  }

  .bottom-auto_l {
    bottom: auto
  }

  .top-0_l {
    top: 0
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(6.25rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible
  }

  to {
    opacity: 0;
    visibility: hidden
  }
}

@keyframes width-shrink {
  to {
    width: 0
  }
}

@keyframes pulse-shadow {
  0% {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff
  }

  to {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 6px rgba(255, 109, 74, 0)
  }
}

.overflow-hidden {
  overflow: hidden
}

.transition.transition-all {
  transition-property: all
}

.transition.transition-none {
  transition-property: none
}

.transition.transition-ease-in {
  transition-timing-function: ease-in
}

.transition.transition-duration-1000 {
  transition-duration: 1s
}

.transition.transition-duration-800 {
  transition-duration: .8s
}

.transition.transition-duration-250 {
  transition-duration: .25s
}

.transition-regular {
  transition: all .2s ease-in-out
}

:root {
  --notification-drawer-z-index: 15000;
  --notification-drawer-scrollbar-radius: 0.5rem;
  --notification-drawer-scrollbar-color: #0250c9;
  --notification-drawer-tooltip-background: #0250c9;
  --notification-drawer-tooltip-border-radius: 0.25rem;
  --notification-drawer-tooltip-z-index: 1000;
  --notification-card-border-radius: 0.25rem;
  --notification-header-font-family: Prumo, georgia, serif;
  --notification-header-line-height: 110%;
  --notification-header-font-weight: 100;
  --notification-header-font-variation: "wght" 150;
  --notification-card-title-font-size: 1rem;
  --notification-card-title-line-height: 150%;
  --notification-card-title-font-weight: 700;
  --notification-card-description-line-height: 130%;
  --notification-card-description-font-weight: 400;
  --notification-card-button-padding: 0.5rem 0.75rem;
  --notification-card-button-border-radius: 0.25rem;
  --notification-card-button-font-size: 0.75rem;
  --notification-card-button-line-height: 130%;
  --notification-card-button-font-weight: 700;
  --notification-card-time-font-size: 0.75rem;
  --notification-card-time-line-height: 130%;
  --notification-card-time-font-weight: 400;
  --notification-drawer-empty-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-empty-state-title-line-height: 110%;
  --notification-drawer-empty-state-title-font-weight: 100;
  --notification-drawer-empty-state-title-font-variation: "wght" 150;
  --notification-drawer-empty-state-title-letter-spacing: -0.04rem;
  --notification-drawer-empty-state-description-font-size: 1rem;
  --notification-drawer-empty-state-description-line-height: 140%;
  --notification-drawer-empty-state-description-font-weight: 400;
  --notification-drawer-empty-state-description-letter-spacing: -0.02rem;
  --notification-drawer-empty-state-illustration-width: 7.9375rem;
  --notification-drawer-empty-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-error-state-title-line-height: 110%;
  --notification-drawer-error-state-title-font-weight: 100;
  --notification-drawer-error-state-title-font-variation: "wght" 150;
  --notification-drawer-error-state-title-letter-spacing: -0.04rem;
  --notification-drawer-error-state-description-font-size: 1rem;
  --notification-drawer-error-state-description-line-height: 140%;
  --notification-drawer-error-state-description-font-weight: 400;
  --notification-drawer-error-state-description-letter-spacing: -0.02rem;
  --notification-drawer-error-state-illustration-width: 7.9375rem;
  --notification-drawer-error-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-button-line-height: 130%;
  --notification-drawer-error-state-button-font-weight: 700;
  --notification-drawer-error-state-button-padding: 0.75rem 1rem;
  --notification-drawer-error-state-button-border-radius: 0.25rem;
  --notification-drawer-error-state-button-bg-color: #0250c9;
  --notification-drawer-login-incentive-title-font-family: Prumo, georgia, serif;
  --notification-drawer-login-incentive-title-font-size: 1.5rem;
  --notification-drawer-login-incentive-title-line-height: 110%;
  --notification-drawer-login-incentive-title-font-weight: 100;
  --notification-drawer-login-incentive-title-letter-spacing: -0.04rem;
  --notification-drawer-login-incentive-title-font-variation: "wght" 150;
  --notification-drawer-login-incentive-description-line-height: 140%;
  --notification-drawer-login-incentive-description-font-weight: 400;
  --notification-drawer-login-incentive-description-letter-spacing: -0.02rem;
  --notification-drawer-login-incentive-button-line-height: 130%;
  --notification-drawer-login-incentive-button-font-weight: 700;
  --notification-drawer-login-incentive-button-padding: 0.75rem 1rem;
  --notification-drawer-login-incentive-button-border-radius: 0.25rem;
  --notification-drawer-login-incentive-button-bg-color: #0250c9;
  --notification-drawer-spinner-primary-color: #006998;
  --notification-drawer-spinner-secondary-color: #e6e6e6;
  --notification-drawer-spinner-logo-width: 2.125rem;
  --notification-drawer-spinner-logo-height: 1rem;
  --notification-drawer-spinner-logo: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTQuOVYxNmgxNC4wNTRWOS42M2gtMS4xNnYuNjljMCAzLjYzNy0yLjQ2IDQuNTgtNS41NDMgNC41OEg2LjhWMS4xaDIuNTg2VjBIMHYxLjA5OWgyLjM0N1YxNC45SDBaTTE1LjkwMyAxNC45VjE2aDUuODA2di0xLjFoLS40NTVjLTEuNDczIDAtMi4wNi0uMjItMi4wNi0xLjUxNFYzLjExNmguMDU0TDI5LjQ0MiAxNmgxLjk0M1YyLjMyYzAtLjU3LjQ5NS0xLjIyMSAxLjY5OS0xLjIyMWguNTcxVjBoLTUuODE3djEuMDk5aC43MDJjMS4xNzQgMCAxLjgxMS40MiAxLjgxMSAxLjI5MXY3LjA2M2gtLjA1NEwyMi43OTIgMGgtNi44MDh2MS4wOTloLjQwM2MuODg0IDAgMS43ODguNzA0IDEuNzg4IDEuNzg5djEwLjM4YzAgMS4zODMtLjc3IDEuNjMyLTEuNTkgMS42MzJoLS42ODJaIiBmaWxsPSIjMDA2OTk4Ii8+PC9zdmc+");
  --notification-drawer-empty-state-illustration: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjE1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PHBhdGggZD0iTTEwMS42ODQgNjUuNjMySDI2LjUyN3YxOC43OWg3NS4xNTd2LTE4Ljc5WiIgZmlsbD0iI0U2RTZFNiIvPjxwYXRoIGQ9Im0xNCA4NC40MjEgMTIuNTI2LTE4Ljc4OXYxOC43OUgxNFpNMTE0LjIxMSA4NC40MjFsLTEyLjUyNi0xOC43ODl2MTguNzloMTIuNTI2WiIgZmlsbD0iI0YyRjJGMiIvPjxwYXRoIGQ9Ik03OS43NjMgNzIuNTIxSDQ4LjQ0OGEzLjEzMSAzLjEzMSAwIDEgMCAwIDYuMjYzaDMxLjMxNWEzLjEzMiAzLjEzMiAwIDAgMCAwLTYuMjYzWiIgZmlsbD0iI0NDQyIvPjxwYXRoIGQ9Ik03OS43NjMgNzEuODk1SDQ4LjQ0OGEzLjEzMiAzLjEzMiAwIDAgMCAwIDYuMjYzaDMxLjMxNWEzLjEzMiAzLjEzMiAwIDAgMCAwLTYuMjYzWiIgZmlsbD0iI0ZFRkVGRSIvPjxnIGZpbHRlcj0idXJsKCNjKSI+PHBhdGggZD0iTTE0IDg0LjQyMXYzNC40NDdBMy4xMzIgMy4xMzIgMCAwIDAgMTcuMTMyIDEyMmg5My45NDdhMy4xMzIgMy4xMzIgMCAwIDAgMy4xMzEtMy4xMzJWODQuNDIxSDE0WiIgZmlsbD0iI0U2RTZFNiIvPjwvZz48cGF0aCBkPSJNODYuMDI3IDkxLjMxSDQyLjE4NWEzLjEzMiAzLjEzMiAwIDEgMCAwIDYuMjY0aDQzLjg0MmEzLjEzMiAzLjEzMiAwIDAgMCAwLTYuMjYzWiIgZmlsbD0iI0NDQyIvPjxwYXRoIGQ9Ik04Ni4wMjcgOTAuNjg0SDQyLjE4NWEzLjEzMiAzLjEzMiAwIDAgMCAwIDYuMjY0aDQzLjg0MmEzLjEzMiAzLjEzMiAwIDAgMCAwLTYuMjY0WiIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zNC4yMzcgMzMuNDAzYTEuNDk3IDEuNDk3IDAgMCAwLTEuMjI2LS44MTIgMy4yMTkgMy4yMTkgMCAwIDAtMS43NDUuMjUzbC0uMTQ0LjA3LS4xODguMDk2di0uMTgzYTIuMzQ2IDIuMzQ2IDAgMCAwLS4xMjItLjg3MiAxLjMzNSAxLjMzNSAwIDAgMC0uOTItLjkzNGMtLjcxNS0uMTM1LTEuNDIyLjM5Mi0xLjgwNiAxLjM0M2wtLjA0LjEtLjEtLjAzOGEzLjQ5IDMuNDkgMCAwIDAtMS4yMjYtLjI1MyAxLjYxMyAxLjYxMyAwIDAgMC0xLjE4Mi40MzZjLS45MTEuOTU1LS4zNCAyLjk5NyAxLjMxIDQuNjQ2IDEuMDk4IDEuMDk5IDIuMzc3IDEuNzQ0IDMuNDE1IDEuNzQ0LjQ1LjAxMS44OS0uMTQ0IDEuMjM0LS40MzYuNDcxLS40OTMuNTU5LTEuMzA4LjI0LTIuMjQ2bC0uMDQtLjEyMmguMTI3YTUuNzggNS43OCAwIDAgMCAuODczLS4yMSAyLjkwNiAyLjkwNiAwIDAgMCAxLjUzMS0xLjUxIDEuMzQ0IDEuMzQ0IDAgMCAwLS4wMjYtMS4wNDJsLjAzNS0uMDNaTTI4LjcgMzIuNjdjLjI2Mi0uNzAyLjcwNy0xLjEyNiAxLjA4Mi0xLjAzNGEuNjg5LjY4OSAwIDAgMSAuNDM2LjUwMmMuMTMzLjM4NS4xNS44LjA0OCAxLjE5NWEuNTcuNTcgMCAwIDAtLjA0NC4xM3YuMDQ5bC0uMTUyLjI0OC0uMDg4LS4wNzRhNy4zNDQgNy4zNDQgMCAwIDAtMS4yMDgtLjg3MmwtLjA4My0uMDQ0LjAwOS0uMVptMi4zMjUgNS40M2MtLjIwNC4xOC0uNDcuMjcxLS43NDEuMjU0LS43NjggMC0xLjg5LS41MDItMi45NDUtMS41NjItMS40OTYtMS40OTYtMS44ODQtMy4xMTQtMS4zMDktMy42ODZhLjk4Ny45ODcgMCAwIDEgLjczMy0uMjUzYy42NzIgMCAxLjg1NC40MSAyLjk1OCAxLjU2MmE1LjgwNiA1LjgwNiAwIDAgMSAxLjQxMyAyLjE1Yy4yMjcuNjYzLjE4OCAxLjI0LS4xMDkgMS41MzZabTIuNTM0LTMuODQ3YTIuMTMzIDIuMTMzIDAgMCAxLTEuMTY5IDEuMDc4Yy0uMjc2LjEyLS41NzEuMTkzLS44NzIuMjE0aC0uMDdsLS4wMzUtLjA2NmE2Ljc0NSA2Ljc0NSAwIDAgMC0uODI5LTEuMTc4bC0uMDU2LS4wNjUuMDUyLS4wN2EyLjU3IDIuNTcgMCAwIDEgLjk3Ny0uNzQxYy40MDQtLjIwNS44Ni0uMjg1IDEuMzA5LS4yMzJhMS4wMTMgMS4wMTMgMCAwIDEgLjY5OC40MzcuNzk1Ljc5NSAwIDAgMS0uMDA1LjYyM1oiIGZpbGw9IiMwMjUwQzkiLz48cGF0aCBkPSJNNzMuNzU3IDgzLjE2OWMtNi4wMzItMi45MzItMTEuNzg3LTcuNzM1LTE0LjMyNC0xMy44Ni0yLjUwNS02LjAyNi0xLjczNS0xMi45NC4xMTktMTkuMTk3YTM5LjkwMyAzOS45MDMgMCAwIDEgNS44NzUtMTIuMzY0IDI0LjI4OCAyNC4yODggMCAwIDEgMTAuNjQ3LTguNDE3IDIwLjE5OCAyMC4xOTggMCAwIDEgMjQuNDcgOC4zNDJjMi4wMTcgMy4zIDMuMDUgNy4zNzIgMi4wMzYgMTEuMTExLTEuMTA5IDQuMDktNC41NTQgNy4yNjUtOC40NzQgOC44NzUtMy45MjEgMS42MS04LjI4IDEuODM1LTEyLjUyNiAxLjU3Mi0xNi45MTEtMS4wMzQtMzIuNDA2LTkuMjc2LTQ3LjE4Ny0xNy42NjgiIHN0cm9rZT0iIzAyNTBDOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIyIDQuMDEiLz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQgMjYpIiBkPSJNMCAwaDEwMC4yMTF2OTZIMHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQgMjYpIiBkPSJNMCAwaDEwMC4yMTF2OTZIMHoiLz48L2NsaXBQYXRoPjxmaWx0ZXIgaWQ9ImMiIHg9Ii0xOCIgeT0iNjguNDIxIiB3aWR0aD0iMTY0LjIxIiBoZWlnaHQ9IjEwMS41NzkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHk9IjE2Ii8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTYiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDMgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMDEwM18xOTciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTAxMDNfMTk3IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==");
  --notification-drawer-error-state-illustration: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjE1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIG9wYWNpdHk9Ii4xIiBkPSJNODkuODQ0IDU5LjA4NWMyNC40NTggMCA0NC4zMTcgMTkuODA5IDQ0LjMxNyA0NC4yMDdTMTE0LjMwMiAxNDcuNSA4OS44NDQgMTQ3LjVjLTI0LjQ2IDAtNDQuMzE4LTE5LjgxLTQ0LjMxOC00NC4yMDhzMTkuODU5LTQ0LjIwNyA0NC4zMTgtNDQuMjA3WiIgc3Ryb2tlPSIjQ0NDIiBzdHJva2Utd2lkdGg9IjQiLz48cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTg5Ljg0IDc3Ljg1OGMxNC4wNzMgMCAyNS40OTggMTEuMzk3IDI1LjQ5OCAyNS40MzUgMCAxNC4wMzctMTEuNDI1IDI1LjQzNC0yNS40OTcgMjUuNDM0cy0yNS40OTctMTEuMzk3LTI1LjQ5Ny0yNS40MzRjMC0xNC4wMzggMTEuNDI1LTI1LjQzNSAyNS40OTctMjUuNDM1WiIgZmlsbD0iI0NDQyIvPjxwYXRoIG9wYWNpdHk9Ii4xIiBkPSJNODkuODQyIDg4LjM1OWM4LjI2MiAwIDE0Ljk3MSA2LjY5MiAxNC45NzEgMTQuOTM0IDAgOC4yNDEtNi43MDkgMTQuOTMzLTE0Ljk3IDE0LjkzMy04LjI2MyAwLTE0Ljk3Mi02LjY5Mi0xNC45NzItMTQuOTMzIDAtOC4yNDIgNi43MDktMTQuOTM0IDE0Ljk3MS0xNC45MzRaIiBmaWxsPSIjQ0NDIi8+PHBhdGggZD0iTTM0LjA4MiAxOS41aDU0LjQ4N2MzLjQ5IDAgNi4zMTcgMi44MjEgNi4zMTcgNi4zMDJ2OTIuNjE0YzAgMy40NzktMi44MjggNi4zMDEtNi4zMTcgNi4zMDFIMzQuMDgyYy0zLjQ5IDAtNi4zMTgtMi44MjItNi4zMTgtNi4zMDFWMjUuODAyYzAtMy40OCAyLjgyOS02LjMwMiA2LjMxOC02LjMwMloiIGZpbGw9IiNFNkU2RTYiLz48cGF0aCBkPSJNNDQuMDA3IDM2LjI2Mkg3OC42NGEzLjk0MyAzLjk0MyAwIDAgMSAzLjk0NyAzLjkzOXY2My44MTdhMy45NDMgMy45NDMgMCAwIDEtMy45NDggMy45MzhINDQuMDA4YTMuOTQzIDMuOTQzIDAgMCAxLTMuOTQ5LTMuOTM4VjQwLjIwMWEzLjk0NCAzLjk0NCAwIDAgMSAzLjk0OS0zLjkzOVoiIGZpbGw9IiNGMkYyRjIiLz48cGF0aCBkPSJNNjMuNTMgNjIuMDAyaC00LjQxNGEuNzM2LjczNiAwIDAgMS0uNzM2LS43MzR2LTIuMjAyYTIuOTQgMi45NCAwIDAgMSAyLjk0NS0yLjkzNiAyLjkzOSAyLjkzOSAwIDAgMSAyLjk0MiAyLjkzNnYyLjIwMmMwIC40MDUtLjMzLjczNC0uNzM2LjczNFptLTcuMzU3LTEwLjc2di03LjM0YS43MzQuNzM0IDAgMCAwLS43MzYtLjczM2gtMS40NzJhLjczNS43MzUgMCAwIDAtLjczNi43MzR2Ny4zNGMwIC40MDYuMzMuNzM0LjczNi43MzRoMS40NzJhLjczNS43MzUgMCAwIDAgLjczNi0uNzM0Wm0xMy4yNDUtLjczM3YtNS44NzNhLjczNS43MzUgMCAwIDAtLjczNS0uNzMzSDY3LjIxYS43MzUuNzM1IDAgMCAwLS43MzYuNzMzdjUuODczYzAgLjQwNi4zMy43MzQuNzM2LjczNGgxLjQ3M2EuNzM1LjczNSAwIDAgMCAuNzM1LS43MzRaTTYzLjUzIDEwMS4wNDloLTQuNDE0YS43MzYuNzM2IDAgMCAxLS43MzYtLjczNHYtMi4yMDJhMi45NCAyLjk0IDAgMCAxIDIuOTQ1LTIuOTM2IDIuOTM4IDIuOTM4IDAgMCAxIDIuOTQyIDIuOTM2djIuMjAyYzAgLjQwNS0uMzMuNzM0LS43MzYuNzM0Wm0tNy4zNTctMTAuNzZ2LTcuMzRhLjczNS43MzUgMCAwIDAtLjczNi0uNzM0aC0xLjQ3MmEuNzM1LjczNSAwIDAgMC0uNzM2LjczNHY3LjM0YzAgLjQwNi4zMy43MzUuNzM2LjczNWgxLjQ3MmEuNzM1LjczNSAwIDAgMCAuNzM2LS43MzRabTEzLjI0NS0uNzMzdi01Ljg3M2EuNzM1LjczNSAwIDAgMC0uNzM1LS43MzRINjcuMjFhLjczNS43MzUgMCAwIDAtLjczNi43MzR2NS44NzNjMCAuNDA1LjMzLjczNC43MzYuNzM0aDEuNDczYS43MzUuNzM1IDAgMCAwIC43MzUtLjczNFoiIGZpbGw9IiM2NjYiLz48cGF0aCBkPSJNMjUuMjcgMTA1LjE4NWE2LjMxIDYuMzEgMCAwIDAgNi4wNTMgNS45OTFjNC43ODcuMTk1IDEzLjY1Mi4zODYgMzAuMDAyLjM4NiAxNi4zNDkgMCAyNS4yMTQtLjE5MSAzMC4wMDItLjM4NmE2LjMxIDYuMzEgMCAwIDAgNi4wNTItNS45OTFjLjE0OC0yLjk2OS4yNzEtNy40MzguMjcxLTE0LjEwMyAwLTYuNjY2LS4xMjMtMTEuMTM1LS4yNzEtMTQuMTA0YTYuMzExIDYuMzExIDAgMCAwLTYuMDUyLTUuOTkyYy00Ljc4OC0uMTk0LTEzLjY1My0uMzg2LTMwLjAwMi0uMzg2LTE2LjM1IDAtMjUuMjE1LjE5Mi0zMC4wMDIuMzg2YTYuMzExIDYuMzExIDAgMCAwLTYuMDUzIDUuOTkyYy0uMTQ4IDIuOTctLjI3IDcuNDQxLS4yNyAxNC4xMDcgMCA2LjY2NC4xMjIgMTEuMTMxLjI3IDE0LjFaIiBmaWxsPSIjRkVGRUZFIi8+PHBhdGggZD0iTTI4LjAxNSAxMDMuMjg1Yy4xNSAyLjgyMSAyLjU3IDUuMDcxIDUuNTkyIDUuMTg2IDQuNDIyLjE2OCAxMi42MTMuMzMzIDI3LjcxOC4zMzNzMjMuMjk2LS4xNjUgMjcuNzItLjMzM2MzLjAyLS4xMTUgNS40NC0yLjM2NSA1LjU5MS01LjE4Ni4xMzgtMi41NjkuMjUtNi40MzcuMjUtMTIuMjA1IDAtNS43NjctLjExMi05LjYzNS0uMjUtMTIuMjA1LS4xNS0yLjgyLTIuNTcxLTUuMDY5LTUuNTkxLTUuMTg0LTQuNDI0LS4xNjgtMTIuNjE1LS4zMzMtMjcuNzItLjMzMy0xNS4xMDUgMC0yMy4yOTYuMTY1LTI3LjcxOC4zMzMtMy4wMjEuMTE1LTUuNDQxIDIuMzY0LTUuNTkyIDUuMTg2LS4xMzcgMi41Ny0uMjUgNi40MzktLjI1IDEyLjIwOCAwIDUuNzY2LjExMiA5LjYzMS4yNSAxMi4yWiIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0yOC4wMTUgMTAzLjI4NWMuMTUgMi44MjEgMi41NyA1LjA3MSA1LjU5MiA1LjE4NiA0LjQyMi4xNjggMTIuNjEzLjMzMyAyNy43MTguMzMzczIzLjI5Ni0uMTY1IDI3LjcyLS4zMzNjMy4wMi0uMTE1IDUuNDQtMi4zNjUgNS41OTEtNS4xODYuMTM4LTIuNTY5LjI1LTYuNDM3LjI1LTEyLjIwNSAwLTUuNzY3LS4xMTItOS42MzUtLjI1LTEyLjIwNS0uMTUtMi44Mi0yLjU3MS01LjA2OS01LjU5MS01LjE4NC00LjQyNC0uMTY4LTEyLjYxNS0uMzMzLTI3LjcyLS4zMzMtMTUuMTA1IDAtMjMuMjk2LjE2NS0yNy43MTguMzMzLTMuMDIxLjExNS01LjQ0MSAyLjM2NC01LjU5MiA1LjE4Ni0uMTM3IDIuNTctLjI1IDYuNDM5LS4yNSAxMi4yMDggMCA1Ljc2Ni4xMTIgOS42MzEuMjUgMTIuMloiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIyLjM0MiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTYzLjY5NCAxMDIuNjMyaC00LjczN2EuNzkuNzkgMCAwIDEtLjc5LS43ODlWOTkuNDhjMC0xLjc0IDEuNDE0LTMuMTUgMy4xNTktMy4xNSAxLjc0NCAwIDMuMTU5IDEuNDEgMy4xNTkgMy4xNXYyLjM2M2EuNzkuNzkgMCAwIDEtLjc5Ljc4OVptLTcuODk2LTExLjU0N1Y4My4yMWEuNzkuNzkgMCAwIDAtLjc5LS43ODlINTMuNDNhLjc5Ljc5IDAgMCAwLS43OS43ODl2Ny44NzZjMCAuNDM2LjM1NC43ODguNzkuNzg4aDEuNTc4Yy40MzcgMCAuNzktLjM1Mi43OS0uNzg4Wm0xNC4yMTQtLjc4N3YtNi4zMDJhLjc4OS43ODkgMCAwIDAtLjc5LS43ODdoLTEuNThhLjc4OC43ODggMCAwIDAtLjc5Ljc4N3Y2LjMwMmMwIC40MzQuMzU0Ljc4Ny43OS43ODdoMS41OGEuNzkuNzkgMCAwIDAgLjc5LS43ODdaTTkwLjk4NyAxMDMuMjU0YTEuMDc5IDEuMDc5IDAgMCAxLTIuMTU4IDBjMC0uNTk0LjQ4NC0xLjA3NiAxLjA4LTEuMDc2LjU5NSAwIDEuMDc4LjQ4MiAxLjA3OCAxLjA3NloiIGZpbGw9IiNFNkU2RTYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOSAyMCkiIGQ9Ik0wIDBoMTA5djEzOUgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==")
}

hr {
  border: thin solid var(--neutral-light-100)
}

.border-box {
  box-sizing: border-box
}

.cursor-pointer {
  cursor: pointer
}

@media (min-width:64rem) {
  .float-l_l {
    float: left
  }
}

.--list-inherit {
  list-style: inherit
}

.--scroll-x {
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none
}

.--scroll-x::-webkit-scrollbar {
  display: none
}

.--lead-br .description-container .lead {
  display: block
}

.--degrade-scroll:after,
.--degrade-scroll_max1279:after {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, .1), #fff);
  content: "";
  height: 100%;
  margin-right: -.0625rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 68px;
  z-index: 1
}

.--degrade-scroll_max1279:after {
  display: none
}

@media (max-width:1279px) {
  .--degrade-scroll_max1279:after {
    display: block
  }
}

.rotate-180 {
  transform: rotate(180deg)
}

.--bullet-list_12 li:not(:first-child):before,
.--bullet-list_4 li:not(:first-child):before,
.--bullet-list_8 li:not(:first-child):before {
  content: "•";
  display: flex;
  position: relative
}

.--bullet-list_4 li:not(:first-child):before {
  color: #ccc;
  margin-inline: .25rem
}

.--bullet-list_8 li:not(:first-child):before {
  color: inherit;
  margin-inline: .5rem
}

.--bullet-list_12 li:not(:first-child):before {
  color: #ccc;
  margin-inline: .75rem
}

@media (max-width:767.9px) {
  .--bullet-list_12 li:not(:first-child).bullet-sm-none:before {
    display: none
  }
}

.--transition-header {
  animation: transitionHeader .5s
}

@keyframes transitionHeader {
  0% {
    top: -3.5625rem
  }

  to {
    top: 0
  }
}

.white-space-nowrap {
  white-space: nowrap
}

.-transform-50 {
  transform: translateX(-50%);
  -webkit-transform: translate(-50%)
}

@media (min-width:64rem) {
  .transform-none_l {
    transform: none;
    -webkit-transform: none
  }
}

body:has(.disable-body-scroll) {
  overflow: hidden
}

.word-glossary {
  background-color: var(--primary-ia-30);
  text-decoration: underline;
  text-decoration-color: var(--primary-ia);
  text-decoration-thickness: .09375rem
}

@media (max-width:767px) {
  .p-overflow_max767.p-overflow_max767 {
    margin-left: -1rem;
    width: calc(100% + 32px)
  }
}

.ln-tooltip {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
  line-height: 130%;
  text-transform: none;
  top: calc(100% + .25rem)
}

.ln-tooltip:before {
  background-color: var(--dark-neutral-100);
  border-bottom: 1px solid var(--light-neutral-50);
  border-bottom-right-radius: .25rem;
  border-right: 1px solid var(--light-neutral-50);
  content: "";
  height: .5rem;
  position: inherit;
  top: -.3125rem;
  transform: rotate(225deg);
  width: .5rem
}

.--top-fixed .ln-tooltip {
  display: none
}

.ln-tooltip.--bottom-right_xs {
  left: -90%
}

.ln-tooltip.--bottom-right_xs:before {
  left: 75%
}

@media (min-width:360px) {

  .ln-tooltip.--bottom-right_xs,
  .ln-tooltip.--bottom-right_xs:before {
    left: inherit
  }
}

@media (min-width:64rem) {
  .ln-tooltip.--top_l {
    bottom: calc(100% + .25rem);
    top: auto
  }

  .ln-tooltip.--top_l:before {
    top: 100%;
    transform: rotate(45deg) translate(-50%)
  }
}

.container-logo {
  align-items: flex-start;
  color: #1c1c1f;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem
}

@media(min-width:48em) {
  .container-logo {
    flex-direction: row;
    justify-content: space-between
  }
}

.container-logo .logo.byma {
  height: 1.25rem;
  margin: 0 .1875rem;
  width: 2.9375rem
}

@media(min-width:48em) {
  .container-logo .logo.byma {
    margin: 0 .5rem
  }
}

.container-logo .logo.iol {
  height: 1.25rem;
  margin-left: .1875rem;
  width: 5.125rem
}

@media(min-width:48em) {
  .container-logo .logo.iol {
    margin-left: .5rem
  }
}

.container-logo.--withHistoricalDollar {
  align-items: flex-end
}

@media(min-width:48em) {
  .container-logo.--withHistoricalDollar {
    justify-content: flex-end
  }
}

.dolar {
  border: .0625rem solid #ccc;
  border-radius: .25rem;
  margin-bottom: .6875rem;
  padding: 1rem
}

.dolar .dolar-subgroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.dolar .dolar-subgroup.--even li:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.dolar .dolar-subgroup.--even li:nth-child(2n) .currency-data {
  border-left: .0625rem solid #e4e4e4
}

@media(min-width:48em) {
  .dolar .dolar-subgroup.--even li:nth-child(2n) .currency-data {
    border-left: none
  }
}

.dolar .dolar-subgroup.--odd li:first-child {
  grid-column: span 2
}

.dolar .dolar-subgroup.--odd li:nth-child(2n+3) .currency-data {
  border-left: .0625rem solid #e4e4e4
}

@media(min-width:48em) {
  .dolar .dolar-subgroup.--odd li:nth-child(2n+3) .currency-data {
    border-left: none
  }
}

.dolar .dolar-subgroup li {
  border-bottom: .0625rem solid #e4e4e4;
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.dolar .dolar-subgroup li:first-child {
  border-left: none
}

.dolar .dolar-subgroup li:last-child,
.dolar .dolar-subgroup li:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

@media(min-width:48em) {
  .dolar .dolar-subgroup li {
    align-self: center;
    border-bottom: none;
    border-left: none;
    border-right: .0625rem solid #e4e4e4;
    grid-auto-flow: row;
    margin-bottom: 0;
    margin-right: 1rem;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: .5rem
  }

  .dolar .dolar-subgroup li:nth-child(2n+3) .currency-data {
    border-left: none
  }

  .dolar .dolar-subgroup li:nth-child(4n) {
    border-right: none;
    margin-right: 0;
    padding-right: 0
  }

  .dolar .dolar-subgroup li .dolar-title {
    border-top: .0625rem solid #e4e4e4;
    padding-top: .5rem
  }

  .dolar .dolar-subgroup li:nth-child(-n+4) {
    padding-top: 0
  }

  .dolar .dolar-subgroup li:nth-child(-n+4) .dolar-title {
    border-top: none;
    padding-top: 0
  }
}

@media(min-width:64em) {

  .dolar .dolar-subgroup li,
  .dolar .dolar-subgroup li .dolar-title {
    padding-top: 1rem
  }
}

@media(min-width:48em) {
  .dolar .dolar-subgroup {
    grid-template-columns: repeat(3, 1fr) calc(25% - 25px)
  }

  .dolar .dolar-subgroup.--odd li:first-child {
    grid-column: auto
  }

  .dolar .dolar-subgroup.--fewElem {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-template-columns: 1fr
  }

  .dolar .dolar-subgroup.--fewElem li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
  }

  .dolar .dolar-subgroup.--minusOne li:first-child {
    grid-row: span 2
  }

  .dolar .dolar-subgroup.--minusOne li:first-child .currency-data {
    padding: 41px 0
  }
}

@media(min-width:48em)and (min-width:64em) {
  .dolar .dolar-subgroup.--minusOne li:first-child .currency-data {
    padding: 51px 0
  }
}

@media(min-width:48em) {
  .dolar .dolar-subgroup.--minusOne li:nth-child(4n) {
    border-right: .0625rem solid #e4e4e4;
    margin-right: 1rem;
    padding-right: 1rem
  }

  .dolar .dolar-subgroup.--minusOne li:nth-child(4),
  .dolar .dolar-subgroup.--minusOne li:nth-child(4n+7) {
    border-right: none;
    margin-right: 0;
    padding-right: 0
  }

  .dolar .dolar-subgroup.--minusTwo li:nth-child(-n+2) {
    grid-row: span 2
  }

  .dolar .dolar-subgroup.--minusTwo li:nth-child(-n+2) .currency-data {
    padding: 41px 0
  }
}

@media(min-width:48em)and (min-width:64em) {
  .dolar .dolar-subgroup.--minusTwo li:nth-child(-n+2) .currency-data {
    padding: 51px 0
  }
}

@media(min-width:48em) {
  .dolar .dolar-subgroup.--minusTwo li:nth-child(4n) {
    border-right: .0625rem solid #e4e4e4;
    margin-right: 1rem;
    padding-right: 1rem
  }

  .dolar .dolar-subgroup.--minusTwo li:nth-child(4),
  .dolar .dolar-subgroup.--minusTwo li:nth-child(4n+6) {
    border-right: none;
    margin-right: 0;
    padding-right: 0
  }

  .dolar .dolar-subgroup.--minusThree li:nth-child(-n+3) {
    grid-row: span 2
  }

  .dolar .dolar-subgroup.--minusThree li:nth-child(-n+3) .currency-data {
    padding: 41px 0
  }
}

@media(min-width:48em)and (min-width:64em) {
  .dolar .dolar-subgroup.--minusThree li:nth-child(-n+3) .currency-data {
    padding: 51px 0
  }
}

@media(min-width:48em) {
  .dolar .dolar-subgroup.--minusThree li:nth-child(4n) {
    border-right: .0625rem solid #e4e4e4;
    margin-right: 1rem;
    padding-right: 1rem
  }

  .dolar .dolar-subgroup.--minusThree li:nth-child(4),
  .dolar .dolar-subgroup.--minusThree li:nth-child(4n+5) {
    border-right: none;
    margin-right: 0;
    padding-right: 0
  }
}

.currency-data .dolar-title {
  color: #0250c9;
  text-align: center
}

@media(min-width:48em) {
  .currency-data .dolar-title {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

@media(min-width:64em) {
  .currency-data .dolar-title {
    font-size: 1.125rem;
    line-height: 1.625rem
  }
}

.currency-data>p {
  display: grid;
  gap: 0 .5rem;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  justify-content: center;
  justify-items: center
}

@media(min-width:22em) {
  .currency-data>p {
    gap: 0 1rem
  }
}

.currency-data>p span {
  color: #5a5a5a
}

.currency-data>p strong {
  color: #272727
}

@media(min-width:48em) {
  .currency-data>p strong {
    font-size: 1.125rem;
    line-height: 1.625rem
  }
}

@media(min-width:64em) {
  .currency-data>p strong {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

.horizontal-scroller {
  gap: inherit
}

.horizontal-scroller .track {
  gap: inherit;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory
}

.horizontal-scroller .track>* {
  scroll-snap-align: start
}

.horizontal-scroller .horizontal-scroller-button {
  -webkit-mask-image: linear-gradient(to var(--_direction), transparent 0, #000 65%);
  mask-image: linear-gradient(to var(--_direction), transparent 0, #000 65%)
}

.horizontal-scroller .horizontal-scroller-button.--left {
  --_direction: left
}

.horizontal-scroller .horizontal-scroller-button.--right {
  --_direction: right
}

.common-collapse .difumination:after {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #fff);
  bottom: 0;
  content: "";
  height: 6.25rem;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
  z-index: 1
}

.common-collapse .difumination[data-difumination=true]:after {
  opacity: 1
}

.common-collapse .grid-drawer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s
}

.common-collapse .grid-drawer>:first-child {
  overflow: hidden;
  transition: padding-bottom .1s .1s
}

.common-collapse .grid-drawer>:first-child.pb-170 {
  padding-bottom: 10.625rem
}

@media (min-width:64rem) {
  .common-collapse .grid-drawer>:first-child.pb-125_min1024 .pb-125_min1024 {
    padding-bottom: 7.8125rem
  }
}

.common-collapse .grid-drawer[data-collapsed=false] {
  grid-template-rows: 1fr
}

.tooltip.--with-arrow {
  --_arrow-spacing: 0.75rem
}

.tooltip.--with-arrow:after {
  background-color: inherit;
  border-left: inherit;
  border-top: inherit;
  border-top-left-radius: .25rem;
  bottom: var(--_bottom);
  content: "";
  height: var(--_arrow-spacing);
  left: var(--_left);
  position: absolute;
  right: var(--_right);
  rotate: calc(var(--_rotate)*45deg);
  top: var(--_top);
  translate: var(--_translate);
  width: var(--_arrow-spacing)
}

.tooltip.--with-arrow[data-position^=top] {
  --_bottom: 0;
  --_rotate: 5
}

.tooltip.--with-arrow[data-position=top-center] {
  --_left: 50%;
  --_translate: -50% 50%
}

.tooltip.--with-arrow[data-position=top-left] {
  --_left: var(--_arrow-spacing);
  --_translate: 0 50%
}

.tooltip.--with-arrow[data-position=top-right] {
  --_right: var(--_arrow-spacing);
  --_translate: 0 50%
}

.tooltip.--with-arrow[data-position^=bottom] {
  --_top: 0;
  --_rotate: 1
}

.tooltip.--with-arrow[data-position=bottom-center] {
  --_left: 50%;
  --_translate: -50% -50%
}

.tooltip.--with-arrow[data-position=bottom-left] {
  --_left: var(--_arrow-spacing);
  --_translate: 0 -50%
}

.tooltip.--with-arrow[data-position=bottom-right] {
  --_right: var(--_arrow-spacing);
  --_translate: 0 -50%
}

.tooltip.--with-arrow[data-position^=left] {
  --_right: 0;
  --_rotate: 3
}

.tooltip.--with-arrow[data-position=left-center] {
  --_top: 50%;
  --_translate: 50% -50%
}

.tooltip.--with-arrow[data-position=left-top] {
  --_top: var(--_arrow-spacing);
  --_translate: 50% 0
}

.tooltip.--with-arrow[data-position=left-bottom] {
  --_bottom: var(--_arrow-spacing);
  --_translate: 50% 0
}

.tooltip.--with-arrow[data-position^=right] {
  --_left: 0;
  --_rotate: 7
}

.tooltip.--with-arrow[data-position=right-center] {
  --_top: 50%;
  --_translate: -50% -50%
}

.tooltip.--with-arrow[data-position=right-top] {
  --_top: var(--_arrow-spacing);
  --_translate: -50% 0
}

.tooltip.--with-arrow[data-position=right-bottom] {
  --_bottom: var(--_arrow-spacing);
  --_translate: -50% 0
}

.skeleton-box {
  background-color: #f2f2f2;
  border-radius: .25rem;
  display: block;
  height: 1rem;
  margin-bottom: .375rem;
  overflow: hidden;
  position: relative;
  width: 25%
}

.com-title.--xs .skeleton-box {
  height: 1.125rem
}

.com-title.--m .skeleton-box {
  height: 1.1875rem
}

.com-title.--l .skeleton-box {
  height: 1.5rem
}

.com-title.--xl .skeleton-box {
  height: 1.8125rem
}

.skeleton-box.--line1 {
  width: 96%
}

.--com-subhead .skeleton-box.--line1 {
  width: 90%
}

.mod-marquee .skeleton-box.--line1 {
  width: 60%
}

.skeleton-box.--line2 {
  width: 86%
}

.--com-subhead .skeleton-box.--line2 {
  width: 90%
}

.skeleton-box.--line3 {
  width: 76%
}

.skeleton-box.--line4 {
  width: 80%
}

.--author .skeleton-box {
  margin-left: auto;
  margin-right: auto
}

.col-tablet-4 .--author .skeleton-box {
  margin-left: 0
}

.mod-footersection .skeleton-box {
  width: 100%
}

.mod-footersection .com-title .skeleton-box {
  margin-right: .5rem;
  width: 18.75rem
}

.skeleton-box:after {
  animation: shimmer 2s infinite;
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 10%, hsla(0, 0%, 100%, .5) 30%, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%)
}

@keyframes shimmer {
  to {
    transform: translateX(100%)
  }
}

.mod-article.--author {
  align-items: center;
  border: 1px solid #ccc;
  padding: 1rem 1rem 8.75rem;
  text-align: center
}

.mod-article.--author>div {
  border-bottom: 1px solid #000;
  bottom: -.0625rem;
  height: 5rem;
  margin: 0;
  padding-bottom: 7.875rem;
  position: absolute;
  width: 5rem
}

.mod-article.--author>div .mod-media a {
  border: 1px solid #ccc;
  border-radius: 100%;
  display: block;
  overflow: hidden
}

.mod-article.--author>div .mod-media a .placeholder.placeholder {
  border: none;
  padding-top: 100%
}

.mod-article.--author>div .mod-media a .placeholder.placeholder .com-image {
  background: #fff;
  height: 5rem;
  width: 5rem
}

@media(min-width:48em) {
  .mod-article.--author>div .mod-media a .placeholder.placeholder .com-image {
    height: 100%;
    width: 100%
  }
}

.mod-article.--author .mod-description {
  position: static
}

.mod-article.--author .mod-description .mod-marquee {
  align-items: center;
  bottom: 0;
  height: 3rem;
  justify-content: center;
  left: 1rem;
  margin: 0;
  overflow: hidden;
  position: absolute;
  white-space: break-spaces;
  width: calc(100% - 32px)
}

.mod-article.--author .mod-description .ln-badge {
  display: none
}

.mod-article.--author .mod-description .ln-badge.--exclusive-ln {
  display: inline-flex;
  left: 0;
  margin-bottom: .5rem;
  position: relative;
  top: 0
}

.mod-article.--columnista {
  align-items: center;
  border: 1px solid #ccc;
  padding: 1rem;
  text-align: center
}

.mod-article.--columnista>div {
  border-bottom: 1px solid #000;
  bottom: -.0625rem;
  height: 5rem;
  margin: 0;
  padding-bottom: 7.875rem;
  position: absolute;
  width: 5rem
}

.mod-article.--columnista>div .mod-media a {
  border: 1px solid #ccc;
  border-radius: 100%;
  display: block;
  overflow: hidden
}

.mod-article.--columnista>div .mod-media a .placeholder.placeholder {
  border: none;
  padding-top: 100%
}

.mod-article.--columnista>div .mod-media a .placeholder.placeholder .com-image {
  background: #fff;
  height: 5rem;
  width: 5rem
}

@media(min-width:48em) {
  .mod-article.--columnista>div .mod-media a .placeholder.placeholder .com-image {
    height: 100%;
    width: 100%
  }
}

.mod-article.--columnista .mod-description {
  position: static
}

.mod-article.--columnista .mod-description .mod-marquee {
  align-items: center;
  bottom: 0;
  height: 3rem;
  justify-content: center;
  left: 1rem;
  margin: 0;
  overflow: hidden;
  position: absolute;
  white-space: break-spaces;
  width: calc(100% - 32px)
}

.mod-article.--columnista .mod-description .ln-badge {
  display: none
}

.mod-article.--columnista .mod-description .ln-badge.--exclusive-ln {
  display: inline-flex;
  left: 0;
  margin-bottom: .5rem;
  position: relative;
  top: 0
}

.mod-article.--columnista>div {
  border: none;
  bottom: auto;
  margin-bottom: .5rem;
  padding: 0;
  position: relative
}

@media(min-width:68.75em) {
  .columnistas .mod-article.--columnista>div {
    height: 6rem;
    width: 6rem
  }
}

.mod-article.--columnista .mod-description,
.mod-article.--columnista .mod-description>div {
  height: 100%
}

.mod-article.--columnista .mod-description>div .mod-marquee {
  align-items: normal;
  height: auto;
  overflow: visible;
  padding-bottom: 2rem;
  position: relative
}

.mod-article.--columnista .mod-description>div .mod-marquee a:after {
  bottom: 0;
  color: #0250c9;
  content: "IR A NOTAS";
  display: block;
  font-size: .75rem;
  left: 0;
  line-height: 1rem;
  margin: auto;
  position: absolute;
  right: 0
}

.mod-article.--columnista:after {
  border-bottom: 1px solid #5a5a5a;
  bottom: -1px;
  content: "";
  position: absolute;
  width: 5rem
}

.mod-ranking .mod-article:before {
  background-color: #000;
  color: #fff;
  display: block;
  font-size: 1rem;
  height: 2.5rem;
  left: 1px;
  line-height: 2.5rem;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 1.5rem;
  z-index: 5
}

.mod-article.--no-media {
  border-top: 1px solid #ccc;
  margin-left: -1rem;
  padding: 2rem 1rem 0;
  width: calc(100% + 2rem)
}

.mod-article.--no-media .ln-badge.--exclusive-ln {
  left: 0;
  margin-bottom: .5rem;
  position: relative;
  top: 0
}

.mod-article.--no-media .mod-media {
  display: none
}

@media(min-width:48em) {
  .mod-article.--no-media {
    border: none;
    margin-left: 0;
    padding: 0;
    width: auto
  }
}

.container.--opinion,
.sidebar__main .com-anexo {
  margin-bottom: 4rem;
  position: relative
}

.com-ranking {
  background: #fff
}

.com-ranking .com-ordered .com-item {
  margin: 0 0 2rem;
  padding-left: 0
}

.com-ranking .com-ordered .com-item:before {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.125rem;
  font-weight: 400;
  height: 2.4rem;
  left: .0625rem;
  top: .0625rem;
  width: 1.4rem;
  z-index: 2
}

@media(min-width:64em) {
  .com-ranking {
    padding-top: 32px
  }

  .com-ranking .com-ordered .com-item .mod-article {
    flex-direction: row
  }

  .com-ranking .com-ordered .com-item .mod-article .content-media .mod-media {
    margin-bottom: 0
  }

  .com-ranking .com-ordered .com-item .mod-article .content-media .mod-media .placeholder {
    padding-top: 100%;
    width: 12.5rem
  }

  .com-ranking .com-ordered .com-item .mod-article .mod-description {
    margin-left: 1rem
  }

  .com-ranking .com-ordered .com-item .mod-article .mod-description .com-title {
    font-family: Arial, "sans-serif"
  }

  .com-ranking .com-ordered .com-item .mod-article .mod-description .com-title.--xs {
    font-size: 1.5rem;
    line-height: 120%
  }
}

.com-paragraph {
  font-family: Georgia, "serif";
  font-weight: 100;
  margin-bottom: 2rem
}

.mod-paragraph .com-paragraph {
  margin-bottom: 0;
  text-align: center
}

.element-paragraph {
  font-weight: 700
}

.mod-linklist {
  display: block;
  margin-bottom: 1.5rem
}

.mod-linklist .com-title {
  display: inline;
  font-family: Arial, "sans-serif";
  margin: 0 1.5rem .5rem 0;
  min-width: max-content
}

.mod-linklist .com-unordered.--tags.com-unordered.--tags {
  border: none;
  display: inline;
  margin-bottom: 0;
  padding-top: 0
}

.mod-linklist .com-unordered.--tags.com-unordered.--tags li {
  margin-bottom: .5rem
}

.footer .com-text {
  color: #5a5a5a;
  font-size: .875rem;
  line-height: 1.0625rem
}

.mod-recaptcha .com-text {
  margin-right: .625rem;
  text-align: right;
  width: 100%
}

.mod-fiscal .com-text {
  width: 65%
}

.mod-copyright .com-text {
  text-align: center
}

.mod-breadcrumb .com-text {
  align-items: center;
  border-left: 1px solid #5a5a5a;
  color: #5a5a5a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 1;
  padding: 0 .5625rem
}

.mod-autor .com-text.--autor {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}

.mod-autor .com-text.--medio {
  color: #919191;
  font-size: .875rem;
  font-weight: 400;
  text-transform: uppercase
}

.com-text.--paginator {
  background: #000;
  color: #fff;
  font-family: Arial, "sans-serif";
  font-size: .75rem;
  padding: 0 .3125rem;
  position: absolute;
  right: 1rem;
  top: 0
}

@media(min-width:64em) {
  .com-text.--paginator {
    right: 0
  }
}

.com-text.--tooltip {
  display: flex;
  padding: 0 0 0 1.5rem
}

.com-text.--tooltip:hover {
  cursor: pointer
}

.com-text.--tooltip:hover .com-container {
  visibility: visible
}

.com-breadcrumb .com-text.--tooltip:before {
  color: #ccc;
  content: "•";
  display: block;
  height: fit-content;
  left: .625rem;
  position: absolute
}

.com-text.--profesion {
  display: inline-flex;
  margin-bottom: .5rem
}

.com-text.--sponsor {
  display: flex
}

.com-text.--sponsor:hover {
  cursor: pointer
}

.com-text.--sponsor:hover .com-container {
  visibility: visible
}

.mod-tooltip .com-text.--sponsor {
  color: #5a5a5a
}

.mod-tooltip .com-text {
  border: none;
  color: #5a5a5a;
  font-weight: 100;
  margin-bottom: 0
}

.mod-tooltip .com-text:before {
  content: none
}

.com-breadcrumb .com-text {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.mod-wikiauthor .com-text.--bio {
  display: flex;
  margin-bottom: 1rem
}

@media(min-width:48em) {
  .mod-fiscal .com-text {
    text-align: center;
    width: 100%
  }

  .mod-copyright .com-text {
    text-align: left
  }
}

@media(min-width:64em) {
  .mod-fiscal .com-text {
    text-align: center;
    width: 100%
  }

  .mod-copyright .com-text {
    text-align: left
  }

  .com-text.--sponsor,
  .com-text.--tooltip {
    position: relative
  }

  .acumulado .mod-wikiauthor .--info .com-text {
    display: flex;
    margin-bottom: 1rem
  }
}

.hl_green,
.hl_orange,
.hl_pink,
.hl_purple,
.hl_underline,
.hl_yellow,
.hl_yellow_underline {
  color: inherit
}

.com-title {
  margin-bottom: .5rem
}

.com-title .com-lead {
  color: #272727;
  font-variation-settings: "wght" 170, "opsz" 50
}

.mod-newsletter .com-title {
  display: block
}

.com-lead {
  color: #0250c9;
  display: inline;
  font-style: normal
}

.--bomba.--bomba .com-lead,
.--highlight.--highlight .com-lead {
  color: #fff
}

.com-lead:first-letter {
  text-transform: uppercase
}

.com-cita {
  align-items: center;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 2.5rem;
  padding: 1rem 1rem 0;
  position: relative;
  width: 100%
}

@media(min-width:768px) {
  .com-cita {
    align-items: stretch;
    flex-direction: row
  }
}

.com-cita.autor .cont-figure {
  background: #fff;
  padding: 1.875rem 0 1.25rem;
  position: relative;
  width: 6.25rem
}

@media(min-width:768px) {
  .com-cita.autor .cont-figure {
    padding: 1.875rem 0
  }
}

.com-cita.autor .cont-figure:after {
  background: #000;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6.25rem
}

.com-cita.autor .cont-figure .figure {
  height: 6.25rem;
  width: 6.25rem
}

.com-cita.autor .cont-figure .figure .content-pic {
  border: none;
  border-radius: 50%;
  height: 6.25rem;
  width: 6.25rem
}

.com-cita.autor .cont-figure .figure .content-pic:after {
  display: none
}

.com-cita.autor .cont-figure .figure .content-pic:before {
  font-size: 6em
}

.com-cita.autor .cont-figure .figure .content-pic .content-img:hover {
  filter: none;
  transition: none
}

.com-cita.autor .cont-cita {
  display: flex;
  flex-wrap: wrap
}

.com-cita.autor .cont-cita .title-cita {
  margin-bottom: 1rem;
  text-align: center;
  width: 100%
}

.com-cita.autor .cont-cita .title-cita .text {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.5rem
}

.com-cita.autor .cont-cita .title-cita .com-paragraph {
  margin: 0
}

@media(min-width:768px) {
  .com-cita.autor .cont-cita .title-cita {
    text-align: left
  }
}

.com-cita.autor .cont-cita .cont-firma-autor {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%
}

@media(min-width:768px) {
  .com-cita.autor .cont-cita .cont-firma-autor {
    justify-content: flex-start
  }
}

.com-cita.autor .cont-cita .cont-firma-autor .nombre-firma {
  font-weight: 700;
  margin-right: .3125rem
}

.com-cita.autor .cont-cita .cont-data-firma {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%
}

@media(min-width:768px) {
  .com-cita.autor .cont-cita .cont-data-firma {
    justify-content: flex-start
  }
}

.com-cita.autor .cont-cita .cont-data-firma .fecha-firma {
  color: #6e6e6e;
  font-size: .875rem;
  margin-right: .3125rem
}

.com-cita.autor .cont-cita .cont-data-firma .lugar-firma {
  color: #6e6e6e;
  font-size: .875rem
}

.mod-paragraph {
  align-items: center;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 1rem;
  position: relative
}

.mod-paragraph:before {
  background: #000;
  content: "";
  display: block;
  height: .0625rem;
  left: calc(50% - 40px);
  position: absolute;
  top: -1px;
  width: 5rem
}

.blockquote {
  background-color: #f2f2f2;
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
  padding: 2rem;
  text-align: center;
  width: 100%
}

.blockquote .text {
  font-family: Prumo, Georgia, "serif";
  font-size: 1.25rem;
  line-height: 2.1875rem
}

@media(min-width:768px) {
  .blockquote {
    text-align: left
  }
}

.mod-figcaption {
  border-bottom: 1px solid #e4e4e4;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  margin-left: -1rem;
  min-height: 2.0625rem;
  padding: 0 1rem .5rem;
  position: relative;
  width: calc(100% + 2rem)
}

@media(min-width:64em) {
  .mod-figcaption {
    margin-left: 0;
    padding: 0 0 .5rem;
    width: 100%
  }
}

.mod-figcaption:empty {
  display: none
}

.mod-figcaption .--caption,
.mod-figcaption .--credit {
  display: flex;
  overflow-wrap: anywhere
}

.mod-figcaption .--caption:empty,
.mod-figcaption .--credit:empty {
  display: none
}

.mod-figcaption .--caption {
  line-height: 1.5rem
}

.mod-figcaption .--credit {
  color: #919191
}

.--zoom.--active .mod-figcaption {
  border-bottom: none;
  color: #fff;
  margin-left: 0;
  padding: 0 1rem;
  text-align: left;
  width: 100%
}

@media(min-width:769px) {
  .--zoom.--active .mod-figcaption {
    padding: 0
  }
}

.--slider .mod-figcaption .--caption,
.--slider .mod-figcaption .--credit {
  width: calc(100% - 50px)
}

.--zoom.--active.--slider .mod-figcaption .--paginator {
  right: 1rem
}

@media(min-width:769px) {
  .--zoom.--active.--slider .mod-figcaption .--paginator {
    right: 0
  }
}

.com-button {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-size: .75rem;
  font-weight: 700;
  justify-content: center;
  outline: none;
  padding: .75rem 1rem;
  text-transform: uppercase;
  transition: all .2s ease-in-out
}

.com-button.--bottom,
.com-button.--top {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.com-button path {
  fill: #000
}

.com-button:hover {
  background: transparent;
  color: #0250c9
}

.com-button:hover path {
  fill: #0250c9
}

.com-button:disabled {
  background: #ccc
}

.com-button.--primary {
  background: #0250c9;
  border-color: #0250c9;
  color: #fefefe
}

.com-button.--primary path {
  fill: #fefefe
}

.com-button.--primary:hover {
  background: #126fff
}

.com-button.--primary:active {
  background: #006998
}

.com-button.--primary:disabled {
  background: #ccc
}

.com-button.--secondary {
  background: #fff;
  border-color: #0250c9;
  color: #0250c9
}

.com-button.--secondary:hover {
  background: #126fff;
  border-color: #126fff;
  color: #fefefe
}

.com-button.--secondary:hover path {
  fill: #fefefe
}

.com-button.--secondary:active {
  background: #006998;
  border-color: #006998;
  color: #fefefe
}

.com-button.--secondary:disabled {
  border-color: #ccc;
  color: #ccc
}

@media(min-width:64em) {
  .amp.--transparent .com-usuario .com-button.--secondary {
    background: none;
    border-color: #fff;
    color: #fff
  }

  .amp.--transparent .com-usuario .com-button.--secondary:hover {
    background: #fff;
    color: #333
  }
}

.cuerpo__nota .com-button.--secondary {
  margin-bottom: 2rem
}

.com-button.--tertiary {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #272727
}

.com-button.--tertiary path {
  fill: #272727
}

.com-button.--tertiary:hover {
  color: #126fff
}

.com-button.--tertiary:active {
  background: #ccc;
  border-color: #ccc;
  color: #126fff
}

.com-button.--tertiary:disabled {
  background: #e4e4e4;
  border-color: #e4e4e4;
  color: #919191
}

.com-button.--special {
  background: #ffff24;
  border-color: #ccc;
  color: #000
}

.com-button.--special path {
  fill: #000
}

.com-button.--special:hover {
  background: #000;
  border-color: #000;
  color: #fefefe
}

.com-button.--special:hover path {
  fill: #fefefe
}

.com-button.--special:active {
  background: #000;
  border-color: #000;
  color: #fefefe
}

.com-button.--special:disabled {
  background: #fff;
  border-color: #ccc;
  color: #ccc
}

.amp.--transparent .com-usuario .com-button.--special {
  color: #fff
}

@media(min-width:64em) {
  .amp.--transparent .com-usuario .com-button.--special {
    border-color: #ffff24;
    color: #333
  }

  .amp.--transparent .com-usuario .com-button.--special:hover {
    border-color: #000;
    color: #fefefe
  }
}

.com-button.--compact {
  padding: .5rem 1rem
}

.com-button.--transparent {
  background-color: transparent
}

.double-teaser__title.double-teaser__title {
  color: #f08080
}

.table-wrapper {
  overflow: auto;
  width: 100%
}

.table-wrapper .table {
  border: .0625rem solid #e4e4e4;
  width: 100%
}

.table-wrapper .table thead {
  border-bottom: .0625rem solid #e4e4e4
}

.table-wrapper .table tr th {
  background-color: inherit;
  color: #000;
  font-weight: 700;
  padding: 1rem
}

.table-wrapper .table td {
  padding: 1rem
}

.table-wrapper .table td,
.table-wrapper .table th {
  text-align: start;
  vertical-align: middle
}

.table-wrapper .table tr:not(:last-child) {
  border-bottom: .0625rem solid #e4e4e4
}

@media(min-width:48em) {
  .table-wrapper.--two-columns {
    width: 50%
  }
}

.table-wrapper.--two-columns th td,
.table-wrapper.--two-columns tr td {
  width: 50%
}

.table-wrapper.--holidays {
  width: 100%
}

.table-wrapper.--holidays .table {
  border-collapse: separate;
  border-radius: .25rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  overflow: hidden
}

.table-wrapper.--holidays .table thead {
  border-bottom: 0 solid #e4e4e4
}

.table-wrapper.--holidays .table tr th {
  background-color: #f2f2f2;
  text-align: center
}

.table-wrapper.--holidays .table tr td {
  hyphens: auto;
  text-align: center
}

@media(min-width:22em) {
  .table-wrapper.--holidays .table tr td {
    hyphens: none;
    vertical-align: middle
  }
}

.table-wrapper.--holidays .table td,
.table-wrapper.--holidays .table th {
  padding: 1rem .5rem
}

@media(min-width:402px) {

  .table-wrapper.--holidays .table td,
  .table-wrapper.--holidays .table th {
    padding: 1rem
  }
}

.table-wrapper.--holidays .table tr:not(:last-child) {
  border-bottom: 0 solid #e4e4e4
}

.divider {
  border-top: 1px solid #c6c6c6;
  margin: .3125rem 2rem;
  padding: .625rem .3rem
}

.container-parallax .image-container {
  margin-bottom: 2rem;
  overflow: hidden;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 0
}

.container-parallax .image-container .--parallax {
  height: 100vh;
  object-fit: cover
}

.container-parallax .step-parallax {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-start;
  margin: 0;
  padding: 0 1.5rem;
  position: relative;
  text-align: center;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  z-index: 100
}

.container-parallax .step-parallax .bajada-titulo {
  color: #fefefe;
  font-size: 1.5rem;
  letter-spacing: -.025rem;
  line-height: 2rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .46)
}

@media(min-width:48em) {
  .container-parallax .step-parallax .bajada-titulo {
    font-size: 2.5rem;
    line-height: 3.25rem
  }
}

@media(min-width:64em) {
  .container-parallax .step-parallax .bajada-titulo {
    font-size: 3rem;
    line-height: 3.5rem
  }
}

.container-parallax .step-parallax .bajada-parrafo {
  background-color: rgba(28, 28, 31, .6);
  border-radius: .25rem;
  color: #fff;
  display: inline-block;
  max-width: 46.25rem;
  padding: 1rem
}

.row.message {
  align-items: center;
  background: #f7f7f4;
  border: 1px solid #e4e4e4;
  margin-bottom: 2rem;
  padding: 1.5rem
}

.row.message .--top {
  margin-bottom: .5rem
}

.row.message .--top .subscribers {
  align-items: center;
  background: #272727;
  color: #f2f2f2;
  display: inline-flex;
  padding: 0 .5rem
}

.row.message .--top .subscribers .icon-ln {
  margin: -.125rem .5rem 0 0
}

.row.message .--top .subscribers .icon-ln path {
  fill: #fcb73c
}

.row.message .--top .text {
  align-items: center;
  display: inline-flex
}

.row.message .--top .text .com-icon {
  margin-right: .25rem
}

.row.message .--left {
  margin-bottom: 1.5rem
}

.row.message .--left.col-12 {
  margin-bottom: 0
}

@media(min-width:48em) {
  .row.message .--left {
    margin-bottom: 0
  }

  .row.message .--right {
    text-align: right
  }
}

.row.message .--right .com-button.--secondary.--secondary {
  background: none;
  border-color: #0250c9;
  color: #0250c9;
  margin-right: 1.5rem
}

.row.message .--right .com-button.--secondary.--secondary:hover {
  background-color: #0250c9
}

.row.message.--dark {
  background-color: #272727;
  border: none;
  color: #f2f2f2
}

.row.message.--dark .--top .subscribers {
  padding: 0
}

.row.message.--dark .--right .com-button.--secondary.--secondary {
  border-color: #fff;
  color: #fff
}

.row.message.--dark .--right .com-button.--secondary.--secondary:hover {
  background: #fff;
  color: #272727
}

.viafoura.viafoura {
  font-family: Arial, "sans-serif";
  margin-bottom: 4rem
}

.viafoura.viafoura .vf-flex .vf-profile-header__button-container .vf-button:not(.vf-follow-button),
.viafoura.viafoura .vf-flex-grow .vf-flex-nav[aria-controls=vf-settings__panel_5],
.viafoura.viafoura.not-comment section div.vf-post-form__container {
  display: none
}

.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:focus,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:hover {
  display: flex
}

.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:before,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:focus:before,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:hover:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjQxNCAxOC41ODJhMiAyIDAgMCAxLTIuODMuMDAybC03Ljc3Ni03Ljc3NmMtMi4xOC0yLjU2OC0yLjA2Ni02LjQyLjM1My04Ljg0QTYuNSA2LjUgMCAwIDEgMTEgMS42NGE2LjUgNi41IDAgMCAxIDkuMTc5IDkuMTU0bC03Ljc2NSA3Ljc4OFptNi4yNDgtOS4wOTFhNC41IDQuNSAwIDAgMC02LjM1NS02LjMzN0wxMSA0LjI4MiA5LjY5MyAzLjE1NGE0LjUgNC41IDAgMCAwLTYuMzU1IDYuMzM3bC4xMTQuMTMyTDExIDE3LjE3Mmw3LjU0OC03LjU0OS4xMTQtLjEzMloiIGZpbGw9IiMyNzI3MjciLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: .6875rem;
  left: auto;
  margin-right: .1875rem;
  position: relative;
  width: .6875rem
}

.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like svg,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:focus svg,
.viafoura.viafoura .vf-content-actions__like.vf-content-actions__like:hover svg,
.viafoura.viafoura header.vf-comment-header.vf-comment-header {
  display: none
}

.viafoura.viafoura footer.vf3-conversations-footer {
  padding-bottom: 0
}

.viafoura.viafoura .vf-post-form__container .vf-post-form__auth-actions,
.viafoura.viafoura footer.vf3-conversations-footer .vf-branding-container {
  display: none
}

.viafoura.viafoura .vf-post-form__container.vf-post-form__container--focused .vf-content-layout__right {
  box-shadow: none
}

.viafoura.viafoura .vf-content-focus-container--default .vf-button.is-cta.is-accent-color:not([disabled]),
.viafoura.viafoura .vf-post-form__container .vf-button.is-cta.is-accent-color:not([disabled]) {
  background-color: #0250c9;
  border-color: #0250c9
}

.viafoura.viafoura .vf-content-focus-container--default .vf-button.is-cta .vf-loader-button__content,
.viafoura.viafoura .vf-post-form__container .vf-button.is-cta .vf-loader-button__content {
  display: block;
  line-height: 0;
  text-indent: -9999999px
}

.viafoura.viafoura .vf-content-focus-container--default .vf-button.is-cta .vf-loader-button__content:after,
.viafoura.viafoura .vf-post-form__container .vf-button.is-cta .vf-loader-button__content:after {
  content: "ENVIAR";
  display: block;
  line-height: normal;
  text-indent: 0
}

.viafoura.viafoura .vf-button.vf-button.vf-content-actions__replies,
.viafoura.viafoura .vf-button.vf-button.vf-reply-to,
.viafoura.viafoura .vf-button.vf-button.vf-tray-trigger--floating {
  display: none
}

.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button {
  border-radius: .25rem;
  font-size: .75rem;
  font-weight: 700;
  padding: .75rem 1rem;
  transition: all .2s ease-in-out;
  width: auto
}

.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button.is-inverted,
.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button:hover {
  border-color: #0250c9;
  color: #0250c9
}

.viafoura.viafoura .vf-button.vf-button.is-cta.is-accent-color.is-size-small.vf-load-more__button svg {
  fill: #fff
}

.viafoura.viafoura .vf-button.vf-button.comment-nav-right__icon.comment-nav-right__icon.vf-button.vf-button.vf-no-outline.is-size-large.vf-tray-trigger {
  display: none
}

.viafoura.viafoura .vf3-comments .vf3-comments__tabbed-nav .vf-tabbed-nav {
  position: relative
}

.viafoura.viafoura ul li {
  font-family: Arial, "sans-serif"
}

.viafoura.viafoura .vf-button.vf-button.realtime-action-button.realtime-action-button.is-cta.is-cta.is-accent-color.is-accent-color {
  font-size: .75rem;
  padding-left: .5rem;
  padding-right: .375rem
}

.viafoura.viafoura .vf-comment__bottom-actions .vf-button.vf-button.is-link.is-link.is-accent-color.is-accent-color:not(.is-danger-color),
.viafoura.viafoura .vf-comment__bottom-actions .vf-button.vf-button.is-link.is-link.is-accent-color.is-accent-color:not(.is-danger-color):hover {
  color: rgba(0, 0, 0, .6)
}

.viafoura.viafoura .vf-content-focus-container__mobile.vf-content-focus-container__mobile {
  display: block
}

.widget .viafoura.viafoura .vf-dropdown.vf-secondary-actions,
.widget .viafoura.viafoura .vf-share-menu__trigger,
.widget .viafoura.viafoura .vf-tray-trigger {
  display: none
}

.toast-container {
  gap: var(--spacing, 16px);
  padding: var(--spacing, 16px);
  pointer-events: none
}

.toast-container .toast {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  pointer-events: auto
}

.toast-container .toast.--paused {
  animation-play-state: paused
}

.logo-ai .star {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-box: fill-box;
  transform-origin: center;
  transition: fill .5s linear, stroke .5s linear
}

.logo-ai .star.big {
  animation-name: big-star-animation
}

.logo-ai .star.small {
  animation-name: small-star-animation
}

@keyframes big-star-animation {

  0%,
  85%,
  to {
    fill: transparent;
    stroke: #333;
    transform: rotate(0deg)
  }

  20% {
    fill: transparent;
    stroke: #333;
    transform: rotate(-180deg)
  }

  40% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(-180deg) scale(1)
  }

  50%,
  55%,
  60% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(-180deg) scale(1.1)
  }

  65% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(-180deg) scale(1)
  }
}

@keyframes small-star-animation {

  0%,
  85%,
  to {
    fill: transparent;
    stroke: #333;
    transform: rotate(0deg)
  }

  20% {
    fill: transparent;
    stroke: #333;
    transform: rotate(180deg)
  }

  40% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(180deg) scale(1)
  }

  50%,
  55%,
  60% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(180deg) scale(1.1)
  }

  65% {
    fill: var(--primary-ia);
    stroke: var(--primary-ia);
    transform: rotate(180deg) scale(1)
  }
}

.logo-listen .bar {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  animation-timing-function: ease;
  transform-origin: bottom
}

.logo-listen .bar.first-bar {
  animation-delay: -2.2s
}

.logo-listen .bar.second-bar {
  animation-delay: -3.7s
}

.logo-listen .bar.third-bar {
  animation-delay: -1.5s
}

.logo-listen .bar.fourth-bar {
  animation-delay: -2.5s
}

.logo-listen .bar.pause {
  animation-play-state: paused
}

@keyframes bounce {
  10% {
    transform: scaleY(.3)
  }

  30% {
    transform: scaleY(1)
  }

  60% {
    transform: scaleY(.5)
  }

  80% {
    transform: scaleY(.75)
  }

  to {
    transform: scaleY(.6)
  }
}

@media(min-width:64em) {
  #audio-player-desktop {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto 1fr
  }

  #audio-player-desktop #btnAudioDesktop {
    grid-column: 1/2;
    grid-row: 1/2
  }

  #audio-player-desktop .toggle-bttn-audio {
    grid-column: 3/4;
    grid-row: 1/2
  }

  #audio-player-desktop .audio-player {
    grid-column: 1/4;
    grid-row: 2/3
  }

  #audio-player-desktop .disclaimer-container {
    grid-row: 3
  }
}

.mod-share-container .mod-share .share .mod-tooltip {
  background: #126fff;
  border: none;
  margin: 0;
  position: absolute;
  z-index: 102
}

.mod-share-container .mod-share .share .mod-tooltip .com-text {
  color: #fefefe
}

.mod-share-container .mod-share .share .mod-tooltip:after {
  background: #126fff;
  border-radius: .25rem;
  content: "";
  display: block;
  height: 1rem;
  position: absolute;
  right: -.34375rem;
  transform: rotate(225deg);
  width: 1rem;
  z-index: -1
}

.mod-share-container .mod-share .share .mod-tooltip.--copy {
  left: -4.0625rem;
  top: -.25rem
}

@media(min-width:64em) {
  .mod-share-container:not(.--video) .audio-player {
    display: none
  }
}

.mod-share-container .loader {
  margin: 0 0 1rem
}

@media(min-width:64em) {
  .mod-share-container .loader {
    margin: 0 0 1.5rem
  }
}

.holidays-grid-container {
  display: grid;
  gap: 1rem;
  margin: 0 auto 2rem;
  max-width: 27.5rem;
  width: 100%
}

@media(min-width:48em) {
  .holidays-grid-container {
    gap: 2rem 1rem;
    grid-template-columns: repeat(3, 1fr);
    max-width: none
  }
}

.holidays-grid-container .holidays-card-calendar {
  margin-bottom: 0
}

@media(min-width:48em) {
  .holidays-grid-container .holidays-card-calendar.--vertical {
    width: 100%
  }
}

.holidays-card-calendar {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 1rem;
  width: 100%
}

@media(min-width:48em) {
  .holidays-card-calendar {
    width: 27.5rem
  }

  .holidays-card-calendar.--vertical {
    flex-direction: column;
    gap: 0;
    padding: 1rem .4375rem;
    place-self: start;
    width: 35.0625rem
  }

  .holidays-card-calendar.--vertical .holidays-list {
    border-left: none;
    margin-left: 0;
    padding-left: 0
  }
}

.holidays-card-calendar.--vertical.--withoutHolidayData {
  padding-bottom: 0
}

@media(min-width:64em) {
  .holidays-card-calendar.--vertical {
    padding: 1rem
  }
}

@media(min-width:48em) {
  .holidays-card-calendar.--horizontal {
    flex-direction: row;
    gap: 0;
    width: 35.0625rem
  }
}

.holidays-card-calendar .calendar-container {
  flex-grow: 1;
  min-height: 16.625rem
}

@media(min-width:48em) {
  .holidays-card-calendar.--horizontal .holidays-list {
    border-left: .0625rem solid #ccc;
    border-top: none;
    margin-left: 1rem;
    padding-left: 1rem;
    width: 50%
  }
}

.holidays-card-calendar .holidays-list {
  align-items: flex-start;
  border-top: .0625rem solid #ccc;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  justify-content: flex-start;
  padding-top: 1.375rem
}

.holidays-card-calendar .holidays-list li {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  font-size: .875rem;
  justify-content: flex-start
}

.holidays-card-calendar .holidays-list li span:first-child {
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-right: .5rem;
  min-height: 1.75rem;
  min-width: 1.75rem;
  transform: translateY(-.375rem)
}

.holidays-card-calendar .holidays-list li span:first-child.--immovable {
  background-color: #bee4ff;
  border: .125rem solid #bee4ff
}

.holidays-card-calendar .holidays-list li span:first-child.--bridge {
  border: .125rem solid #bee4ff
}

.holidays-card-calendar .holidays-list li span:first-child.--transferable {
  background-color: #e1f6d7;
  border: .125rem solid #e1f6d7
}

.calendar-common {
  background: #fefefe;
  border-radius: .25rem;
  position: relative;
  width: 100%
}

.calendar-common .labeled-calendar {
  display: flex;
  flex-direction: column
}

.calendar-common .labeled-calendar>.--title {
  align-self: center;
  margin-bottom: .625rem;
  text-transform: capitalize
}

.calendar-common .labeled-calendar>.--title a {
  color: #333
}

.calendar-common .labeled-calendar .days-of-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  margin-bottom: .25rem;
  row-gap: .5rem
}

.calendar-common .labeled-calendar .days-of-week .com-text:nth-child(n+6) {
  opacity: .7
}

.calendar-common .date-calendar {
  column-gap: .25rem;
  display: grid;
  font-size: .875rem;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
  justify-items: center;
  row-gap: .5rem
}

.calendar-common .date-calendar .com-text:nth-child(13),
.calendar-common .date-calendar .com-text:nth-child(14),
.calendar-common .date-calendar .com-text:nth-child(20),
.calendar-common .date-calendar .com-text:nth-child(21),
.calendar-common .date-calendar .com-text:nth-child(27),
.calendar-common .date-calendar .com-text:nth-child(28),
.calendar-common .date-calendar .com-text:nth-child(34),
.calendar-common .date-calendar .com-text:nth-child(35),
.calendar-common .date-calendar .com-text:nth-child(6),
.calendar-common .date-calendar .com-text:nth-child(7) {
  opacity: .7
}

.calendar-common .date-calendar .com-text {
  align-items: center;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  height: 1.75rem;
  justify-content: center;
  text-align: center;
  width: 1.75rem
}

.calendar-common .date-calendar .com-text.--transferable {
  background-color: #e1f6d7
}

.calendar-common .date-calendar .com-text.--immovable {
  background-color: #bee4ff
}

.calendar-common .date-calendar .com-text.--bridge {
  border: .125rem solid #bee4ff
}

.holidays-nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.holidays-nav.--home {
  max-width: 27.5rem
}

@media(min-width:48em) {
  .holidays-nav.--home {
    max-width: none
  }
}

.holidays-nav.--month {
  max-width: 27.5rem
}

@media(min-width:48em) {
  .holidays-nav.--month {
    max-width: 35.0625rem
  }
}

@media(min-width:64em) {
  .holidays-nav.--month {
    max-width: none
  }
}

@media(min-width:48em) {
  .holidays-nav {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: space-between
  }
}

@media(min-width:64em) {
  .holidays-nav {
    align-items: center;
    margin-left: 0;
    margin-right: 0
  }
}

.holidays-nav .sampler {
  align-items: space-between;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: flex-start
}

.holidays-nav .sampler .com-text:before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: .75rem;
  margin-right: .5rem;
  transform: translateY(.25rem);
  width: .75rem
}

.holidays-nav .sampler :first-child:before {
  background-color: #bee4ff;
  border: .125rem solid #bee4ff
}

.holidays-nav .sampler :nth-child(2):before {
  border: .125rem solid #bee4ff
}

.holidays-nav .sampler :nth-child(3):before {
  background-color: #e1f6d7;
  border: .125rem solid #e1f6d7
}

@media(min-width:48em) {
  .holidays-nav .sampler {
    align-items: space-between;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
  }
}

@media(min-width:64em) {
  .holidays-nav .sampler {
    align-items: space-between;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
  }
}

.holidays-nav .year {
  border: .0625rem solid #e4e4e4;
  border-radius: .25rem;
  display: flex;
  flex-direction: row;
  height: 2rem;
  justify-content: flex-start;
  width: 100%
}

@media(min-width:48em) {
  .holidays-nav .year {
    width: 20rem
  }
}

.holidays-nav .year>li {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center
}

.holidays-nav .year>li .com-link {
  color: #272727;
  height: 100%;
  line-height: 1.833125rem;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

.holidays-nav .year>li.--active {
  background-color: #0250c9;
  border-radius: .25rem;
  color: #fefefe
}

@media(min-width:48em) {
  .holidays-nav .year {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
  }
}

.holidays-month-nav {
  display: grid;
  grid-template-areas: "calendar calendar" "arrowBack arrowForward";
  grid-template-columns: repeat(2, 1fr);
  margin: 1rem auto 2rem;
  max-width: 27.5rem;
  width: 100%
}

@media(min-width:48em) {
  .holidays-month-nav {
    grid-template-areas: "arrowBack calendar arrowForward";
    grid-template-columns: 1fr 35.0625rem 1fr;
    max-width: none
  }
}

.holidays-month-nav h3 {
  flex-grow: 1;
  margin-top: 1rem
}

.holidays-month-nav h3.previous-month {
  grid-area: arrowBack;
  justify-self: end;
  margin-left: 1rem;
  margin-right: 1rem
}

@media(min-width:48em) {
  .holidays-month-nav h3.previous-month {
    align-self: center;
    justify-self: center
  }
}

.holidays-month-nav h3.posterior-month {
  grid-area: arrowForward;
  justify-self: start;
  margin-left: 1rem;
  margin-right: 1rem
}

@media(min-width:48em) {
  .holidays-month-nav h3.posterior-month {
    align-self: center;
    justify-self: center
  }
}

.holidays-month-nav .calendar {
  grid-area: calendar;
  max-width: 35.0625rem;
  width: 100%
}

.holidays-month-nav .calendar .holidays-card-calendar {
  margin-bottom: 0
}

@media(min-width:22em) {
  .holidays-month-nav .calendar .holidays-card-calendar {
    width: 100%
  }
}

.holidays-month-nav .interaction-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: center
}

.holidays-month-nav .interaction-container .circle {
  align-items: center;
  background-color: #e7f0ff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem
}

.holidays-month-nav .interaction-container span {
  color: #0250c9;
  text-align: center;
  text-transform: capitalize
}

@media(min-width:48em) {
  .holidays-month-nav.--withoutHolidayData {
    grid-template-columns: 1fr 17.5rem 1fr
  }

  .holidays-month-nav.--withoutHolidayData h3.previous-month {
    justify-self: flex-end
  }
}

@media(min-width:64em) {
  .holidays-month-nav.--withoutHolidayData h3.previous-month {
    margin-right: 3rem
  }
}

@media(min-width:48em) {
  .holidays-month-nav.--withoutHolidayData h3.posterior-month {
    justify-self: flex-start
  }
}

@media(min-width:64em) {
  .holidays-month-nav.--withoutHolidayData h3.posterior-month {
    margin-left: 3rem
  }
}

.holidays-counter {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 auto 2rem;
  max-width: 18rem;
  padding: 1rem 2rem;
  width: 100%
}

.holidays-counter .number-counter {
  align-items: center;
  border-radius: 50%;
  color: #000;
  display: flex;
  flex-direction: column;
  height: 8.125rem;
  justify-content: center;
  margin: auto;
  padding: 1.875rem;
  width: 8.125rem
}

.holidays-counter .number-counter :first-child {
  font-size: 3rem;
  padding-bottom: .625rem
}

.holidays-counter .number-counter :last-child {
  font-size: 1.25rem
}

@media(min-width:48em) {
  .holidays-counter .number-counter {
    height: 8.75rem;
    margin: 0;
    width: 8.75rem
  }
}

.holidays-counter .number-counter.--immovable {
  background-color: #bee4ff
}

.holidays-counter .number-counter.--bridge {
  border: .375rem solid #bee4ff
}

.holidays-counter .number-counter.--transferable {
  background-color: #e1f6d7;
  border-color: none
}

.holidays-counter .label-counter {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.holidays-counter .label-counter h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem
}

.holidays-counter .label-counter .com-text {
  text-align: center
}

@media(min-width:48em) {
  .holidays-counter .label-counter {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .holidays-counter .label-counter .com-text {
    text-align: start
  }
}

@media(min-width:20em) {
  .holidays-counter {
    max-width: 20.5rem
  }
}

@media(min-width:22em) {
  .holidays-counter {
    max-width: 27.5rem
  }
}

@media(min-width:48em) {
  .holidays-counter {
    align-items: space-between;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 38.75rem
  }
}

.lottery-card {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 21.25rem;
  justify-content: space-between;
  min-width: 14.625rem;
  padding: 1rem 1rem 1.25rem;
  width: 100%
}

@media(min-width:22em) {
  .lottery-card {
    max-width: 20.5rem
  }
}

.lottery-card .lottery-header {
  display: flex;
  flex-direction: column
}

.lottery-card .lottery-header .com-link {
  color: #000
}

.lottery-card .lottery-header .subtitle {
  color: #5a5a5a
}

.lottery-card .main-result {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto 0;
  position: relative
}

.lottery-card .main-result .traditional {
  display: flex
}

.lottery-card .main-result .traditional .box-result {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-right: 1rem
}

.lottery-card .main-result .traditional .jackpot-result .ball {
  margin-bottom: .5rem
}

.lottery-card .main-result .box-result {
  display: flex
}

.lottery-card .main-result .box-result.--quini-6 {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

.lottery-card .main-result .box-result.--quini-6.--detail {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  row-gap: .5rem;
  width: auto
}

.lottery-card .main-result .box-result.--quini-6.--detail.--extra-pot {
  column-gap: 0;
  grid-template-columns: repeat(5, 1fr);
  width: 100%
}

.lottery-card .main-result .box-result.--quini-6.--detail.--extra-pot :nth-child(16) {
  grid-column: 2/3
}

.lottery-card .main-result .box-result.--quini-6.--detail.--extra-pot :nth-child(17) {
  grid-column: 3/4
}

.lottery-card .main-result .box-result.--quini-6.--detail.--extra-pot :nth-child(18) {
  grid-column: 4/5
}

.lottery-card .main-result .box-result.--loto-5 {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  max-width: 11.875rem
}

.lottery-card .main-result .box-result.--loto-5 .ball {
  margin: 0 .5rem .5rem
}

.lottery-card .main-result .box-result.--brinco,
.lottery-card .main-result .box-result.--loto-plus-detail {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: .5rem;
  row-gap: .5rem
}

.lottery-card .main-result .box-result.--loto-plus-detail {
  margin-bottom: 0;
  margin-top: 1rem
}

.lottery-card .main-result .box-result.--grid-5-columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  row-gap: .5rem;
  width: 100%
}

.lottery-card .extra-results {
  margin: auto 0
}

.lottery-card .extra-results.--jackpot-details {
  display: flex;
  flex-direction: column
}

.lottery-card .extra-results.--jackpot-details .jackpot-text-details {
  text-align: center
}

.lottery-card .extra-results.--jackpot-details .jackpot-result-details {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.lottery-card .extra-results.--jackpot-details .jackpot-result-details .ball {
  margin: 0 .5rem
}

.ball {
  align-items: center;
  background: #f2f2f2;
  border-radius: 50%;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  justify-self: center;
  width: 2.5rem
}

.ball.--small {
  height: 2rem;
  width: 2rem
}

.ball.--grey {
  background: #f2f2f2
}

.ball.--blue {
  background-color: #e7f0ff
}

.result-item {
  display: flex;
  justify-content: space-between
}

.result-item:not(:last-child) {
  margin-bottom: .5rem
}

.result-item .labeled {
  color: #5a5a5a
}

.result-item :last-child {
  text-align: end
}

.result-item .results-secondary {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.result-item .results-secondary .com-text:not(:first-child):before {
  color: #333;
  content: "-";
  margin-right: .03125rem
}

.result-item .results-secondary.--grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr)
}

.result-item .results-secondary.--grid-6 .com-text {
  justify-self: flex-end
}

.result-item .results-secondary.--flex-6 {
  max-width: 7.5rem
}

.result-item .results-secondary.--flex-6 .com-text {
  flex: none;
  justify-self: flex-end;
  width: 16.6666666667%
}

.result-item .results-secondary.--grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr)
}

.table-container .table {
  border: 1px solid #ccc;
  border-bottom: initial;
  border-collapse: inherit;
  border-radius: .25rem;
  font-family: Arial, "sans-serif";
  margin-bottom: 2.5rem;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.table-container .table thead {
  background-color: #f2f2f2;
  font-weight: 700
}

.table-container .table tfoot {
  font-weight: 700
}

.table-container .table.--winners-table td,
.table-container .table.--winners-table th {
  width: 33.3%
}

.table-container .table td,
.table-container .table th {
  border-bottom: 1px solid #ccc;
  display: table-cell;
  padding-bottom: .75rem;
  padding-top: .75rem;
  vertical-align: middle
}

.table-container .table .estimated-pot {
  font-weight: 700
}

.table-container .table .border-divider:not(:last-child) {
  border-right: 1px solid #ccc
}

.table-horizontal-results {
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden
}

.table-horizontal-results .header-table {
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column
}

.table-horizontal-results .header-table .title-header-table {
  border-bottom: 1px solid #ccc;
  padding: .75rem 1rem
}

.table-horizontal-results .header-table .sub-header-table {
  display: flex;
  justify-content: space-between;
  padding: 1rem
}

.table-horizontal-results .header-table .sub-header-table :nth-child(n+2) {
  margin-top: .5rem
}

.table-horizontal-results .body-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center
}

.table-horizontal-results .body-table.--meaning-table {
  grid-template-columns: repeat(2, 1fr)
}

@media(min-width:48em) {
  .table-horizontal-results .body-table.--meaning-table {
    grid-template-columns: repeat(5, 1fr)
  }
}

.table-horizontal-results .body-table .number-box {
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  width: 100%
}

.table-horizontal-results .body-table .number-box.--meaning-table {
  font-weight: 400
}

.table-horizontal-results .body-table .number-box.--meaning-table:nth-child(-n+5) {
  border-top: 1px solid #ccc
}

@media(min-width:48em) {
  .table-horizontal-results .body-table .number-box.--meaning-table:nth-child(-n+5) {
    border-top: none
  }
}

.table-horizontal-results .body-table .number-box.--meaning-table:nth-child(-n+5):nth-child(-n+2) {
  border-top: none
}

.table-horizontal-results .body-table .number-box .numerator-table {
  background-color: #f2f2f2;
  padding: .75rem .5rem
}

.table-horizontal-results .body-table .number-box .numerator-table.--meaning-table {
  font-weight: 700
}

.table-horizontal-results .body-table .number-box .number-table-horizontal {
  display: flex;
  justify-content: center;
  padding: .75rem .5rem;
  width: 100%
}

.table-horizontal-results .body-table .number-box:nth-child(-n+4):not(.--meaning-table) .number-table-horizontal {
  font-weight: 700
}

.lotteries.number-meanings-box {
  margin: 2rem 0
}

.lotteries.number-meanings-box.row-gap-tablet-4 {
  column-gap: 1rem
}

.lotteries.home-lottery-grid {
  justify-items: center;
  margin-bottom: 2rem
}

.lotteries.home-lottery-grid.row-gap-tablet-3 {
  row-gap: 2rem
}

.lotteries.lottery-detail-box {
  column-gap: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
  row-gap: 2rem
}

@media(min-width:48em) {
  .lotteries.lottery-detail-box {
    grid-template-columns: 1fr 2fr
  }
}

.lotteries.quinielas-detail-layout {
  display: grid
}

.lotteries.quinielas-detail-layout.row-gap-tablet-2 {
  row-gap: 2rem
}

.lottery-data-factory {
  display: flex;
  margin-bottom: 2rem
}

.lottery-data-factory a {
  margin-left: .3125rem
}

.label-text {
  color: #5a5a5a;
  padding: .5rem 0
}

.box-number-meaning {
  align-items: center;
  border: .0625rem solid #ccc;
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  min-height: 8.25rem;
  padding: 1rem
}

.box-number-meaning .com-icon {
  height: 2.5rem;
  width: 2.5rem
}

.box-number-meaning .com-link {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700
}

.box-number-meaning .meaning-number-text {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  text-align: center
}

.box-number-meaning .meaning-number-text .com-text {
  display: flex;
  flex-direction: column
}

.box-number-meaning .meaning-number-text .com-link {
  display: inline-block
}

.service-list {
  column-gap: .5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2rem;
  margin-top: 2rem;
  row-gap: .5rem
}

@media(min-width:48em) {
  .service-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
  }
}

.service-list .service-item {
  align-items: flex-start;
  border: 1px solid #ccc;
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  height: 3.5rem;
  justify-content: center;
  max-width: 26.875rem;
  padding: 1rem;
  width: 100%
}

.service-list .service-item .com-link {
  color: #1c1c1f;
  text-transform: capitalize
}

.grid-weather-home {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem
}

@media(min-width:48em) {
  .grid-weather-home {
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 1rem
  }
}

@media(min-width:83.75em) {
  .grid-weather-home {
    column-gap: 2.5rem
  }
}

.weather-card {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 14rem;
  justify-content: space-between;
  margin: .5rem 0;
  max-width: 26.875rem;
  min-width: 11.125rem;
  padding: 1rem;
  width: 100%
}

.weather-card .com-link .com-text {
  color: #000
}

.weather-card .description {
  color: #5a5a5a
}

.weather-card .box-icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.weather-card .box-icon p {
  display: flex;
  margin-left: 1.25rem
}

.weather-card .temperature {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.weather-card .temperature .com-text {
  color: #5a5a5a;
  margin-left: .25rem
}

.weather-card .temperature .com-text:nth-child(2) {
  color: #126fff
}

.weather-card .temperature .com-text:nth-child(4) {
  color: #f44336
}

.forecast-card {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  max-width: 26.875rem;
  min-height: 15.3125rem;
  padding: 1rem;
  width: 100%
}

.forecast-card .labeled {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.forecast-card .labeled .description {
  color: #5a5a5a
}

.forecast-card .icon-content,
.forecast-card .temperature {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.forecast-card .temperature .com-text {
  color: #5a5a5a;
  margin-left: .25rem
}

.forecast-card .temperature .com-text:nth-child(2) {
  color: #f44336
}

.forecast-card .temperature .com-text:nth-child(4) {
  color: #126fff
}

.forecast-card .detail-province-icons {
  align-items: center;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: .5rem
}

.forecast-card .detail-province-icons .box-icon-text {
  align-items: center;
  display: flex;
  flex-direction: column
}

.forecast-card .detail-province-icons .box-icon-text span {
  font-size: 14px;
  font-weight: 700
}

.extend-forecast {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.extend-forecast .content-forecast {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%
}

.extend-forecast .content-forecast .forecast-card {
  margin: 1rem 0
}

@media(min-width:48em) {
  .extend-forecast .content-forecast {
    flex-direction: row;
    justify-content: space-between
  }

  .extend-forecast .content-forecast .forecast-card {
    margin-right: 1rem
  }
}

@media(min-width:64em) {
  .extend-forecast .content-forecast .forecast-card {
    margin-right: 2.5rem
  }
}

.content-icon .icon-references {
  align-self: center;
  border: 1px solid #ccc;
  max-width: 26.875rem
}

@media(min-width:48em) {
  .content-icon .icon-references {
    align-items: center;
    column-gap: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    row-gap: .5rem
  }
}

@media(min-width:48em)and (min-width:48em) {
  .content-icon .icon-references {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
  }
}

.province-list {
  align-items: center;
  column-gap: .5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  row-gap: .5rem
}

@media(min-width:48em) {
  .province-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
  }
}

.province-list .province {
  align-items: flex-start;
  border: 1px solid #ccc;
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  height: 3.5rem;
  justify-content: center;
  max-width: 26.875rem;
  padding: 1rem;
  width: 100%
}

.province-list .province .com-link {
  color: #00043a
}

.error404 header .row .com-logo.la-nacion {
  height: 1.3125rem;
  width: 13.4375rem
}

@media(min-width:64em) {
  .error404 header .row .com-logo.la-nacion {
    height: 1.875rem;
    width: 19.125rem
  }
}

.error404 main picture .image {
  max-width: 66.5rem
}

#queryly_advanced_container#queryly_advanced_container {
  width: 100%
}

.buscador #content .lay {
  min-height: 100vh
}

@media(min-width:64em) {
  .buscador #content .lay {
    min-height: 1800px
  }
}

.sitemap header {
  border-bottom: 1px solid #e4e4e4
}

.sitemap footer,
.sitemap header {
  padding: 1.5rem 0;
  text-align: center
}

.sitemap footer {
  border-top: 1px solid #e4e4e4
}

.sitemap #content .lay>.com-title {
  justify-content: center;
  margin-bottom: 2rem
}

.sitemap #content .lay .row .com-title {
  margin-bottom: 1rem
}

.mod-list {
  margin-bottom: 2rem
}

.mod-list li {
  margin-bottom: 1rem;
  position: relative
}

.mod-list.--bullet li {
  padding-left: 1rem
}

.mod-list.--bullet li:after {
  bottom: 0;
  content: "•";
  font-size: 1.875rem;
  left: -.4375rem;
  position: absolute
}

.mod-list.--bullet-xs li .com-link {
  padding-right: 1rem
}

.mod-list.--bullet-xs li .com-link:after {
  bottom: 0;
  color: #ccc;
  content: "•";
  font-size: .875rem;
  position: absolute;
  right: -.1875rem
}

.mod-list.--inline {
  display: inline-flex;
  margin-bottom: 0
}

.mod-list.--inline li:not(:last-child) {
  margin-right: 1rem
}

.mod-list.--inline.--bullet-xs li:last-child a {
  padding: 0
}

.mod-list.--inline.--bullet-xs li:last-child a:after {
  display: none
}

.mod-opening {
  margin-bottom: 2rem;
  position: relative
}

@media(min-width:64em) {
  .--photo100.--scrollDown .mod-share-container.--handle-share {
    transform: translateY(-31.25rem)
  }
}

.--photo100 #content {
  padding-top: 0
}

.--photo100 #content .mod-opening {
  margin-top: -4rem
}

@media(min-width:48em) {
  .--photo100 #content .mod-opening {
    margin-top: -5.5625rem
  }
}

@media(min-width:64em) {
  .--photo100 #content .mod-opening {
    margin-top: -3.5625rem
  }
}

.--photo100 #content .mod-opening .mod-figure .placeholder {
  align-items: center;
  background: #333;
  border: 0;
  display: flex;
  height: calc(100vh - 98px);
  justify-content: center;
  margin: 0;
  overflow: hidden;
  width: 100%
}

@media(min-width:769px) {
  .--photo100 #content .mod-opening .mod-figure .placeholder {
    height: 100vh
  }
}

.--photo100 #content .mod-opening .mod-figure .placeholder.--video-background video {
  display: none
}

@media(min-width:48em) {
  .--photo100 #content .mod-opening .mod-figure .placeholder.--video-background .com-image {
    display: none
  }

  .--photo100 #content .mod-opening .mod-figure .placeholder.--video-background video {
    display: block;
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%
  }
}

.--photo100 #content .mod-opening .mod-title {
  background-color: rgba(0, 0, 0, .65);
  bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100%;
  z-index: 1
}

@media(min-width:769px) {
  .--photo100 #content .mod-opening .mod-title {
    padding-bottom: 1rem;
    text-align: center
  }
}

.--photo100 #content .mod-opening .mod-title:before {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .65), transparent);
  content: "";
  height: 7.5rem;
  left: 0;
  margin-top: -7.5rem;
  position: absolute;
  width: 100%
}

.--photo100 #content .mod-opening .mod-title [class*=logo-] {
  margin: 0 0 .5rem
}

.--photo100 #content .mod-opening .mod-title [class*=logo-]:before {
  color: #fff
}

@media(min-width:48em) {
  .--photo100 #content .mod-opening .mod-title [class*=logo-] {
    margin-bottom: 1rem
  }
}

.--photo100 #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo,
.--photo100 #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo:after,
.--photo100 #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo:before,
.--photo100 #content .mod-opening .mod-title .mod-sponsor>.com-text.com-text {
  color: #fff;
  margin-bottom: 0
}

.--photo100 #content .mod-opening .mod-title .lay .com-title {
  color: #fff
}

@media(min-width:769px) {
  .--photo100 #content .mod-opening .mod-title .lay {
    display: inline-block;
    text-align: left;
    width: auto
  }
}

.--photo100 #content .mod-opening .mod-figcaption {
  border-bottom: 1px solid #ccc;
  margin-top: .5rem
}

.--photo100 #content .mod-opening .mod-figcaption .--caption,
.--photo100 #content .mod-opening .mod-figcaption .--credit {
  margin-bottom: .5rem
}

.--photo100 #content .mod-opening .lay {
  padding-left: .5rem;
  padding-right: .5rem
}

@media(min-width:22em) {
  .--photo100 #content .mod-opening .lay {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media(min-width:64em) {
  .--photo100 #content .mod-opening .lay {
    max-width: 42.6666666667rem;
    padding-left: 0;
    padding-right: 0;
    width: 66.666666%
  }
}

@media(min-width:68.75em) {
  .--photo100 #content .mod-opening .lay {
    max-width: 45.8333333333rem
  }
}

@media(min-width:80em) {
  .--photo100 #content .mod-opening .lay {
    max-width: 53.3333333333rem
  }
}

@media(min-width:83.75em) {
  .--photo100 #content .mod-opening .lay {
    max-width: 55.8333333333rem
  }
}

.--photo100 #content>.row {
  display: block;
  margin-bottom: 2rem
}

.--photo100 #content>.row .com-container,
.--photo100 #content>.row .com-ordered,
.--photo100 #content>.row .com-paragraph,
.--photo100 #content>.row .com-partner,
.--photo100 #content>.row .com-unordered,
.--photo100 #content>.row .container-center-100,
.--photo100 #content>.row .element-paragraph,
.--photo100 #content>.row .feature-firma,
.--photo100 #content>.row figcaption,
.--photo100 #content>.row h2,
.--photo100 #content>.row h3 {
  display: block
}

.--photo100 #content>.row .com-container,
.--photo100 #content>.row .com-ordered,
.--photo100 #content>.row .com-paragraph,
.--photo100 #content>.row .com-partner,
.--photo100 #content>.row .com-unordered,
.--photo100 #content>.row .container-center-100,
.--photo100 #content>.row .element-paragraph,
.--photo100 #content>.row .feature-firma,
.--photo100 #content>.row .mod-date-container,
.--photo100 #content>.row figcaption,
.--photo100 #content>.row h2:not(.glossary-title),
.--photo100 #content>.row h3:not(.glossary-title) {
  margin-left: auto;
  margin-right: auto;
  padding-left: .5rem;
  padding-right: .5rem;
  width: 100%
}

@media(min-width:22em) {

  .--photo100 #content>.row .com-container,
  .--photo100 #content>.row .com-ordered,
  .--photo100 #content>.row .com-paragraph,
  .--photo100 #content>.row .com-partner,
  .--photo100 #content>.row .com-unordered,
  .--photo100 #content>.row .container-center-100,
  .--photo100 #content>.row .element-paragraph,
  .--photo100 #content>.row .feature-firma,
  .--photo100 #content>.row .mod-date-container,
  .--photo100 #content>.row figcaption,
  .--photo100 #content>.row h2:not(.glossary-title),
  .--photo100 #content>.row h3:not(.glossary-title) {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media(min-width:64em) {

  .--photo100 #content>.row .com-container,
  .--photo100 #content>.row .com-ordered,
  .--photo100 #content>.row .com-paragraph,
  .--photo100 #content>.row .com-partner,
  .--photo100 #content>.row .com-unordered,
  .--photo100 #content>.row .container-center-100,
  .--photo100 #content>.row .element-paragraph,
  .--photo100 #content>.row .feature-firma,
  .--photo100 #content>.row .mod-date-container,
  .--photo100 #content>.row figcaption,
  .--photo100 #content>.row h2:not(.glossary-title),
  .--photo100 #content>.row h3:not(.glossary-title) {
    max-width: 42.6666666667rem;
    padding-left: 0;
    padding-right: 0;
    width: 66.666666%
  }
}

@media(min-width:68.75em) {

  .--photo100 #content>.row .com-container,
  .--photo100 #content>.row .com-ordered,
  .--photo100 #content>.row .com-paragraph,
  .--photo100 #content>.row .com-partner,
  .--photo100 #content>.row .com-unordered,
  .--photo100 #content>.row .container-center-100,
  .--photo100 #content>.row .element-paragraph,
  .--photo100 #content>.row .feature-firma,
  .--photo100 #content>.row .mod-date-container,
  .--photo100 #content>.row figcaption,
  .--photo100 #content>.row h2:not(.glossary-title),
  .--photo100 #content>.row h3:not(.glossary-title) {
    max-width: 45.8333333333rem
  }
}

@media(min-width:80em) {

  .--photo100 #content>.row .com-container,
  .--photo100 #content>.row .com-ordered,
  .--photo100 #content>.row .com-paragraph,
  .--photo100 #content>.row .com-partner,
  .--photo100 #content>.row .com-unordered,
  .--photo100 #content>.row .container-center-100,
  .--photo100 #content>.row .element-paragraph,
  .--photo100 #content>.row .feature-firma,
  .--photo100 #content>.row .mod-date-container,
  .--photo100 #content>.row figcaption,
  .--photo100 #content>.row h2:not(.glossary-title),
  .--photo100 #content>.row h3:not(.glossary-title) {
    max-width: 53.3333333333rem
  }
}

@media(min-width:83.75em) {

  .--photo100 #content>.row .com-container,
  .--photo100 #content>.row .com-ordered,
  .--photo100 #content>.row .com-paragraph,
  .--photo100 #content>.row .com-partner,
  .--photo100 #content>.row .com-unordered,
  .--photo100 #content>.row .container-center-100,
  .--photo100 #content>.row .element-paragraph,
  .--photo100 #content>.row .feature-firma,
  .--photo100 #content>.row .mod-date-container,
  .--photo100 #content>.row figcaption,
  .--photo100 #content>.row h2:not(.glossary-title),
  .--photo100 #content>.row h3:not(.glossary-title) {
    max-width: 55.8333333333rem
  }
}

.--photo100 #content>.row .com-container {
  margin-bottom: 2rem;
  text-align: center
}

.--photo100 #content>.row .com-breadcrumb,
.--photo100 #content>.row .ln-banner-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .5rem;
  padding-right: .5rem;
  width: 100%
}

@media(min-width:22em) {

  .--photo100 #content>.row .com-breadcrumb,
  .--photo100 #content>.row .ln-banner-container {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media(min-width:64em) {

  .--photo100 #content>.row .com-breadcrumb,
  .--photo100 #content>.row .ln-banner-container {
    max-width: 42.6666666667rem;
    padding-left: 0;
    padding-right: 0;
    width: 66.666666%
  }
}

@media(min-width:68.75em) {

  .--photo100 #content>.row .com-breadcrumb,
  .--photo100 #content>.row .ln-banner-container {
    max-width: 45.8333333333rem
  }
}

@media(min-width:80em) {

  .--photo100 #content>.row .com-breadcrumb,
  .--photo100 #content>.row .ln-banner-container {
    max-width: 53.3333333333rem
  }
}

@media(min-width:83.75em) {

  .--photo100 #content>.row .com-breadcrumb,
  .--photo100 #content>.row .ln-banner-container {
    max-width: 55.8333333333rem
  }
}

@media(min-width:64em) {
  .--photo100 #content>.row .com-breadcrumb {
    left: -1rem
  }
}

.--photo100 #content>.row .mod-figure:before {
  right: .5rem
}

.--photo100 #content>.row .mod-figure .placeholder {
  border: none;
  margin-left: 0;
  width: 100%
}

.--photo100 #content>.row .--active.--active .mod-figure .placeholder {
  height: auto
}

.--photo100 #content>.row #audio-player-desktop,
.--photo100 #content>.row>.com-link.--logo {
  padding-left: .5rem;
  padding-right: .5rem
}

@media(min-width:22em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media(min-width:64em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
}

@media(min-width:64em)and (min-width:64em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    max-width: 42.6666666667rem;
    width: 66.666666%
  }
}

@media(min-width:64em)and (min-width:68.75em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    max-width: 45.8333333333rem
  }
}

@media(min-width:64em)and (min-width:80em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    max-width: 53.3333333333rem
  }
}

@media(min-width:64em)and (min-width:83.75em) {

  .--photo100 #content>.row #audio-player-desktop,
  .--photo100 #content>.row>.com-link.--logo {
    max-width: 55.8333333333rem
  }
}

.--photo100 #content>.row .com-unordered .com-unordered {
  margin-left: 1.5rem
}

.--photo100 #content>.row .mod-share-container {
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative
}

@media(min-width:22em) {
  .--photo100 #content>.row .mod-share-container {
    margin-left: 1rem;
    margin-right: 1rem
  }
}

@media(min-width:64em) {
  .--photo100 #content>.row .mod-share-container {
    left: calc(50% - 21.33333rem - 133px);
    margin: 0 0 -21.875rem;
    position: sticky
  }
}

@media(min-width:68.75em) {
  .--photo100 #content>.row .mod-share-container {
    left: calc(50% - 22.91667rem - 145px)
  }
}

@media(min-width:80em) {
  .--photo100 #content>.row .mod-share-container {
    left: calc(50% - 26.66667rem - 165px)
  }
}

@media(min-width:83.75em) {
  .--photo100 #content>.row .mod-share-container {
    left: calc(50% - 27.91667rem - 185px)
  }
}

.--photo100 #content>.row .common-collapse {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

@media(min-width:64em) {
  .--photo100 #content>.row .common-collapse {
    max-width: 42.6666666667rem;
    width: 66.666666%
  }
}

@media(min-width:68.75em) {
  .--photo100 #content>.row .common-collapse {
    max-width: 45.8333333333rem
  }
}

@media(min-width:80em) {
  .--photo100 #content>.row .common-collapse {
    max-width: 53.3333333333rem
  }
}

@media(min-width:83.75em) {
  .--photo100 #content>.row .common-collapse {
    max-width: 55.8333333333rem
  }
}

@media(max-width:63.9375rem) {
  .--photo100 #content>.row .common-collapse {
    padding-inline: 1rem
  }
}

.nota.noticia .--apertura .com-title {
  margin-bottom: 1rem
}

.brando.nota #content .com-breadcrumb a,
.brando.nota #content .cuerpo__nota .com-link.com-link,
.brando.nota #content .feature-firma .link,
.brando.nota #content .mod-keepreading a {
  color: #c6480c
}

.brando.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #c6480c;
  color: #c6480c
}

.brando.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #c6480c;
  color: #fff
}

.brando.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.brando.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #c6480c
}

.brando.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #c6480c;
  border-color: #c6480c
}

.ohlala.nota #content .com-breadcrumb a,
.ohlala.nota #content .cuerpo__nota .com-link.com-link,
.ohlala.nota #content .feature-firma .link,
.ohlala.nota #content .mod-keepreading a {
  color: #e71f64
}

.ohlala.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #e71f64;
  color: #e71f64
}

.ohlala.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #e71f64;
  color: #fff
}

.ohlala.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.ohlala.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #e71f64
}

.ohlala.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #e71f64;
  border-color: #e71f64
}

.lugares.nota #content .com-breadcrumb a,
.lugares.nota #content .cuerpo__nota .com-link.com-link,
.lugares.nota #content .feature-firma .link,
.lugares.nota #content .mod-keepreading a {
  color: #009c9a
}

.lugares.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #009c9a;
  color: #009c9a
}

.lugares.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #009c9a;
  color: #fff
}

.lugares.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.lugares.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #009c9a
}

.lugares.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #009c9a;
  border-color: #009c9a
}

.hola.nota #content .com-breadcrumb a,
.hola.nota #content .cuerpo__nota .com-link.com-link,
.hola.nota #content .feature-firma .link,
.hola.nota #content .mod-keepreading a {
  color: #bf0811
}

.hola.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #bf0811;
  color: #bf0811
}

.hola.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #bf0811;
  color: #fff
}

.hola.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.hola.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #bf0811
}

.hola.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #bf0811;
  border-color: #bf0811
}

.jardin.nota #content .com-breadcrumb a,
.jardin.nota #content .cuerpo__nota .com-link.com-link,
.jardin.nota #content .feature-firma .link,
.jardin.nota #content .mod-keepreading a {
  color: #d46418
}

.jardin.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #d46418;
  color: #d46418
}

.jardin.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #d46418;
  color: #fff
}

.jardin.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.jardin.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #d46418
}

.jardin.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #d46418;
  border-color: #d46418
}

.rolling.nota #content .com-breadcrumb a,
.rolling.nota #content .cuerpo__nota .com-link.com-link,
.rolling.nota #content .feature-firma .link,
.rolling.nota #content .mod-keepreading a {
  color: #b40d15
}

.rolling.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #b40d15;
  color: #b40d15
}

.rolling.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #b40d15;
  color: #fff
}

.rolling.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.rolling.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #b40d15
}

.rolling.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #b40d15;
  border-color: #b40d15
}

.propiedades.nota #content .com-breadcrumb a,
.propiedades.nota #content .cuerpo__nota .com-link.com-link,
.propiedades.nota #content .feature-firma .link,
.propiedades.nota #content .mod-keepreading a {
  color: #0250c9
}

.propiedades.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #0250c9;
  color: #0250c9
}

.propiedades.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #0250c9;
  color: #fff
}

.propiedades.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.propiedades.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #0250c9
}

.propiedades.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #0250c9;
  border-color: #0250c9
}

.campo.nota #content .com-breadcrumb a,
.campo.nota #content .cuerpo__nota .com-link.com-link,
.campo.nota #content .feature-firma .link,
.campo.nota #content .mod-keepreading a {
  color: #00c48f
}

.campo.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #00c48f;
  color: #00c48f
}

.campo.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #00c48f;
  color: #fff
}

.campo.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.campo.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #00c48f
}

.campo.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #00c48f;
  border-color: #00c48f
}

.salud.nota #content .com-breadcrumb a,
.salud.nota #content .cuerpo__nota .com-link.com-link,
.salud.nota #content .feature-firma .link,
.salud.nota #content .mod-keepreading a {
  color: #7267c3
}

.salud.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #7267c3;
  color: #7267c3
}

.salud.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #7267c3;
  color: #fff
}

.salud.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.salud.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #7267c3
}

.salud.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #7267c3;
  border-color: #7267c3
}

.economia.nota #content .com-breadcrumb a,
.economia.nota #content .cuerpo__nota .com-link.com-link,
.economia.nota #content .feature-firma .link,
.economia.nota #content .mod-keepreading a {
  color: #d83e2c
}

.economia.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #d83e2c;
  color: #d83e2c
}

.economia.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #d83e2c;
  color: #fff
}

.economia.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.economia.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #d83e2c
}

.economia.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #d83e2c;
  border-color: #d83e2c
}

.autos.nota #content .com-breadcrumb a,
.autos.nota #content .cuerpo__nota .com-link.com-link,
.autos.nota #content .feature-firma .link,
.autos.nota #content .mod-keepreading a {
  color: #f60
}

.autos.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #f60;
  color: #f60
}

.autos.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #f60;
  color: #fff
}

.autos.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.autos.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #f60
}

.autos.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #f60;
  border-color: #f60
}

.futuria.nota #content .com-breadcrumb a,
.futuria.nota #content .cuerpo__nota .com-link.com-link,
.futuria.nota #content .feature-firma .link,
.futuria.nota #content .mod-keepreading a {
  color: #e6232a
}

.futuria.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #e6232a;
  color: #e6232a
}

.futuria.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #e6232a;
  color: #fff
}

.futuria.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.futuria.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #e6232a
}

.futuria.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #e6232a;
  border-color: #e6232a
}

.que-sale.nota #content .com-breadcrumb a,
.que-sale.nota #content .cuerpo__nota .com-link.com-link,
.que-sale.nota #content .feature-firma .link,
.que-sale.nota #content .mod-keepreading a {
  color: #bb3b80
}

.que-sale.nota #content .cuerpo__nota .com-button.--secondary {
  border-color: #bb3b80;
  color: #bb3b80
}

.que-sale.nota #content .cuerpo__nota .com-button.--secondary:hover {
  background-color: #bb3b80;
  color: #fff
}

.que-sale.nota #content .cuerpo__nota .com-button.--secondary:hover .com-icon path {
  fill: #fff
}

.que-sale.nota #content .cuerpo__nota .com-button.--secondary .com-icon path {
  fill: #bb3b80
}

.que-sale.nota #content .cuerpo__nota .com-button.--primary {
  background-color: #bb3b80;
  border-color: #bb3b80
}

.nota.nota #content .cuerpo__nota .box-articles .com-link.com-link {
  color: #333
}

.hlp-paddingRight-5 {
  padding-right: 5px
}

.hlp-paddingLeft-5 {
  padding-left: 5px
}

.hlp-paddingRight-10 {
  padding-right: 10px
}

.hlp-paddingLeft-10 {
  padding-left: 10px
}

.hlp-paddingRight-15 {
  padding-right: 15px
}

.hlp-paddingLeft-15 {
  padding-left: 15px
}

.hlp-paddingRight-20 {
  padding-right: 20px
}

.hlp-paddingLeft-20 {
  padding-left: 20px
}

.hlp-paddingRight-25 {
  padding-right: 25px
}

.hlp-paddingLeft-25 {
  padding-left: 25px
}

.hlp-paddingRight-30 {
  padding-right: 30px
}

.hlp-paddingLeft-30 {
  padding-left: 30px
}

.hlp-paddingRight-35 {
  padding-right: 35px
}

.hlp-paddingLeft-35 {
  padding-left: 35px
}

.hlp-paddingRight-40 {
  padding-right: 40px
}

.hlp-paddingLeft-40 {
  padding-left: 40px
}

.hlp-paddingSides-10 {
  padding-left: 10px;
  padding-right: 10px
}

.hlp-paddingSides-15 {
  padding-left: 15px;
  padding-right: 15px
}

.hlp-paddingSides-20 {
  padding-left: 20px;
  padding-right: 20px
}

.hlp-paddingSides-25 {
  padding-left: 25px;
  padding-right: 25px
}

.hlp-paddingSides-30 {
  padding-left: 30px;
  padding-right: 30px
}

.hlp-paddingSides-35 {
  padding-left: 35px;
  padding-right: 35px
}

.hlp-paddingSides-40 {
  padding-left: 40px;
  padding-right: 40px
}

.hlp-paddingHeight-10 {
  padding-bottom: 10px;
  padding-top: 10px
}

.hlp-paddingHeight-15 {
  padding-bottom: 15px;
  padding-top: 15px
}

.hlp-paddingHeight-20 {
  padding-bottom: 20px;
  padding-top: 20px
}

.hlp-paddingHeight-25 {
  padding-bottom: 25px;
  padding-top: 25px
}

.hlp-paddingHeight-30 {
  padding-bottom: 30px;
  padding-top: 30px
}

.hlp-paddingHeight-35 {
  padding-bottom: 35px;
  padding-top: 35px
}

.hlp-paddingHeight-40 {
  padding-bottom: 40px;
  padding-top: 40px
}

@media(max-width:68.75em) {
  .hlp-tabletlm-none {
    display: none
  }
}

.hlp-mobile-show.col-1 {
  margin-bottom: 0
}

@media(min-width:768px) {
  .hlp-mobile-show.col-1 {
    margin-bottom: 2.5rem
  }
}

@media(max-width:767px) {
  .hlp-mobile-show {
    display: inline-block
  }
}

@media(min-width:20em) {

  .hlp-mobile-none,
  .hlp-none {
    display: none
  }
}

@media(min-width:48em) {
  .hlp-mobile-none {
    display: inherit
  }
}

@media(min-width:64em) {
  .hlp-none.hlp-none {
    display: none
  }

  .hlp-mobile-none {
    display: inherit
  }

  .hlp-desksm-none {
    display: none
  }
}

@media(min-width:83.75em) {

  .hlp-desksm-none,
  .hlp-mobile-none {
    display: inherit
  }

  .hlp-desk-none {
    display: none
  }
}

.hlp-none.hlp-none {
  display: none
}

.hlp-margintop-5 {
  margin-top: 5px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-5 {
    margin-top: 5px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-5 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-5 {
    margin-top: 5px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-5,
  .hlp-margintop-tablet-5 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-5 {
    margin-top: 5px
  }
}

.hlp-margintop-10 {
  margin-top: 10px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-10 {
    margin-top: 10px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-10 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-10 {
    margin-top: 10px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-10,
  .hlp-margintop-tablet-10 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-10 {
    margin-top: 10px
  }
}

.hlp-margintop-15 {
  margin-top: 15px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-15 {
    margin-top: 15px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-15 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-15 {
    margin-top: 15px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-15,
  .hlp-margintop-tablet-15 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-15 {
    margin-top: 15px
  }
}

.hlp-margintop-20 {
  margin-top: 20px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-20 {
    margin-top: 20px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-20 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-20 {
    margin-top: 20px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-20,
  .hlp-margintop-tablet-20 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-20 {
    margin-top: 20px
  }
}

.hlp-margintop-25 {
  margin-top: 25px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-25 {
    margin-top: 25px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-25 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-25 {
    margin-top: 25px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-25,
  .hlp-margintop-tablet-25 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-25 {
    margin-top: 25px
  }
}

.hlp-margintop-30 {
  margin-top: 30px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-30 {
    margin-top: 30px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-30 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-30 {
    margin-top: 30px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-30,
  .hlp-margintop-tablet-30 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-30 {
    margin-top: 30px
  }
}

.hlp-margintop-35 {
  margin-top: 35px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-35 {
    margin-top: 35px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-35 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-35 {
    margin-top: 35px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-35,
  .hlp-margintop-tablet-35 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-35 {
    margin-top: 35px
  }
}

.hlp-margintop-40 {
  margin-top: 40px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-40 {
    margin-top: 40px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-40 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-40 {
    margin-top: 40px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-40,
  .hlp-margintop-tablet-40 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-40 {
    margin-top: 40px
  }
}

.hlp-margintop-45 {
  margin-top: 45px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-45 {
    margin-top: 45px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-45 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-45 {
    margin-top: 45px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-45,
  .hlp-margintop-tablet-45 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-45 {
    margin-top: 45px
  }
}

.hlp-margintop-50 {
  margin-top: 50px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-50 {
    margin-top: 50px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-50 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-50 {
    margin-top: 50px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-50,
  .hlp-margintop-tablet-50 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-50 {
    margin-top: 50px
  }
}

.hlp-margintop-55 {
  margin-top: 55px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-55 {
    margin-top: 55px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-55 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-55 {
    margin-top: 55px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-55,
  .hlp-margintop-tablet-55 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-55 {
    margin-top: 55px
  }
}

.hlp-margintop-60 {
  margin-top: 60px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-60 {
    margin-top: 60px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-60 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-60 {
    margin-top: 60px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-60,
  .hlp-margintop-tablet-60 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-60 {
    margin-top: 60px
  }
}

.hlp-margintop-65 {
  margin-top: 65px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-65 {
    margin-top: 65px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-65 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-65 {
    margin-top: 65px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-65,
  .hlp-margintop-tablet-65 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-65 {
    margin-top: 65px
  }
}

.hlp-margintop-70 {
  margin-top: 70px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-70 {
    margin-top: 70px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-70 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-70 {
    margin-top: 70px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-70,
  .hlp-margintop-tablet-70 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-70 {
    margin-top: 70px
  }
}

.hlp-margintop-75 {
  margin-top: 75px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-75 {
    margin-top: 75px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-75 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-75 {
    margin-top: 75px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-75,
  .hlp-margintop-tablet-75 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-75 {
    margin-top: 75px
  }
}

.hlp-margintop-80 {
  margin-top: 80px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-80 {
    margin-top: 80px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-80 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-80 {
    margin-top: 80px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-80,
  .hlp-margintop-tablet-80 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-80 {
    margin-top: 80px
  }
}

.hlp-margintop-85 {
  margin-top: 85px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-85 {
    margin-top: 85px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-85 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-85 {
    margin-top: 85px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-85,
  .hlp-margintop-tablet-85 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-85 {
    margin-top: 85px
  }
}

.hlp-margintop-90 {
  margin-top: 90px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-90 {
    margin-top: 90px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-90 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-90 {
    margin-top: 90px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-90,
  .hlp-margintop-tablet-90 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-90 {
    margin-top: 90px
  }
}

.hlp-margintop-95 {
  margin-top: 95px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-95 {
    margin-top: 95px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-95 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-95 {
    margin-top: 95px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-95,
  .hlp-margintop-tablet-95 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-95 {
    margin-top: 95px
  }
}

.hlp-margintop-100 {
  margin-top: 100px
}

@media(min-width:320px) {
  .hlp-margintop-mobile-100 {
    margin-top: 100px
  }
}

@media(min-width:768px) {
  .hlp-margintop-mobile-100 {
    margin-top: inherit
  }

  .hlp-margintop-tablet-100 {
    margin-top: 100px
  }
}

@media(min-width:1024px) {

  .hlp-margintop-mobile-100,
  .hlp-margintop-tablet-100 {
    margin-top: inherit
  }

  .hlp-margintop-desksm-100 {
    margin-top: 100px
  }
}

.hlp-marginBottom-5 {
  margin-bottom: 5px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-5 {
    margin-bottom: 5px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-5 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-5 {
    margin-bottom: 5px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-5,
  .hlp-marginBottom-tablet-5 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-5 {
    margin-bottom: 5px
  }
}

.hlp-marginBottom-10 {
  margin-bottom: 10px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-10 {
    margin-bottom: 10px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-10 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-10 {
    margin-bottom: 10px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-10,
  .hlp-marginBottom-tablet-10 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-10 {
    margin-bottom: 10px
  }
}

.hlp-marginBottom-15 {
  margin-bottom: 15px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-15 {
    margin-bottom: 15px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-15 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-15 {
    margin-bottom: 15px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-15,
  .hlp-marginBottom-tablet-15 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-15 {
    margin-bottom: 15px
  }
}

.hlp-marginBottom-20 {
  margin-bottom: 20px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-20 {
    margin-bottom: 20px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-20 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-20 {
    margin-bottom: 20px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-20,
  .hlp-marginBottom-tablet-20 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-20 {
    margin-bottom: 20px
  }
}

.hlp-marginBottom-25 {
  margin-bottom: 25px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-25 {
    margin-bottom: 25px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-25 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-25 {
    margin-bottom: 25px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-25,
  .hlp-marginBottom-tablet-25 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-25 {
    margin-bottom: 25px
  }
}

.hlp-marginBottom-30 {
  margin-bottom: 30px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-30 {
    margin-bottom: 30px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-30 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-30 {
    margin-bottom: 30px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-30,
  .hlp-marginBottom-tablet-30 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-30 {
    margin-bottom: 30px
  }
}

.hlp-marginBottom-35 {
  margin-bottom: 35px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-35 {
    margin-bottom: 35px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-35 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-35 {
    margin-bottom: 35px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-35,
  .hlp-marginBottom-tablet-35 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-35 {
    margin-bottom: 35px
  }
}

.hlp-marginBottom-40 {
  margin-bottom: 40px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-40 {
    margin-bottom: 40px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-40 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-40 {
    margin-bottom: 40px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-40,
  .hlp-marginBottom-tablet-40 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-40 {
    margin-bottom: 40px
  }
}

.hlp-marginBottom-45 {
  margin-bottom: 45px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-45 {
    margin-bottom: 45px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-45 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-45 {
    margin-bottom: 45px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-45,
  .hlp-marginBottom-tablet-45 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-45 {
    margin-bottom: 45px
  }
}

.hlp-marginBottom-50 {
  margin-bottom: 50px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-50 {
    margin-bottom: 50px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-50 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-50 {
    margin-bottom: 50px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-50,
  .hlp-marginBottom-tablet-50 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-50 {
    margin-bottom: 50px
  }
}

.hlp-marginBottom-55 {
  margin-bottom: 55px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-55 {
    margin-bottom: 55px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-55 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-55 {
    margin-bottom: 55px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-55,
  .hlp-marginBottom-tablet-55 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-55 {
    margin-bottom: 55px
  }
}

.hlp-marginBottom-60 {
  margin-bottom: 60px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-60 {
    margin-bottom: 60px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-60 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-60 {
    margin-bottom: 60px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-60,
  .hlp-marginBottom-tablet-60 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-60 {
    margin-bottom: 60px
  }
}

.hlp-marginBottom-65 {
  margin-bottom: 65px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-65 {
    margin-bottom: 65px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-65 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-65 {
    margin-bottom: 65px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-65,
  .hlp-marginBottom-tablet-65 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-65 {
    margin-bottom: 65px
  }
}

.hlp-marginBottom-70 {
  margin-bottom: 70px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-70 {
    margin-bottom: 70px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-70 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-70 {
    margin-bottom: 70px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-70,
  .hlp-marginBottom-tablet-70 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-70 {
    margin-bottom: 70px
  }
}

.hlp-marginBottom-75 {
  margin-bottom: 75px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-75 {
    margin-bottom: 75px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-75 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-75 {
    margin-bottom: 75px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-75,
  .hlp-marginBottom-tablet-75 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-75 {
    margin-bottom: 75px
  }
}

.hlp-marginBottom-80 {
  margin-bottom: 80px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-80 {
    margin-bottom: 80px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-80 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-80 {
    margin-bottom: 80px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-80,
  .hlp-marginBottom-tablet-80 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-80 {
    margin-bottom: 80px
  }
}

.hlp-marginBottom-85 {
  margin-bottom: 85px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-85 {
    margin-bottom: 85px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-85 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-85 {
    margin-bottom: 85px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-85,
  .hlp-marginBottom-tablet-85 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-85 {
    margin-bottom: 85px
  }
}

.hlp-marginBottom-90 {
  margin-bottom: 90px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-90 {
    margin-bottom: 90px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-90 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-90 {
    margin-bottom: 90px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-90,
  .hlp-marginBottom-tablet-90 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-90 {
    margin-bottom: 90px
  }
}

.hlp-marginBottom-95 {
  margin-bottom: 95px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-95 {
    margin-bottom: 95px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-95 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-95 {
    margin-bottom: 95px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-95,
  .hlp-marginBottom-tablet-95 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-95 {
    margin-bottom: 95px
  }
}

.hlp-marginBottom-100 {
  margin-bottom: 100px
}

@media(min-width:320px) {
  .hlp-marginBottom-mobile-100 {
    margin-bottom: 100px
  }
}

@media(min-width:768px) {
  .hlp-marginBottom-mobile-100 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-tablet-100 {
    margin-bottom: 100px
  }
}

@media(min-width:1024px) {

  .hlp-marginBottom-mobile-100,
  .hlp-marginBottom-tablet-100 {
    margin-bottom: inherit
  }

  .hlp-marginBottom-desksm-100 {
    margin-bottom: 100px
  }
}

.hlp-marginRight-5 {
  margin-right: 5px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-5 {
    margin-right: 5px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-5 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-5 {
    margin-right: 5px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-5,
  .hlp-marginRight-tablet-5 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-5 {
    margin-right: 5px
  }
}

.hlp-marginRight-10 {
  margin-right: 10px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-10 {
    margin-right: 10px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-10 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-10 {
    margin-right: 10px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-10,
  .hlp-marginRight-tablet-10 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-10 {
    margin-right: 10px
  }
}

.hlp-marginRight-15 {
  margin-right: 15px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-15 {
    margin-right: 15px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-15 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-15 {
    margin-right: 15px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-15,
  .hlp-marginRight-tablet-15 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-15 {
    margin-right: 15px
  }
}

.hlp-marginRight-20 {
  margin-right: 20px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-20 {
    margin-right: 20px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-20 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-20 {
    margin-right: 20px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-20,
  .hlp-marginRight-tablet-20 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-20 {
    margin-right: 20px
  }
}

.hlp-marginRight-25 {
  margin-right: 25px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-25 {
    margin-right: 25px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-25 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-25 {
    margin-right: 25px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-25,
  .hlp-marginRight-tablet-25 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-25 {
    margin-right: 25px
  }
}

.hlp-marginRight-30 {
  margin-right: 30px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-30 {
    margin-right: 30px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-30 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-30 {
    margin-right: 30px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-30,
  .hlp-marginRight-tablet-30 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-30 {
    margin-right: 30px
  }
}

.hlp-marginRight-35 {
  margin-right: 35px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-35 {
    margin-right: 35px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-35 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-35 {
    margin-right: 35px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-35,
  .hlp-marginRight-tablet-35 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-35 {
    margin-right: 35px
  }
}

.hlp-marginRight-40 {
  margin-right: 40px
}

@media(min-width:320px) {
  .hlp-marginRight-mobile-40 {
    margin-right: 40px
  }
}

@media(min-width:768px) {
  .hlp-marginRight-mobile-40 {
    margin-right: inherit
  }

  .hlp-marginRight-tablet-40 {
    margin-right: 40px
  }
}

@media(min-width:1024px) {

  .hlp-marginRight-mobile-40,
  .hlp-marginRight-tablet-40 {
    margin-right: inherit
  }

  .hlp-marginRight-desksm-40 {
    margin-right: 40px
  }
}

.hlp-marginleft-5 {
  margin-left: 5px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-5 {
    margin-left: 5px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-5 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-5 {
    margin-left: 5px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-5,
  .hlp-marginleft-tablet-5 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-5 {
    margin-left: 5px
  }
}

.hlp-marginleft-10 {
  margin-left: 10px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-10 {
    margin-left: 10px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-10 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-10 {
    margin-left: 10px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-10,
  .hlp-marginleft-tablet-10 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-10 {
    margin-left: 10px
  }
}

.hlp-marginleft-15 {
  margin-left: 15px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-15 {
    margin-left: 15px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-15 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-15 {
    margin-left: 15px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-15,
  .hlp-marginleft-tablet-15 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-15 {
    margin-left: 15px
  }
}

.hlp-marginleft-20 {
  margin-left: 20px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-20 {
    margin-left: 20px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-20 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-20 {
    margin-left: 20px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-20,
  .hlp-marginleft-tablet-20 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-20 {
    margin-left: 20px
  }
}

.hlp-marginleft-25 {
  margin-left: 25px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-25 {
    margin-left: 25px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-25 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-25 {
    margin-left: 25px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-25,
  .hlp-marginleft-tablet-25 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-25 {
    margin-left: 25px
  }
}

.hlp-marginleft-30 {
  margin-left: 30px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-30 {
    margin-left: 30px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-30 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-30 {
    margin-left: 30px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-30,
  .hlp-marginleft-tablet-30 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-30 {
    margin-left: 30px
  }
}

.hlp-marginleft-35 {
  margin-left: 35px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-35 {
    margin-left: 35px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-35 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-35 {
    margin-left: 35px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-35,
  .hlp-marginleft-tablet-35 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-35 {
    margin-left: 35px
  }
}

.hlp-marginleft-40 {
  margin-left: 40px
}

@media(min-width:320px) {
  .hlp-marginleft-mobile-40 {
    margin-left: 40px
  }
}

@media(min-width:768px) {
  .hlp-marginleft-mobile-40 {
    margin-left: inherit
  }

  .hlp-marginleft-tablet-40 {
    margin-left: 40px
  }
}

@media(min-width:1024px) {

  .hlp-marginleft-mobile-40,
  .hlp-marginleft-tablet-40 {
    margin-left: inherit
  }

  .hlp-marginleft-desksm-40 {
    margin-left: 40px
  }
}

.hlp-marginLeft-0 {
  margin-left: 0
}

.hlp-marginLeft-5 {
  margin-left: 5px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-5 {
    margin-left: 5px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-5 {
    margin-left: 5px
  }
}

.hlp-marginLeft-10 {
  margin-left: 10px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-10 {
    margin-left: 10px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-10 {
    margin-left: 10px
  }
}

.hlp-marginLeft-15 {
  margin-left: 15px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-15 {
    margin-left: 15px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-15 {
    margin-left: 15px
  }
}

.hlp-marginLeft-20 {
  margin-left: 20px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-20 {
    margin-left: 20px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-20 {
    margin-left: 20px
  }
}

.hlp-marginLeft-25 {
  margin-left: 25px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-25 {
    margin-left: 25px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-25 {
    margin-left: 25px
  }
}

.hlp-marginLeft-30 {
  margin-left: 30px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-30 {
    margin-left: 30px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-30 {
    margin-left: 30px
  }
}

.hlp-marginLeft-35 {
  margin-left: 35px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-35 {
    margin-left: 35px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-35 {
    margin-left: 35px
  }
}

.hlp-marginLeft-40 {
  margin-left: 40px
}

@media(min-width:768px) {
  .hlp-marginLeft-tablet-40 {
    margin-left: 40px
  }
}

@media(min-width:1024px) {
  .hlp-marginLeft-desksm-40 {
    margin-left: 40px
  }
}

.hlp-text-center {
  text-align: center
}

.hlp-text-right {
  text-align: right
}

.hlp-text-left {
  text-align: left
}

.hlp-overflow-scroll {
  overflow: scroll
}

.hlp-bold {
  font-weight: 700
}

.hlp-block {
  display: block
}

.hlp-line:after {
  background-color: #fff;
  bottom: 40px;
  content: "";
  display: inline-block;
  height: calc(100% - 80px);
  opacity: .4;
  position: absolute;
  right: 0;
  top: 40px;
  width: 1px
}

.hlp-degrade {
  position: relative
}

.hlp-degrade .transparency,
.hlp-degrade:after {
  background: hsla(0, 0%, 100%, 0);
  background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 10%, #fff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(10%, hsla(0, 0%, 100%, 0)), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0) 10%, #fff);
  background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 10%, #fff 100%);
  background: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0) 10%, #fff 100%);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 10%, #fff);
  bottom: 0;
  content: "";
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0);
  height: 380px;
  position: absolute;
  transform: translate(-20px);
  width: calc(100% + 40px);
  z-index: 2
}

@media(min-width:480px) {

  .hlp-degrade .transparency,
  .hlp-degrade:after {
    height: 515px
  }
}

@media(min-width:768px) {

  .hlp-degrade .transparency,
  .hlp-degrade:after {
    height: 360px
  }
}

@media(min-width:840px) {

  .hlp-degrade .transparency,
  .hlp-degrade:after {
    height: 415px
  }
}

@media(min-width:1024px) {

  .hlp-degrade .transparency,
  .hlp-degrade:after {
    height: 320px
  }
}

::selection {
  background-color: #0250c9;
  color: #fff
}

.--no-scroll {
  overflow: hidden
}

.hl_green,
.hl_orange,
.hl_pink,
.hl_purple,
.hl_underline,
.hl_yellow,
.hl_yellow_underline {
  background: transparent;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #ffff24;
  text-decoration-thickness: 2px
}

.--threexl {
  font-size: 1.5rem;
  line-height: 2rem
}

@media(max-width:767px) {
  .mod-article .--threexl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .--bomba .mod-article .--threexl {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

@media(min-width:48em) {
  .--threexl {
    font-size: 2.5rem;
    line-height: 3.25rem
  }
}

@media(min-width:68.75em) {
  .--threexl {
    font-size: 3rem;
    line-height: 3.5rem
  }
}

.--twoxl {
  font-size: 2rem;
  line-height: 2.5rem
}

@media(max-width:767px) {
  .mod-article .--twoxl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

@media(min-width:48em) {
  .--twoxl {
    font-size: 2.5rem;
    line-height: 3.25rem
  }
}

.--xl {
  font-size: 2rem;
  line-height: 2.5rem
}

@media(max-width:767px) {
  .mod-article .--xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

.--l {
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media(min-width:48em) {
  .--l {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

.--m {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.--m-xs- {
  font-size: 1.125rem;
  line-height: 1.625rem
}

@media(min-width:68.75em) {
  .--m-xs- {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

.--s {
  font-size: 1.1875rem;
  line-height: 1.875rem
}

.--xs {
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media(min-width:48em) {
  .--xs {
    font-size: 1.125rem;
    line-height: 1.625rem
  }
}

.--twoxs {
  font-size: 1rem;
  line-height: 1.5rem
}

.--threexs {
  font-size: .9375rem;
  line-height: 1.375rem
}

.--fourxs {
  font-size: .875rem;
  line-height: 1rem
}

.--fivexs {
  font-size: .75rem;
  line-height: 1rem
}

.--sixxs {
  font-size: .6875rem;
  line-height: 1rem
}

.--font-primary,
.--font-primary-italic {
  font-family: Prumo, Georgia, "serif";
  font-weight: 100;
  letter-spacing: -.04rem
}

.--font-primary-italic.--s,
.--font-primary.--s {
  font-size: 1rem;
  line-height: 130%
}

.--font-primary-italic.--m,
.--font-primary.--m {
  font-size: 1.125rem;
  line-height: 130%
}

.--font-primary-italic.--l,
.--font-primary.--l {
  font-size: 1.25rem;
  line-height: 130%
}

.--font-primary-italic.--twoxl,
.--font-primary-italic.--xl,
.--font-primary.--twoxl,
.--font-primary.--xl {
  font-size: 1.5rem;
  line-height: 116%
}

@media(min-width:48em) {

  .--font-primary-italic.--twoxl,
  .--font-primary.--twoxl {
    font-size: 1.75rem
  }
}

.--font-primary-italic.--threexl,
.--font-primary.--threexl {
  font-size: 1.5rem;
  line-height: 116%
}

@media(min-width:48em) {

  .--font-primary-italic.--threexl,
  .--font-primary.--threexl {
    font-size: 1.75rem
  }
}

@media(min-width:80em) {

  .--font-primary-italic.--threexl,
  .--font-primary.--threexl {
    font-size: 2rem
  }
}

.--font-primary-italic.--fourxl,
.--font-primary.--fourxl {
  font-size: 1.5rem;
  line-height: 116%
}

@media(min-width:48em) {

  .--font-primary-italic.--fourxl,
  .--font-primary.--fourxl {
    font-size: 2rem
  }
}

@media(min-width:80em) {

  .--font-primary-italic.--fourxl,
  .--font-primary.--fourxl {
    font-size: 2.25rem
  }
}

.--font-primary-italic.--sixxl,
.--font-primary.--sixxl {
  font-size: 1.75rem;
  line-height: 110%
}

@media(min-width:48em) {

  .--font-primary-italic.--sixxl,
  .--font-primary.--sixxl {
    font-size: 2.5rem
  }
}

@media(min-width:80em) {

  .--font-primary-italic.--sixxl,
  .--font-primary.--sixxl {
    font-size: 3rem
  }
}

.--font-primary-italic.--font-black,
.--font-primary.--font-black {
  font-variation-settings: "wght" 190, "opsz" 0;
  font-weight: 100
}

.--font-primary-italic.--font-black.--fourxl,
.--font-primary-italic.--font-black.--sixxl,
.--font-primary-italic.--font-black.--threexl,
.--font-primary-italic.--font-black.--twoxl,
.--font-primary-italic.--font-black.--xl,
.--font-primary.--font-black.--fourxl,
.--font-primary.--font-black.--sixxl,
.--font-primary.--font-black.--threexl,
.--font-primary.--font-black.--twoxl,
.--font-primary.--font-black.--xl {
  font-variation-settings: "wght" 190, "opsz" 50
}

.--font-primary-italic.--font-extra,
.--font-primary.--font-extra {
  font-variation-settings: "wght" 170, "opsz" 0
}

.--font-primary-italic.--font-extra.--fourxl,
.--font-primary-italic.--font-extra.--sixxl,
.--font-primary-italic.--font-extra.--threexl,
.--font-primary-italic.--font-extra.--twoxl,
.--font-primary-italic.--font-extra.--xl,
.--font-primary.--font-extra.--fourxl,
.--font-primary.--font-extra.--sixxl,
.--font-primary.--font-extra.--threexl,
.--font-primary.--font-extra.--twoxl,
.--font-primary.--font-extra.--xl {
  font-variation-settings: "wght" 170, "opsz" 50
}

.--font-primary-italic.--font-bold,
.--font-primary.--font-bold {
  font-variation-settings: "wght" 150, "opsz" 0;
  font-weight: 100
}

.--font-primary-italic.--font-bold.--fourxl,
.--font-primary-italic.--font-bold.--sixxl,
.--font-primary-italic.--font-bold.--threexl,
.--font-primary-italic.--font-bold.--twoxl,
.--font-primary-italic.--font-bold.--xl,
.--font-primary.--font-bold.--fourxl,
.--font-primary.--font-bold.--sixxl,
.--font-primary.--font-bold.--threexl,
.--font-primary.--font-bold.--twoxl,
.--font-primary.--font-bold.--xl {
  font-variation-settings: "wght" 150, "opsz" 50
}

.--font-primary-italic.--font-semi,
.--font-primary.--font-semi {
  font-variation-settings: "wght" 130, "opsz" 0
}

.--font-primary-italic.--font-semi.--fourxl,
.--font-primary-italic.--font-semi.--sixxl,
.--font-primary-italic.--font-semi.--threexl,
.--font-primary-italic.--font-semi.--twoxl,
.--font-primary-italic.--font-semi.--xl,
.--font-primary.--font-semi.--fourxl,
.--font-primary.--font-semi.--sixxl,
.--font-primary.--font-semi.--threexl,
.--font-primary.--font-semi.--twoxl,
.--font-primary.--font-semi.--xl {
  font-variation-settings: "wght" 130, "opsz" 50
}

.--font-primary-italic.--font-medium,
.--font-primary.--font-medium {
  font-variation-settings: "wght" 110, "opsz" 0
}

.--font-primary-italic.--font-medium.--fourxl,
.--font-primary-italic.--font-medium.--sixxl,
.--font-primary-italic.--font-medium.--threexl,
.--font-primary-italic.--font-medium.--twoxl,
.--font-primary-italic.--font-medium.--xl,
.--font-primary.--font-medium.--fourxl,
.--font-primary.--font-medium.--sixxl,
.--font-primary.--font-medium.--threexl,
.--font-primary.--font-medium.--twoxl,
.--font-primary.--font-medium.--xl {
  font-variation-settings: "wght" 110, "opsz" 50
}

.--font-primary-italic.--font-book,
.--font-primary.--font-book {
  font-variation-settings: "wght" 90, "opsz" 0
}

.--font-primary-italic.--font-book.--fourxl,
.--font-primary-italic.--font-book.--sixxl,
.--font-primary-italic.--font-book.--threexl,
.--font-primary-italic.--font-book.--twoxl,
.--font-primary-italic.--font-book.--xl,
.--font-primary.--font-book.--fourxl,
.--font-primary.--font-book.--sixxl,
.--font-primary.--font-book.--threexl,
.--font-primary.--font-book.--twoxl,
.--font-primary.--font-book.--xl {
  font-variation-settings: "wght" 90, "opsz" 50
}

.--arial {
  font-family: Arial, "sans-serif"
}

.--georgia {
  font-family: Georgia, "serif"
}

.--none {
  display: none
}

@media(max-width:767px) {
  .--mobile-none.--mobile-none {
    display: none
  }
}

@media(max-width:1023px) {
  .--tablet-none {
    display: none
  }
}

.--hide {
  opacity: 0;
  visibility: hidden
}

.--show {
  opacity: 1;
  visibility: visible
}

.w-100-mobile {
  margin-left: -1rem;
  width: calc(100% + 32px)
}

@media(min-width:48em) {
  .w-100-mobile {
    margin-left: 0;
    width: 100%
  }
}

.--no-scrollbar::-webkit-scrollbar {
  display: none
}

@media(min-width:48em) {
  .--capital:first-letter {
    float: left;
    font-family: Prumo, Georgia, "serif";
    font-size: 4rem;
    font-weight: 700;
    margin: 1.25rem .75rem 0 0;
    text-transform: uppercase
  }
}

.aper-receta {
  background: #f2f2f2;
  margin-bottom: 2.5rem
}

@media(min-width:64em) {
  .aper-receta {
    margin-bottom: 5rem
  }
}

@media(min-width:48em) {
  .aper-receta {
    margin-bottom: 2.5rem
  }
}

.aper-receta .col-desksm-8>div {
  width: 100%
}

.aper-receta .col-desksm-8>div .mod-media {
  margin: 0;
  width: 100%
}

.aper-receta .col-desksm-8>div .mod-media .placeholder {
  margin: 0;
  padding-top: 66.6666666667%;
  width: 100%
}

.aper-receta .col-desksm-8>div .mod-media .placeholder img {
  object-fit: cover;
  position: absolute;
  top: 0
}

@media(min-width:64em) {
  .aper-receta .col-desksm-8 {
    order: 2
  }
}

.aper-receta .cont-aper {
  padding: 1.25rem 1.25rem 0
}

@media(min-width:64em) {
  .aper-receta .cont-aper {
    order: 1
  }
}

.--steps {
  margin-bottom: 2rem
}

.--steps .com-title {
  font-weight: 500;
  margin-bottom: 1rem
}

.--steps .com-text {
  margin-bottom: 1rem
}

@media(min-width:48em) {
  .--steps .--ingredients {
    margin-bottom: 2rem;
    margin-right: 8.33333%
  }

  .--steps .--preparation {
    margin-bottom: 2rem
  }
}

.--steps .--nutrition {
  width: 100%
}

.ingredient-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: disc
}

.ingredient-list .com-item {
  line-height: 1.5em;
  margin: 0 .8em
}

@media(min-width:768px) {
  .aper-receta .cont-aper {
    padding: 1.875rem
  }
}

@media(min-width:1024px) {

  .aper-receta .cont-aper .cont_tags .portion-number,
  .aper-receta .cont-aper .cont_tags .time-number {
    padding-left: .9375rem
  }
}

.pb-20 {
  padding-bottom: 20px
}

.mb-20 {
  margin-bottom: 20px
}

@media(min-width:48em) {
  .gap-24_l {
    gap: 24px
  }
}

.--storytelling #content {
  padding-top: 0
}

.--storytelling #content .mod-opening {
  margin-top: -4rem
}

@media(min-width:48em) {
  .--storytelling #content .mod-opening {
    margin-top: -5.5625rem
  }
}

@media(min-width:64em) {
  .--storytelling #content .mod-opening {
    margin-top: -3.5625rem
  }
}

.--storytelling #content .mod-opening .mod-figure .placeholder {
  align-items: center;
  background: #333;
  border: 0;
  display: flex;
  height: calc(100vh - 98px);
  justify-content: center;
  margin: 0;
  overflow: hidden;
  width: 100%
}

@media(min-width:769px) {
  .--storytelling #content .mod-opening .mod-figure .placeholder {
    height: 100vh
  }
}

.--storytelling #content .mod-opening .mod-figure .placeholder.--video-background video {
  display: none
}

@media(min-width:48em) {
  .--storytelling #content .mod-opening .mod-figure .placeholder.--video-background .com-image {
    display: none
  }

  .--storytelling #content .mod-opening .mod-figure .placeholder.--video-background video {
    display: block;
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%
  }
}

.--storytelling #content .mod-opening .mod-title {
  background-color: rgba(0, 0, 0, .65);
  bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100%;
  z-index: 1
}

@media(min-width:769px) {
  .--storytelling #content .mod-opening .mod-title {
    padding-bottom: 1rem;
    text-align: center
  }
}

.--storytelling #content .mod-opening .mod-title:before {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .65), transparent);
  content: "";
  height: 7.5rem;
  left: 0;
  margin-top: -7.5rem;
  position: absolute;
  width: 100%
}

.--storytelling #content .mod-opening .mod-title [class*=logo-] {
  margin: 0 0 .5rem
}

.--storytelling #content .mod-opening .mod-title [class*=logo-]:before {
  color: #fff
}

@media(min-width:48em) {
  .--storytelling #content .mod-opening .mod-title [class*=logo-] {
    margin-bottom: 1rem
  }
}

.--storytelling #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo,
.--storytelling #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo:after,
.--storytelling #content .mod-opening .mod-title .mod-sponsor .com-logo.com-logo:before,
.--storytelling #content .mod-opening .mod-title .mod-sponsor>.com-text.com-text {
  color: #fff;
  margin-bottom: 0
}

.--storytelling #content .mod-opening .mod-title .lay .com-title {
  color: #fff
}

@media(min-width:769px) {
  .--storytelling #content .mod-opening .mod-title .lay {
    display: inline-block;
    text-align: left;
    width: auto
  }
}

.--storytelling #content .mod-opening .mod-figcaption {
  border-bottom: 1px solid #ccc;
  margin-top: .5rem
}

.--storytelling #content .mod-opening .mod-figcaption .--caption,
.--storytelling #content .mod-opening .mod-figcaption .--credit {
  margin-bottom: .5rem
}

.--storytelling #content .mod-sponsor .com-texto {
  color: #fff
}

.--storytelling #content .com-subhead.--bajada {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem
}

.nota.video.--transparent .header {
  border-bottom: 1px solid #e4e4e4
}

.nota.video #content {
  padding-top: 0
}

@media(min-width:64em) {
  .nota.video #content {
    padding-top: 3.5rem
  }
}

.nota.video #content .--apertura {
  background: #1c1c1f;
  color: #fff;
  margin-bottom: 2rem;
  margin-top: -4rem;
  padding: 5.375rem 0 2rem
}

@media(min-width:48em) {
  .nota.video #content .--apertura {
    margin-top: -5.5625rem;
    padding-top: 6.9375rem
  }
}

@media(min-width:64em) {
  .nota.video #content .--apertura {
    margin-top: -3.5625rem;
    padding-top: 5.5625rem
  }
}

.nota.video #content .--apertura .com-subhead,
.nota.video #content .--apertura .com-title {
  display: block;
  margin-bottom: 1rem
}

.nota.video #content .--apertura .container-firma a {
  color: #41b1ff;
  font-weight: 700
}

.nota.video #content .--apertura .mod-autor .com-text.--autor {
  color: #fff
}

.nota.video #content .--apertura .container-medio .com-text.--medio {
  color: #ccc
}

.nota.video #content .--apertura .ln-banner-container {
  background: none;
  margin-bottom: 2rem;
  z-index: 101
}

.nota.video #content .--apertura .ln-banner-container:before {
  background: #333
}

.nota.video #content .--apertura .mod-date .com-date,
.nota.video #content .--apertura .mod-date .com-hour {
  color: #ccc
}

.nota.video #content .--apertura .mod-share amp-social-share[type=email] .com-icon path,
.nota.video #content .--apertura .mod-share amp-social-share[type=facebook] .com-icon path,
.nota.video #content .--apertura .mod-share amp-social-share[type=twitter] .com-icon path,
.nota.video #content .--apertura .mod-share amp-social-share[type=whatsapp] .com-icon path {
  fill: #fff
}

@media(min-width:64em) {

  .nota.video #content .--apertura .mod-share amp-social-share[type=email],
  .nota.video #content .--apertura .mod-share amp-social-share[type=facebook],
  .nota.video #content .--apertura .mod-share amp-social-share[type=twitter],
  .nota.video #content .--apertura .mod-share amp-social-share[type=whatsapp] {
    margin-bottom: 0;
    margin-right: 1rem
  }
}

.nota.video #content .--apertura .mod-media .mod-figcaption {
  display: none
}

.nota.video #content .--apertura .mod-media .mod-figcaption .--credit {
  color: #ccc
}

@media(min-width:64em) {
  .nota.video #content .--apertura .mod-media {
    margin-bottom: 0
  }

  .nota.video #content .--apertura .mod-media .mod-figcaption {
    display: block;
    margin-left: 0;
    padding: 0 0 .5rem;
    width: 100%
  }
}

.nota.video #content .--apertura .mod-sponsor .com-logo.com-logo,
.nota.video #content .--apertura .mod-sponsor>.com-text.com-text {
  color: #fff
}

.nota.video #content .--apertura .col-desksm-4 {
  display: flex;
  flex-direction: column;
  order: 2
}

@media(min-width:64em) {
  .nota.video #content .--apertura .col-desksm-4 {
    order: 1;
    padding-right: 1.25rem
  }

  .nota.video #content .--apertura .col-desksm-4 .mod-share {
    order: 0
  }
}

.nota.video #content .--apertura .col-desksm-8 {
  order: 1
}

@media(min-width:64em) {
  .nota.video #content .--apertura .col-desksm-8 {
    order: 2;
    padding-left: 1.25rem
  }
}

.acumulado .mod-article {
  margin-bottom: 2rem
}

.acumulado .mod-article .mod-description>div {
  display: flex;
  flex-wrap: wrap
}

.acumulado .mod-article .mod-description>div :first-child .--none {
  display: none
}

.acumulado .placeholder.placeholder {
  padding-top: 66.6666666667%
}

.acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja1_tab,
.acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja2_tab {
  grid-column: auto
}

@media(min-width:48em) {

  .acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja1_tab,
  .acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja2_tab {
    grid-column-end: 4;
    grid-column-start: 1
  }
}

@media(min-width:68.75em) {

  .acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja1_tab,
  .acumulado .sidebar__main .row-gap-tablet-3 .ln-banner-container.--caja2_tab {
    display: none;
    grid-column: auto
  }
}

.acumulado .sidebar__main .ln-banner-container:not(.--fixed) {
  margin-bottom: 2rem
}

.acumulado .sidebar__main>.row>.mod-article {
  border-bottom: 1px solid #ccc;
  padding-bottom: .5rem
}

@media(min-width:48em) {
  .acumulado .sidebar__main>.row>.mod-article {
    flex-direction: row-reverse
  }

  .acumulado .sidebar__main>.row>.mod-article .mod-media {
    margin-bottom: 0;
    margin-left: 1rem;
    max-width: 14.625rem;
    min-width: 14.625rem
  }

  .acumulado .sidebar__main>.row>.mod-article .mod-description .com-subhead {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .acumulado .sidebar__main>.row>.mod-article .mod-description .com-date {
    color: #5a5a5a
  }
}

.acumulado .sidebar__main>.row .--loader {
  text-align: center
}

.acumulado .row-gap-tablet-2 {
  padding-bottom: 2rem
}

.acumulado .row-gap-tablet-2 .mod-article {
  margin-bottom: 0
}

.acumulado .lay .com-text.--mb-xs {
  margin-bottom: 1rem
}

.acumulado .lay .com-text.--mb-md {
  margin-bottom: 1.5rem
}

.acumulado .lay .com-text.--mb-lg {
  margin-bottom: 2rem
}

.acumulado .lay .com-text.--mb-xl {
  margin-bottom: 2.5rem
}

@media(min-width:80em) {
  .acumulado .lay .horoscope-box .zodiaco {
    width: 90%
  }

  .acumulado .lay .horoscope-box .chino {
    width: 10%
  }

  .acumulado .lay .horoscope-box .row-gap-deskxl-6 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
  }
}

.acumulado .horoscope-box .row-gap-tablet-3 {
  margin-bottom: 0
}

.acumulado .row-gap-tablet-3 {
  margin-bottom: 2rem
}

.acumulado .row-gap-tablet-3 .mod-article {
  margin-bottom: 0
}

.acumulado .row-gap-tablet-3.hlp-degrade {
  margin-bottom: 2.5rem
}

.acumulado .com-unordered {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0;
  overflow-x: scroll;
  width: 100%
}

.acumulado .com-unordered li {
  display: inline-flex
}

.acumulado .com-unordered li .com-link {
  position: relative;
  white-space: nowrap
}

@media(min-width:64em) {
  .acumulado .com-unordered {
    display: flex;
    overflow-x: hidden
  }
}

.acumulado .--top .ln-banner-container.--bg-banner {
  background: none
}

.acumulado.--opening #content .--top.--top {
  margin-bottom: 0;
  padding-bottom: 7.375rem
}

.acumulado.--opening #content .--opening {
  margin-top: -7.375rem
}

.acumulado.--opening #content .--opening .mod-figure {
  background: #fff
}

.acumulado.--color #content {
  padding-top: 0
}

.acumulado.--color #content .--top {
  margin-bottom: 2rem;
  padding-bottom: 0;
  padding-top: 2rem
}

@media(min-width:64em) {
  .acumulado.--color #content .--top {
    padding-top: 4.5625rem
  }
}

.acumulado.--color #content .--top .com-button,
.acumulado.--color #content .--top .com-link,
.acumulado.--color #content .--top .com-title {
  color: #fff
}

.acumulado.ohlala #content .--tags li .com-link,
.acumulado.ohlala #content .com-lead,
.acumulado.ohlala #content .mod-article .mod-description>div .com-link.--tags {
  color: #e71f64
}

.acumulado.lugares #content .--tags li .com-link,
.acumulado.lugares #content .com-lead,
.acumulado.lugares #content .mod-article .mod-description>div .com-link.--tags {
  color: #009c9a
}

@media(max-width:63.9375rem) {
  .acumulado.lugares .common-header {
    background-color: #009c9a;
    position: relative;
    z-index: 1
  }
}

.acumulado.hola #content .--tags li .com-link,
.acumulado.hola #content .com-lead,
.acumulado.hola #content .mod-article .mod-description>div .com-link.--tags {
  color: #bf0811
}

@media(max-width:63.9375rem) {
  .acumulado.hola .common-header {
    background-color: #bf0811;
    position: relative;
    z-index: 1
  }
}

.acumulado.living #content .--tags li .com-link,
.acumulado.living #content .com-lead,
.acumulado.living #content .mod-article .mod-description>div .com-link.--tags,
.acumulado.living .com-breadcrumb .com-link {
  color: #000
}

.acumulado.brando #content .--tags li .com-link,
.acumulado.brando #content .com-lead,
.acumulado.brando #content .mod-article .mod-description>div .com-link.--tags {
  color: #c6480c
}

.acumulado.jardin #content .--tags li .com-link,
.acumulado.jardin #content .com-lead,
.acumulado.jardin #content .mod-article .mod-description>div .com-link.--tags {
  color: #d46418
}

.acumulado.rolling #content .--tags li .com-link,
.acumulado.rolling #content .com-lead,
.acumulado.rolling #content .mod-article .mod-description>div .com-link.--tags,
.acumulado.rolling .com-breadcrumb .com-link,
.acumulado.rolling-stone #content .--tags li .com-link,
.acumulado.rolling-stone #content .com-lead,
.acumulado.rolling-stone #content .mod-article .mod-description>div .com-link.--tags,
.acumulado.rolling-stone .com-breadcrumb .com-link {
  color: #b40d15
}

.acumulado .breaking-news {
  border-left: 1px solid #919191;
  padding-left: 1rem
}

.acumulado .breaking-news .mod-article .com-hour {
  color: #000
}

.acumulado .breaking-news .mod-article .com-hour:before {
  background: #fff;
  border: 1px solid #919191;
  border-radius: 1rem;
  content: "";
  height: 1rem;
  left: -31px;
  position: absolute;
  top: 0;
  width: 1rem;
  z-index: 2
}

.acumulado .breaking-news .mod-article .com-hour:after {
  background: #919191;
  border-radius: .5rem;
  content: "";
  height: .5rem;
  left: -21px;
  position: absolute;
  top: 5px;
  width: .5rem;
  z-index: 2
}

.acumulado .breaking-news .mod-article .placeholder {
  margin-left: 0;
  width: 100%
}

@media(min-width:48em) {
  .acumulado .breaking-news .mod-article {
    flex-direction: row
  }

  .acumulado .breaking-news .mod-article>div {
    margin-right: 1rem;
    min-width: 9.375rem
  }

  .acumulado .breaking-news .mod-article .com-hour {
    margin-right: 1rem
  }
}

.acumulado .breaking-news.hlp-degrade:after {
  margin-left: -8px
}

.acumulado.opinion .mod-article .ln-badge {
  display: none
}

.acumulado.economia .--category .com-link,
.acumulado.economia .--tags .com-link,
.acumulado.economia .com-breadcrumb .com-link,
.acumulado.economia .com-link.--tags,
.acumulado.economia .mod-description .com-lead,
.acumulado.economia h1 .com-link.--black {
  color: #d83e2c
}

.acumulado.economia .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #d83e2c
}

.acumulado.deportes .--category .com-link,
.acumulado.deportes .--tags .com-link,
.acumulado.deportes .com-breadcrumb .com-link,
.acumulado.deportes .com-link.--tags,
.acumulado.deportes .mod-description .com-lead,
.acumulado.deportes h1 .com-link.--black {
  color: #0d880c
}

.acumulado.deportes .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #0d880c
}

.acumulado.salud .--category .com-link,
.acumulado.salud .--tags .com-link,
.acumulado.salud .com-breadcrumb .com-link,
.acumulado.salud .com-link.--tags,
.acumulado.salud .mod-description .com-lead,
.acumulado.salud h1 .com-link.--black {
  color: #7267c3
}

.acumulado.salud .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #7267c3
}

.acumulado.autos .--category .com-link,
.acumulado.autos .--tags .com-link,
.acumulado.autos .com-breadcrumb .com-link,
.acumulado.autos .com-link.--tags,
.acumulado.autos .mod-description .com-lead,
.acumulado.autos h1 .com-link.--black {
  color: #f60
}

.acumulado.autos .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #f60
}

.acumulado.campo .--category .com-link,
.acumulado.campo .--tags .com-link,
.acumulado.campo .com-breadcrumb .com-link,
.acumulado.campo .com-link.--tags,
.acumulado.campo .mod-description .com-lead,
.acumulado.campo h1 .com-link.--black {
  color: #00c48f
}

.acumulado.campo .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #00c48f
}

.acumulado.propiedades .--category .com-link,
.acumulado.propiedades .--tags .com-link,
.acumulado.propiedades .com-breadcrumb .com-link,
.acumulado.propiedades .com-link.--tags,
.acumulado.propiedades .mod-description .com-lead,
.acumulado.propiedades h1 .com-link.--black {
  color: #0250c9
}

.acumulado.propiedades .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #0250c9
}

.acumulado.futuria .--category .com-link,
.acumulado.futuria .--tags .com-link,
.acumulado.futuria .com-breadcrumb .com-link,
.acumulado.futuria .com-link.--tags,
.acumulado.futuria .mod-description .com-lead,
.acumulado.futuria h1 .com-link.--black {
  color: #e6232a
}

.acumulado.futuria .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #e6232a
}

.acumulado.que-sale .--category .com-link,
.acumulado.que-sale .--tags .com-link,
.acumulado.que-sale .com-breadcrumb .com-link,
.acumulado.que-sale .com-link.--tags,
.acumulado.que-sale .mod-description .com-lead,
.acumulado.que-sale h1 .com-link.--black {
  color: #bb3b80
}

.acumulado.que-sale .mod-headersection.--bg.mod-headersection.--bg {
  background-color: #bb3b80
}

.mod-categories .com-unordered li {
  flex-wrap: nowrap;
  padding-right: 1rem
}

.mod-categories .com-unordered li .com-link {
  color: #333
}

@media(min-width:64em) {
  .mod-categories .com-unordered {
    display: inline-flex
  }
}

.com-unordered.--category li .com-link:first-letter,
.com-unordered.--tags li .com-link:first-letter {
  text-transform: capitalize
}

.com-unordered.--category {
  margin-bottom: .5rem
}

@media(min-width:64em) {
  .com-unordered.--category {
    margin-bottom: .875rem
  }
}

.com-unordered.--tags {
  border-top: 1px solid #ccc;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-top: 2rem
}

.com-unordered.--tags li:not(:last-child) .com-link {
  margin-right: 1.5rem
}

.com-unordered.--tags li:not(:last-child) .com-link:after {
  color: #ccc;
  content: "•";
  position: absolute;
  right: -1rem
}

.--color .com-unordered.--tags,
.--transparent .com-unordered.--tags {
  border-top: none;
  padding-top: 0
}

.--color.--opening .com-unordered.--tags {
  border-top: 1px solid #ccc;
  padding-top: 1.5rem
}

@media(min-width:64em) {
  .com-unordered.--tags {
    display: block
  }

  .com-unordered.--tags li {
    margin-bottom: .5rem
  }
}

.loader {
  animation: b 1s linear 0s infinite;
  border: 4px solid #ebebeb;
  border-bottom-color: #1088b5;
  border-radius: 100%;
  bottom: 0;
  display: block;
  height: 25px;
  left: 70px;
  margin: 0 auto 2em;
  right: 0;
  top: 10px;
  width: 25px
}

@keyframes b {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.wiki-tags {
  border: 1px solid #ccc;
  border-radius: .25rem;
  column-gap: 1.5rem;
  display: grid;
  font-size: 1rem;
  grid-template-areas: "image" "info" "description" "rrss" "tags";
  line-height: 150%;
  margin: 0 auto 2rem;
  max-width: 26.75rem;
  padding: .25rem;
  width: 100%
}

.wiki-tags .placeholder {
  grid-area: image
}

.wiki-tags .extra-info {
  grid-area: info
}

.wiki-tags .social-networks {
  grid-area: rrss
}

.wiki-tags .wiki-description {
  grid-area: description
}

.wiki-tags .tags-buttons {
  grid-area: tags
}

.wiki-tags .mod-themes {
  margin-left: 0
}

.wiki-tags .placeholder.placeholder {
  border: none;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin: -4px 0 0 -4px;
  max-height: 27.5rem;
  padding-top: 100%;
  width: calc(100% + 8px)
}

.wiki-tags .placeholder.placeholder .com-image {
  background: #fff;
  height: auto;
  margin: 0
}

@media(min-width:48em) {
  .wiki-tags .placeholder.placeholder .com-image {
    height: 100%;
    object-fit: contain
  }

  .wiki-tags .placeholder.placeholder {
    border-top-right-radius: 0;
    margin: 0;
    padding-top: 150%;
    width: 100%
  }
}

.wiki-tags.--organization .placeholder.placeholder .com-image {
  top: -25%
}

.wiki-tags .extra-info {
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0 .5rem
}

.wiki-tags .extra-info .description {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-bottom: 1rem;
  width: fit-content
}

.wiki-tags .extra-info .description .label {
  color: #919191
}

.wiki-tags .wiki-description {
  width: auto
}

.wiki-tags .wiki-description a {
  color: #0250c9
}

.wiki-tags .wiki-description p {
  margin-bottom: 1rem
}

.wiki-tags .tags-buttons {
  margin-bottom: .5rem;
  margin-left: 0
}

@media(min-width:48em) {
  .wiki-tags {
    grid-template-areas: "image info info" "image description description" "rrss  tags tags";
    grid-template-columns: 18.3125rem 16.5625rem 1fr;
    grid-template-rows: auto;
    max-width: none;
    padding: 0 1rem 0 0
  }

  .wiki-tags .extra-info {
    flex-wrap: wrap;
    max-height: 15.625rem
  }

  .wiki-tags .extra-info .description {
    margin-right: .25rem;
    max-width: 13.75rem
  }

  .wiki-tags.--organization .placeholder.placeholder .com-image {
    top: 0
  }
}

@media(min-width:64em) {
  .wiki-tags {
    grid-template-areas: "image info info" "image description description" "blank description description" "rrss tags tags"
  }

  .wiki-tags .extra-info {
    max-height: 100%
  }

  .wiki-tags .extra-info .description {
    max-width: 100%
  }

  .wiki-tags .tags-buttons {
    margin-bottom: .5rem
  }
}

@media(min-width:80em) {
  .wiki-tags {
    grid-template-areas: "image info description" "image info description" "image rrss tags"
  }

  .wiki-tags .wiki-description {
    padding: 1.5rem 0
  }

  .wiki-tags .tags-buttons {
    margin-top: 0
  }
}

.mod-themes {
  margin-bottom: 1rem
}

.mod-themes.collapsible {
  margin-bottom: 0
}

.nota #content .cuerpo__nota .mod-themes.collapsible .com-button.--secondary:hover {
  background-color: transparent;
  color: #0250c9
}

.mod-themes .com-link.com-button {
  display: inline-flex;
  margin-bottom: 1rem;
  margin-right: 1rem;
  white-space: nowrap
}

.cuerpo__nota .mod-themes .com-link.com-button {
  margin-bottom: 1rem
}

.mod-themes.collapsible .com-link.com-button,
.nota.recetas .mod-themes .com-link.com-button.--tag {
  background: none;
  border: none;
  display: inline-block;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.5rem;
  margin: 0 0 .5rem;
  padding: 0;
  text-transform: inherit
}

.mod-themes.collapsible .com-link.com-button:first-letter,
.nota.recetas .mod-themes .com-link.com-button.--tag:first-letter {
  text-transform: capitalize
}

.mod-themes.collapsible .com-link.com-button:hover,
.nota.recetas .mod-themes .com-link.com-button.--tag:hover {
  color: #0250c9
}

.mod-themes.collapsible .com-link.com-button:not(:last-child):after,
.nota.recetas .mod-themes .com-link.com-button.--tag:not(:last-child):after {
  color: #ccc;
  content: "•";
  font-size: .875rem;
  margin: auto .5rem;
  position: relative
}

.mod-themes:last-child {
  margin-right: 0
}