.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: .75rem;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap
}

.button,
.button>.icon>svg>path {
  transition: all .3s ease-in-out
}

.button:hover {
  opacity: .8
}

.button:disabled {
  opacity: .4;
  pointer-events: none
}

.dropdown .dropdown-menu:after {
  content: "";
  height: .5rem;
  width: 1.5rem;
  display: inline-block;
  position: absolute;
  bottom: 100%;
  background-image: url("");
  background-size: 1.5rem .5rem
}

.dropdown .dropdown-menu:before {
  content: "";
  height: .5rem;
  position: absolute;
  left: 0;
  bottom: 100%;
  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)
}

.--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
}

.grid {
  position: relative;
  display: grid;
  width: 100%;
  min-width: -moz-min-content;
  min-width: min-content
}

.grid.--gap-none {
  grid-row-gap: none
}

.grid.--gap-2xs {
  grid-row-gap: .25rem
}

.grid.--gap-xs {
  grid-row-gap: .5rem
}

.grid.--gap-sm {
  grid-row-gap: 1rem
}

.grid.--gap-md {
  grid-row-gap: 1.5rem
}

.grid.--gap-lg {
  grid-row-gap: 2rem
}

.grid.--gap-xl {
  grid-row-gap: 2.5rem
}

.grid.--gap-2xl {
  grid-row-gap: 4rem
}

.grid.--gap-3xl {
  grid-row-gap: 5rem
}

.grid.--grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-7 {
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 16px
}

.grid.--grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 16px
}

@media(min-width:48rem) {
  .grid.--grid-cols-md-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-md-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
  }
}

@media(min-width:64rem) {
  .grid.--grid-cols-lg-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 24px
  }

  .grid.--grid-cols-lg-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
  }
}

@media(min-width:80rem) {
  .grid.--grid-cols-xl-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-13 {
    grid-template-columns: repeat(13, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-14 {
    grid-template-columns: repeat(14, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-15 {
    grid-template-columns: repeat(15, 1fr);
    grid-column-gap: 32px
  }

  .grid.--grid-cols-xl-16 {
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 32px
  }
}

.grid .grid-item {
  grid-column: span 8
}

.grid .grid-item.--col-1 {
  grid-column: span 1
}

.grid .grid-item.--col-2 {
  grid-column: span 2
}

.grid .grid-item.--col-3 {
  grid-column: span 3
}

.grid .grid-item.--col-4 {
  grid-column: span 4
}

.grid .grid-item.--col-5 {
  grid-column: span 5
}

.grid .grid-item.--col-6 {
  grid-column: span 6
}

.grid .grid-item.--col-7 {
  grid-column: span 7
}

.grid .grid-item.--col-8 {
  grid-column: span 8
}

@media(min-width:48rem) {
  .grid .grid-item {
    grid-column: span 12
  }

  .grid .grid-item.--col-md-1 {
    grid-column: span 1
  }

  .grid .grid-item.--col-md-2 {
    grid-column: span 2
  }

  .grid .grid-item.--col-md-3 {
    grid-column: span 3
  }

  .grid .grid-item.--col-md-4 {
    grid-column: span 4
  }

  .grid .grid-item.--col-md-5 {
    grid-column: span 5
  }

  .grid .grid-item.--col-md-6 {
    grid-column: span 6
  }

  .grid .grid-item.--col-md-7 {
    grid-column: span 7
  }

  .grid .grid-item.--col-md-8 {
    grid-column: span 8
  }

  .grid .grid-item.--col-md-9 {
    grid-column: span 9
  }

  .grid .grid-item.--col-md-10 {
    grid-column: span 10
  }

  .grid .grid-item.--col-md-11 {
    grid-column: span 11
  }

  .grid .grid-item.--col-md-12 {
    grid-column: span 12
  }
}

@media(min-width:64rem) {
  .grid .grid-item.--col-lg-1 {
    grid-column: span 1
  }

  .grid .grid-item.--col-lg-2 {
    grid-column: span 2
  }

  .grid .grid-item.--col-lg-3 {
    grid-column: span 3
  }

  .grid .grid-item.--col-lg-4 {
    grid-column: span 4
  }

  .grid .grid-item.--col-lg-5 {
    grid-column: span 5
  }

  .grid .grid-item.--col-lg-6 {
    grid-column: span 6
  }

  .grid .grid-item.--col-lg-7 {
    grid-column: span 7
  }

  .grid .grid-item.--col-lg-8 {
    grid-column: span 8
  }

  .grid .grid-item.--col-lg-9 {
    grid-column: span 9
  }

  .grid .grid-item.--col-lg-10 {
    grid-column: span 10
  }

  .grid .grid-item.--col-lg-11 {
    grid-column: span 11
  }

  .grid .grid-item.--col-lg-12 {
    grid-column: span 12
  }
}

@media(min-width:80rem) {
  .grid .grid-item {
    grid-column: span 16
  }

  .grid .grid-item.--col-xl-1 {
    grid-column: span 1
  }

  .grid .grid-item.--col-xl-2 {
    grid-column: span 2
  }

  .grid .grid-item.--col-xl-3 {
    grid-column: span 3
  }

  .grid .grid-item.--col-xl-4 {
    grid-column: span 4
  }

  .grid .grid-item.--col-xl-5 {
    grid-column: span 5
  }

  .grid .grid-item.--col-xl-6 {
    grid-column: span 6
  }

  .grid .grid-item.--col-xl-7 {
    grid-column: span 7
  }

  .grid .grid-item.--col-xl-8 {
    grid-column: span 8
  }

  .grid .grid-item.--col-xl-9 {
    grid-column: span 9
  }

  .grid .grid-item.--col-xl-10 {
    grid-column: span 10
  }

  .grid .grid-item.--col-xl-11 {
    grid-column: span 11
  }

  .grid .grid-item.--col-xl-12 {
    grid-column: span 12
  }

  .grid .grid-item.--col-xl-13 {
    grid-column: span 13
  }

  .grid .grid-item.--col-xl-14 {
    grid-column: span 14
  }

  .grid .grid-item.--col-xl-15 {
    grid-column: span 15
  }

  .grid .grid-item.--col-xl-16 {
    grid-column: span 16
  }
}

.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
}

.icon {
  transition: .3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.icon.--hasWrapper {
  box-sizing: content-box;
  border-radius: 50%;
  aspect-ratio: 1/1
}

.icon>svg {
  width: inherit;
  height: inherit;
  vertical-align: top
}

.icon.--icon-8 {
  width: .5rem;
  height: .5rem
}

.icon.--icon-8.--hasWrapper {
  padding: .25rem
}

.icon.--icon-12 {
  width: .75rem;
  height: .75rem
}

.icon.--icon-12.--hasWrapper {
  padding: .25rem
}

.icon.--icon-16 {
  width: 1rem;
  height: 1rem
}

.icon.--icon-16.--hasWrapper {
  padding: .5rem
}

.icon.--icon-18 {
  width: 1.125rem;
  height: 1.125rem
}

.icon.--icon-18.--hasWrapper {
  padding: .5rem
}

.icon.--icon-20 {
  width: 1.5rem;
  height: 1.5rem
}

.icon.--icon-20.--hasWrapper {
  padding: .5rem
}

.icon.--icon-24 {
  width: 1.5rem;
  height: 1.5rem
}

.icon.--icon-24.--hasWrapper {
  padding: .5rem
}

.icon.--icon-28 {
  width: 1.75rem;
  height: 1.75rem
}

.icon.--icon-28.--hasWrapper {
  padding: .5rem
}

.icon.--icon-32 {
  width: 2rem;
  height: 2rem
}

.icon.--icon-32.--hasWrapper {
  padding: .75rem
}

.icon.--icon-36 {
  width: 2.25rem;
  height: 2.25rem
}

.icon.--icon-36.--hasWrapper {
  padding: .75rem
}

.icon.--icon-40 {
  width: 2.5rem;
  height: 2.5rem
}

.icon.--icon-40.--hasWrapper {
  padding: 1rem
}

.icon.--icon-44 {
  width: 2.75rem;
  height: 2.75rem
}

.icon.--icon-44.--hasWrapper {
  padding: 1rem
}

.icon.--icon-48 {
  width: 3rem;
  height: 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
}

.image {
  transition: all .2s ease-in-out
}

.image.--contain {
  -o-object-fit: contain;
  object-fit: contain
}

.image.--cover {
  -o-object-fit: cover;
  object-fit: cover
}

.image.--fill {
  -o-object-fit: fill;
  object-fit: fill
}

.link {
  cursor: pointer;
  color: #0250c9
}

.link.--unstyled {
  color: inherit
}

.link.--block {
  display: block
}

.link.--disabled {
  opacity: .4;
  pointer-events: none
}

@media(min-width:64rem) {
  .link:hover {
    opacity: .8
  }
}

.ln-placeholder {
  width: 100%;
  background-color: var(--light-neutral-200)
}

.scrolX>div {
  scrollbar-width: none;
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  scroll-snap-type: x mandatory
}

.scrolX>div::-webkit-scrollbar {
  display: none
}

.scrolX>div>div {
  scroll-snap-align: start;
  min-width: 100%
}

.ln-video {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ln-advance.--withVideo .lay-container>article .video iframe {
  width: 6.875rem;
  aspect-ratio: 16/9;
  height: auto
}

@media(min-width:48rem) {
  .ln-advance.--withVideo .lay-container>article .video iframe {
    width: 15.625rem
  }
}

.anexo-wrap {
  border-bottom: .0625rem solid rgba(0, 0, 0, 0.15);
  padding-top: 1.625rem;
  border-top: 1px solid #000;
  background-color: #fcfcfc;
  color: #333;
  margin: 0 auto
}

@media(min-width:768px) {
  .anexo-wrap .footer-anexo-b {
    justify-content: end
  }

  .anexo-wrap .header-nav-anexo {
    width: -moz-fit-content;
    width: fit-content
  }

  .anexo-wrap .--fixture {
    border: .0625rem solid #e6e6e6;
    padding: .5rem 1rem .375rem .75rem
  }

  .anexo-wrap .Opta .Opta-Flex {
    gap: 3rem
  }
}

.anexo-wrap .footer-anexo-b>h3 {
  font-size: .625rem
}

.anexo-wrap .auspician-anexob {
  border-right: 1px solid #aaa;
  font-size: .625rem
}

.anexo-wrap div .sponsor-anexo-b {
  width: 6.25rem;
  height: 2.125rem;
  font-size: .625rem
}

.anexo-wrap .--roof-title {
  color: #000;
  font-family: Prumo Text;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 350;
  line-height: normal
}

.anexo-wrap .--fixture {
  height: -moz-fit-content;
  height: fit-content
}

.anexo-wrap .--fixture .--roof-fixture {
  color: #333;
  font-family: Segoe UI;
  font-size: .75rem;
  font-weight: 400
}

.anexo-wrap .Opta .Opta-Flex {
  justify-content: flex-start;
  overflow-x: scroll;
  gap: 16;
  flex-wrap: nowrap;
  scrollbar-width: none;
  overscroll-behavior-x: contain
}

.anexo-wrap .Opta .Opta-Flex::-webkit-scrollbar {
  display: none
}

.anexo-wrap .Opta .Opta-Flex h3 {
  background-color: #fcfcfc;
  border-bottom: .0625rem solid #e5e5e5
}

.anexo-wrap .Opta .Opta-Flex h3 span {
  color: #404040;
  font-family: Arial;
  font-weight: 700;
  line-height: 250%
}

.anexo-wrap .Opta .Opta-Flex .Opta-fixture {
  overflow: hidden;
  min-width: 11.875rem;
  border-radius: .3125rem;
  border: .0625rem solid #e5e5e5;
  background-color: #fcfcfc !important
}

.anexo-wrap.--loading .Opta {
  height: 0;
  overflow: hidden
}

.ln-banner-container {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 4px, rgba(0, 0, 0, 0.15) 6px);
  background-color: var(--light-neutral-0);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  margin-bottom: .75rem;
  margin-top: 3.5rem
}

.ln-banner-container .ln-banner {
  width: 100%;
  text-align: center
}

.ln-banner-container:before {
  content: "PUBLICIDAD";
  font-size: .6875rem;
  line-height: 1rem;
  background: var(--light-neutral-0);
  display: inline-block;
  padding: .25rem .5rem;
  margin: 0 auto;
  position: absolute;
  top: 0;
  z-index: -1
}

.ln-banner-container.--logo,
.ln-banner-container.--logo_int {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

.ln-banner-container.--logo:before,
.ln-banner-container.--logo_int:before {
  content: "PUBLICIDAD"
}

.ln-banner-container.--comercial {
  align-items: center;
  position: fixed;
  z-index: 1100000;
  background: var(--light-neutral-0);
  height: 100vh;
  top: 0;
  margin: 0
}

.ln-banner-container.--comercial:before {
  display: none
}

.ln-banner-container.--comercial .ln-button {
  position: absolute;
  top: 1rem;
  right: 1rem
}

.ln-banner-container.--sticky {
  position: sticky;
  top: 0
}

.ln-aside .ln-banner-container.--sticky {
  top: 3.5625rem
}

.ln-banner-container.--sticky.--sticky2_mob {
  position: fixed;
  width: 100%;
  height: 3.125rem;
  z-index: 1000;
  background: var(--light-neutral-0);
  margin: 0
}

.ln-banner-container.--fixed {
  position: fixed;
  bottom: 3.625rem;
  z-index: 103;
  left: calc((100% - 320px) / 2);
  background: #fff;
  margin: 0
}

.ln-banner-container.--close .icon-close {
  width: 1.25rem;
  height: 1.25rem;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 1rem;
  cursor: pointer
}

@media(min-width:370px) {
  .ln-banner-container.--close .icon-close {
    position: relative
  }
}

.ln-banner-container.--adhesion_mob .button.ln-button,
.ln-banner-container.--adhesion_tab .button.ln-button,
.ln-banner-container.--adhesion_dsk .button.ln-button {
  padding: 0;
  border: 0
}

.ln-banner-container.--adhesion_mob .button.ln-button .icon-close,
.ln-banner-container.--adhesion_tab .button.ln-button .icon-close,
.ln-banner-container.--adhesion_dsk .button.ln-button .icon-close {
  top: 0
}

.ln-banner-container.--adhesion_mob {
  background-color: transparent;
  width: -moz-fit-content;
  width: fit-content
}

.ln-banner-container.--adhesion_mob .ln-banner {
  height: 3.75rem;
  border-bottom: .625rem solid #fff
}

.ln-banner-container.--adhesion_mob:before {
  margin: 1rem auto
}

.ln-banner-container.--caja1_mob,
.ln-banner-container.--caja2_mob,
.ln-banner-container.--caja3_mob {
  width: 100%;
  height: 28.125rem
}

.homepage .ln-banner-container.--caja4_mob,
.homepage .ln-banner-container.--caja5_mob,
.homepage .ln-banner-container.--caja6_mob,
.homepage .ln-banner-container.--caja7_mob,
.homepage .ln-banner-container.--caja8_mob,
.homepage .ln-banner-container.--caja9_mob {
  width: 100%;
  height: 28.125rem
}

.ln-banner-container.--cajasuscriptores_mob {
  background-color: #333;
  overflow: hidden;
  width: 18.75rem;
  height: 15.625rem;
  margin: 0
}

@media(min-width:48rem) {
  .ln-banner-container.--fixed {
    bottom: 3.625rem;
    left: calc((100% - 728px) / 2)
  }

  .ln-banner-container.--cajasuscriptores_tab {
    background-color: #333;
    overflow: hidden;
    width: 45rem;
    height: 6.875rem;
    margin: 0
  }

  .ln-banner-container.--megatop {
    margin: 0;
    height: 7.5rem;
    max-width: 100%;
    z-index: 1501
  }

  .homepage .ln-banner-container.--cabezal_tab,
  .homepage .ln-banner-container.--middle_1_tab,
  .homepage .ln-banner-container.--middle_2_tab,
  .homepage .ln-banner-container.--middle_3_tab,
  .homepage .ln-banner-container.--middle_4_tab {
    height: 5.625rem
  }

  .ln-banner-container.--adhesion_tab {
    background-color: transparent;
    width: -moz-fit-content;
    width: fit-content
  }

  .ln-banner-container.--adhesion_tab .ln-banner {
    height: 6.25rem;
    border-bottom: .625rem solid #fff
  }

  .ln-banner-container.--adhesion_tab:before {
    margin: 1.25rem auto 0 auto
  }
}

@media(min-width:80rem) {
  .ln-aside .ln-banner-container {
    background: 0
  }

  .ln-banner-container.--fixed {
    bottom: 0;
    left: calc((100% - 940px) / 2)
  }

  .ln-banner-container.--fixed.--small {
    left: calc((100% - 760px) / 2)
  }

  .--top-fixed .ln-banner-container.--logo {
    display: none
  }

  .ln-banner-container.--logo_sticky_dsk {
    display: none
  }

  .ln-banner-container.--megatop {
    height: 15.625rem
  }

  .homepage .ln-banner-container.--cajasuscriptores_dsk {
    background-color: #333;
    overflow: hidden;
    width: 100%;
    max-width: 57.5rem;
    height: 7.5rem;
    margin: 0
  }

  .homepage .ln-banner-container.--cabezal_dsk {
    height: 6.25rem
  }

  .homepage .ln-banner-container.--adhesion_dsk {
    width: -moz-fit-content;
    width: fit-content;
    background-color: transparent
  }

  .homepage .ln-banner-container.--adhesion_dsk .ln-banner {
    height: 6.25rem;
    text-align: center
  }

  .homepage .ln-banner-container.--adhesion_dsk:before {
    margin: 1.25rem auto 0 auto
  }

  .homepage .ln-banner-container.--billboard_dsk {
    height: 18.75rem
  }

  .homepage .ln-banner-container.--cinturon1_dsk,
  .homepage .ln-banner-container.--cinturon2_dsk,
  .homepage .ln-banner-container.--cinturon3_dsk,
  .homepage .ln-banner-container.--cinturon4_dsk {
    height: 18.75rem;
    margin: 3.5rem 0 .75rem
  }

  .homepage .ln-banner-container.--cinturon1_dsk .ln-banner,
  .homepage .ln-banner-container.--cinturon2_dsk .ln-banner,
  .homepage .ln-banner-container.--cinturon3_dsk .ln-banner,
  .homepage .ln-banner-container.--cinturon4_dsk .ln-banner {
    align-self: center
  }

  .homepage .ln-banner-container.--megalateral_dsk,
  .homepage .ln-banner-container.--megalateral2_dsk,
  .homepage .ln-banner-container.--megalateral3_dsk,
  .homepage .ln-banner-container.--megalateral4_dsk {
    margin: 0
  }
}

@media(min-width:68.75rem) {
  .ln-banner-container.--fixed.--small {
    left: calc((100% - 1098px) / 2)
  }
}

[class*=_tab],
[class*=_dsk] {
  display: none
}

@media(min-width:48rem) {
  [class*=_tab] {
    display: flex
  }

  [class*=_mob] {
    display: none
  }
}

@media(min-width:80rem) {
  [class*=_dsk] {
    display: flex
  }

  [class*=_tab] {
    display: none
  }
}

[class*="--1x1_"] {
  margin: 0;
  position: absolute
}

@media(min-width:80rem) {
  .--top-fixed .--logo_sticky_dsk {
    display: flex
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .description-container .marquee-container,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .description-container .marquee-container,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .description-container .marquee-container {
    justify-content: center
  }

  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .description-container .marquee-container .marquee-text,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .description-container .marquee-container .marquee-text,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .description-container .marquee-container .marquee-text {
    text-align: left
  }
}

.ln-bngrid.--bn_1_2_grid .--0 .ln-card .media-container,
.ln-bngrid.--canal_1_2_grid .--0 .ln-card .media-container,
.ln-bngrid.--bn_1_1_grid .--0 .ln-card .media-container,
.ln-bngrid.--canal_1_4_grid .--0 .ln-card .media-container,
.ln-bngrid.--bn_1_4_grid .--0 .ln-card .media-container,
.ln-bngrid.--bn_1_3_grid .--0 .ln-card .media-container,
.ln-bngrid.--canal_1_3_grid .--0 .ln-card .media-container,
.ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .media-container {
  overflow: visible
}

.ln-bngrid.--bn_1_2_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--canal_1_2_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--bn_1_1_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--canal_1_4_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--bn_1_4_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--bn_1_3_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--canal_1_3_grid .--0 .ln-card .media-container .ln-placeholder,
.ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .media-container .ln-placeholder {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_2_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--bn_1_1_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--bn_1_4_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--bn_1_3_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .media-container .ln-placeholder,
  .ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .media-container .ln-placeholder {
    width: 100%;
    margin-left: 0
  }
}

@media(max-width:47.9375rem) {

  .ln-bngrid.--bn_1_2_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--bn_1_1_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--bn_1_4_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--bn_1_3_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .description-container .title,
  .ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .description-container .title {
    letter-spacing: -0.04rem;
    line-height: var(--line-110)
  }

  .ln-bngrid.--bn_1_2_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--bn_1_1_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--bn_1_4_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--bn_1_3_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .description-container .title .lead,
  .ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .description-container .title .lead {
    font-variation-settings: "wght" 170, "opsz" 50
  }

  .ln-bngrid.--bn_1_2_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--canal_1_2_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--bn_1_1_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--canal_1_4_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--bn_1_4_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--bn_1_3_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--canal_1_3_grid .--0 .ln-card .description-container .ln-badge,
  .ln-bngrid.--bn_2_1_2_grid .--0 .ln-card .description-container .ln-badge {
    left: 0
  }
}

.ln-bngrid.--foodit_1_grid .--0 .as-article .foodit-text,
.ln-bngrid.--foodit_3_grid .--0 .as-article .foodit-text {
  font-variation-settings: "wght" 40, "opsz" 50;
  font-size: 1.875rem;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.4px
}

.ln-bngrid.--foodit_1_grid .--1 .ln-card .media-container {
  overflow: visible
}

.ln-bngrid.--foodit_1_grid .--1 .ln-card .media-container .ln-placeholder {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem
}

@media(min-width:48rem) {
  .ln-bngrid.--foodit_1_grid .--1 .ln-card .media-container .ln-placeholder {
    width: 100%;
    margin-left: 0
  }
}

@media(max-width:47.9375rem) {
  .ln-bngrid.--foodit_1_grid .--1 .ln-card .description-container .title {
    letter-spacing: -0.04rem;
    line-height: var(--line-110)
  }

  .ln-bngrid.--foodit_1_grid .--1 .ln-card .description-container .title .lead {
    font-variation-settings: "wght" 170, "opsz" 50
  }

  .ln-bngrid.--foodit_1_grid .--1 .ln-card .description-container .ln-badge {
    left: 0
  }
}

.ln-bngrid.--sub-exclusive {
  position: relative
}

.ln-bngrid.--sub-exclusive:not(#special) .ln-card:after,
.ln-bngrid.--sub-exclusive:not(#special) .ln-card::before {
  background-color: #5a5a5a
}

.ln-bngrid.--sub-exclusive>div:nth-child(1):not(#special):before {
  content: "";
  height: calc(100% + 1rem + 0.0625rem);
  position: absolute;
  background-color: #333;
  top: 0;
  left: -16px;
  width: calc(100% + 2rem)
}

.ln-bngrid.--sub-exclusive .title,
.ln-bngrid.--sub-exclusive .ln-text.ln-text {
  color: #f2f2f2
}

.ln-bngrid.--sub-exclusive .title .lead,
.ln-bngrid.--sub-exclusive .ln-text.ln-text .lead {
  color: #fdb727
}

.ln-bngrid.--sub-exclusive .marquee-container {
  color: #ccc
}

.ln-bngrid.--sub-exclusive .grid-item:nth-last-child(1) {
  border-bottom: 0
}

.ln-bngrid.--sub-exclusive .grid .grid-item {
  border-bottom: .0625rem solid #5a5a5a
}

@media(min-width:48rem) {
  .ln-bngrid.--sub-exclusive .grid .grid-item {
    border-bottom: 0
  }
}

.ln-bngrid.--movilidad .lead {
  color: var(--ln-movilidad)
}

.ln-bngrid.--bienestar .lead {
  color: var(--ln-bienestar)
}

.ln-bngrid.--propiedades .lead {
  color: var(--ln-propiedades)
}

.ln-bngrid.--campo .lead {
  color: var(--ln-campo)
}

.ln-bngrid .grid .grid-item {
  position: relative;
  border-bottom: .0625rem solid var(--light-neutral-300);
  padding-bottom: .28125rem
}

@media(min-width:48rem) {
  .ln-bngrid .grid .grid-item {
    border-bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn-4-8 .grid .grid-item article::before,
  .ln-bngrid.--foodit_3_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn-4-8 .grid .grid-item article::before,
  .ln-bngrid.--foodit_3_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn-4-8 .grid .--4 article::before,
  .ln-bngrid.--bn-4-8 .grid .--4>.as-article::before,
  .ln-bngrid.--bn-4-8 .grid .--0 article::before,
  .ln-bngrid.--bn-4-8 .grid .--0>.as-article::before,
  .ln-bngrid.--foodit_3_grid .grid .--4 article::before,
  .ln-bngrid.--foodit_3_grid .grid .--4>.as-article::before,
  .ln-bngrid.--foodit_3_grid .grid .--0 article::before,
  .ln-bngrid.--foodit_3_grid .grid .--0>.as-article::before {
    content: "";
    height: .0625rem;
    width: calc(400% + 4.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn-4-8 .grid .--4 article::before,
  .ln-bngrid.--bn-4-8 .grid .--4>.as-article::before,
  .ln-bngrid.--bn-4-8 .grid .--0 article::before,
  .ln-bngrid.--bn-4-8 .grid .--0>.as-article::before,
  .ln-bngrid.--foodit_3_grid .grid .--4 article::before,
  .ln-bngrid.--foodit_3_grid .grid .--4>.as-article::before,
  .ln-bngrid.--foodit_3_grid .grid .--0 article::before,
  .ln-bngrid.--foodit_3_grid .grid .--0>.as-article::before {
    content: "";
    height: .03125rem;
    width: calc(400% + 6rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn-4-8 .grid .--4:nth-child(-n+4),
  .ln-bngrid.--bn-4-8 .grid .--0:nth-child(-n+4),
  .ln-bngrid.--foodit_3_grid .grid .--4:nth-child(-n+4),
  .ln-bngrid.--foodit_3_grid .grid .--0:nth-child(-n+4) {
    grid-row: 1/span 1
  }

  .ln-bngrid.--bn-4-8 .grid .--4 :nth-child(n+5),
  .ln-bngrid.--bn-4-8 .grid .--0 :nth-child(n+5),
  .ln-bngrid.--foodit_3_grid .grid .--4 :nth-child(n+5),
  .ln-bngrid.--foodit_3_grid .grid .--0 :nth-child(n+5) {
    grid-row: 2/span 1
  }
}

.ln-bngrid.--bn_1_1_grid .grid .--0>article a .media-container {
  flex-shrink: 1
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--0 article::before {
    content: "";
    height: .03125rem;
    width: calc(133.3333333333% + 0.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--0 article::before {
    content: "";
    height: .03125rem;
    width: calc(133.3333333333% + 0.625rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--1 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--1 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--foodit_1_grid .grid .--0 .as-article::before {
    content: "";
    height: .03125rem;
    width: calc(400% + 6rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {
  .ln-bngrid.--foodit_1_grid .grid .--0 .as-article::before {
    content: "";
    height: .03125rem;
    width: calc(400% + 6rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--foodit_1_grid .grid .--1 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {
  .ln-bngrid.--foodit_1_grid .grid .--1 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_1_grid .grid-item:first-child>article a,
  .ln-bngrid.--bn_1_2_grid .grid-item:first-child>article a,
  .ln-bngrid.--bn_1_4_grid .grid-item:first-child>article a {
    --gap-img: 2rem
  }
}

@media(min-width:48rem) and (min-width:48rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }
}

@media(min-width:48rem) and (min-width:80rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }
}

@media(min-width:48rem) and (min-width:48rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::before {
    content: "";
    height: .03125rem;
    width: calc(200% + 1.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) and (min-width:80rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::before {
    content: "";
    height: .03125rem;
    width: calc(200% + 2rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_2_grid .grid .grid-item>article a .media-container {
    max-width: 50%
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_2_grid .grid .grid-item>article a .media-container,
  .ln-bngrid.--canal_1_2_grid .grid .grid-item>article a .media-container {
    max-width: 50%
  }

  .ln-bngrid.--bn_1_2_grid .grid .grid-item>article a .media-container picture,
  .ln-bngrid.--canal_1_2_grid .grid .grid-item>article a .media-container picture {
    max-width: none
  }

  .ln-bngrid.--bn_1_2_grid .grid .grid-item:not(:first-child),
  .ln-bngrid.--canal_1_2_grid .grid .grid-item:not(:first-child) {
    grid-row: 2/span 1
  }

  .ln-bngrid.--bn_1_2_grid .grid .--0 article::before,
  .ln-bngrid.--canal_1_2_grid .grid .--0 article::before {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .ln-bngrid.--bn_1_2_grid .grid .--0>article a .media-container,
  .ln-bngrid.--canal_1_2_grid .grid .--0>article a .media-container {
    max-width: none
  }

  .ln-bngrid.--bn_1_2_grid .grid .--0>article a .media-container picture,
  .ln-bngrid.--canal_1_2_grid .grid .--0>article a .media-container picture {
    max-width: none
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_2_grid .grid .--1 article::before,
  .ln-bngrid.--canal_1_2_grid .grid .--1 article::before {
    content: "";
    height: .03125rem;
    width: calc(200% + 1.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_1_2_grid .grid .--1 article::before,
  .ln-bngrid.--canal_1_2_grid .grid .--1 article::before {
    content: "";
    height: .03125rem;
    width: calc(200% + 2rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_2_grid .grid .--2 article::before,
  .ln-bngrid.--canal_1_2_grid .grid .--2 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_1_2_grid .grid .--2 article::before,
  .ln-bngrid.--canal_1_2_grid .grid .--2 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_4_grid .grid .grid-item:first-child>article a .description-container,
  .ln-bngrid.--canal_1_2_grid .grid .grid-item:first-child>article a .description-container {
    padding: 0 2rem;
    justify-content: center;
    text-align: center;
    align-items: center
  }

  .ln-bngrid.--canal_1_4_grid .grid .grid-item:first-child>article a .description-container .ln-badge,
  .ln-bngrid.--canal_1_2_grid .grid .grid-item:first-child>article a .description-container .ln-badge {
    transform: none;
    position: static
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_3_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {
  .ln-bngrid.--bn_3_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_3_grid .grid .--3 article::before,
  .ln-bngrid.--bn_3_grid .grid .--0 article::before {
    content: "";
    height: .0625rem;
    width: calc(300% + 3rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_3_grid .grid .--3 article::before,
  .ln-bngrid.--bn_3_grid .grid .--0 article::before {
    content: "";
    height: .03125rem;
    width: calc(300% + 4rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

.ln-bngrid.--bn_1_3_grid .grid,
.ln-bngrid.--canal_1_3_grid .grid {
  row-gap: 1.25rem
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_3_grid .grid .grid-item:not(:first-child)>article a .media-container,
  .ln-bngrid.--canal_1_3_grid .grid .grid-item:not(:first-child)>article a .media-container {
    max-width: 50%;
    flex-shrink: 1
  }

  .ln-bngrid.--bn_1_3_grid .grid .grid-item:not(:first-child)>article a .media-container picture,
  .ln-bngrid.--canal_1_3_grid .grid .grid-item:not(:first-child)>article a .media-container picture {
    max-width: none
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_3_grid .grid .grid-item:not(:nth-child(-n+2)) article::before,
  .ln-bngrid.--canal_1_3_grid .grid .grid-item:not(:nth-child(-n+2)) article::before {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    top: -1rem
  }
}

.ln-bngrid.--bn_1_3_grid .grid .--0,
.ln-bngrid.--canal_1_3_grid .grid .--0 {
  grid-row: 1/span 3
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_3_grid .grid .--0 article::before,
  .ln-bngrid.--canal_1_3_grid .grid .--0 article::before {
    content: "";
    height: .0625rem;
    width: calc(200% + 1.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_1_3_grid .grid .--0 article::before,
  .ln-bngrid.--canal_1_3_grid .grid .--0 article::before {
    content: "";
    height: .0625rem;
    width: calc(200% + 2rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--bn_1_3_grid .grid .--0 article::after,
  .ln-bngrid.--canal_1_3_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--bn_1_3_grid .grid .--0 article::after,
  .ln-bngrid.--canal_1_3_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--canal_1_3_grid .grid .grid-item:first-child>article a .description-container {
    text-align: center
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_4_grid .grid .grid-item article::before,
  .ln-bngrid.--bn_1_4_grid .grid .grid-item article::before,
  .ln-bngrid.--bn_1_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--canal_1_4_grid .grid .grid-item article::before,
  .ln-bngrid.--bn_1_4_grid .grid .grid-item article::before,
  .ln-bngrid.--bn_1_grid .grid .grid-item article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_4_grid .grid .--0 article::before,
  .ln-bngrid.--bn_1_4_grid .grid .--0 article::before,
  .ln-bngrid.--bn_1_grid .grid .--0 article::before {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_4_grid .grid .--1 article::before,
  .ln-bngrid.--bn_1_4_grid .grid .--1 article::before,
  .ln-bngrid.--bn_1_grid .grid .--1 article::before {
    content: "";
    height: .0625rem;
    width: calc(400% + 4.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:80rem) {

  .ln-bngrid.--canal_1_4_grid .grid .--1 article::before,
  .ln-bngrid.--bn_1_4_grid .grid .--1 article::before,
  .ln-bngrid.--bn_1_grid .grid .--1 article::before {
    content: "";
    height: .03125rem;
    width: calc(400% + 6rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) {

  .ln-bngrid.--canal_1_4_grid .grid .grid-item:nth-child(n+2),
  .ln-bngrid.--bn_1_4_grid .grid .grid-item:nth-child(n+2),
  .ln-bngrid.--bn_1_grid .grid .grid-item:nth-child(n+2) {
    grid-row: 2/span 1
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .grid-item:not(:first-child) article a {
    flex-direction: column
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--0 {
    order: 3;
    grid-row: 1/span 2
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--0 .ln-card .description-container .marquee-container .marquee-text {
    text-align: left
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--0 .marquee-text {
    text-align: left
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--0 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:48rem) and (min-width:80rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--0 article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }
}

@media(min-width:48rem) and (min-width:80rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--0 article::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--1 {
    order: 2
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--1 article::before {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--2 {
    order: 1;
    grid-row: 2/span 1
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--3 {
    order: 4
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--3 article::before {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .ln-bngrid.--bn_2_1_2_grid .grid .--4 {
    order: 5;
    grid-row: 2/span 1
  }
}

@media(min-width:48rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--2 article::before {
    content: "";
    height: .0625rem;
    width: calc(400% + 4.5rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

@media(min-width:48rem) and (min-width:80rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--2 article::before {
    content: "";
    height: .03125rem;
    width: calc(400% + 6rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }
}

.bomba {
  margin-bottom: 1.5rem;
  background: #001631
}

.bomba .ln-card {
  color: var(--dark-neutral-600)
}

.bomba .ln-card>.link .media-container {
  width: calc(100% + 2rem);
  margin: 0 -1rem
}

.bomba .ln-card>.link .description-container .subhead {
  color: var(--dark-neutral-600)
}

.bomba .ln-card>.link .description-container .ln-badge {
  transform: none;
  position: static
}

.bomba .ln-card>.link .description-container .lead {
  color: var(--blue-300)
}

.bomba .ln-card>.link .description-container .marquee-container {
  color: var(--dark-neutral-600);
  text-align: left
}

@media(max-width:47.9375rem) {

  .bomba .ln-card>.link .description-container .marquee-img,
  .bomba .ln-card>.link .description-container .author-section {
    display: none
  }
}

@media(min-width:48rem) {
  .bomba .ln-card>.link .media-container {
    width: 100%;
    margin: 0
  }
}

.bomba.vertical,
.bomba.horizontal {
  padding-bottom: .75rem
}

@media(min-width:48rem) {

  .bomba.vertical,
  .bomba.horizontal {
    padding-bottom: 0
  }
}

.bomba.vertical .ln-card>.link .description-container .title,
.bomba.horizontal .ln-card>.link .description-container .title {
  color: var(--light-neutral-200)
}

.bomba.vertical .ln-card>.link .description-container .marquee-img,
.bomba.horizontal .ln-card>.link .description-container .marquee-img {
  background-color: var(--light-neutral-700);
  border-radius: 12.5rem;
  border: .0625rem solid var(--light-neutral-600)
}

.bomba.vertical .ln-card>.link .description-container {
  width: 100%
}

.bomba.vertical .ln-card>.link .description-container .lead {
  display: block
}

.bomba.vertical .ln-card>.link .media-container {
  display: flex;
  align-items: center
}

@media(min-width:48rem) {
  .bomba.vertical .ln-card>.link {
    gap: var(--gap-v);
    flex-direction: row-reverse;
    padding: 2rem 0
  }

  .bomba.vertical .ln-card>.link .media-container {
    margin-right: -1.5rem
  }
}

@media(min-width:80rem) {
  .bomba.vertical .ln-card>.link {
    padding: 0
  }

  .bomba.vertical .ln-card>.link .media-container {
    margin-right: 0
  }

  .bomba.vertical .ln-card>.link .media-container .ln-placeholder {
    aspect-ratio: 1/1
  }
}

.bomba.horizontal .ln-card.--no-mc {
  padding-top: 1rem
}

@media(min-width:48rem) {
  .bomba.horizontal .ln-card.--no-mc {
    padding-top: 0;
    padding-bottom: 3.5rem
  }
}

@media(min-width:80rem) {
  .bomba.horizontal .ln-card.--no-mc {
    padding-bottom: 4rem
  }
}

@media(min-width:48rem) {
  .bomba.horizontal .ln-card>.link .description-container {
    padding: 3.5rem 0 0
  }
}

@media(min-width:80rem) {
  .bomba.horizontal .ln-card>.link .description-container {
    padding: 4rem 0 0
  }
}

@media(min-width:48rem) {
  .bomba.horizontal .ln-card>.link {
    flex-direction: column-reverse
  }
}

.bomba.bombita {
  background-color: initial;
  margin-top: 1rem
}

.bomba.bombita .ln-card {
  border-bottom: .0625rem solid var(--light-neutral-400);
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.bomba.bombita .ln-card>.link {
  color: var(--light-neutral-800)
}

.bomba.bombita .ln-card>.link .description-container .lead,
.bomba.bombita .ln-card>.link .description-container .marquee-text {
  color: var(--light-neutral-800)
}

.bomba.bombita .ln-card>.link .description-container .subhead {
  color: var(--light-neutral-600)
}

.bomba.bombita .child-0 .ln-card>.link .description-container {
  margin-right: 0;
  padding-top: 1rem
}

.bomba.bombita.mas-4 .bomba-grid>div:not(.child-0) .ln-card>.link .media-container {
  width: 100%;
  margin: 0
}

@media(min-width:48rem) {
  .bomba.bombita.mas-4 .bomba-grid {
    border-bottom: .0625rem solid var(--light-neutral-400);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.5rem
  }

  .bomba.bombita.mas-4 .bomba-grid .child-0 {
    grid-column: span 12
  }

  .bomba.bombita.mas-4 .bomba-grid>div:not(.child-0) {
    position: relative;
    grid-column: span 3
  }

  .bomba.bombita.mas-4 .bomba-grid>div:not(.child-0) .ln-card {
    border: 0;
    margin: 0;
    padding: 0
  }

  .bomba.bombita.mas-4 .bomba-grid>div:not(.child-0) .ln-card .media-container {
    display: none
  }

  .bomba.bombita.mas-4 .bomba-grid .child-2 .ln-card::after,
  .bomba.bombita.mas-4 .bomba-grid .child-3 .ln-card::after,
  .bomba.bombita.mas-4 .bomba-grid .child-4 .ln-card::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: 1px;
    position: absolute;
    background-color: var(--light-neutral-300);
    left: -0.78125rem
  }
}

@media(min-width:80rem) {
  .bomba.bombita.mas-4 .bomba-grid {
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 2rem
  }

  .bomba.bombita.mas-4 .bomba-grid .child-0 {
    grid-column: span 16
  }

  .bomba.bombita.mas-4 .bomba-grid>div:not(.child-0) {
    grid-column: span 4
  }

  .bomba.bombita.mas-4 .bomba-grid .child-2 .ln-card::after,
  .bomba.bombita.mas-4 .bomba-grid .child-3 .ln-card::after,
  .bomba.bombita.mas-4 .bomba-grid .child-4 .ln-card::after {
    left: -1.03125rem
  }
}

.ln-liveblog {
  margin-top: .3125rem
}

.ln-liveblog li {
  padding-bottom: .5rem;
  position: relative;
  border-left: 1px solid var(--light-neutral-300)
}

.ln-liveblog li div {
  margin-top: -0.25rem;
  gap: var(--size-2xs);
  flex-direction: column
}

.ln-liveblog li div time {
  color: var(--danger-600)
}

.ln-liveblog li div h3 {
  margin-top: -0.375rem
}

.ln-liveblog li:before {
  content: "";
  width: .3125rem;
  height: .3125rem;
  border-radius: var(--size-2xs);
  background: var(--danger-600);
  top: 0;
  left: -0.1875rem;
  z-index: 2;
  position: absolute
}

.ln-liveblog li:last-child {
  border: 0
}

.ln-card {
  overflow-wrap: break-word;
  color: var(--light-neutral-800)
}

.ln-card .link {
  width: 100%;
  gap: var(--gap-img)
}

.ln-card .ln-placeholder {
  overflow: hidden
}

.ln-card .ln-placeholder .image,
.ln-card .ln-placeholder .ln-video,
.ln-card .ln-placeholder .embed-code {
  position: absolute;
  height: 100%;
  z-index: 1
}

.ln-card .ln-placeholder:after {
  background-image: url("fa6286591903e8822d942fa262725693c651e7b7.html");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 4.1875rem;
  height: 4.1875rem;
  content: ""
}

.ln-card .media-container {
  overflow: hidden
}

.ln-card .media-container .embed-code {
  width: 100%
}

.ln-card .media-container .embed-code iframe {
  display: flex;
  width: 100%;
  height: 100%
}

.ln-card .description-container {
  width: 100%;
  gap: .75rem
}

.ln-card .description-container .ln-badge {
  position: absolute;
  top: calc(-1 * var(--gap-img) - var(--gap-badge));
  left: var(--gap-badge);
  transform: translateY(-100%);
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content
}

.ln-card .description-container .subhead {
  margin-top: -0.25rem;
  color: var(--light-neutral-600);
  line-height: 140%;
  letter-spacing: -0.02rem
}

.ln-card .description-container .marquee-container {
  gap: .5rem;
  color: var(--light-neutral-600)
}

.ln-card .description-container .marquee-container .marquee-text {
  gap: .25rem
}

.ln-card .description-container .marquee-img {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--light-neutral-200);
  border-radius: 12.5rem
}

@media(min-width:48rem) {
  .ln-card.text-center_m .description-container .marquee-container {
    text-align: left;
    margin: auto
  }
}

.ln-card.--author {
  height: 100%
}

.ln-card.--author .link {
  height: 100%;
  padding: var(--size-sm);
  border: .0625rem solid var(--light-neutral-400);
  align-items: center
}

.ln-card.--author .link .description-container {
  gap: .75rem
}

.ln-card.--author .link .description-container .ln-badge {
  display: none
}

.ln-card.--author .link .description-container .title {
  margin: 0;
  letter-spacing: -0.02rem
}

.ln-card.--author .link .description-container .--font-m,
.ln-card.--author .link .description-container .--font-l-m {
  font-size: 1.25rem
}

.ln-card.--author .link .description-container .marquee-container {
  flex-direction: column;
  gap: .5rem
}

.ln-card.--author .link .description-container .marquee-container .marquee-img {
  background-color: var(--opinion);
  width: 4.5rem;
  height: 4.5rem
}

.ln-card.--author .link .description-container .marquee-container .marquee-placeholder {
  background-color: var(--light-neutral-200);
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  position: relative
}

.ln-card.--author .link .description-container .marquee-container .marquee-placeholder:after {
  background-image: url("fa6286591903e8822d942fa262725693c651e7b7.html");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 4.5rem;
  height: 4.5rem;
  content: ""
}

.ln-card.--author .link .description-container .marquee-container .marquee-placeholder .image {
  position: absolute;
  height: 100%;
  z-index: 1
}

.ln-card.--author .link .description-container .marquee-container .marquee-text {
  bottom: 0;
  left: 0;
  padding-bottom: .75rem
}

@media(min-width:48rem) {

  .ln-card.--author.--m .link,
  .ln-card.--author.--l-m .link {
    padding: var(--size-md)
  }
}

.ln-card.--author.--m .link .description-container,
.ln-card.--author.--l-m .link .description-container {
  flex-direction: row;
  justify-content: space-between
}

.ln-card.--author.--m .link .description-container .title,
.ln-card.--author.--l-m .link .description-container .title {
  padding-bottom: 3.25rem
}

@media(min-width:48rem) {

  .ln-card.--author.--m .link .description-container,
  .ln-card.--author.--l-m .link .description-container {
    flex-direction: column-reverse;
    align-items: center
  }

  .ln-card.--author.--m .link .description-container .title,
  .ln-card.--author.--l-m .link .description-container .title {
    text-align: center;
    padding: 0
  }
}

.ln-card.--author.--m .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--l-m .link .description-container .marquee-container .marquee-text {
  position: absolute
}

@media(min-width:48rem) {

  .ln-card.--author.--m .link .description-container .marquee-container .marquee-text,
  .ln-card.--author.--l-m .link .description-container .marquee-container .marquee-text {
    position: relative;
    text-align: center
  }
}

.ln-card.--author.--m .link .description-container .marquee-container .marquee-text::before,
.ln-card.--author.--l-m .link .description-container .marquee-container .marquee-text::before {
  content: "";
  display: block;
  border-bottom: .0625rem solid var(--light-neutral-400);
  width: 3rem;
  height: 0;
  margin-bottom: var(--size-xs)
}

@media(min-width:48rem) {

  .ln-card.--author.--m .link .description-container .marquee-container .marquee-text::before,
  .ln-card.--author.--l-m .link .description-container .marquee-container .marquee-text::before {
    display: none
  }
}

@media(min-width:48rem) {

  .ln-card.--author.--m .link .description-container .marquee-container .marquee-text::after,
  .ln-card.--author.--l-m .link .description-container .marquee-container .marquee-text::after {
    content: "";
    display: block;
    border-bottom: .0625rem solid var(--light-neutral-400);
    width: 3rem;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1.5rem
  }
}

.ln-card.--author.--m-l .link,
.ln-card.--author.--m-xl .link,
.ln-card.--author.--l .link,
.ln-card.--author.--l-xl .link,
.ln-card.--author.--xl-l .link,
.ln-card.--author.--xl .link,
.ln-card.--author.--2xl .link,
.ln-card.--author.--3xl .link,
.ln-card.--author.--4xl .link,
.ln-card.--author.--5xl .link,
.ln-card.--author.--6xl .link {
  padding: var(--size-md)
}

.ln-card.--author.--m-l .link .description-container,
.ln-card.--author.--m-xl .link .description-container,
.ln-card.--author.--l .link .description-container,
.ln-card.--author.--l-xl .link .description-container,
.ln-card.--author.--xl-l .link .description-container,
.ln-card.--author.--xl .link .description-container,
.ln-card.--author.--2xl .link .description-container,
.ln-card.--author.--3xl .link .description-container,
.ln-card.--author.--4xl .link .description-container,
.ln-card.--author.--5xl .link .description-container,
.ln-card.--author.--6xl .link .description-container {
  flex-direction: column-reverse;
  align-items: center
}

.ln-card.--author.--m-l .link .description-container .title,
.ln-card.--author.--m-xl .link .description-container .title,
.ln-card.--author.--l .link .description-container .title,
.ln-card.--author.--l-xl .link .description-container .title,
.ln-card.--author.--xl-l .link .description-container .title,
.ln-card.--author.--xl .link .description-container .title,
.ln-card.--author.--2xl .link .description-container .title,
.ln-card.--author.--3xl .link .description-container .title,
.ln-card.--author.--4xl .link .description-container .title,
.ln-card.--author.--5xl .link .description-container .title,
.ln-card.--author.--6xl .link .description-container .title {
  text-align: center;
  padding: 0
}

.ln-card.--author.--m-l .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--m-xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--l .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--l-xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--xl-l .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--2xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--3xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--4xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--5xl .link .description-container .marquee-container .marquee-text,
.ln-card.--author.--6xl .link .description-container .marquee-container .marquee-text {
  position: relative;
  text-align: center
}

.ln-card.--author.--m-l .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--m-xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--l .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--l-xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--xl-l .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--2xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--3xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--4xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--5xl .link .description-container .marquee-container .marquee-text::after,
.ln-card.--author.--6xl .link .description-container .marquee-container .marquee-text::after {
  content: "";
  display: block;
  border-bottom: .0625rem solid var(--light-neutral-400);
  width: 3rem;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.5rem
}

.ln-card.--author.--xl .link,
.ln-card.--author.--2xl .link,
.ln-card.--author.--3xl .link,
.ln-card.--author.--4xl .link,
.ln-card.--author.--5xl .link,
.ln-card.--author.--6xl .link {
  gap: .75rem
}

@media(min-width:48rem) {

  .ln-card.--author.--xl .link,
  .ln-card.--author.--2xl .link,
  .ln-card.--author.--3xl .link,
  .ln-card.--author.--4xl .link,
  .ln-card.--author.--5xl .link,
  .ln-card.--author.--6xl .link {
    flex-direction: column-reverse;
    margin-bottom: 0
  }
}

.ln-card.--author.--xl .link .media-container .image,
.ln-card.--author.--2xl .link .media-container .image,
.ln-card.--author.--3xl .link .media-container .image,
.ln-card.--author.--4xl .link .media-container .image,
.ln-card.--author.--5xl .link .media-container .image,
.ln-card.--author.--6xl .link .media-container .image {
  position: relative
}

.ln-card.--author.--with-media {
  text-align: center
}

.ln-card.--author.--with-media .link {
  padding: var(--size-sm);
  justify-content: flex-end
}

.ln-card.--author.--with-media .link .description-container {
  flex-direction: column-reverse;
  padding: var(--size-md)
}

.ln-card.--author.--with-media .link .description-container .title {
  padding: 0
}

.ln-card.--author.--with-media .link .description-container .marquee-text {
  position: relative
}

.ln-card.--author.--with-media .link .description-container .marquee-text::before {
  display: none
}

.ln-card.--author.--with-media .link .description-container .marquee-text::after {
  content: "";
  display: block;
  border-bottom: .0625rem solid var(--light-neutral-400);
  width: 3rem;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.5rem
}

.ln-card.--author.--with-media .link .media-container {
  margin-bottom: 0;
  width: 100%
}

.ln-card.--liveblog.--xl .subtitle-list,
.ln-card.--liveblog.--2xl .subtitle-list,
.ln-card.--liveblog.--3xl .subtitle-list,
.ln-card.--liveblog.--4xl .subtitle-list {
  flex-direction: row
}

.ln-card:not(.--author).--xl .media-container {
  overflow: visible
}

.ln-card:not(.--author).--xl .media-container .ln-placeholder {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem
}

@media(min-width:48rem) {
  .ln-card:not(.--author).--xl .media-container .ln-placeholder {
    width: 100%;
    margin-left: 0
  }
}

.ln-card:not(.--author).--xl .description-container .title,
.ln-card:not(.--author).--2xl .description-container .title,
.ln-card:not(.--author).--3xl .description-container .title,
.ln-card:not(.--author).--4xl .description-container .title,
.ln-card:not(.--author).--5xl .description-container .title,
.ln-card:not(.--author).--6xl .description-container .title {
  letter-spacing: -0.04rem;
  line-height: var(--line-110)
}

.ln-card:not(.--author).--xl-l .description-container .title {
  letter-spacing: -0.01rem;
  font-variation-settings: "wght" 110, "opsz" 0
}

@media(min-width:48rem) {
  .ln-card:not(.--author).--xl-l .description-container .title {
    letter-spacing: -0.04rem;
    line-height: var(--line-110)
  }
}

.ln-card:not(.--author).--l-xl .description-container .title {
  letter-spacing: -0.04rem;
  line-height: var(--line-110)
}

@media(min-width:48rem) {
  .ln-card:not(.--author).--l-xl .description-container .title {
    letter-spacing: -0.01rem;
    font-variation-settings: "wght" 110, "opsz" 0
  }
}

.ln-card:not(.--author).--m .description-container .title,
.ln-card:not(.--author).--l .description-container .title,
.ln-card:not(.--author).--m-l .description-container .title,
.ln-card:not(.--author).--l-m .description-container .title {
  letter-spacing: -0.01rem;
  font-variation-settings: "wght" 110, "opsz" 0
}

.ln-card.--no-media .description-container .ln-badge {
  display: none
}

.ln-card.--no-media .media-container {
  display: none
}

.ln-card.--no-media.--liveblog .description-container .ln-badge {
  display: flex;
  transform: none;
  position: static
}

@media(max-width:47.9375rem) {
  .ln-card.--mobile-img-none .description-container .ln-badge {
    display: none
  }

  .ln-card.--mobile-img-none .media-container {
    display: none
  }

  .ln-card.--mobile-img-none.--liveblog .description-container .ln-badge {
    display: flex;
    transform: none;
    position: static
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-card.--tablet-img-none .description-container .ln-badge {
    display: none
  }

  .ln-card.--tablet-img-none .media-container {
    display: none
  }

  .ln-card.--tablet-img-none.--liveblog .description-container .ln-badge {
    display: flex;
    transform: none;
    position: static
  }
}

@media(min-width:80rem) {
  .ln-card.--desktop-img-none .description-container .ln-badge {
    display: none
  }

  .ln-card.--desktop-img-none .media-container {
    display: none
  }

  .ln-card.--desktop-img-none.--liveblog .description-container .ln-badge {
    display: flex;
    transform: none;
    position: static
  }
}

@media(max-width:47.9375rem) {
  .ln-card.--mobile-img-right .link {
    flex-direction: row-reverse
  }

  .ln-card.--mobile-img-right .link .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--mobile-img-right .media-container {
    min-width: 7.875rem
  }
}

@media(max-width:47.9375rem) and (min-width:20rem) and (max-width:47.9375rem) {
  .ln-card.--mobile-img-right .media-container .ln-placeholder {
    max-width: 7.875rem
  }
}

@media(max-width:47.9375rem) and (min-width:48rem) {
  .ln-card.--mobile-img-right>.link .media-container {
    min-width: 50%
  }

  .ln-card.--mobile-img-right>.link .description-container .ln-badge {
    position: absolute;
    right: calc(-1 * var(--gap-badge));
    left: auto;
    top: var(--gap-badge);
    transform: translateX(calc(100% + var(--gap-img)))
  }
}

@media(max-width:47.9375rem) {
  .ln-card.--mobile-img-right.--liveblog .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--mobile-img-right.--liveblog.--m .ln-liveblog,
  .ln-card.--mobile-img-right.--liveblog.--l-m .ln-liveblog,
  .ln-card.--mobile-img-right.--liveblog.--m-l .ln-liveblog {
    display: none
  }

  .ln-card.--mobile-img-right.--liveblog .ln-link .media-container .ln-placeholder {
    max-width: none
  }

  .ln-card.--mobile-img-right:not(.--author).--m .description-container .ln-badge:not(.--exclusive-ln, .--live, .--contentlab),
  .ln-card.--mobile-img-right:not(.--author).--l-m .description-container .ln-badge:not(.--exclusive-ln, .--live, .--contentlab) {
    display: none
  }

  .ln-card.--mobile-img-right:not(.--author).--m .description-container .--font-m,
  .ln-card.--mobile-img-right:not(.--author).--m .description-container .--font-l-m,
  .ln-card.--mobile-img-right:not(.--author).--l-m .description-container .--font-m,
  .ln-card.--mobile-img-right:not(.--author).--l-m .description-container .--font-l-m {
    font-size: 1.25rem
  }

  .ln-card.--mobile-img-right.--liveblog .media-container {
    min-width: 7.875rem;
    width: 7.875rem
  }

  .ln-card.--mobile-img-right .link .description-container .ln-badge {
    transform: none;
    position: static
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-card.--tablet-img-right .link {
    flex-direction: row-reverse
  }

  .ln-card.--tablet-img-right .link .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--tablet-img-right .media-container {
    min-width: 7.875rem
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) and (min-width:20rem) and (max-width:47.9375rem) {
  .ln-card.--tablet-img-right .media-container .ln-placeholder {
    max-width: 7.875rem
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) and (min-width:48rem) {
  .ln-card.--tablet-img-right>.link .media-container {
    min-width: 50%
  }

  .ln-card.--tablet-img-right>.link .description-container .ln-badge {
    position: absolute;
    right: calc(-1 * var(--gap-badge));
    left: auto;
    top: var(--gap-badge);
    transform: translateX(calc(100% + var(--gap-img)))
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-card.--tablet-img-right.--liveblog .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--tablet-img-right.--liveblog.--m .ln-liveblog,
  .ln-card.--tablet-img-right.--liveblog.--l-m .ln-liveblog,
  .ln-card.--tablet-img-right.--liveblog.--m-l .ln-liveblog {
    display: none
  }

  .ln-card.--tablet-img-right.--liveblog .ln-link .media-container .ln-placeholder {
    max-width: none
  }

  .ln-card.--tablet-img-right.--liveblog .media-container {
    width: 16.125rem
  }

  .ln-card.--tablet-img-right.--liveblog.--m .media-container {
    width: 10.875rem
  }
}

@media(min-width:80rem) {
  .ln-card.--desktop-img-right .link {
    flex-direction: row-reverse
  }

  .ln-card.--desktop-img-right .link .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--desktop-img-right .media-container {
    min-width: 7.875rem
  }
}

@media(min-width:80rem) and (min-width:20rem) and (max-width:47.9375rem) {
  .ln-card.--desktop-img-right .media-container .ln-placeholder {
    max-width: 7.875rem
  }
}

@media(min-width:80rem) and (min-width:48rem) {
  .ln-card.--desktop-img-right>.link .media-container {
    min-width: 50%
  }

  .ln-card.--desktop-img-right>.link .description-container .ln-badge {
    position: absolute;
    right: calc(-1 * var(--gap-badge));
    left: auto;
    top: var(--gap-badge);
    transform: translateX(calc(100% + var(--gap-img)))
  }
}

@media(min-width:80rem) {
  .ln-card.--desktop-img-right.--liveblog .description-container .ln-badge {
    transform: none;
    position: static
  }

  .ln-card.--desktop-img-right.--liveblog.--m .ln-liveblog,
  .ln-card.--desktop-img-right.--liveblog.--l-m .ln-liveblog,
  .ln-card.--desktop-img-right.--liveblog.--m-l .ln-liveblog {
    display: none
  }

  .ln-card.--desktop-img-right.--liveblog .ln-link .media-container .ln-placeholder {
    max-width: none
  }

  .ln-card.--desktop-img-right.--liveblog .media-container {
    width: 16.125rem
  }

  .ln-card.--desktop-img-right.--liveblog.--m .media-container {
    width: 10.875rem
  }
}

@media(max-width:47.9375rem) {
  .ln-card.--mobile-img-left>a {
    display: grid;
    grid-template-columns: 1fr
  }
}

@media(max-width:47.9375rem) and (min-width:48rem) {
  .ln-card.--mobile-img-left>a {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-card.--tablet-img-left>a {
    display: grid;
    grid-template-columns: 1fr
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) and (min-width:48rem) {
  .ln-card.--tablet-img-left>a {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem
  }
}

@media(min-width:80rem) {
  .ln-card.--desktop-img-left>a {
    display: grid;
    grid-template-columns: 1fr
  }
}

@media(min-width:80rem) and (min-width:48rem) {
  .ln-card.--desktop-img-left>a {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem
  }
}

@media(max-width:47.9375rem) {
  .ln-card.--mobile-img-bottom .link {
    flex-direction: column-reverse
  }

  .ln-card.--mobile-img-bottom .link .description-container .ln-badge {
    bottom: calc(0px - var(--gap-img) - var(--gap-badge));
    top: auto;
    transform: translateY(100%)
  }

  .ln-card.--mobile-img-bottom.--liveblog>.ln-link {
    flex-direction: column
  }

  .ln-card.--mobile-img-bottom.--liveblog>.ln-link .media-container {
    order: 3
  }
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-card.--tablet-img-bottom .link {
    flex-direction: column-reverse
  }

  .ln-card.--tablet-img-bottom .link .description-container .ln-badge {
    bottom: calc(0px - var(--gap-img) - var(--gap-badge));
    top: auto;
    transform: translateY(100%)
  }

  .ln-card.--tablet-img-bottom.--liveblog>.ln-link {
    flex-direction: column
  }

  .ln-card.--tablet-img-bottom.--liveblog>.ln-link .media-container {
    order: 3
  }
}

@media(min-width:80rem) {
  .ln-card.--desktop-img-bottom .link {
    flex-direction: column-reverse
  }

  .ln-card.--desktop-img-bottom .link .description-container .ln-badge {
    bottom: calc(0px - var(--gap-img) - var(--gap-badge));
    top: auto;
    transform: translateY(100%)
  }

  .ln-card.--desktop-img-bottom.--liveblog>.ln-link {
    flex-direction: column
  }

  .ln-card.--desktop-img-bottom.--liveblog>.ln-link .media-container {
    order: 3
  }
}

.ln-card.--txt-center .description-container {
  text-align: center;
  align-items: center;
  justify-content: center
}

.grid .grid-item:has(>.ln-card) {
  padding-bottom: .75rem
}

.wrapper-dropdown {
  visibility: hidden;
  z-index: 15001;
  width: 100vw;
  height: 100vh;
  top: 0;
  position: fixed;
  overflow-y: scroll
}

.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
}

.wrapper-dropdown .overlay {
  display: flex;
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 100
}

.wrapper-dropdown .ln-dropdown {
  transition: all .2s ease-in-out;
  background: #f2f2f2;
  width: 100vw;
  position: absolute;
  z-index: 100;
  left: -25rem;
  padding-bottom: 11.25rem;
  overflow-y: scroll
}

.wrapper-dropdown .ln-dropdown>header {
  background: #fff;
  padding: .5rem .5rem .5rem 1rem;
  justify-content: space-between;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: .0625rem solid #e4e4e4
}

.wrapper-dropdown .ln-dropdown>header .ln-icon-dropdown {
  min-height: 1rem
}

.wrapper-dropdown .ln-dropdown>header a {
  display: flex;
  align-items: center
}

.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 {
  margin-top: .5rem;
  border-top: .0625rem solid #e4e4e4
}

.wrapper-dropdown .ln-dropdown>nav ul {
  background: #fff;
  width: 100%
}

.wrapper-dropdown .ln-dropdown>nav ul li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0;
  border-bottom: .0625rem solid #e4e4e4
}

.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 a {
  font-size: .875rem;
  color: #000;
  height: 3.125rem;
  width: calc(100% - 3.125rem);
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: .625rem 1.25rem
}

.wrapper-dropdown .ln-dropdown>nav ul li .button {
  display: none
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more {
  justify-content: center;
  align-items: center
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more>a {
  border-right: .0625rem solid #e4e4e4
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button {
  width: 3.125rem;
  padding: 0;
  border: 0;
  background: 0;
  margin: 0
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more .button i {
  color: #000
}

.wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
  display: none;
  border-top: .0625rem solid #e4e4e4
}

.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 a,
.wrapper-dropdown .ln-dropdown>nav ul.--secondary .--more button i {
  color: #5a5a5a
}

@media(min-width:64rem) {
  .wrapper-dropdown {
    overflow: hidden
  }

  .wrapper-dropdown .ln-dropdown {
    overflow-y: initial;
    width: 17.5rem;
    height: 100vh;
    background: #fff
  }

  .wrapper-dropdown .ln-dropdown>header {
    border: 0
  }

  .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: 0
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--inactive:hover ul {
    display: block
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul {
    position: absolute;
    left: 99%;
    top: 0;
    width: 13.75rem;
    background: #fff;
    border-radius: .25rem;
    padding: 1rem;
    box-shadow: -0.0625rem .125rem .3125rem 0 #bdbdbd
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul li a {
    padding-left: 1rem
  }

  .wrapper-dropdown .ln-dropdown>nav ul li.--more ul:before {
    content: "";
    width: 1rem;
    height: 1rem;
    left: -0.375rem;
    top: .6875rem;
    transform: rotate(136deg);
    position: absolute;
    background: #fff;
    box-shadow: .125rem .125rem .125rem .0625rem hsla(0, 0%, 74%, 0.4);
    z-index: 0
  }
}

@media(min-width:64rem) and (max-height:50rem) {

  .wrapper-dropdown .ln-dropdown>nav ul.--secondary li.--more ul,
  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--lifestyle ul {
    bottom: 0;
    top: auto
  }

  .wrapper-dropdown .ln-dropdown>nav ul.--secondary li.--more ul:before,
  .wrapper-dropdown .ln-dropdown>nav ul li.--more.--lifestyle ul:before {
    top: auto;
    bottom: .6875rem
  }
}

@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 {
  position: relative;
  margin-bottom: 1rem
}

.list li.--disabled {
  color: #919191;
  text-decoration: line-through
}

.list.--bullet li {
  padding-left: 1rem
}

.list.--bullet li:after {
  position: absolute;
  content: "•";
  font-size: 1.875rem;
  left: -0.4375rem;
  bottom: 0
}

.list.--bullet-xs li .link {
  padding-right: 1rem
}

.list.--bullet-xs li .link:after {
  position: absolute;
  content: "•";
  color: #ccc;
  font-size: .875rem;
  right: -0.1875rem;
  bottom: 0
}

.list.--bullet-xs-left li::before {
  position: relative;
  margin-right: .625rem;
  content: "•";
  color: #ccc;
  font-size: .875rem;
  right: -0.1875rem;
  bottom: 0;
  display: inline-block
}

.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
}

:root {
  --color-link: var(--blue-500)
}

.ln-link {
  color: var(--color-link)
}

.ln-navbar {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: var(--size-xs) var(--size-sm) var(--size-2xs);
  background: var(--light-neutral-0);
  z-index: 15000;
  border-top: 1px solid var(--light-neutral-300);
  width: 100%;
  display: none;
}

.ln-navbar ul {
  display: flex;
  max-width: 25rem;
  margin: 0 auto;
  justify-content: space-between
}

.ln-navbar ul .--item>* {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--light-neutral-800);
  min-width: 3.625rem;
  gap: .375rem
}

.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
  }
}

.container-op {
  margin-bottom: 1rem
}

@media(min-width:48rem) {
  .container-op.--center-focal .--1 .ln-card .description-container .marquee-container {
    justify-content: center
  }

  .container-op.--center-focal .--1 .ln-card .description-container .marquee-container .marquee-text {
    text-align: left
  }
}

.container-op.--left-focal .--0 .ln-card .media-container,
.container-op.--center-focal .--0 .ln-card .media-container,
.container-op.--focal-70 .--0 .ln-card .media-container {
  overflow: visible
}

.container-op.--left-focal .--0 .ln-card .media-container .ln-placeholder,
.container-op.--center-focal .--0 .ln-card .media-container .ln-placeholder,
.container-op.--focal-70 .--0 .ln-card .media-container .ln-placeholder {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem
}

@media(min-width:48rem) {

  .container-op.--left-focal .--0 .ln-card .media-container .ln-placeholder,
  .container-op.--center-focal .--0 .ln-card .media-container .ln-placeholder,
  .container-op.--focal-70 .--0 .ln-card .media-container .ln-placeholder {
    width: 100%;
    margin-left: 0
  }
}

@media(max-width:47.9375rem) {

  .container-op.--left-focal .--0 .ln-card .description-container .title,
  .container-op.--center-focal .--0 .ln-card .description-container .title,
  .container-op.--focal-70 .--0 .ln-card .description-container .title {
    letter-spacing: -0.04rem;
    line-height: var(--line-110)
  }

  .container-op.--left-focal .--0 .ln-card .description-container .title .lead,
  .container-op.--center-focal .--0 .ln-card .description-container .title .lead,
  .container-op.--focal-70 .--0 .ln-card .description-container .title .lead {
    font-variation-settings: "wght" 170, "opsz" 50
  }

  .container-op.--left-focal .--0 .ln-card .description-container .ln-badge,
  .container-op.--center-focal .--0 .ln-card .description-container .ln-badge,
  .container-op.--focal-70 .--0 .ln-card .description-container .ln-badge {
    left: 0
  }
}

.container-op .ln-opening-container {
  display: grid;
  row-gap: 1rem
}

@media(min-width:48rem) {
  .container-op .ln-opening-container .grid.container-op-top {
    border-bottom: .0625rem solid #e4e4e4
  }
}

.container-op .ln-opening-container .grid .grid-item {
  position: relative;
  border-bottom: .0625rem solid #e4e4e4
}

@media(min-width:48rem) {
  .container-op .ln-opening-container .grid .grid-item {
    border-bottom: 0
  }
}

@media(min-width:48rem) {
  .container-op.--bn-opening-4 .grid-item:not(:first-child) .ln-card::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.78125rem
  }
}

@media(min-width:80rem) {
  .container-op.--bn-opening-4 .grid-item:not(:first-child) .ln-card::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {
  .container-op.--left-focal .--0 {
    grid-row: 1/span 4
  }

  .container-op.--left-focal .--0::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }

  .container-op.--left-focal .--1 {
    grid-row: 1/span 2
  }

  .container-op.--left-focal .--1 .ln-card::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }

  .container-op.--left-focal .--1 .ln-card::before {
    content: "";
    height: .0625rem;
    width: calc(100% + 2rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--left-focal .--2 {
    grid-row: 1/span 2
  }

  .container-op.--left-focal .--2 .ln-card::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--left-focal .--3 {
    grid-row: 3/span 2
  }

  .container-op.--left-focal .--3 .ln-card::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }

  .container-op.--left-focal .--4 {
    grid-row: 3/span 2
  }

  .container-op.--left-focal .--5 {
    grid-row: 5/span 1
  }

  .container-op.--left-focal .--5::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    top: -1rem
  }

  .container-op.--focal-70 .grid .--0 {
    grid-row: 1/span 4
  }

  .container-op.--focal-70 .grid .--0 .ln-card.ln-70-video .link .media-container .--ar-picture {
    aspect-ratio: 3/1.7
  }

  .container-op.--focal-70 .grid .--0 .ln-card .link .media-container {
    min-width: 67%
  }

  .container-op.--focal-70 .grid .--0::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }

  .container-op.--focal-70 .grid .--1 {
    grid-row: 1/span 1
  }

  .container-op.--focal-70 .grid .--1 .ln-card::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--focal-70 .grid .--2 {
    grid-row: 2/span 1
  }

  .container-op.--center-focal .grid .--0 {
    grid-row: 1/span 1
  }

  .container-op.--center-focal .grid .--0 .ln-card .link .description-container .title .lead {
    display: block
  }

  .container-op.--center-focal .grid .--0 .ln-card::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--center-focal .grid .--1 {
    text-align: center;
    grid-row: 2/span 3
  }

  .container-op.--center-focal .grid .--1 .ln-card::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -0.78125rem
  }

  .container-op.--center-focal .grid .--1 .ln-card .link .description-container {
    align-items: center
  }

  .container-op.--center-focal .grid .--1 .ln-card .link .description-container .title {
    text-align: center
  }

  .container-op.--center-focal .grid .--1 .ln-card .link .description-container .marquee-container {
    text-align: left
  }

  .container-op.--center-focal .grid .--2 {
    grid-row: 2/span 1
  }

  .container-op.--center-focal .grid .--2 .ln-card::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--center-focal .grid .--3 {
    grid-row: 3/span 2
  }

  .container-op.--center-focal .grid .--3 .ln-card .link .media-container {
    display: none
  }
}

@media(min-width:80rem) {
  .container-op.--left-focal .grid .--0::before {
    content: "";
    height: calc(100% - 4px);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }

  .container-op.--left-focal .grid .--1 .ln-card::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }

  .container-op.--left-focal .grid .--1 .ln-card::before {
    content: "";
    height: .0625rem;
    width: calc(100% + 2rem);
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--left-focal .grid .--2 .ln-card::after {
    content: "";
    height: .0625rem;
    width: 100%;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--left-focal .grid .--3 .ln-card::after {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }

  .container-op.--left-focal .grid .--5 {
    grid-row: 1/span 4
  }

  .container-op.--left-focal .grid .--5::before {
    content: "";
    height: calc(100% - 4px);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }

  .container-op.--left-focal .grid .--5::after {
    content: "";
    height: 0;
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    top: -1.5rem
  }

  .container-op.--center-focal .grid .--0 {
    grid-row: 1/span 4
  }

  .container-op.--center-focal .grid .--0 .ln-card::after {
    content: "";
    height: 0;
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: 0;
    bottom: 0
  }

  .container-op.--center-focal .grid .--0::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }

  .container-op.--center-focal .grid .--1 {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
    grid-row: 1/span 4
  }

  .container-op.--center-focal .grid .--1 .ln-card::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }

  .container-op.--center-focal .grid .--2 {
    grid-row: 1/span 1
  }

  .container-op.--center-focal .grid .--3 {
    grid-row: 2/span 3
  }

  .container-op.--focal-70 .grid .--0 .ln-card .ln-link .description-container .ln-badge {
    right: -2rem
  }

  .container-op.--focal-70 .grid .--0 .ln-card .ln-link .media-container {
    padding: 0 1.5rem
  }

  .container-op.--focal-70 .grid .--0::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    right: -1.03125rem
  }
}

.--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.525rem;
  line-height: 150%
}

.--font-s {
  font-size: 1.5rem;
  line-height: 150%
}

.--font-xs {
  font-size: 1.275rem;
  line-height: 130%
}

.--font-2xs {
  font-size: 1.2rem;
  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 {
  position: relative;
  display: grid;
  width: 100%;
  min-width: -moz-min-content;
  min-width: min-content
}

.--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-template-columns: repeat(1, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-7 {
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 16px
}

.--d-grid.--grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 16px
}

@media(min-width:48rem) {
  .--d-grid.--grid-cols-md-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-md-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
  }
}

@media(min-width:64rem) {
  .--d-grid.--grid-cols-lg-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 24px
  }

  .--d-grid.--grid-cols-lg-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
  }
}

@media(min-width:80rem) {
  .--d-grid.--grid-cols-xl-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-7 {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-8 {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-9 {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-11 {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-12 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-13 {
    grid-template-columns: repeat(13, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-14 {
    grid-template-columns: repeat(14, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-15 {
    grid-template-columns: repeat(15, 1fr);
    grid-column-gap: 32px
  }

  .--d-grid.--grid-cols-xl-16 {
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 32px
  }
}

.--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
}


button {
  cursor: pointer;
  background: unset
}

input:focus,
a,
button {
  outline: 0
}

:root {
  --size-3xs: .25rem;
  --size-2xs: .5rem;
  --size-xs: .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;
  --blue-100: #e7f0ff;
  --blue-500: #0250c9;
  --blue-400: #126fff;
  --blue-300: #85b4fe;
  --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;
  --hashtag: #dbff00;
  --hashtag-dark: #475300;
  --webstorys: #ffc6f9;
  --webstorys-dark: #88187c;
  --exclusivo-suscriptores: #fdb727;
  --bg-exclusivo-suscriptores: #272727;
  --opinion: #0074c4;
  --nunca-cuatro: #74d1e5;
  --criptograma: #a2ce40;
  --sudoku: #ee6ba9;
  --crucigrama: #e1435f;
  --palabras-cruzadas: #ca67d2;
  --sopa-de-letras: #ecb535;
  --el-telar: #5bbb87;
  --trivias: #69c7c3;
  --cruciexpress: #ff8ea9;
  --palabra-oculta: #97c7ff;
  --diferencias: #ed933f;
  --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-container1 {
  height: 100%;
}

.lay-container1 .ai-center {
  height: 100%;
}

.lay-container {
  width: 100%;
  /*  max-width: 85.375rem;*/
  margin: 0 auto;
  padding: 0 var(--gap-v);


}

.ln-aside {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 4px, rgba(0, 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 {
    position: fixed;
    background: var(--light-neutral-900);
    width: 100%;
    z-index: 1499;
    top: 3.5625rem;
    animation: transitionAdvance .5s
  }

  @keyframes transitionAdvance {
    0% {
      top: 0
    }

    100% {
      top: 3.5625rem
    }
  }
}

@media(width <=22.375rem) {
  .common-main-header .right-options .ln-button[data-variant=subscribe] {
    background: 0;
    padding: 0;
    text-transform: none;
    font-size: .875rem
  }

  .common-main-header .right-options .ln-button.--negative {
    color: var(--light-neutral-50)
  }
}

.common-main-header .ln-button {
  transition: none
}

.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 {
  border-radius: .25rem
}

.rounded-8 {
  border-radius: .25rem
}

.rounded-16 {
  border-radius: 1rem
}

.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-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-thin {
  border-width: thin
}

.border.border-1 {
  border-width: .0625rem
}

.border.border-5 {
  border-width: .3125rem
}

@media(min-width:64rem) {
  .--border-l-left-gray {
    border-left: .0625rem solid #ccc
  }
}

.border-left-none {
  /*  border-left: 0*/
}

.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-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-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)
}

.bg-dark-100 {
  background: var(--dark-neutral-100)
}

.bg-white {
  background: var(--light-neutral-0)
}

.bg-light-0 {
  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-black-40 {
  background: rgba(0, 0, 0, 0.4)
}

.bg-black-64 {
  background: rgba(26, 26, 26, 0.64)
}

.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-yellow-subscribe {
  background: var(--yellow-subscribe)
}

.bg-danger-600 {
  background: var(--danger-600)
}

.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-cruciexpress {
  background: var(--cruciexpress)
}

.bg-palabra-oculta {
  background: var(--palabra-oculta)
}

.bg-diferencias {
  background: var(--diferencias)
}

.bg-green {
  background: #008759
}

.bg-yellow {
  background: #ffc402
}

.bg-red {
  background: #c61b25
}

.bg-blue {
  background: #2f3a4e
}

.bg-no-digital {
  background: var(--no-digital)
}

.bg-nunca-cuatro__hover:hover {
  background-color: var(--nunca-cuatro)
}

.bg-criptograma__hover:hover {
  background-color: var(--criptograma)
}

.bg-crucigrama__hover:hover {
  background-color: var(--crucigrama)
}

.bg-sudoku__hover:hover {
  background-color: var(--sudoku)
}

.bg-palabras-cruzadas__hover:hover {
  background-color: var(--palabras-cruzadas)
}

.bg-sopa-de-letras__hover:hover {
  background-color: var(--sopa-de-letras)
}

.bg-el-telar__hover:hover {
  background-color: var(--el-telar)
}

.bg-trivias__hover:hover {
  background-color: var(--trivias)
}

.bg-cruciexpress__hover:hover {
  background-color: var(--cruciexpress)
}

.bg-palabra-oculta__hover:hover {
  background-color: var(--palabra-oculta)
}

.bg-diferencias__hover:hover {
  background-color: var(--diferencias)
}

.cardGames__hover:hover .border-neutral-light-700 {
  border-color: var(--light-neutral-0)
}

.bg-secondary__hover:hover {
  background: var(--neutral-light-50)
}

.bg-dark-secondary__hover:hover {
  background: var(--neutral-dark-50)
}

.bg-neutral-light-1_l {
  background-color: var(--neutral-light-1)
}

.bg-blue-100__hover:hover {
  background: var(--blue-100)
}

.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: 1.275rem;
  line-height: 130%
}

@media(min-width:80rem) {
  .text-12_lg {
    font-size: .75rem;
    line-height: 100%
  }
}

strong:not(.--font-primary),
.--font-bold:not(.--font-primary),
.font-bold: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.--font-black,
.--prumo-italic.--font-black {
  font-variation-settings: "wght" 190, "opsz" 50;
  font-weight: 100
}

.--prumo.--font-extra,
.--prumo-italic.--font-extra {
  font-variation-settings: "wght" 170, "opsz" 50;
  font-weight: 100
}

.--prumo.--font-bold,
.--prumo-italic.--font-bold {
  font-variation-settings: "wght" 150, "opsz" 50;
  font-weight: 100
}

.--prumo.--font-semi,
.--prumo-italic.--font-semi {
  font-variation-settings: "wght" 130, "opsz" 50
}

.--prumo.--font-medium,
.--prumo-italic.--font-medium {
  font-variation-settings: "wght" 110, "opsz" 50
}

.--prumo.--font-book,
.--prumo-italic.--font-book {
  font-variation-settings: "wght" 90, "opsz" 50
}

.--prumo.--font-8xl,
.--prumo.--font-7xl,
.--prumo.--font-6xl,
.--prumo-italic.--font-8xl,
.--prumo-italic.--font-7xl,
.--prumo-italic.--font-6xl {
  line-height: var(--line-110)
}

.--prumo.--font-5xl,
.--prumo.--font-4xl,
.--prumo.--font-3xl,
.--prumo.--font-2xl,
.--prumo.--font-xl,
.--prumo-italic.--font-5xl,
.--prumo-italic.--font-4xl,
.--prumo-italic.--font-3xl,
.--prumo-italic.--font-2xl,
.--prumo-italic.--font-xl {
  line-height: var(--line-116)
}

.--prumo.--font-m-l,
.--prumo.--font-l-m,
.--prumo.--font-l,
.--prumo.--font-m,
.--prumo.--font-s,
.--prumo.--font-xs,
.--prumo.--font-2xs,
.--prumo-italic.--font-m-l,
.--prumo-italic.--font-l-m,
.--prumo-italic.--font-l,
.--prumo-italic.--font-m,
.--prumo-italic.--font-s,
.--prumo-italic.--font-xs,
.--prumo-italic.--font-2xs {
  line-height: var(--line-130)
}

@media(min-width:80rem) {

  .--prumo.--font-4xl,
  .--prumo-italic.--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)
  }
}

.m-auto {
  margin: auto
}

.mb-0 {
  margin-bottom: 0
}

.mb-2 {
  margin-bottom: .125rem
}

.mb-4 {
  margin-bottom: .25rem
}

.mb-10 {
  margin-bottom: .625rem
}

.mb-16 {
  margin-bottom: 1rem
}

.mb-24 {
  margin-bottom: 1.5rem
}

.mb-32 {
  margin-bottom: 2rem
}

.mb-40 {
  margin-bottom: 2.5rem
}

.mt-4 {
  margin-top: .25rem
}

.mt-8 {
  margin-top: .5rem
}

.mt-32 {
  margin-top: 2rem
}

.mt-50 {
  margin-top: 0
}

.ml-4 {
  margin-left: .25rem
}

.ml-7 {
  margin-left: .4375rem
}

.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-12 {
  margin-inline: -0.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
}

.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-24 {
  padding-top: 1.5rem
}

.pt-40 {
  padding-top: 2.5rem
}

.pt-80 {
  padding-top: 5rem
}

.pb-12 {
  padding-bottom: .75rem
}

.pb-16 {
  padding-bottom: 1rem
}

.pb-24 {
  padding-bottom: 1.5rem
}

.pl-4 {
  padding-left: .25rem
}

.pl-8 {
  padding-left: .5rem
}

.pl-10 {
  padding-left: .625rem
}

.pl-16 {
  padding-left: 1rem
}

.pl-24 {
  padding-left: 1.5rem
}

.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
}

@media(min-width:48rem) {
  .mb-0_m {
    margin-bottom: 0
  }

  .mb-24_m {
    margin-bottom: 1.5rem
  }

  .mt-0_m {
    margin-top: 0
  }

  .mt-24_m {
    margin-top: 1.5rem
  }

  .mr-24_m {
    margin-right: 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
  }
}

@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
  }

  .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) {
  .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
  }
}

.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
}

@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
  }
}

.visibility-hidden {
  visibility: hidden
}

.visibility-visible {
  visibility: visible
}

.opacity-0 {
  opacity: 0
}

.opacity-1 {
  opacity: .01
}

.opacity-100 {
  opacity: 1
}

.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
}

@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
  }
}

@media(min-width:80rem) {
  .jc-center_lg {
    justify-content: center
  }
}

.flex-column {
  flex-direction: column
}

@media(min-width:32rem) {
  .flex-row_sm {
    flex-direction: row
  }
}

@media(min-width:48rem) {
  .flex-column_m {
    flex-direction: column
  }

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

@media(min-width:64rem) {
  .flex-column_l {
    flex-direction: column
  }

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

.flex-wrap {
  flex-wrap: wrap
}

.flex-nowrap {
  flex-wrap: nowrap
}

.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-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-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
}

@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
  }
}

@media(min-width:64rem) {
  .w-268_l.w-268_l {
    width: 16.75rem
  }
}

@media(min-width:64rem) {
  .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
  }
}

.max-w-165.max-w-165 {
  max-width: 10.3125rem
}

.max-w-365.max-w-365 {
  max-width: 22.8125rem
}

@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-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-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-140.h-140 {
  height: 8.75rem
}

.h-fit.h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.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
  }
}

@media(min-width:64rem) {
  .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-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, 0.0588235294)
}

.shadow-center {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08)
}

.shadow-pwamodal {
  box-shadow: 0 0 1.75rem .1875rem rgba(0, 0, 0, 0.5)
}

.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
}

.-order-1 {
  order: -1
}

@media(min-width:64rem) {
  .order-initial_min1024 {
    order: initial
  }
}

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1rem
}

.grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 1rem
}

.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-template-columns: repeat(12, 1fr);
    grid-column-gap: 1rem
  }

  .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-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.5rem
  }

  .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-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.5rem
  }

  .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-template-columns: repeat(12, 1fr);
    grid-column-gap: 2rem
  }

  .grid-cols-16_xl {
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 2rem
  }

  .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-4 {
  gap: .25rem
}

.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-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: .25rem;
  --newsletterbox-button-font-family: Arial, Roboto;
  --newsletterbox-excusive-badge-font-family: Arial, Roboto;
  --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: -0.125rem
}

.top-3 {
  top: .1875rem
}

.top-10 {
  top: .625rem
}

.top-100 {
  top: 100%
}

.top-113 {
  top: 7.0625rem
}

.bottom-60 {
  bottom: 3.75rem
}

.bottom-64 {
  bottom: 4rem
}

.right--2 {
  right: -0.125rem
}

.right-4 {
  right: .25rem
}

.left-50 {
  left: 50%
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.fixed {
  position: fixed
}

.sticky {
  position: sticky
}

@media(min-width:48rem) {
  .bottom-100_md {
    bottom: 6.25rem
  }
}

@media(min-width:48rem) {
  .top-auto_md {
    top: auto
  }
}

@media(min-width:64rem) {
  .fixed_l {
    position: fixed
  }
}

@media(min-width:64rem) {
  .top-73_min1024 {
    top: 4.5625rem
  }
}

@media(min-width:64rem) {
  .left-90_l {
    left: 5.625rem
  }
}

@media(min-width:64rem) {
  .bottom-auto_l {
    bottom: auto
  }
}

@media(min-width:64rem) {
  .top-0_l {
    top: 0
  }
}

@media(min-width:48rem) {
  .absolute_md {
    position: absolute
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(6.25rem)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible
  }

  100% {
    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
  }

  100% {
    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-ease-in {
  transition-timing-function: ease-in
}

.transition.transition-duration-1000 {
  transition-duration: 1000ms
}

.transition.transition-duration-800 {
  transition-duration: 800ms
}

.transition.transition-duration-250 {
  transition-duration: 250ms
}

:root {
  --notification-drawer-z-index: 15000;
  --notification-drawer-scrollbar-radius: .5rem;
  --notification-drawer-scrollbar-color: #0250c9;
  --notification-drawer-tooltip-background: #0250c9;
  --notification-drawer-tooltip-border-radius: .25rem;
  --notification-drawer-tooltip-z-index: 1000;
  --notification-card-border-radius: .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: .5rem .75rem;
  --notification-card-button-border-radius: .25rem;
  --notification-card-button-font-size: .75rem;
  --notification-card-button-line-height: 130%;
  --notification-card-button-font-weight: 700;
  --notification-card-time-font-size: .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: .75rem 1rem;
  --notification-drawer-error-state-button-border-radius: .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: .75rem 1rem;
  --notification-drawer-login-incentive-button-border-radius: .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("22298ef558dfa9ec1221d00222961cb308117dd7.html");
  --notification-drawer-empty-state-illustration: url("75bedf0c7f79570f74ad986684ba3486da29be76.html");
  --notification-drawer-error-state-illustration: url("aaf3aea7b70cac53d66e121b5f11c5aa5fa97a45.html")
}

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_max1279::after,
.--degrade-scroll::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0, #fff 100%);
  z-index: 1;
  margin-right: -0.0625rem
}

.--degrade-scroll_max1279::after {
  display: none
}

@media(max-width:1279px) {
  .--degrade-scroll_max1279::after {
    display: block
  }
}

.--bullet-list_4 li:not(:first-child):before,
.--bullet-list_8 li:not(:first-child):before {
  content: "•";
  position: relative;
  display: flex
}

.--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
}

.--transition-header {
  animation: transitionHeader .5s
}

@keyframes transitionHeader {
  0% {
    top: -3.5625rem
  }

  100% {
    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
}

header .text.ln-text {
  color: #000
}

.ln-timeline>div .--bbt {
  line-height: 120%;
  border-bottom: .0625rem solid var(--light-neutral-400);
  width: 100%
}

.ln-timeline>div .--tm-weight {
  font-variation-settings: "wght" 130
}

@media(min-width:48rem) and (max-width:79.9375rem) {
  .ln-timeline .ln-timeline-list {
/*    display: grid;*/
    grid-auto-columns: 1fr
  }

  .ln-timeline .ln-timeline-list>li:first-child {
    padding-left: 0
  }

  .ln-timeline .ln-timeline-list>li:not(:first-child) {
    padding-left: 1.5rem
  }

  .ln-timeline .ln-timeline-list>li {
    grid-row: 1
  }
}

.ln-timeline .ln-timeline-list li {
  padding-left: .65625rem
}

.ln-timeline .ln-timeline-list li div {
  margin-top: -0.25rem;
  gap: var(--size-2xs);
  flex-direction: column
}

.ln-timeline .ln-timeline-list li div time {
  color: var(--light-neutral-600)
}

.ln-timeline .ln-timeline-list li div time .--tl-vivo {
  text-transform: uppercase;
  color: var(--danger-600);
  font-size: .6875rem;
  margin-bottom: 10px;
  margin-left: .375rem
}

.ln-timeline .ln-timeline-list li div h3 {
  margin-top: -0.375rem;
  line-height: 120%
}

@media(min-width:20rem) and (max-width:47.9375rem) {
  .ln-timeline .ln-timeline-list li {
    position: relative;
    border-left: .0625rem solid var(--light-neutral-300)
  }

  .ln-timeline .ln-timeline-list li:before {
    content: "";
    width: .3125rem;
    height: .3125rem;
    border-radius: var(--size-2xs);
    background: var(--dark-neutral-50);
    top: 0;
    left: -0.1875rem;
    z-index: 2;
    position: absolute
  }

  .ln-timeline .ln-timeline-list li:last-child {
    border: 0
  }
}

@media(min-width:80rem) {
  .ln-timeline .ln-timeline-list li {
    position: relative;
    border-left: .0625rem solid var(--light-neutral-300)
  }

  .ln-timeline .ln-timeline-list li:before {
    content: "";
    width: .3125rem;
    height: .3125rem;
    border-radius: var(--size-2xs);
    background: var(--dark-neutral-50);
    top: 0;
    left: -0.1875rem;
    z-index: 2;
    position: absolute
  }

  .ln-timeline .ln-timeline-list li:last-child {
    border: 0
  }
}

.ln-tooltip {
  text-transform: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  top: calc(100% + 0.25rem);
  line-height: 130%
}

.ln-tooltip::before {
  content: "";
  position: inherit;
  width: .5rem;
  height: .5rem;
  border-bottom: 1px solid var(--light-neutral-50);
  border-right: 1px solid var(--light-neutral-50);
  border-bottom-right-radius: .25rem;
  top: -0.3125rem;
  background-color: var(--dark-neutral-100);
  transform: rotate(225deg)
}

.--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::before {
    left: inherit
  }
}

@media(min-width:360px) {
  .ln-tooltip.--bottom-right_xs {
    left: inherit
  }
}

@media(min-width:64rem) {
  .ln-tooltip.--top_l {
    top: auto;
    bottom: calc(100% + 0.25rem)
  }

  .ln-tooltip.--top_l::before {
    top: 100%;
    transform: rotate(45deg) translate(-50%)
  }
}

.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) {
  padding: .5rem;
  border: .0625rem solid var(--light-neutral-200)
}

.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 {
  text-align: center;
  min-width: 71%;
  margin-right: 1rem;
  padding-bottom: .75rem;
  position: relative
}

.wrap-webstories>.scrolX>div>div:last-child {
  margin: 0
}

@media(max-width:47.9375rem) {
  .wrap-webstories>.scrolX>div>div article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -0.53125rem
  }
}

@media(min-width:48rem) {
  .wrap-webstories>.scrolX>div>div article::before {
    content: "";
    height: calc(100% - 0.25rem);
    width: .0625rem;
    position: absolute;
    background-color: #e4e4e4;
    left: -1.03125rem
  }
}

@media(min-width:48rem) {
  .wrap-webstories>.scrolX>div>div {
    min-width: calc(25% - 1.5rem);
    margin-right: 2rem
  }
}

.wrap-webstories>.scrolX>div>div .media-container {
  border-radius: .5rem
}

.wrap-webstories>.scrolX>div>div .media-container .ln-placeholder {
  border-radius: .5rem;
  aspect-ratio: 3/4
}

.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, rgba(0, 0, 0, 0) 60%, var(--webstorys) 60%, var(--webstorys) 85%, rgba(0, 0, 0, 0) 85%);
  display: inline
}

.wrap-webstories>.scrolX>div>div .description-container .ln-text.title:not(#special) .lead::after {
  content: "\a";
  white-space: pre
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

</style><style type="text/css">.icon {
  transition: 0.3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.icon.--hasWrapper {
  box-sizing: content-box;
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.icon>svg {
  width: inherit;
  height: inherit;
  vertical-align: top;
}

.icon.--icon-8 {
  width: 0.5rem;
  height: 0.5rem;
}

.icon.--icon-8.--hasWrapper {
  padding: 0.25rem;
}

.icon.--icon-12 {
  width: 0.75rem;
  height: 0.75rem;
}

.icon.--icon-12.--hasWrapper {
  padding: 0.25rem;
}

.icon.--icon-16 {
  width: 1rem;
  height: 1rem;
}

.icon.--icon-16.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-18 {
  width: 1.125rem;
  height: 1.125rem;
}

.icon.--icon-18.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon.--icon-20.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.icon.--icon-24.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-28 {
  width: 1.75rem;
  height: 1.75rem;
}

.icon.--icon-28.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-32 {
  width: 2rem;
  height: 2rem;
}

.icon.--icon-32.--hasWrapper {
  padding: 0.75rem;
}

.icon.--icon-36 {
  width: 2.25rem;
  height: 2.25rem;
}

.icon.--icon-36.--hasWrapper {
  padding: 0.75rem;
}

.icon.--icon-40 {
  width: 2.5rem;
  height: 2.5rem;
}

.icon.--icon-40.--hasWrapper {
  padding: 1rem;
}

.icon.--icon-44 {
  width: 2.75rem;
  height: 2.75rem;
}

.icon.--icon-44.--hasWrapper {
  padding: 1rem;
}

.icon.--icon-48 {
  width: 3rem;
  height: 3rem;
}

.icon.--icon-48.--hasWrapper {
  padding: 1rem;
}

.icon.--light svg>path {
  fill: #ffffff;
}

.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;
}

</style><style type="text/css">.button.notification-drawer-button {
  position: relative;
  border: var(--notification-drawer-button-border);
  border-radius: var(--notification-drawer-button-radius);
  background-color: var(--notification-drawer-button-background-color);
  padding: 0;
}

.button.notification-drawer-button .icon {
  width: var(--notification-drawer-button-icon-width, 1.5rem);
  height: var(--notification-drawer-button-icon-height, 1.5rem);
}

.button.notification-drawer-button .icon>svg>path {
  fill: var(--notification-drawer-button-icon-color, currentColor);
}

.button.notification-drawer-button:hover {
  opacity: 1;
}

.button.notification-drawer-button.pulse::before,
.button.notification-drawer-button.pulse::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.button.notification-drawer-button.pulse::before {
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  background-color: #C61B25;
}

.button.notification-drawer-button.pulse::after {
  top: -3px;
  right: -3px;
  border: 0.125rem solid #C61B25;
  width: 0.875rem;
  height: 0.875rem;
  animation: pulse 1s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
  }

  100% {
    transform: scale(1.2, 1.2);
  }
}

.notification-drawer-tooltip {
  transition: opacity 0.2s linear, visibility 0.2s linear, transform 0.2s linear;
  position: absolute;
  padding: var(--notification-drawer-tooltip-padding, 0.75rem);
  display: flex;
  gap: var(--notification-drawer-tooltip-gap, 0.25rem);
  font-family: var(--notification-drawer-tooltip-font-family);
  font-size: var(--notification-drawer-tooltip-font-size, 0.75rem);
  line-height: var(--notification-drawer-tooltip-line-height);
  font-weight: var(--notification-drawer-tooltip-font-weight);
  background-color: var(--notification-drawer-tooltip-background);
  color: var(--notification-drawer-tooltip-color, #fefefe);
  border-radius: var(--notification-drawer-tooltip-border-radius);
  width: 6.6875rem;
  text-transform: initial;
  white-space: initial;
  z-index: var(--notification-drawer-tooltip-z-index);
}

@media (min-width: 768px) {
  .notification-drawer-tooltip {
    width: 8.8125rem;
  }
}

.notification-drawer-tooltip:after {
  content: "";
  position: absolute;
  background: inherit;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: inherit;
  border-right: inherit;
  border-bottom-right-radius: 50%;
  z-index: 1;
}

.notification-drawer-tooltip[data-visible=false] {
  opacity: 0;
  visibility: hidden;
}

.notification-drawer-tooltip[data-visible=false][data-position=bottom] {
  transform: translate3d(-50%, -0.625rem, 0);
}

.notification-drawer-tooltip[data-visible=false][data-position=top] {
  transform: translate3d(-50%, 0.625rem, 0);
}

.notification-drawer-tooltip[data-visible=false][data-position=left] {
  transform: translate3d(0.625rem, -50%, 0);
}

.notification-drawer-tooltip[data-visible=false][data-position=right] {
  transform: translate3d(-0.625rem, -50%, 0);
}

.notification-drawer-tooltip[data-visible=true] {
  opacity: 1;
  visibility: visible;
}

.notification-drawer-tooltip[data-visible=true][data-position=bottom] {
  transform: translate3d(-50%, 0, 0);
}

.notification-drawer-tooltip[data-visible=true][data-position=top] {
  transform: translate3d(-50%, 0, 0);
}

.notification-drawer-tooltip[data-visible=true][data-position=left] {
  transform: translate3d(0, -50%, 0);
}

.notification-drawer-tooltip[data-visible=true][data-position=right] {
  transform: translate3d(0, -50%, 0);
}

.notification-drawer-tooltip[data-position=bottom] {
  top: calc(100% + 0.75rem);
  left: 50%;
}

.notification-drawer-tooltip[data-position=bottom]::after {
  bottom: 100%;
  left: 50%;
  transform: rotate(-135deg) translate(0, -60%);
}

.notification-drawer-tooltip[data-position=bottom-right] {
  top: calc(100% + 0.75rem);
  right: 0;
}

.notification-drawer-tooltip[data-position=bottom-right]::after {
  bottom: 100%;
  right: 0.25rem;
  transform: rotate(-135deg) translate(0, -60%);
}

.notification-drawer-tooltip[data-position=top] {
  bottom: calc(100% + 0.75rem);
  left: 50%;
}

.notification-drawer-tooltip[data-position=top]::after {
  top: 100%;
  left: 50%;
  transform: rotate(45deg) translate(-60%);
}

.notification-drawer-tooltip[data-position=left] {
  right: calc(100% + 0.75rem);
  top: 50%;
}

.notification-drawer-tooltip[data-position=left]::after {
  left: 100%;
  bottom: 50%;
  transform: rotate(-45deg) translate(-60%, 0);
}

.notification-drawer-tooltip[data-position=right] {
  left: calc(100% + 0.75rem);
  top: 50%;
}

.notification-drawer-tooltip[data-position=right]::after {
  right: 100%;
  bottom: 50%;
  transform: rotate(135deg) translate(0, -60%);
}

.notification-drawer {
  --_drawer-spacing: 1rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: #fefefe;
  gap: 1rem;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.04);
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  font-family: var(--notification-drawer-font-family);
  font-variation-settings: var(--notification-drawer-font-variation);
  color: var(--notification-drawer-color);
  /* Cambiamos el fondo cuando esté en active */
  /* Ponemos un color de fondo y redondeamos las esquinas del track */
  /* Cambiamos el fondo cuando esté en active o hover */
}

@media (min-width: 768px) {
  .notification-drawer {
    --_drawer-spacing: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .notification-drawer {
    --_drawer-spacing: 2rem;
  }
}

.notification-drawer::-webkit-scrollbar {
  width: 0.5rem;
  /* Tamaño del scroll en vertical */
  height: 0.5rem;
  padding-left: 0.25rem;
  z-index: 2;
}

.notification-drawer::-webkit-scrollbar-thumb {
  background: var(--notification-drawer-scrollbar-color, #126fff);
  border-radius: var(--notification-drawer-scrollbar-radius);
  z-index: 2;
}

.notification-drawer::-webkit-scrollbar-thumb:active {
  background-color: var(--notification-drawer-scrollbar-color, #126fff);
}

.notification-drawer::-webkit-scrollbar-track {
  background: #f7f7f4;
  border-radius: 0.5rem;
}

.notification-drawer::-webkit-scrollbar-track:hover,
.notification-drawer::-webkit-scrollbar-track:active {
  background: #e4e4e4;
}

.notification-drawer.left {
  left: 0;
}

.notification-drawer.right {
  right: 0;
}

.notification-drawer[data-position=left] {
  transform: translate3d(-100%, 0, 0);
}

.notification-drawer[data-position=right] {
  transform: translate3d(100%, 0, 0);
}

.notification-drawer[data-visible=true] {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

@media (min-width: 768px) {
  .notification-drawer {
    max-width: 32.5rem;
    border-radius: var(--notification-drawer-border-radius);
  }
}

.notification-drawer-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: var(--notification-drawer-z-index, 40);
  background-color: rgba(0, 0, 0, 0.5);
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.notification-drawer-overlay.hidden {
  visibility: hidden;
  opacity: 0;
}

.notification-drawer-divider,
.notification-drawer-short-divider {
  border: none;
  background-color: var(--notification-drawer-divider-color, #E6E6E6);
  height: 1px;
}

.notification-drawer-divider {
  width: 100%;
}

.notification-drawer-short-divider {
  width: 12rem;
}

.notification-drawer .notification-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
  margin-inline: var(--_drawer-spacing);
  border-bottom: 1px solid var(--notification-header-border-color, #E6E6E6);
  background-color: inherit;
}

.notification-drawer .notification-drawer-header-title {
  font-family: var(--notification-header-font-family);
  font-size: var(--notification-header-font-size, 1.5rem);
  line-height: var(--notification-header-line-height);
  font-weight: var(--notification-header-font-weight);
  letter-spacing: var(--notification-header-letter-spacing);
  font-variation-settings: var(--notification-header-font-variation);
}

.notification-drawer .notification-drawer-header.sticky {
  position: sticky;
  top: 0;
  z-index: 2;
}

.notification-drawer .notification-drawer-header .notification-drawer-close {
  padding: 0;
}

.notification-drawer .notification-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--notification-card-border-color, #E6E6E6);
  border-radius: var(--notification-card-border-radius);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  align-items: start;
  text-align: left;
  white-space: initial;
  text-transform: initial;
  color: inherit;
}

.notification-drawer .notification-card:not(.info, .warning, .danger, .loading):hover {
  opacity: 1;
  background-color: #DEEBFF;
}

.notification-drawer .notification-card-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.notification-drawer .notification-card-title {
  font-family: var(--notification-card-title-font-family);
  font-size: var(--notification-card-title-font-size, 1rem);
  line-height: var(--notification-card-title-line-height);
  font-weight: var(--notification-card-title-font-weight);
}

.notification-drawer .notification-card-description {
  font-family: var(--notification-card-description-font-family);
  font-size: var(--notification-card-description-font-size, 0.875rem);
  line-height: var(--notification-card-description-line-height);
  font-weight: var(--notification-card-description-font-weight);
}

.notification-drawer .notification-card-btn {
  padding: var(--notification-card-button-padding);
  border-radius: var(--notification-card-button-border-radius);
  font-family: var(--notification-card-button-font-family);
  font-size: var(--notification-card-button-font-size);
  line-height: var(--notification-card-button-line-height);
  font-weight: var(--notification-card-button-font-weight);
}

.notification-drawer .notification-card-time {
  font-family: var(--notification-card-time-font-family);
  font-size: var(--notification-card-time-font-size);
  line-height: var(--notification-card-time-line-height);
  font-weight: var(--notification-card-time-font-weight);
}

.notification-drawer .notification-card.info {
  background-color: var(--notification-card-info-background-color, #2F3A4E);
  color: var(--notification-card-info-color, #fefefe);
}

.notification-drawer .notification-card.info .notification-card-btn {
  background-color: var(--notification-card-info-button-background-color, #f2f2f2);
  color: var(--notification-card-info-button-color, #333333);
}

.notification-drawer .notification-card.info .notification-card-btn svg>path {
  fill: var(--notification-card-info-button-color, #333333);
}

.notification-drawer .notification-card.warning {
  background-color: var(--notification-card-warning-background-color, #FFC402);
  color: var(--notification-card-warning-color, #333333);
}

.notification-drawer .notification-card.warning .notification-card-btn {
  background-color: var(--notification-card-warning-button-background-color, #1A1A1A);
  color: var(--notification-card-warning-button-color, #fefefe);
}

.notification-drawer .notification-card.warning .notification-card-btn svg>path {
  fill: var(--notification-card-warning-button-color, #333333);
}

.notification-drawer .notification-card.danger {
  background-color: var(--notification-card-danger-background-color, #C61B25);
  color: var(--notification-card-danger-color, #fefefe);
}

.notification-drawer .notification-card.danger .notification-card-btn {
  background-color: var(--notification-card-danger-button-background-color, #fefefe);
  color: var(--notification-card-danger-button-color, #333333);
}

.notification-drawer .notification-card.danger .notification-card-btn svg>path {
  fill: var(--notification-card-danger-button-color, #333333);
}

.notification-drawer .notification-card.read.info {
  background-color: var(--notification-card-read-info-background-color, #EDF0F4);
  color: var(--notification-card-read-info-color, #333333);
}

.notification-drawer .notification-card.read.info .notification-card-btn {
  background-color: var(--notification-card-read-info-button-background-color, #fefefe);
  color: var(--notification-card-read-info-button-color, #333333);
}

.notification-drawer .notification-card.read.info .notification-card-btn svg>path {
  fill: var(--notification-card-read-info-button-color, #333333);
}

.notification-drawer .notification-card.read.warning {
  background-color: var(--notification-card-read-warning-background-color, #FFFAE7);
  color: var(--notification-card-read-warning-color, #333333);
}

.notification-drawer .notification-card.read.warning .notification-card-btn {
  background-color: var(--notification-card-read-warning-button-background-color, #1A1A1A);
  color: var(--notification-card-read-warning-button-color, #fefefe);
}

.notification-drawer .notification-card.read.warning .notification-card-btn svg>path {
  fill: var(--notification-card-read-warning-button-color, #333333);
}

.notification-drawer .notification-card.read.danger {
  background-color: var(--notification-card-read-danger-background-color, #FBE5E6);
  color: var(--notification-card-read-danger-color, #333333);
}

.notification-drawer .notification-card.read.danger .notification-card-btn {
  background-color: var(--notification-card-read-danger-button-background-color, #fefefe);
  color: var(--notification-card-read-danger-button-color, #333333);
}

.notification-drawer .notification-card.read.danger .notification-card-btn svg>path {
  fill: var(--notification-card-read-danger-button-color, #333333);
}

.notification-drawer .notification-drawer-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  flex-grow: 1;
  padding: 0 var(--_drawer-spacing) var(--_drawer-spacing);
}

.notification-drawer .notification-drawer-body .messages-container,
.notification-drawer .notification-drawer-body .notifications-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.notification-drawer .notification-drawer-body::after {
  content: "";
  height: calc(3rem + var(--_drawer-spacing));
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #fefefe 0%, rgba(254, 254, 254, 0.15) 100%);
}

.notification-drawer .notification-drawer-body .spinner {
  border-color: var(--notification-drawer-spinner-secondary-color);
  border-top-color: var(--notification-drawer-spinner-primary-color);
}

.notification-drawer .notification-drawer-body .spinner::before,
.notification-drawer .notification-drawer-body .spinner::after {
  background-color: var(--notification-drawer-spinner-primary-color);
}

.notification-drawer .notification-drawer-body .spinner-logo {
  width: var(--notification-drawer-spinner-logo-width);
  height: var(--notification-drawer-spinner-logo-height);
  background-image: var(--notification-drawer-spinner-logo);
}

.notification-drawer .notification-drawer-body .empty-state,
.notification-drawer .notification-drawer-body .error-state,
.notification-drawer .notification-drawer-body .login-incentive {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.notification-drawer .notification-drawer-body .empty-state,
.notification-drawer .notification-drawer-body .error-state {
  gap: 2rem;
  width: 100%;
  height: 100%;
}

.notification-drawer .notification-drawer-body .empty-state-title {
  font-family: var(--notification-drawer-empty-state-title-font-family);
  font-size: var(--notification-drawer-empty-state-title-font-size, 1.5rem);
  line-height: var(--notification-drawer-empty-state-title-line-height);
  font-weight: var(--notification-drawer-empty-state-title-font-weight);
  font-variation-settings: var(--notification-drawer-empty-state-title-font-variation);
  letter-spacing: var(--notification-drawer-empty-state-title-letter-spacing);
}

.notification-drawer .notification-drawer-body .empty-state-description {
  font-family: var(--notification-drawer-empty-state-description-font-family);
  font-size: var(--notification-drawer-empty-state-description-font-size, 1.5rem);
  line-height: var(--notification-drawer-empty-state-description-line-height);
  font-weight: var(--notification-drawer-empty-state-description-font-weight);
  font-variation-settings: var(--notification-drawer-empty-state-description-font-variation);
  letter-spacing: var(--notification-drawer-empty-state-description-letter-spacing);
}

.notification-drawer .notification-drawer-body .empty-state-illustration {
  width: var(--notification-drawer-empty-state-illustration-width);
  height: var(--notification-drawer-empty-state-illustration-height);
  background-image: var(--notification-drawer-empty-state-illustration);
}

.notification-drawer .notification-drawer-body .error-state-title {
  font-family: var(--notification-drawer-error-state-title-font-family);
  font-size: var(--notification-drawer-error-state-title-font-size, 1.5rem);
  line-height: var(--notification-drawer-error-state-title-line-height);
  font-weight: var(--notification-drawer-error-state-title-font-weight);
  font-variation-settings: var(--notification-drawer-error-state-title-font-variation);
  letter-spacing: var(--notification-drawer-error-state-title-letter-spacing);
}

.notification-drawer .notification-drawer-body .error-state-description {
  font-family: var(--notification-drawer-error-state-description-font-family);
  font-size: var(--notification-drawer-error-state-description-font-size, 1.5rem);
  line-height: var(--notification-drawer-error-state-description-line-height);
  font-weight: var(--notification-drawer-error-state-description-font-weight);
  font-variation-settings: var(--notification-drawer-error-state-description-font-variation);
  letter-spacing: var(--notification-drawer-error-state-description-letter-spacing);
}

.notification-drawer .notification-drawer-body .error-state-illustration {
  width: var(--notification-drawer-error-state-illustration-width);
  height: var(--notification-drawer-error-state-illustration-height);
  background-image: var(--notification-drawer-error-state-illustration);
}

.notification-drawer .notification-drawer-body .error-state-button {
  font-family: var(--notification-drawer-error-state-button-font-family);
  font-size: var(--notification-drawer-error-state-button-font-size, 0.75rem);
  line-height: var(--notification-drawer-error-state-button-line-height);
  font-weight: var(--notification-drawer-error-state-button-font-weight);
  padding: var(--notification-drawer-error-state-button-padding);
  border-radius: var(--notification-drawer-error-state-button-border-radius);
  background-color: var(--notification-drawer-error-state-button-bg-color);
  color: var(--notification-drawer-error-state-button-color, #fefefe);
}

.notification-drawer .notification-drawer-body .login-incentive {
  gap: 0.5rem;
}

.notification-drawer .notification-drawer-body .login-incentive-title {
  font-family: var(--notification-drawer-login-incentive-title-font-family);
  font-size: var(--notification-drawer-login-incentive-title-font-size, 1.5rem);
  line-height: var(--notification-drawer-login-incentive-title-line-height);
  font-weight: var(--notification-drawer-login-incentive-title-font-weight);
  font-variation-settings: var(--notification-drawer-login-incentive-title-font-variation);
  letter-spacing: var(--notification-drawer-login-incentive-title-letter-spacing);
}

.notification-drawer .notification-drawer-body .login-incentive-description {
  font-family: var(--notification-drawer-login-incentive-description-font-family);
  font-size: var(--notification-drawer-login-incentive-description-font-size, 1rem);
  line-height: var(--notification-drawer-login-incentive-description-line-height);
  font-weight: var(--notification-drawer-login-incentive-description-font-weight);
  font-variation-settings: var(--notification-drawer-login-incentive-description-font-variation);
  letter-spacing: var(--notification-drawer-login-incentive-description-letter-spacing);
}

.notification-drawer .notification-drawer-body .login-incentive-button {
  font-family: var(--notification-drawer-login-incentive-button-font-family);
  font-size: var(--notification-drawer-login-incentive-button-font-size, 0.75rem);
  line-height: var(--notification-drawer-login-incentive-button-line-height);
  font-weight: var(--notification-drawer-login-incentive-button-font-weight);
  padding: var(--notification-drawer-login-incentive-button-padding);
  border-radius: var(--notification-drawer-login-incentive-button-border-radius);
  background-color: var(--notification-drawer-login-incentive-button-bg-color);
  color: var(--notification-drawer-login-incentive-button-color, #fefefe);
}

.overflow-hidden {
  overflow: hidden;
}

</style><style type="text/css">.spinner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-style: solid;
  border-color: #1c1c1f transparent transparent transparent;
  border-radius: 50%;
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

.spinner>* {
  animation-name: unspin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

.spinner.--sm {
  width: 16px;
  height: 16px;
  border-width: 1px;
}

.spinner.--md {
  width: 80px;
  height: 80px;
  border-width: 2px;
  animation-duration: 1.3s;
}

.spinner.--md>* {
  animation-duration: 1.3s;
  width: 40px;
  height: 40px;
}

.spinner.--lg {
  width: 160px;
  height: 160px;
  border-width: 4px;
  animation-duration: 1.5s;
}

.spinner.--lg::before,
.spinner.--lg::after {
  content: "";
  border-radius: 50%;
  background-color: #1c1c1f;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 19px;
}

.spinner.--lg::before {
  left: 19px;
}

.spinner.--lg::after {
  right: 19px;
}

.spinner.--lg>* {
  animation-duration: 1.5s;
  width: 80px;
  height: 80px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes unspin {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes shimmer {
  100% {
    transform: translate3d(100%, 0, 0);
  }
}

.skeleton-loader {
  position: relative;
  background-color: #E6E6E6;
  overflow: hidden;
  height: auto;
}

.skeleton-loader:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(-100%, 0, 0);
  background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.2) 10%, rgba(242, 242, 242, 0.5) 30%, rgba(242, 242, 242, 0));
  animation: shimmer 2s infinite;
}

.skeleton-loader.--rounded-circle {
  aspect-ratio: 1/1;
}

.skeleton-loader.--square {
  aspect-ratio: 1/1;
}

.skeleton-loader.--fill {
  width: 100%;
  height: 100%;
}

.skeleton-loader.--lines {
  width: 100%;
}

.skeleton-loader.--lines:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.skeleton-loader.--lines:last-of-type {
  width: 75%;
}

.newsletterbox {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: 0.0625rem solid var(--newsletterbox-border-color, #e4e4e4);
  color: var(--newsletterbox-color, #272727);
  font-family: var(--newsletterbox-font-family);
}

.newsletterbox-image {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.newsletterbox-image .image {
  aspect-ratio: 3 / 2;
  width: 100%;
  height: auto;
}

.newsletterbox-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.newsletterbox-text-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.newsletterbox-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.newsletterbox-header-text {
  margin: 0;
  font-size: var(--newsletterbox-text-font-size, 1.125rem);
  line-height: var(--newsletterbox-text-line-height, 1.4625rem);
  letter-spacing: var(--newsletterbox-text-letter-spacing, -0.01rem);
  font-weight: var(--newsletterbox-text-font-weight, 700);
  font-variation-settings: var(--newsletterbox-text-font-variation);
}

.newsletterbox .email-icon {
  margin-bottom: 0.5rem;
  width: 44px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("");
}

.newsletterbox-title {
  margin: 0;
  font-size: var(--newsletterbox-title-font-size, 1.5rem);
  line-height: var(--newsletterbox-title-line-height, 1.65rem);
  letter-spacing: var(--newsletterbox-title-letter-spacing, -0.04rem);
  font-weight: var(--newsletterbox-title-font-weight, 700);
  color: var(--newsletterbox-title-color);
  font-variation-settings: var(--newsletterbox-title-font-variation);
}

.newsletterbox-title svg {
  margin-left: 0.5rem;
}

.newsletterbox-description {
  margin: 0;
  font-size: var(--newsletterbox-description-font-size, 1.125rem);
  line-height: var(--newsletterbox-description-line-height, 1.4625rem);
  letter-spacing: var(--newsletterbox-description-letter-spacing, -0.01rem);
  font-weight: var(--newsletterbox-description-font-weight);
  font-variation-settings: var(--newsletterbox-description-font-variation);
}

.newsletterbox-divider {
  display: none;
}

.newsletterbox-button {
  outline: none;
  padding: var(--newsletterbox-button-padding, 0.75rem 1rem);
  text-decoration: none;
  font-weight: var(--newsletterbox-button-font-weight, 700);
  background-color: var(--newsletterbox-button-background-color);
  color: var(--newsletterbox-button-color);
  border-radius: var(--newsletterbox-button-radius);
  font-family: var(--newsletterbox-button-font-family);
}

.newsletterbox-button.loading {
  position: relative;
  display: flex;
  justify-content: center;
}

.newsletterbox-button.loading:hover {
  opacity: 1;
  cursor: auto;
}

.newsletterbox-button.loading>* {
  visibility: hidden;
  opacity: 0;
}

.newsletterbox-button.loading .spinner {
  position: absolute;
  visibility: visible;
  opacity: 1;
  border-color: var(--newsletterbox-button-color) transparent transparent transparent;
}

.newsletterbox.exclusive {
  background-color: var(--newsletterbox-exclusive-background, #333333);
  color: var(--newsletterbox-exclusive-color, #f2f2f2);
}

.newsletterbox.exclusive .email-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: var(--newsletterbox-exclusive-email-icon-z-index, 1);
  background-image: url("");
}

.newsletterbox.exclusive .newsletterbox-image {
  position: relative;
  align-self: flex-start;
}

.newsletterbox.exclusive .newsletterbox-badge.badge {
  margin-bottom: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--newsletterbox-exclusive-badge-padding, 0.25rem 0.5rem 0.25rem 0.25rem);
  border: 0.0625rem solid var(--newsletterbox-exclusive-badge-border-color, #1A1A1A);
  font-size: 0.75rem;
  line-height: var(--newsletterbox-exclusive-badge-line-height, 130%);
  font-family: var(--newsletterbox-excusive-badge-font-family);
  background: var(--newsletterbox-exclusive-badge-background-color);
  color: var(--newsletterbox-exlusive-badge-color);
}

.newsletterbox.exclusive .newsletterbox-title {
  color: var(--newsletterbox-exclusive-title-color, #fdb727);
}

.newsletterbox.exclusive .newsletterbox-button {
  background-color: var(--newsletterbox-exclusive-button-background-color);
  color: var(--newsletterbox-exclusive-button-color);
}

.newsletterbox.exclusive .newsletterbox-button.loading .spinner {
  border-color: var(--newsletterbox-exclusive-button-color) transparent transparent transparent;
}

@media (min-width: 48rem) {
  .newsletterbox {
    padding: 1.5rem;
    flex-direction: row;
  }

  .newsletterbox-image {
    max-width: 273px;
  }
}

@media (min-width: 64rem) {

  .newsletterbox-content,
  .newsletterbox-button {
    align-self: center;
  }

  .newsletterbox-content {
    flex-direction: row;
  }

  .newsletterbox-divider {
    display: block;
    width: 0.0625rem;
    background-color: var(--newsletterbox-divider-color, #E6E6E6);
  }

  .newsletterbox.exclusive .newsletterbox-divider {
    background-color: var(--newsletterbox-exlusive-divider-color, #4D4D4D);
  }

  .newsletterbox-image {
    max-width: 299px;
  }
}

@media (min-width: 80rem) {
  .newsletterbox {
    padding: 2rem;
    gap: 2rem;
  }

  .newsletterbox-content {
    gap: 2rem;
  }

  .newsletterbox-image {
    max-width: 275px;
  }
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 1.15rem;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.button,
.button>.icon>svg>path {
  transition: all 0.3s ease-in-out;
}

.button:hover {
  opacity: 0.8;
}

.button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.icon {
  transition: 0.3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.icon.--hasWrapper {
  box-sizing: content-box;
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.icon>svg {
  width: inherit;
  height: inherit;
  vertical-align: top;
}

.icon.--icon-8 {
  width: 0.5rem;
  height: 0.5rem;
}

.icon.--icon-8.--hasWrapper {
  padding: 0.25rem;
}

.icon.--icon-12 {
  width: 0.75rem;
  height: 0.75rem;
}

.icon.--icon-12.--hasWrapper {
  padding: 0.25rem;
}

.icon.--icon-16 {
  width: 1rem;
  height: 1rem;
}

.icon.--icon-16.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-18 {
  width: 1.125rem;
  height: 1.125rem;
}

.icon.--icon-18.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon.--icon-20.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.icon.--icon-24.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-28 {
  width: 1.75rem;
  height: 1.75rem;
}

.icon.--icon-28.--hasWrapper {
  padding: 0.5rem;
}

.icon.--icon-32 {
  width: 2rem;
  height: 2rem;
}

.icon.--icon-32.--hasWrapper {
  padding: 0.75rem;
}

.icon.--icon-36 {
  width: 2.25rem;
  height: 2.25rem;
}

.icon.--icon-36.--hasWrapper {
  padding: 0.75rem;
}

.icon.--icon-40 {
  width: 2.5rem;
  height: 2.5rem;
}

.icon.--icon-40.--hasWrapper {
  padding: 1rem;
}

.icon.--icon-44 {
  width: 2.75rem;
  height: 2.75rem;
}

.icon.--icon-44.--hasWrapper {
  padding: 1rem;
}

.icon.--icon-48 {
  width: 3rem;
  height: 3rem;
}

.icon.--icon-48.--hasWrapper {
  padding: 1rem;
}

.icon.--light svg>path {
  fill: #ffffff;
}

.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;
}

.image {
  transition: all 0.2s ease-in-out;
}

.image.--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.image.--cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.image.--fill {
  -o-object-fit: fill;
  object-fit: fill;
}

.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  border-radius: 1rem;
  gap: 0.25rem;
}

.spinner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-style: solid;
  border-color: #1c1c1f transparent transparent transparent;
  border-radius: 50%;
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

.spinner>* {
  animation-name: unspin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

.spinner.--sm {
  width: 16px;
  height: 16px;
  border-width: 1px;
}

.spinner.--md {
  width: 80px;
  height: 80px;
  border-width: 2px;
  animation-duration: 1.3s;
}

.spinner.--md>* {
  animation-duration: 1.3s;
  width: 40px;
  height: 40px;
}

.spinner.--lg {
  width: 160px;
  height: 160px;
  border-width: 4px;
  animation-duration: 1.5s;
}

.spinner.--lg::before,
.spinner.--lg::after {
  content: "";
  border-radius: 50%;
  background-color: #1c1c1f;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 19px;
}

.spinner.--lg::before {
  left: 19px;
}

.spinner.--lg::after {
  right: 19px;
}

.spinner.--lg>* {
  animation-duration: 1.5s;
  width: 80px;
  height: 80px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes unspin {
  to {
    transform: rotate(-360deg);
  }
}

.svelte-1o4dtg7.svelte-1o4dtg7 {
  box-sizing: border-box
}

.flickity-prev-next-button.previous {
  left: 10px !important
}

.flickity-button:focus {
  outline: none;
  border: none;
  box-shadow: none
}

.flickity-cell {
  opacity: 0.1;
  transition: opacity 0.5s ease-in-out
}

.is-selected {
  opacity: 1
}

.flickity-button-icon path {
  fill: #1c2b53
}

.flickity-button {
  background: transparent !important
}

.anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 {
  margin: 0;
  padding: 0;
  height: 160px;
  background-color: #f0f2f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

@media(max-width: 1300px) {
  .anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 {
    padding: 0 15px
  }
}

.anexo-main-container.svelte-1o4dtg7.svelte-1o4dtg7 {
  max-width: 1300px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 0
}

.titles-container.svelte-1o4dtg7.svelte-1o4dtg7 {
  width: 162.5px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  gap: 13px;
  text-decoration: none
}

.titles-container.svelte-1o4dtg7.svelte-1o4dtg7:visited {
  color: #1c2b53
}

.titles-container.svelte-1o4dtg7 div.head.svelte-1o4dtg7 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 11px;
  font-weight: 700;
  color: #1c2b53
}

@media(max-width: 770px) {
  .titles-container.svelte-1o4dtg7 div.head.svelte-1o4dtg7 {
    display: none
  }
}

.titles-container.svelte-1o4dtg7 a.btn-title.svelte-1o4dtg7,
.titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 {
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #1c2b53;
  color: #1c2b53;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  width: 90px;
  padding: 5px 5px;
  padding-right: 15px;
  letter-spacing: 0.02rem;
  border-radius: 15px;
  display: block;
  width: 119px;
  transition: all 0.2s ease-in;
  white-space: nowrap;
  position: relative
}

.titles-container.svelte-1o4dtg7 a.btn-title.svelte-1o4dtg7::after,
.titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7::after {
  content: "";
  width: 6px;
  height: 17px;
  background-image: url("flecha_72f9b97372.html");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 3px;
  right: 8px;
  opacity: 0.85
}

@media(max-width: 770px) {

  .titles-container.svelte-1o4dtg7 a.btn-title.svelte-1o4dtg7,
  .titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 {
    display: none
  }
}

.titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 {
  display: none
}

.titles-container.svelte-1o4dtg7 div.title.svelte-1o4dtg7 {
  color: #3c496c;
  font-size: 30px;
  font-family: "Prumo", Georgia, "Times New Roman", Times, serif;
  font-variation-settings: "wght" 110, "opsz" 50;
  line-height: 0.97;
  position: relative;
  letter-spacing: -0.05rem
}

.titles-container.svelte-1o4dtg7 div.title span.svelte-1o4dtg7 {
  display: none
}

@media(max-width: 770px) {
  .titles-container.svelte-1o4dtg7 div.title span.svelte-1o4dtg7 {
    display: inline-block
  }
}

.titles-container.svelte-1o4dtg7 div.publi-link-mobile div.svelte-1o4dtg7 {
  font-size: 9px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #9ca2b4;
  font-weight: 300;
  width: 100%;
  text-align: right;
  margin-bottom: -2px
}

.results-container.svelte-1o4dtg7.svelte-1o4dtg7 {
  width: 975px;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0;
  display: flex;
  gap: 22px;
  justify-content: space-between;
  padding-right: 5px;
  padding-bottom: 5px
}

.results-container.is-in-app.svelte-1o4dtg7.svelte-1o4dtg7 {
  width: 100%;
  display: block;
  gap: 0
}

@media(max-width: 770px) {
  .results-container.svelte-1o4dtg7.svelte-1o4dtg7 {
    margin: 10px 0;
    height: 130px;
    flex-shrink: 0;
    padding: 0 15px;
    max-width: 2000px;
    width: 100%
  }
}

.skeleton.svelte-1o4dtg7.svelte-1o4dtg7 {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7 {
  width: 24%;
  height: 90px;
  margin-top: 24px;
  background: linear-gradient(231deg, #e9e9e9, #f0f2f6, #e9e9e9, #f0f2f6);
  background-size: 400% 400%;
  animation: svelte-1o4dtg7-AnimationName 3s ease infinite;
  border: 1px solid #e2e2e2;
  position: relative
}

@media(max-width: 770px) {
  .skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7 {
    display: none
  }

  .skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7:first-child,
  .skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7:last-child {
    display: block;
    width: 48%
  }
}

.skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ddd;
  position: absolute;
  right: 55px;
  top: 0
}

.skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: 0
}

@keyframes svelte-1o4dtg7-AnimationName {
  0% {
    background-position: 0% 88%
  }

  50% {
    background-position: 100% 13%
  }

  100% {
    background-position: 0% 88%
  }
}

.publi-container.svelte-1o4dtg7.svelte-1o4dtg7 {
  width: 162.5px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  gap: 13px;
  flex-shrink: 0;
  height: 107px;
  margin-top: -1px
}

.publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7 {
  background-color: #1c2b53;
  text-decoration: none;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  width: 90px;
  padding: 10px 12px;
  letter-spacing: 0.02rem;
  display: block;
  width: 119px;
  transition: all 0.2s ease-in;
  white-space: nowrap
}

.publi-container.svelte-1o4dtg7 a.btn-apps span.svelte-1o4dtg7 {
  white-space: nowrap
}

.publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:visited {
  color: #fff
}

.publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:hover {
  background-color: #405387
}

@media(max-width: 770px) {
  .anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 {
    height: 200px;
    padding: 0;
    min-width: 290px;
    overflow: hidden
  }

  .anexo-main-container.svelte-1o4dtg7.svelte-1o4dtg7 {
    flex-direction: column
  }

  .titles-container.svelte-1o4dtg7.svelte-1o4dtg7 {
    width: 100%;
    padding: 3px 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #fff;
    gap: 0;
    flex-direction: row
  }

  .titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 {
    display: inline-block;
    margin-left: auto;
    border: 0;
    background-color: transparent;
    width: 107px;
    margin-top: 12px;
    border-left: 1px solid #dadada;
    border-radius: 0;
    flex-shrink: 0;
    font-size: 10px;
    padding-left: 13px;
    display: inline-block
  }

  .titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7:after {
    bottom: 3px;
    right: -7px
  }

  .titles-container.svelte-1o4dtg7 div.title.svelte-1o4dtg7 {
    margin-top: 10px;
    font-size: 25px;
    font-variation-settings: "wght" 130, "opsz" 50;
    flex-shrink: 0;
    white-space: nowrap
  }

  .titles-container.svelte-1o4dtg7 div.title.svelte-1o4dtg7::after {
    display: none
  }

  .publi-container.svelte-1o4dtg7.svelte-1o4dtg7 {
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 2px solid #fff;
    padding: 9px 0;
    display: none
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7 {
    background-color: transparent;
    color: #1c2b53;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    flex-grow: 0;
    padding: 5px 15px;
    background-image: url("flecha_72f9b97372.html");
    background-size: 7px;
    background-position: 95% 5px;
    background-repeat: no-repeat;
    padding-right: 40px
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:visited {
    color: #1c2b53
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:hover {
    background-color: transparent
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.llave.svelte-1o4dtg7 {
    border-left: 1px dashed #adb4c6;
    border-radius: 0
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.prode.svelte-1o4dtg7 {
    border-left: 1px dashed #adb4c6;
    border-radius: 0;
    width: auto;
    padding-right: 20px
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.prode span.svelte-1o4dtg7 {
    display: none
  }
}

@media(max-width: 390px) {
  .titles-container.svelte-1o4dtg7 div.title.svelte-1o4dtg7 {
    letter-spacing: -1px;
    line-height: 0.7;
    font-size: 24px
  }

  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7 {
    width: 106px
  }

  .titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 {
    margin-top: 6px
  }
}

@media(max-width: 345px) {
  .titles-container.svelte-1o4dtg7 div.title span.svelte-1o4dtg7 {
    display: none
  }
}

.result-card.svelte-1ubgv8q.svelte-1ubgv8q {
  flex-grow: 0;
  width: 224px;
  height: 122px;
  min-width: 224px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  position: relative
}

.result-card.is-in-app.svelte-1ubgv8q.svelte-1ubgv8q {
  position: absolute;
  margin-right: 20px
}

@media(max-width: 1299px) and (min-width: 1140px) {
  .result-card.svelte-1ubgv8q.svelte-1ubgv8q {
    width: 22%;
    min-width: 22%;
    flex-shrink: 0;
    flex-grow: 0
  }
}

.result-card.playing.svelte-1ubgv8q.svelte-1ubgv8q {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  min-width: 400px
}

.result-card.playing.is-in-app.svelte-1ubgv8q.svelte-1ubgv8q {
  min-width: 224px
}

.result-card.playing.svelte-1ubgv8q .dots.svelte-1ubgv8q {
  width: 13px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #1c2c53 80%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: svelte-1ubgv8q-l1 1.3s steps(4) infinite;
  position: absolute;
  left: 45px;
  top: 7px
}

@keyframes svelte-1ubgv8q-l1 {
  to {
    clip-path: inset(0 -34% 0 0)
  }
}

.result-card.playing.svelte-1ubgv8q div.results.svelte-1ubgv8q {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 224px;
  width: 224px;
  flex-shrink: 1;
  flex-grow: 0;
  min-width: 180px
}

.result-card.playing.svelte-1ubgv8q.svelte-1ubgv8q:nth-child(2) {
  margin-left: 15px
}

@media(max-width: 768px) {
  .result-card.playing.svelte-1ubgv8q.svelte-1ubgv8q:nth-child(2) {
    margin-left: 15px
  }
}

.result-card.playing.svelte-1ubgv8q.svelte-1ubgv8q:nth-child(2):after {
  content: "";
  height: 100%;
  width: 1px;
  border-left: 1px dashed #dadada;
  position: absolute;
  top: 0;
  left: -30px
}

.result-card.pre_match.svelte-1ubgv8q.svelte-1ubgv8q:after {
  content: "Predicción";
  text-transform: uppercase;
  position: absolute;
  top: 3px;
  width: 100%;
  right: 0;
  text-align: right;
  color: #7b90a5;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 8px;
  letter-spacing: 0.02rem
}

.result-card.svelte-1ubgv8q.svelte-1ubgv8q:last-child {
  margin-right: 0
}

.result-card.svelte-1ubgv8q div.status.svelte-1ubgv8q,
.result-card.svelte-1ubgv8q div.instance.svelte-1ubgv8q {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 12px;
  text-transform: uppercase;
  color: #1c2b53
}

.result-card.svelte-1ubgv8q div.instance.svelte-1ubgv8q {
  margin-bottom: 0;
  padding-top: 6px;
  font-size: 8px;
  letter-spacing: 0.01rem;
  color: #1c2b53
}

.result-card.svelte-1ubgv8q div.team-container.svelte-1ubgv8q {
  display: flex;
  flex-direction: column;
  border: 1px solid #1c2b53;
  width: 100%;
  height: 80px;
  justify-content: space-between
}

.result-card.svelte-1ubgv8q div.team.svelte-1ubgv8q {
  display: flex;
  flex-grow: 1
}

.result-card.svelte-1ubgv8q div.team:first-child div.tshirt.svelte-1ubgv8q,
.result-card.svelte-1ubgv8q div.team:first-child div.name.svelte-1ubgv8q {
  border-bottom: 1px dotted #1c2b53
}

.result-card.svelte-1ubgv8q div.team:first-child div.result.svelte-1ubgv8q {
  border-bottom: 1px solid #fff
}

.result-card.svelte-1ubgv8q div.team:first-child div.result.prediction.svelte-1ubgv8q {
  border-top: 0;
  border-bottom: 0
}

.result-card.svelte-1ubgv8q div.team div.tshirt.svelte-1ubgv8q {
  width: 21.4285714286%;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  white-space: nowrap
}

.result-card.svelte-1ubgv8q div.team div.tshirt img.svelte-1ubgv8q {
  width: 19px;
  margin: auto
}

.result-card.svelte-1ubgv8q div.team div.name.svelte-1ubgv8q {
  width: 53.5714285714%;
  color: #1c2b53;
  flex-grow: 1;
  font-weight: 700;
  font-size: 13px;
  border-left: 1px dotted #d5d9e2;
  line-height: 1;
  text-transform: uppercase;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden
}

.result-card.svelte-1ubgv8q div.team div.result.svelte-1ubgv8q {
  width: 25%;
  background-color: #1c2b53;
  color: #fff;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  line-height: 1.1;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center
}

.result-card.svelte-1ubgv8q div.team div.result span.svelte-1ubgv8q {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin: 4px 0;
  margin-left: 2px
}

.result-card.svelte-1ubgv8q div.team div.result.prediction.svelte-1ubgv8q {
  background-color: transparent;
  color: #1c2b53;
  font-size: 14px;
  line-height: 1;
  border-left: 1px solid #babfcb;
  border-top: 1px solid #babfcb;
  display: flex;
  flex-direction: column;
  justify-content: center
}