@charset "utf-8";

.button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: max-content; height: max-content; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; white-space: nowrap; }

.button, .button > .icon > svg > path { transition: 0.3s ease-in-out; }

.button:hover { opacity: 0.8; }

.button:disabled { opacity: 0.4; pointer-events: none; }

.dropdown .dropdown-menu::after { content: ""; height: 0.5rem; width: 1.5rem; display: inline-block; position: absolute; bottom: 100%; background-image: url(""); background-size: 1.5rem 0.5rem; }

.dropdown .dropdown-menu::before { content: ""; height: 0.5rem; position: absolute; left: 0px; bottom: 100%; width: 100%; }

.dropdown .dropdown-menu[data-position="left"] { left: 0px; }

.dropdown .dropdown-menu[data-position="left"]::after { left: 0.6875rem; }

.dropdown .dropdown-menu[data-position="center"], .dropdown .dropdown-menu[data-position="center"]::after { left: 50%; transform: translate3d(-50%, 0px, 0px); }

.dropdown .dropdown-menu[data-position="right"] { right: 0px; }

.dropdown .dropdown-menu[data-position="right"]::after { right: 0.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 { }

.--grid-as-between { }

.--grid-as-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: min-content; }

.grid.--gap-none { }

.grid.--gap-2xs { row-gap: 0.25rem; }

.grid.--gap-xs { row-gap: 0.5rem; }

.grid.--gap-sm { row-gap: 1rem; }

.grid.--gap-md { row-gap: 1.5rem; }

.grid.--gap-lg { row-gap: 2rem; }

.grid.--gap-xl { row-gap: 2.5rem; }

.grid.--gap-2xl { row-gap: 4rem; }

.grid.--gap-3xl { row-gap: 5rem; }

.grid.--grid-cols-1 { grid-template-columns: repeat(1, 1fr); column-gap: 16px; }

.grid.--grid-cols-2 { grid-template-columns: repeat(2, 1fr); column-gap: 16px; }

.grid.--grid-cols-3 { grid-template-columns: repeat(3, 1fr); column-gap: 16px; }

.grid.--grid-cols-4 { grid-template-columns: repeat(4, 1fr); column-gap: 16px; }

.grid.--grid-cols-5 { grid-template-columns: repeat(5, 1fr); column-gap: 16px; }

.grid.--grid-cols-6 { grid-template-columns: repeat(6, 1fr); column-gap: 16px; }

.grid.--grid-cols-7 { grid-template-columns: repeat(7, 1fr); column-gap: 16px; }

.grid.--grid-cols-8 { grid-template-columns: repeat(8, 1fr); column-gap: 16px; }

@media (min-width: 48rem) {
  .grid.--grid-cols-md-1 { grid-template-columns: repeat(1, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-2 { grid-template-columns: repeat(2, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-3 { grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-4 { grid-template-columns: repeat(4, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-5 { grid-template-columns: repeat(5, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-6 { grid-template-columns: repeat(6, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-7 { grid-template-columns: repeat(7, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-8 { grid-template-columns: repeat(8, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-9 { grid-template-columns: repeat(9, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-10 { grid-template-columns: repeat(10, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-11 { grid-template-columns: repeat(11, 1fr); column-gap: 24px; }
  .grid.--grid-cols-md-12 { grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
}

@media (min-width: 64rem) {
  .grid.--grid-cols-lg-1 { grid-template-columns: repeat(1, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-2 { grid-template-columns: repeat(2, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-3 { grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-4 { grid-template-columns: repeat(4, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-5 { grid-template-columns: repeat(5, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-6 { grid-template-columns: repeat(6, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-7 { grid-template-columns: repeat(7, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-8 { grid-template-columns: repeat(8, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-9 { grid-template-columns: repeat(9, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-10 { grid-template-columns: repeat(10, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-11 { grid-template-columns: repeat(11, 1fr); column-gap: 24px; }
  .grid.--grid-cols-lg-12 { grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
}

@media (min-width: 80rem) {
  .grid.--grid-cols-xl-1 { grid-template-columns: repeat(1, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-2 { grid-template-columns: repeat(2, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-3 { grid-template-columns: repeat(3, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-4 { grid-template-columns: repeat(4, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-5 { grid-template-columns: repeat(5, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-6 { grid-template-columns: repeat(6, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-7 { grid-template-columns: repeat(7, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-8 { grid-template-columns: repeat(8, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-9 { grid-template-columns: repeat(9, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-10 { grid-template-columns: repeat(10, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-11 { grid-template-columns: repeat(11, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-12 { grid-template-columns: repeat(12, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-13 { grid-template-columns: repeat(13, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-14 { grid-template-columns: repeat(14, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-15 { grid-template-columns: repeat(15, 1fr); column-gap: 32px; }
  .grid.--grid-cols-xl-16 { grid-template-columns: repeat(16, 1fr); 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, 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-area: main-start / center-start / main-start / center-end; }
}

.common-header-container .common-main-header .content > div .bottom-options { grid-column: left-start / right-end; }

.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: rgb(255, 255, 255); }

.icon.--dark svg > path { fill: rgb(39, 39, 39); }

.icon.--gray svg > path { fill: rgb(145, 145, 145); }

.icon.--gray-600 svg > path { fill: rgb(90, 90, 90); }

.icon.--warning svg > path { fill: rgb(253, 183, 39); }

.icon.--primary svg > path { fill: rgb(18, 111, 255); }

.icon.--success svg > path { fill: rgb(34, 177, 32); }

.icon.--danger svg > path { fill: rgb(244, 67, 54); }

.icon.--violet svg > path { fill: rgb(0, 3, 58); }

.icon.--inherit svg > path { fill: currentcolor; }

.image { transition: 0.2s ease-in-out; }

.image.--contain { object-fit: contain; }

.image.--cover { object-fit: cover; }

.image.--fill { object-fit: fill; }

.link { cursor: pointer; color: rgb(2, 80, 201); }

.link.--unstyled { color: inherit; }

.link.--block { display: block; }

.link.--disabled { opacity: 0.4; pointer-events: none; }

@media (min-width: 64rem) {
  .link:hover { opacity: 0.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%; 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: 0.0625rem solid rgba(0, 0, 0, 0.15); padding-top: 1.625rem; border-top: 1px solid rgb(0, 0, 0); background-color: rgb(252, 252, 252); color: rgb(51, 51, 51); margin: 0px auto; }

@media (min-width: 768px) {
  .anexo-wrap .footer-anexo-b { justify-content: end; }
  .anexo-wrap .header-nav-anexo { width: fit-content; }
  .anexo-wrap .--fixture { border: 0.0625rem solid rgb(230, 230, 230); padding: 0.5rem 1rem 0.375rem 0.75rem; }
  .anexo-wrap .Opta .Opta-Flex { gap: 3rem; }
}

.anexo-wrap .footer-anexo-b > h3 { font-size: 0.625rem; }

.anexo-wrap .auspician-anexob { border-right: 1px solid rgb(170, 170, 170); font-size: 0.625rem; }

.anexo-wrap div .sponsor-anexo-b { width: 6.25rem; height: 2.125rem; font-size: 0.625rem; }

.anexo-wrap .--roof-title { color: rgb(0, 0, 0); font-family: "Prumo Text"; font-size: 1.375rem; font-style: normal; font-weight: 350; line-height: normal; }

.anexo-wrap .--fixture { height: fit-content; }

.anexo-wrap .--fixture .--roof-fixture { color: rgb(51, 51, 51); font-family: "Segoe UI"; font-size: 0.75rem; font-weight: 400; }

.anexo-wrap .Opta .Opta-Flex { justify-content: flex-start; overflow-x: scroll; 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: rgb(252, 252, 252); border-bottom: 0.0625rem solid rgb(229, 229, 229); }

.anexo-wrap .Opta .Opta-Flex h3 span { color: rgb(64, 64, 64); font-family: Arial; font-weight: 700; line-height: 250%; }

.anexo-wrap .Opta .Opta-Flex .Opta-fixture { overflow: hidden; min-width: 11.875rem; border-radius: 0.3125rem; border: 0.0625rem solid rgb(229, 229, 229); background-color: rgb(252, 252, 252) !important; }

.anexo-wrap.--loading .Opta { height: 0px; overflow: hidden; }

.ln-banner-container { background-image: 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-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; 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: 0.75rem; margin-top: 3.5rem; }

.ln-banner-container .ln-banner { width: 100%; text-align: center; }

.ln-banner-container::before { content: "PUBLICIDAD"; font-size: 0.6875rem; line-height: 1rem; background: var(--light-neutral-0); display: inline-block; padding: 0.25rem 0.5rem; margin: 0px auto; position: absolute; top: 0px; z-index: -1; }

.ln-banner-container.--logo, .ln-banner-container.--logo_int { position: absolute; margin: 0px; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); }

.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: 0px; margin: 0px; }

.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: 0px; }

.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: 0px; }

.ln-banner-container.--fixed { position: fixed; bottom: 3.625rem; z-index: 103; left: calc(50% - 160px); background: rgb(255, 255, 255); margin: 0px; }

.ln-banner-container.--close .icon-close { width: 1.25rem; height: 1.25rem; background: rgb(0, 0, 0); position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); 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: 0px; border: 0px; }

.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: 0px; }

.ln-banner-container.--adhesion_mob { background-color: transparent; width: fit-content; }

.ln-banner-container.--adhesion_mob .ln-banner { height: 3.75rem; border-bottom: 0.625rem solid rgb(255, 255, 255); }

.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: rgb(51, 51, 51); overflow: hidden; width: 18.75rem; height: 15.625rem; margin: 0px; }

@media (min-width: 48rem) {
  .ln-banner-container.--fixed { bottom: 3.625rem; left: calc(50% - 364px); }
  .ln-banner-container.--cajasuscriptores_tab { background-color: rgb(51, 51, 51); overflow: hidden; width: 45rem; height: 6.875rem; margin: 0px; }
  .ln-banner-container.--megatop { margin: 0px; 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: fit-content; }
  .ln-banner-container.--adhesion_tab .ln-banner { height: 6.25rem; border-bottom: 0.625rem solid rgb(255, 255, 255); }
  .ln-banner-container.--adhesion_tab::before { margin: 1.25rem auto 0px; }
}

@media (min-width: 80rem) {
  .ln-aside .ln-banner-container { background: 0px center; }
  .ln-banner-container.--fixed { bottom: 0px; left: calc(50% - 470px); }
  .ln-banner-container.--fixed.--small { left: calc(50% - 380px); }
  .--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: rgb(51, 51, 51); overflow: hidden; width: 100%; max-width: 57.5rem; height: 7.5rem; margin: 0px; }
  .homepage .ln-banner-container.--cabezal_dsk { height: 6.25rem; }
  .homepage .ln-banner-container.--adhesion_dsk { 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 0px; }
  .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 0px 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: 0px; }
}

@media (min-width: 68.75rem) {
  .ln-banner-container.--fixed.--small { left: calc(50% - 549px); }
}

[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: 0px; 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: 0px; }
}

@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: 0px; }
}

.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: 0px; }
}

@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: 0px; }
}

.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: rgb(90, 90, 90); }

.ln-bngrid.--sub-exclusive > div:nth-child(1):not(#special)::before { content: ""; height: calc(100% + 1.0625rem); position: absolute; background-color: rgb(51, 51, 51); top: 0px; left: -16px; width: calc(100% + 2rem); }

.ln-bngrid.--sub-exclusive .title, .ln-bngrid.--sub-exclusive .ln-text.ln-text { color: rgb(242, 242, 242); }

.ln-bngrid.--sub-exclusive .title .lead, .ln-bngrid.--sub-exclusive .ln-text.ln-text .lead { color: rgb(253, 183, 39); }

.ln-bngrid.--sub-exclusive .marquee-container { color: rgb(204, 204, 204); }

.ln-bngrid.--sub-exclusive .grid-item:nth-last-child(1) { border-bottom: 0px; }

.ln-bngrid.--sub-exclusive .grid .grid-item { border-bottom: 0.0625rem solid rgb(90, 90, 90); }

@media (min-width: 48rem) {
  .ln-bngrid.--sub-exclusive .grid .grid-item { border-bottom: 0px; }
}

.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: 0.28125rem; }

@media (min-width: 48rem) {
  .ln-bngrid .grid .grid-item { border-bottom: 0px; }
}

@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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: calc(400% + 4.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.03125rem; width: calc(400% + 6rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.03125rem; width: calc(133.333% + 0.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--0 article::before { content: ""; height: 0.03125rem; width: calc(133.333% + 0.625rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 48rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--1 article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -0.78125rem; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--bn_1_1_grid .grid .--1 article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -1.03125rem; }
}

@media (min-width: 48rem) {
  .ln-bngrid.--foodit_1_grid .grid .--0 .as-article::before { content: ""; height: 0.03125rem; width: calc(400% + 6rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--foodit_1_grid .grid .--0 .as-article::before { content: ""; height: 0.03125rem; width: calc(400% + 6rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 48rem) {
  .ln-bngrid.--foodit_1_grid .grid .--1 article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -0.78125rem; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--foodit_1_grid .grid .--1 article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); right: -1.03125rem; }
}

@media (min-width: 48rem) and (min-width: 48rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::before { content: ""; height: 0.03125rem; width: calc(200% + 1.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 48rem) and (min-width: 80rem) {
  .ln-bngrid.--bn_2_grid .grid .--0 article::before { content: ""; height: 0.03125rem; width: calc(200% + 2rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.03125rem; width: calc(200% + 1.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.03125rem; width: calc(200% + 2rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0px 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -0.78125rem; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--bn_3_grid .grid .grid-item article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: calc(300% + 3rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 80rem) {
  .ln-bngrid.--bn_3_grid .grid .--3 article::before, .ln-bngrid.--bn_3_grid .grid .--0 article::before { content: ""; height: 0.03125rem; width: calc(300% + 4rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

.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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; 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: 0.0625rem; width: calc(200% + 1.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; width: calc(200% + 2rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; width: calc(400% + 4.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.03125rem; width: calc(400% + 6rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; width: calc(400% + 4.5rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

@media (min-width: 48rem) and (min-width: 80rem) {
  .ln-bngrid.--bn_2_1_2_grid .grid .--2 article::before { content: ""; height: 0.03125rem; width: calc(400% + 6rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
}

.bomba { margin-bottom: 1.5rem; background: rgb(0, 22, 49); }

.bomba .ln-card { color: var(--dark-neutral-600); }

.bomba .ln-card > .link .media-container { width: calc(100% + 2rem); margin: 0px -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: 0px; }
}

.bomba.vertical, .bomba.horizontal { padding-bottom: 0.75rem; }

@media (min-width: 48rem) {
  .bomba.vertical, .bomba.horizontal { padding-bottom: 0px; }
}

.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 0px; }
  .bomba.vertical .ln-card > .link .media-container { margin-right: -1.5rem; }
}

@media (min-width: 80rem) {
  .bomba.vertical .ln-card > .link { padding: 0px; }
  .bomba.vertical .ln-card > .link .media-container { margin-right: 0px; }
  .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: 0px; 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 0px 0px; }
}

@media (min-width: 80rem) {
  .bomba.horizontal .ln-card > .link .description-container { padding: 4rem 0px 0px; }
}

@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: 0px; padding-top: 1rem; }

.bomba.bombita.mas-4 .bomba-grid > div:not(.child-0) .ln-card > .link .media-container { width: 100%; margin: 0px; }

@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); 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: 0px; margin: 0px; padding: 0px; }
  .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); 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: 0.3125rem; }

.ln-liveblog li { padding-bottom: 0.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: 0.3125rem; height: 0.3125rem; border-radius: var(--size-2xs); background: var(--danger-600); top: 0px; left: -0.1875rem; z-index: 2; position: absolute; }

.ln-liveblog li:last-child { border: 0px; }

.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.svg"); background-repeat: no-repeat; background-size: contain; background-position: center 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: 0.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: 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: 0.5rem; color: var(--light-neutral-600); }

.ln-card .description-container .marquee-container .marquee-text { gap: 0.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: 0.75rem; }

.ln-card.--author .link .description-container .ln-badge { display: none; }

.ln-card.--author .link .description-container .title { margin: 0px; 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: 0.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.svg"); background-repeat: no-repeat; background-size: contain; background-position: center 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: 0px; left: 0px; padding-bottom: 0.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: 0px; }
}

.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: 0px; 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: 0px; position: absolute; bottom: 0px; 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: 0px; }

.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: 0px; position: absolute; bottom: 0px; 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: 0.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: 0px; }
}

.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: 0px; }

.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: 0px; position: absolute; bottom: 0px; left: 50%; margin-left: -1.5rem; }

.ln-card.--author.--with-media .link .media-container { margin-bottom: 0px; 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: 0px; }
}

.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: 0.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: 0.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: 0.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: 0.75rem; }

.wrapper-dropdown { visibility: hidden; z-index: 15001; width: 100vw; height: 100vh; top: 0px; position: fixed; overflow-y: scroll; }

.wrapper-dropdown.--dd-active { visibility: visible; }

.wrapper-dropdown.--dd-active .ln-dropdown { left: 0px; }

.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: 0px; z-index: 100; }

.wrapper-dropdown .ln-dropdown { transition: 0.2s ease-in-out; background: rgb(242, 242, 242); width: 100vw; position: absolute; z-index: 100; left: -25rem; padding-bottom: 11.25rem; overflow-y: scroll; }

.wrapper-dropdown .ln-dropdown > header { background: rgb(255, 255, 255); padding: 0.5rem 0.5rem 0.5rem 1rem; justify-content: space-between; position: relative; display: flex; align-items: center; border-bottom: 0.0625rem solid rgb(228, 228, 228); }

.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: 0px; width: 1.75rem; }

.wrapper-dropdown .ln-dropdown > nav { width: 100%; z-index: 1; }

.wrapper-dropdown .ln-dropdown > nav > ul { margin-top: 0.5rem; border-top: 0.0625rem solid rgb(228, 228, 228); }

.wrapper-dropdown .ln-dropdown > nav ul { background: rgb(255, 255, 255); width: 100%; }

.wrapper-dropdown .ln-dropdown > nav ul li { display: flex; flex-wrap: wrap; position: relative; margin: 0px; border-bottom: 0.0625rem solid rgb(228, 228, 228); }

.wrapper-dropdown .ln-dropdown > nav ul li:hover { background: rgb(242, 242, 242); }

.wrapper-dropdown .ln-dropdown > nav ul li:hover > a .menu-item-title { color: rgb(2, 80, 201); text-decoration: underline; }

.wrapper-dropdown .ln-dropdown > nav ul li a { font-size: 0.875rem; color: rgb(0, 0, 0); height: 3.125rem; width: calc(100% - 3.125rem); display: flex; align-items: center; flex-grow: 1; padding: 0.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: 0.0625rem solid rgb(228, 228, 228); }

.wrapper-dropdown .ln-dropdown > nav ul li.--more .button { width: 3.125rem; padding: 0px; border: 0px; background: 0px center; margin: 0px; }

.wrapper-dropdown .ln-dropdown > nav ul li.--more .button i { color: rgb(0, 0, 0); }

.wrapper-dropdown .ln-dropdown > nav ul li.--more ul { display: none; border-top: 0.0625rem solid rgb(228, 228, 228); }

.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: rgb(90, 90, 90); }

@media (min-width: 64rem) {
  .wrapper-dropdown { overflow: hidden; }
  .wrapper-dropdown .ln-dropdown { overflow-y: initial; width: 17.5rem; height: 100vh; background: rgb(255, 255, 255); }
  .wrapper-dropdown .ln-dropdown > header { border: 0px; }
  .wrapper-dropdown .ln-dropdown > nav ul { margin-top: 0px; }
  .wrapper-dropdown .ln-dropdown > nav ul li { border-bottom: 0px; }
  .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: 0px; }
  .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: 0px; width: 13.75rem; background: rgb(255, 255, 255); border-radius: 0.25rem; padding: 1rem; box-shadow: rgb(189, 189, 189) -0.0625rem 0.125rem 0.3125rem 0px; }
  .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: 0.6875rem; transform: rotate(136deg); position: absolute; background: rgb(255, 255, 255); box-shadow: rgba(189, 189, 189, 0.4) 0.125rem 0.125rem 0.125rem 0.0625rem; 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: 0px; 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: 0.6875rem; }
}

@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 950px) {
  .wrapper-dropdown .ln-dropdown > nav ul.--tertiary { height: calc(-660px + 100vh); overflow-y: scroll; }
}

@media (min-width: 1280px) and (max-height: 850px) {
  .wrapper-dropdown .ln-dropdown > nav ul.--tertiary { height: calc(-610px + 100vh); overflow-y: scroll; }
}

.list li { position: relative; margin-bottom: 1rem; }

.list li.--disabled { color: rgb(145, 145, 145); 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: 0px; }

.list.--bullet-xs li .link { padding-right: 1rem; }

.list.--bullet-xs li .link::after { position: absolute; content: "•"; color: rgb(204, 204, 204); font-size: 0.875rem; right: -0.1875rem; bottom: 0px; }

.list.--bullet-xs-left li::before { position: relative; margin-right: 0.625rem; content: "•"; color: rgb(204, 204, 204); font-size: 0.875rem; right: -0.1875rem; bottom: 0px; 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: 0px; }

.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: 0px; left: 0px; 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%; }

.ln-navbar ul { display: flex; max-width: 25rem; margin: 0px 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: 0.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: 0px; }
}

@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: 0px; }
}

.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: 0.0625rem solid rgb(228, 228, 228); }
}

.container-op .ln-opening-container .grid .grid-item { position: relative; border-bottom: 0.0625rem solid rgb(228, 228, 228); }

@media (min-width: 48rem) {
  .container-op .ln-opening-container .grid .grid-item { border-bottom: 0px; }
}

@media (min-width: 48rem) {
  .container-op.--bn-opening-4 .grid-item:not(:first-child) .ln-card::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); right: -0.78125rem; }
  .container-op.--left-focal .--1 .ln-card::before { content: ""; height: 0.0625rem; width: calc(100% + 2rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .container-op.--left-focal .--2 { grid-row: 1 / span 2; }
  .container-op.--left-focal .--2 .ln-card::after { content: ""; height: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); right: -1.03125rem; }
  .container-op.--left-focal .grid .--1 .ln-card::after { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); right: -1.03125rem; }
  .container-op.--left-focal .grid .--1 .ln-card::before { content: ""; height: 0.0625rem; width: calc(100% + 2rem); position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .container-op.--left-focal .grid .--2 .ln-card::after { content: ""; height: 0.0625rem; width: 100%; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .container-op.--left-focal .grid .--3 .ln-card::after { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -1.03125rem; }
  .container-op.--left-focal .grid .--5::after { content: ""; height: 0px; width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: 0px; 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: 0px; width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: 0px; bottom: 0px; }
  .container-op.--center-focal .grid .--0::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0px 1.5rem; }
  .container-op.--focal-70 .grid .--0::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.875rem; line-height: 100%; }

.--text-2xs { font-size: 0.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: 0.875rem; line-height: 100%; }
  .--text-md-2xs { font-size: 0.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: 0.875rem; line-height: 100%; }
  .--text-lg-2xs { font-size: 0.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: 0.875rem; line-height: 100%; }
  .--text-xl-2xs { font-size: 0.75rem; line-height: 100%; }
}

.--font-8xl { font-size: 2rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-8xl { font-size: 3.5rem; }
}

@media (min-width: 80rem) {
  .--font-8xl { font-size: 4rem; }
}

.--font-7xl { font-size: 2rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-7xl { font-size: 3rem; }
}

@media (min-width: 80rem) {
  .--font-7xl { font-size: 3.5rem; }
}

.--font-6xl { font-size: 1.75rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-6xl { font-size: 2.5rem; }
}

@media (min-width: 80rem) {
  .--font-6xl { font-size: 3rem; }
}

.--font-5xl { font-size: 1.75rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-5xl { font-size: 2.25rem; }
}

@media (min-width: 80rem) {
  .--font-5xl { font-size: 2.5rem; }
}

.--font-4xl { font-size: 1.5rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-4xl { font-size: 2rem; }
}

@media (min-width: 80rem) {
  .--font-4xl { font-size: 2.25rem; }
}

.--font-3xl { font-size: 1.5rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-3xl { font-size: 1.75rem; }
}

@media (min-width: 80rem) {
  .--font-3xl { font-size: 2rem; }
}

.--font-2xl { font-size: 1.5rem; line-height: 120%; }

@media (min-width: 48rem) {
  .--font-2xl { font-size: 1.75rem; }
}

.--font-xl { font-size: 1.5rem; line-height: 120%; }

.--font-m { font-size: 1.125rem; line-height: 150%; }

.--font-s { font-size: 1rem; line-height: 150%; }

.--font-xs { font-size: 1.275rem; line-height: 130%; }

.--font-2xs { font-size: 0.75rem; line-height: 130%; }

.--grid-jc-start { justify-content: start; }

.--grid-jc-end { justify-content: end; }

.--grid-jc-center { justify-content: center; }

.--grid-jc-stretch { justify-content: stretch; }

.--grid-jc-around { justify-content: space-around; }

.--grid-jc-between { justify-content: space-between; }

.--grid-jc-evenly { justify-content: space-evenly; }

.--grid-as-start { align-self: start; }

.--grid-as-end { align-self: end; }

.--grid-as-center { align-self: center; }

.--grid-as-stretch { align-self: stretch; }

.--grid-as-around { }

.--grid-as-between { }

.--grid-as-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: min-content; }

.--d-grid.--gap-none { }

.--d-grid.--gap-2xs { row-gap: 0.25rem; }

.--d-grid.--gap-xs { row-gap: 0.5rem; }

.--d-grid.--gap-sm { row-gap: 1rem; }

.--d-grid.--gap-md { row-gap: 1.5rem; }

.--d-grid.--gap-lg { row-gap: 2rem; }

.--d-grid.--gap-xl { row-gap: 2.5rem; }

.--d-grid.--gap-2xl { row-gap: 4rem; }

.--d-grid.--gap-3xl { row-gap: 5rem; }

.--d-grid.--grid-cols-1 { grid-template-columns: repeat(1, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-2 { grid-template-columns: repeat(2, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-3 { grid-template-columns: repeat(3, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-4 { grid-template-columns: repeat(4, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-5 { grid-template-columns: repeat(5, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-6 { grid-template-columns: repeat(6, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-7 { grid-template-columns: repeat(7, 1fr); column-gap: 16px; }

.--d-grid.--grid-cols-8 { grid-template-columns: repeat(8, 1fr); column-gap: 16px; }

@media (min-width: 48rem) {
  .--d-grid.--grid-cols-md-1 { grid-template-columns: repeat(1, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-2 { grid-template-columns: repeat(2, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-3 { grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-4 { grid-template-columns: repeat(4, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-5 { grid-template-columns: repeat(5, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-6 { grid-template-columns: repeat(6, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-7 { grid-template-columns: repeat(7, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-8 { grid-template-columns: repeat(8, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-9 { grid-template-columns: repeat(9, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-10 { grid-template-columns: repeat(10, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-11 { grid-template-columns: repeat(11, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-md-12 { grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
}

@media (min-width: 64rem) {
  .--d-grid.--grid-cols-lg-1 { grid-template-columns: repeat(1, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-2 { grid-template-columns: repeat(2, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-3 { grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-4 { grid-template-columns: repeat(4, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-5 { grid-template-columns: repeat(5, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-6 { grid-template-columns: repeat(6, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-7 { grid-template-columns: repeat(7, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-8 { grid-template-columns: repeat(8, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-9 { grid-template-columns: repeat(9, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-10 { grid-template-columns: repeat(10, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-11 { grid-template-columns: repeat(11, 1fr); column-gap: 24px; }
  .--d-grid.--grid-cols-lg-12 { grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
}

@media (min-width: 80rem) {
  .--d-grid.--grid-cols-xl-1 { grid-template-columns: repeat(1, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-2 { grid-template-columns: repeat(2, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-3 { grid-template-columns: repeat(3, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-4 { grid-template-columns: repeat(4, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-5 { grid-template-columns: repeat(5, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-6 { grid-template-columns: repeat(6, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-7 { grid-template-columns: repeat(7, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-8 { grid-template-columns: repeat(8, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-9 { grid-template-columns: repeat(9, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-10 { grid-template-columns: repeat(10, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-11 { grid-template-columns: repeat(11, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-12 { grid-template-columns: repeat(12, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-13 { grid-template-columns: repeat(13, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-14 { grid-template-columns: repeat(14, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-15 { grid-template-columns: repeat(15, 1fr); column-gap: 32px; }
  .--d-grid.--grid-cols-xl-16 { grid-template-columns: repeat(16, 1fr); 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: 0px; }

: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-container { width: 100%; margin: 0px 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: 0.5s ease 0s 1 normal none running transitionAdvance; }
  @keyframes transitionAdvance { 
  0% { top: 0px; }
  100% { top: 3.5625rem; }
}
}

@media (width <= 22.375rem) {
  .common-main-header .right-options .ln-button[data-variant="subscribe"] { background: 0px center; padding: 0px; text-transform: none; font-size: 0.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: 0.25rem; }

.rounded-8 { border-radius: 0.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: 0.0625rem; }

.border.border-5 { border-width: 0.3125rem; }

@media (min-width: 64rem) {
  .--border-l-left-gray { border-left: 0.0625rem solid rgb(204, 204, 204); }
}

.border-left-none { }

.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: rgb(0, 135, 89); }

.bg-yellow { background: rgb(255, 196, 2); }

.bg-red { background: rgb(198, 27, 37); }

.bg-blue { background: rgb(47, 58, 78); }

.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: 0.625rem; line-height: 100%; }

.text-10_130 { font-size: 0.625rem; line-height: 130%; }

.text-12 { font-size: 0.75rem; line-height: 100%; }

.text-12_130 { font-size: 0.75rem; line-height: 130%; }

.text-14 { font-size: 1.275rem; line-height: 130%; }

@media (min-width: 80rem) {
  .text-12_lg { font-size: 0.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; line-height: var(--line-130); letter-spacing: 0px !important; }
}

.--font-m-l { font-size: 1.375rem; letter-spacing: 0px !important; }

@media (min-width: 48rem) {
  .--font-m-l { font-size: 1.125rem; }
}

.--font-xl-l { font-size: 1.375rem; line-height: var(--line-130); letter-spacing: 0px !important; }

@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: 0px; 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: 0px !important; }
}

.--font-l { font-size: 1.375rem; letter-spacing: 0px !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: 0px; }

.mb-2 { margin-bottom: 0.125rem; }

.mb-4 { margin-bottom: 0.25rem; }

.mb-10 { margin-bottom: 0.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: 0.25rem; }

.mt-8 { margin-top: 0.5rem; }

.mt-32 { margin-top: 2rem; }

.mt-50 { margin-top: 3.125rem; }

.ml-4 { margin-left: 0.25rem; }

.ml-7 { margin-left: 0.4375rem; }

.mr-2 { margin-right: 0.125rem; }

.mr-4 { margin-right: 0.25rem; }

.mr-8 { margin-right: 0.5rem; }

.mr-12 { margin-right: 0.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: 0.1875rem; }

.p-0 { padding: 0px; }

.p-4 { padding: 0.25rem; }

.p-8 { padding: 0.5rem; }

.p-12 { padding: 0.75rem; }

.p-16 { padding: 1rem; }

.px-0 { padding-inline: 0px; }

.px-4 { padding-inline: 0.25rem; }

.px-6 { padding-inline: 0.375rem; }

.px-8 { padding-inline: 0.5rem; }

.px-12 { padding-inline: 0.75rem; }

.px-16 { padding-inline: 1rem; }

.px-20 { padding-inline: 1.25rem; }

.pt-8 { padding-top: 0.5rem; }

.pt-24 { padding-top: 1.5rem; }

.pt-40 { padding-top: 2.5rem; }

.pt-80 { padding-top: 5rem; }

.pb-12 { padding-bottom: 0.75rem; }

.pb-16 { padding-bottom: 1rem; }

.pb-24 { padding-bottom: 1.5rem; }

.pl-4 { padding-left: 0.25rem; }

.pl-8 { padding-left: 0.5rem; }

.pl-10 { padding-left: 0.625rem; }

.pl-16 { padding-left: 1rem; }

.pl-24 { padding-left: 1.5rem; }

.pr-8 { padding-right: 0.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: 0px; }

.py-2 { padding-block: 0.125rem; }

.py-4 { padding-block: 0.25rem; }

.py-6 { padding-block: 0.375rem; }

.py-8 { padding-block: 0.5rem; }

.py-10 { padding-block: 0.625rem; }

.py-11 { padding-block: 0.6875rem; }

.py-12 { padding-block: 0.75rem; }

.py-16 { padding-block: 1rem; }

.py-24 { padding-block: 1.5rem; }

@media (min-width: 48rem) {
  .mb-0_m { margin-bottom: 0px; }
  .mb-24_m { margin-bottom: 1.5rem; }
  .mt-0_m { margin-top: 0px; }
  .mt-24_m { margin-top: 1.5rem; }
  .mr-24_m { margin-right: 1.5rem; }
  .p-0_m { padding: 0px; }
  .p-8_m { padding: 0.5rem; }
  .p-12_m { padding: 0.75rem; }
  .p-24_m { padding: 1.5rem; }
  .py-8_m { padding-block: 0.5rem; }
  .py-12_m { padding-block: 0.75rem; }
  .py-24_m { padding-block: 1.5rem; }
  .py-32_m { padding-block: 2rem; }
  .px-8_m { padding-inline: 0.5rem; }
  .px-12_m { padding-inline: 0.75rem; }
  .px-16_m { padding-inline: 1rem; }
  .pb-0_m { padding-bottom: 0px; }
}

@media (max-width: 63.938rem) {
  .pr-8_max1023 { padding-right: 0.5rem; }
  .pl-8_max1023 { padding-left: 0.5rem; }
}

@media (min-width: 64rem) {
  .mb-0_l { margin-bottom: 0px; }
  .mb-8_l { margin-bottom: 0.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: 0.5rem; }
  .pt-16_l { padding-top: 1rem; }
  .px-8_l { padding-inline: 0.5rem; }
}

@media (min-width: 80rem) {
  .p-8_lg { padding: 0.5rem; }
  .p-12_lg { padding: 0.75rem; }
  .p-20_lg { padding: 1.25rem; }
  .py-8_lg { padding-block: 0.5rem; }
  .py-12_lg { padding-block: 0.75rem; }
  .px-12_lg { padding-inline: 0.75rem; }
  .px-16_lg { padding-inline: 1rem; }
}

.p-0.p-0 { padding: 0px; }

.none.none { display: none; }

.flex.flex { display: flex; }

.grid.grid { display: grid; }

.block.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: 0.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: max-content; }

.w-fit.w-fit { width: fit-content; }

.w-4.w-4 { width: 0.25rem; }

.w-5.w-5 { width: 0.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: fit-content; }

.min-w-100.min-w-100 { min-width: 100%; }

.h-100.h-100 { height: 100%; }

.h-4.h-4 { height: 0.25rem; }

.h-5.h-5 { height: 0.3125rem; }

.h-6.h-6 { height: 0.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 { }

.h-64.h-64 { height: 4rem; }

.h-140.h-140 { height: 8.75rem; }

.h-fit.h-fit { 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: 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: rgba(0, 0, 0, 0.06) 0px 8px 16px 0px; }

.shadow-center { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 16px 0px; }

.shadow-pwamodal { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1.75rem 0.1875rem; }

.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); column-gap: 1rem; }

.grid-cols-8 { grid-template-columns: repeat(8, 1fr); 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); 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); 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); 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); column-gap: 2rem; }
  .grid-cols-16_xl { grid-template-columns: repeat(16, 1fr); 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: 0.25rem; }

.gap-8 { gap: 0.5rem; }

.gap-9 { gap: 0.5625rem; }

.gap-12 { gap: 0.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: 0px; }

.column-gap-32 { column-gap: 2rem; }

@media (min-width: 48rem) {
  .gap-8_m { gap: 0.5rem; }
  .gap-16_m { gap: 1rem; }
  .gap-24_m { gap: 1.5rem; }
  .row-gap-12_m { row-gap: 0.75rem; }
  .column-gap-24_m { column-gap: 1.5rem; }
}

@media (min-width: 64rem) {
  .gap-0_l { gap: 0px; }
  .column-gap-12_l { column-gap: 0.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: 0px; }

.top--2 { top: -0.125rem; }

.top-3 { top: 0.1875rem; }

.top-10 { top: 0.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: 0.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: 0px; }
}

@media (min-width: 48rem) {
  .absolute_md { position: absolute; }
}

@keyframes fade-in-up { 
  0% { opacity: 0; transform: translateY(6.25rem); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes fade-out { 
  0% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

@keyframes width-shrink { 
  100% { width: 0px; }
}

@keyframes pulse-shadow { 
  0% { box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(255, 109, 74, 0) 0px 0px 0px 0px, rgba(255, 109, 74, 0) 0px 0px 0px 6px; }
}

.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.svg"); --notification-drawer-empty-state-illustration: url("75bedf0c7f79570f74ad986684ba3486da29be76.svg"); --notification-drawer-error-state-illustration: url("aaf3aea7b70cac53d66e121b5f11c5aa5fa97a45.svg"); }

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: scroll 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: 0px; right: 0px; width: 68px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0px, rgb(255, 255, 255) 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: rgb(204, 204, 204); margin-inline: 0.25rem; }

.--bullet-list_8 li:not(:first-child)::before { color: inherit; margin-inline: 0.5rem; }

.--transition-header { animation: 0.5s ease 0s 1 normal none running transitionHeader; }

@keyframes transitionHeader { 
  0% { top: -3.5625rem; }
  100% { top: 0px; }
}

.white-space-nowrap { white-space: nowrap; }

.-transform-50 { transform: translate(-50%); }

@media (min-width: 64rem) {
  .transform-none_l { transform: none; }
}

body:has(.disable-body-scroll) { overflow: hidden; }

header .text.ln-text { color: rgb(0, 0, 0); }

.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: 0px; }
  .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: 0.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: 0.6875rem; margin-bottom: 10px; margin-left: 0.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: 0.3125rem; height: 0.3125rem; border-radius: var(--size-2xs); background: var(--dark-neutral-50); top: 0px; left: -0.1875rem; z-index: 2; position: absolute; }
  .ln-timeline .ln-timeline-list li:last-child { border: 0px; }
}

@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: 0.3125rem; height: 0.3125rem; border-radius: var(--size-2xs); background: var(--dark-neutral-50); top: 0px; left: -0.1875rem; z-index: 2; position: absolute; }
  .ln-timeline .ln-timeline-list li:last-child { border: 0px; }
}

.ln-tooltip { text-transform: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px; top: calc(100% + 0.25rem); line-height: 130%; }

.ln-tooltip::before { content: ""; position: inherit; width: 0.5rem; height: 0.5rem; border-bottom: 1px solid var(--light-neutral-50); border-right: 1px solid var(--light-neutral-50); border-bottom-right-radius: 0.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: 0.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: 0.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: 0.75rem; position: relative; }

.wrap-webstories > .scrolX > div > div:last-child { margin: 0px; }

@media (max-width: 47.9375rem) {
  .wrap-webstories > .scrolX > div > div article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); left: -0.53125rem; }
}

@media (min-width: 48rem) {
  .wrap-webstories > .scrolX > div > div article::before { content: ""; height: calc(100% - 0.25rem); width: 0.0625rem; position: absolute; background-color: rgb(228, 228, 228); 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: 0.5rem; }

.wrap-webstories > .scrolX > div > div .media-container .ln-placeholder { border-radius: 0.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: max-content; height: max-content; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; white-space: nowrap; }

.button, .button > .icon > svg > path { transition: 0.3s ease-in-out; }

.button:hover { opacity: 0.8; }

.button:disabled { opacity: 0.4; pointer-events: none; }

.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: rgb(255, 255, 255); }

.icon.--dark svg > path { fill: rgb(39, 39, 39); }

.icon.--gray svg > path { fill: rgb(145, 145, 145); }

.icon.--gray-600 svg > path { fill: rgb(90, 90, 90); }

.icon.--warning svg > path { fill: rgb(253, 183, 39); }

.icon.--primary svg > path { fill: rgb(18, 111, 255); }

.icon.--success svg > path { fill: rgb(34, 177, 32); }

.icon.--danger svg > path { fill: rgb(244, 67, 54); }

.icon.--violet svg > path { fill: rgb(0, 3, 58); }

.icon.--inherit svg > path { fill: currentcolor; }

.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: 0px; right: 0px; width: 8px; height: 8px; background-color: rgb(198, 27, 37); }

.button.notification-drawer-button.pulse::after { top: -3px; right: -3px; border: 0.125rem solid rgb(198, 27, 37); width: 0.875rem; height: 0.875rem; animation: 1s ease-in-out 0s infinite normal none running pulse; }

@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, 0px); }

.notification-drawer-tooltip[data-visible="false"][data-position="top"] { transform: translate3d(-50%, 0.625rem, 0px); }

.notification-drawer-tooltip[data-visible="false"][data-position="left"] { transform: translate3d(0.625rem, -50%, 0px); }

.notification-drawer-tooltip[data-visible="false"][data-position="right"] { transform: translate3d(-0.625rem, -50%, 0px); }

.notification-drawer-tooltip[data-visible="true"] { opacity: 1; visibility: visible; }

.notification-drawer-tooltip[data-visible="true"][data-position="bottom"] { transform: translate3d(-50%, 0px, 0px); }

.notification-drawer-tooltip[data-visible="true"][data-position="top"] { transform: translate3d(-50%, 0px, 0px); }

.notification-drawer-tooltip[data-visible="true"][data-position="left"] { transform: translate3d(0px, -50%, 0px); }

.notification-drawer-tooltip[data-visible="true"][data-position="right"] { transform: translate3d(0px, -50%, 0px); }

.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(0px, -60%); }

.notification-drawer-tooltip[data-position="bottom-right"] { top: calc(100% + 0.75rem); right: 0px; }

.notification-drawer-tooltip[data-position="bottom-right"]::after { bottom: 100%; right: 0.25rem; transform: rotate(-135deg) translate(0px, -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%, 0px); }

.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(0px, -60%); }

.notification-drawer { --_drawer-spacing: 1rem; display: flex; flex-direction: column; overflow-y: auto; position: fixed; top: 0px; height: 100vh; width: 100%; background-color: rgb(254, 254, 254); gap: 1rem; box-shadow: rgba(0, 0, 0, 0.04) 0px 12px 24px; 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); }

@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; 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: rgb(247, 247, 244); border-radius: 0.5rem; }

.notification-drawer::-webkit-scrollbar-track:hover, .notification-drawer::-webkit-scrollbar-track:active { background: rgb(228, 228, 228); }

.notification-drawer.left { left: 0px; }

.notification-drawer.right { right: 0px; }

.notification-drawer[data-position="left"] { transform: translate3d(-100%, 0px, 0px); }

.notification-drawer[data-position="right"] { transform: translate3d(100%, 0px, 0px); }

.notification-drawer[data-visible="true"] { transform: translate3d(0px, 0px, 0px); 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: 0px; 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: 0px; z-index: 2; }

.notification-drawer .notification-drawer-header .notification-drawer-close { padding: 0px; }

.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: rgba(0, 0, 0, 0.06) 0px 8px 16px 0px; 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: rgb(222, 235, 255); }

.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: 0px; left: 0px; background: linear-gradient(0deg, rgb(254, 254, 254) 0%, rgba(254, 254, 254, 0.15) 100%); }

.notification-drawer .notification-drawer-body .spinner { border-right-color: ; border-bottom-color: ; border-left-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; }

.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: rgb(28, 28, 31); 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 { 
  100% { transform: rotate(360deg); }
}

@keyframes unspin { 
  100% { transform: rotate(-360deg); }
}

@keyframes shimmer { 
  100% { transform: translate3d(100%, 0px, 0px); }
}

.skeleton-loader { position: relative; background-color: rgb(230, 230, 230); overflow: hidden; height: auto; }

.skeleton-loader::after { content: ""; position: absolute; inset: 0px; transform: translate3d(-100%, 0px, 0px); background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0px, rgba(242, 242, 242, 0.2) 10%, rgba(242, 242, 242, 0.5) 30%, rgba(242, 242, 242, 0)); animation: 2s ease 0s infinite normal none running shimmer; }

.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: 0px; 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 center; background-repeat: no-repeat; background-image: url(""); }

.newsletterbox-title { margin: 0px; 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: 0px; 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: 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: max-content; height: max-content; font-size: 1.15rem; line-height: 1rem; text-transform: uppercase; white-space: nowrap; }

.button, .button > .icon > svg > path { transition: 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: rgb(255, 255, 255); }

.icon.--dark svg > path { fill: rgb(39, 39, 39); }

.icon.--gray svg > path { fill: rgb(145, 145, 145); }

.icon.--gray-600 svg > path { fill: rgb(90, 90, 90); }

.icon.--warning svg > path { fill: rgb(253, 183, 39); }

.icon.--primary svg > path { fill: rgb(18, 111, 255); }

.icon.--success svg > path { fill: rgb(34, 177, 32); }

.icon.--danger svg > path { fill: rgb(244, 67, 54); }

.icon.--violet svg > path { fill: rgb(0, 3, 58); }

.icon.--inherit svg > path { fill: currentcolor; }

.image { transition: 0.2s ease-in-out; }

.image.--contain { object-fit: contain; }

.image.--cover { object-fit: cover; }

.image.--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: rgb(28, 28, 31) 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: rgb(28, 28, 31); 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 { 
  100% { transform: rotate(360deg); }
}

@keyframes unspin { 
  100% { 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: rgb(28, 43, 83); }

.flickity-button { background: transparent !important; }

.anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 { margin: 0px; padding: 0px; height: 160px; background-color: rgb(240, 242, 246); display: flex; flex-direction: column; justify-content: center; position: relative; }

@media (max-width: 1300px) {
  .anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 { padding: 0px 15px; }
}

.anexo-main-container.svelte-1o4dtg7.svelte-1o4dtg7 { max-width: 1300px; width: 100%; height: auto; margin: 0px auto; display: flex; flex-direction: row; padding: 0px; }

.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: rgb(28, 43, 83); }

.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: rgb(28, 43, 83); }

@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: rgb(255, 255, 255); text-decoration: none; border: 1px solid rgb(28, 43, 83); color: rgb(28, 43, 83); font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 11px; text-align: center; padding: 5px 15px 5px 5px; letter-spacing: 0.02rem; border-radius: 15px; display: block; width: 119px; transition: 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.svg"); background-repeat: no-repeat; background-size: contain; background-position: center 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: rgb(60, 73, 108); 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: rgb(156, 162, 180); font-weight: 300; width: 100%; text-align: right; margin-bottom: -2px; }

.results-container.svelte-1o4dtg7.svelte-1o4dtg7 { width: 975px; overflow: auto hidden; margin: 0px; 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: 0px; }

@media (max-width: 770px) {
  .results-container.svelte-1o4dtg7.svelte-1o4dtg7 { margin: 10px 0px; height: 130px; flex-shrink: 0; padding: 0px 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, rgb(233, 233, 233), rgb(240, 242, 246), rgb(233, 233, 233), rgb(240, 242, 246)) 0% 0% / 400% 400%; animation: 3s ease 0s infinite normal none running svelte-1o4dtg7-AnimationName; border: 1px solid rgb(226, 226, 226); 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: rgb(221, 221, 221); position: absolute; right: 55px; top: 0px; }

.skeleton.svelte-1o4dtg7 div.svelte-1o4dtg7::before { content: ""; height: 1px; width: 100%; background-color: rgb(221, 221, 221); position: absolute; top: 50%; left: 0px; }

@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: rgb(28, 43, 83); text-decoration: none; color: rgb(255, 255, 255); font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 11px; text-align: center; padding: 10px 12px; letter-spacing: 0.02rem; display: block; width: 119px; transition: 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: rgb(255, 255, 255); }

.publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:hover { background-color: rgb(64, 83, 135); }

@media (max-width: 770px) {
  .anexo-main.svelte-1o4dtg7.svelte-1o4dtg7 { height: 200px; padding: 0px; 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 12px; border-bottom: 2px solid rgb(255, 255, 255); gap: 0px; flex-direction: row; }
  .titles-container.svelte-1o4dtg7 a.btn-title-prode.svelte-1o4dtg7 { margin-left: auto; border-width: 0px 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-image: initial; background-color: transparent; width: 107px; margin-top: 12px; border-left-style: solid; border-left-color: rgb(218, 218, 218); border-radius: 0px; 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 rgb(255, 255, 255); padding: 9px 0px; display: none; }
  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7 { background-color: transparent; color: rgb(28, 43, 83); font-size: 10px; font-weight: 700; text-align: left; flex-grow: 0; padding: 5px 40px 5px 15px; background-image: url("flecha_72f9b97372.svg"); background-size: 7px; background-position: 95% 5px; background-repeat: no-repeat; }
  .publi-container.svelte-1o4dtg7 a.btn-apps.svelte-1o4dtg7:visited { color: rgb(28, 43, 83); }
  .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 rgb(173, 180, 198); border-radius: 0px; }
  .publi-container.svelte-1o4dtg7 a.btn-apps.prode.svelte-1o4dtg7 { border-left: 1px dashed rgb(173, 180, 198); border-radius: 0px; 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 / 1; background: radial-gradient(circle closest-side, rgb(28, 44, 83) 80%, rgba(0, 0, 0, 0)) 0px center / 33.3333% 100% space; clip-path: inset(0px 100% 0px 0px); animation: 1.3s steps(4) 0s infinite normal none running svelte-1ubgv8q-l1; position: absolute; left: 45px; top: 7px; }

@keyframes svelte-1ubgv8q-l1 { 
  100% { clip-path: inset(0px -34% 0px 0px); }
}

.result-card.playing.svelte-1ubgv8q div.results.svelte-1ubgv8q { display: flex; flex-flow: wrap; 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 rgb(218, 218, 218); position: absolute; top: 0px; left: -30px; }

.result-card.pre_match.svelte-1ubgv8q.svelte-1ubgv8q::after { content: "Predicción"; text-transform: uppercase; position: absolute; top: 3px; width: 100%; right: 0px; text-align: right; color: rgb(123, 144, 165); 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: 0px; }

.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: rgb(28, 43, 83); }

.result-card.svelte-1ubgv8q div.instance.svelte-1ubgv8q { margin-bottom: 0px; padding-top: 6px; font-size: 8px; letter-spacing: 0.01rem; color: rgb(28, 43, 83); }

.result-card.svelte-1ubgv8q div.team-container.svelte-1ubgv8q { display: flex; flex-direction: column; border: 1px solid rgb(28, 43, 83); 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 rgb(28, 43, 83); }

.result-card.svelte-1ubgv8q div.team:first-child div.result.svelte-1ubgv8q { border-bottom: 1px solid rgb(255, 255, 255); }

.result-card.svelte-1ubgv8q div.team:first-child div.result.prediction.svelte-1ubgv8q { border-top: 0px; border-bottom: 0px; }

.result-card.svelte-1ubgv8q div.team div.tshirt.svelte-1ubgv8q { width: 21.4286%; 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.5714%; color: rgb(28, 43, 83); flex-grow: 1; font-weight: 700; font-size: 13px; border-left: 1px dotted rgb(213, 217, 226); 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: rgb(28, 43, 83); color: rgb(255, 255, 255); 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 0px 4px 2px; }

.result-card.svelte-1ubgv8q div.team div.result.prediction.svelte-1ubgv8q { background-color: transparent; color: rgb(28, 43, 83); font-size: 14px; line-height: 1; border-left: 1px solid rgb(186, 191, 203); border-top: 1px solid rgb(186, 191, 203); display: flex; flex-direction: column; justify-content: center; }
