:root {
  --fondo: #1a1a1a;
  --tarjeta: #262626;
  --tarjeta-h: #373737;
  --tenue: #8c8c8c;
  --tenue-2: #8c8c8c;
  --ancho-art: 343.4px;
  --papel: #eef1f6;
  --tinta: #121212;
  --fantasma: #dde1e5;
  --rojo: #d8382b;
  --suave: cubic-bezier(.4, 0, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--fondo); color: #fff; }
body {
  font: 400 12px/15px "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%;
  overflow: hidden;
}
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
::selection { color: #000; background: rgba(255, 255, 255, .99); }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: inherit; }
p, h1, h2, h3, h4, figure { margin: 0; font: inherit; }
:focus-visible { outline: 1px solid #fff; outline-offset: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.enlace { text-decoration: underline; display: inline; }
.enlace:hover { text-decoration: none; }

.app { position: relative; height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; background: var(--fondo); }


.cab { flex: none; padding: 10px 0 12px; }
.cab-fila { display: flex; align-items: flex-start; width: 100%; padding: 0 12px; }
.cab-cols { display: inline-grid; width: max-content; flex: none; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 16px; }
.cab-col:nth-child(n+2) { display: none; }
.signo-mini { display: inline-block; width: 11px; height: 11px; margin: 0 6px 0 1px; vertical-align: -1px; }
.cab-hora { display: none; margin-left: auto; min-width: 0; flex: 0 1 auto; text-align: right; overflow-wrap: anywhere; }
.hora-n { white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
.hora-z { margin-inline-start: 4px; white-space: nowrap; }
.cab-menu { display: block; margin-left: auto; align-self: center; width: 16px; height: 16px; border: 1px solid #fff; background: #fff; transition: background-color .2s var(--suave); }
.cab-menu[aria-expanded="true"] { background: transparent; }
@media (min-width: 768px) {
  .cab-col:nth-child(n+2) { display: block; }
  .cab-hora { display: block; }
  .cab-menu { display: none; }
}
@media (min-width: 1280px) {
  .cab-fila { padding: 0 12px 0 0; }
  .cab-cols { display: flex; gap: 2px; }
  .cab-col { width: var(--ancho-art); flex: none; padding: 0 12px; }
}


.notas { flex: none; height: 187px; overflow: hidden; }
.notas-scroll, .sel-scroll, .tira { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain; touch-action: pan-x; -webkit-overflow-scrolling: touch; }
.notas-scroll::-webkit-scrollbar, .sel-scroll::-webkit-scrollbar, .tira::-webkit-scrollbar { display: none; }
.notas-scroll { height: 100%; width: 100%; }
.notas-pista { position: relative; height: 187px; }
.notas-patron {
  position: absolute; top: 0; bottom: 0; left: 0; width: 100%; pointer-events: none; background-repeat: repeat-x;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='345.4' height='187' viewBox='0 0 345.4 187'%3E%3Crect x='.5' y='.5' width='342.4' height='186' fill='none' stroke='%23262626'/%3E%3C/svg%3E");
}
.notas-fila { position: relative; z-index: 1; display: flex; gap: 2px; width: 100%; }
.nota { display: block; flex: none; width: var(--ancho-art); text-decoration: none; }
.nota-in { display: flex; flex-direction: column; height: 187px; width: 100%; padding: 12px; background: var(--tarjeta); user-select: none; transition: background-color .15s var(--suave); }
.nota-d { color: var(--tenue); }
.nota-f { margin-top: auto; }
@media (min-width: 768px) {
  .notas-patron { width: var(--ancho-patron, 1381px); }
  .nota-in { padding-top: 10px; }
}
@media (hover: hover) { .nota:hover .nota-in { background: var(--tarjeta-h); } }


.sel { flex: none; overflow: hidden; }
.sel-in { margin: 12px 0; }
.sel-fila { position: relative; isolation: isolate; display: flex; gap: 2px; width: 100%; }
.sel-celda { flex: none; width: var(--ancho-art); padding: 0 12px; }
.sel-info { position: relative; z-index: 10; width: fit-content; white-space: nowrap; margin-left: -14px; padding: 0 6px 0 14px; background: var(--fondo); cursor: pointer; user-select: none; }
.sel-scroll { position: absolute; top: 0; left: 0; right: 0; width: 100%; padding-left: 128px; z-index: 0; }
.sel-lista { display: flex; gap: 16px; width: max-content; padding-right: 12px; }
.sel-item { white-space: pre; cursor: pointer; user-select: none; }
.sel-item a { color: inherit; text-decoration: none; }
.sel-tit { display: none; }
.sel-item.activo .sel-tit { display: inline; }
.sel-sub { color: var(--tenue-2); }
.sel-sub:hover, .sel-sub.activa { color: #fff; }
@media (min-width: 768px) { .sel-scroll { padding-left: 357.4px; } }
@media (min-width: 1024px) { .sel-in { margin-bottom: 11px; } }


.obras { position: relative; flex: 1; min-height: 0; }
.tira { position: absolute; inset: 0; }
.tira:focus-visible { outline: 1px solid #fff; outline-offset: -2px; }
.tira-fila { position: relative; display: flex; gap: 2px; height: 100%; width: max-content; }
.bloque { display: flex; flex: none; gap: 2px; height: 100%; width: max-content; }

.f { flex: none; height: 100%; aspect-ratio: var(--ar); position: relative; overflow: hidden; contain: paint; container-type: size; }
.r169 { --ar: 16 / 9; }
.r45 { --ar: 4 / 5; }
.f-in { position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease-out; }
.f.vis .f-in { opacity: 1; }
.sin-js .f-in, .sin-movimiento .f-in { opacity: 1; transition: none; }
.f img { display: block; width: 100%; height: 100%; object-fit: cover; user-select: none; -webkit-user-drag: none; filter: saturate(.9) contrast(1.03); }
.f video { display: block; width: 100%; height: 100%; object-fit: cover; background: #000; user-select: none; }
.ui { font-size: 1.7cqh; line-height: 1.3; letter-spacing: -.005em; overflow: hidden; }
.ui * { user-select: none; }


.panel {
  position: absolute; inset: 0; z-index: 20; overflow: hidden; background: rgba(26, 26, 26, .72); opacity: 0; visibility: hidden;
  -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);
  transition: opacity .3s ease-out, backdrop-filter .3s ease-out, -webkit-backdrop-filter .3s ease-out, visibility 0s linear .3s;
}
.panel.abierto { opacity: 1; visibility: visible; -webkit-backdrop-filter: blur(56px); backdrop-filter: blur(56px); transition-delay: 0s; }
.panel-scroll { position: absolute; inset: 0; overflow-x: hidden; overflow-y: auto; padding: 12px 12px 40px; scrollbar-width: none; }
.panel-scroll::-webkit-scrollbar { display: none; }
.panel-scroll:focus-visible { outline: 0; }
.panel-cont { display: flex; flex-direction: column; justify-content: space-between; gap: 80px; min-height: 100%; width: 100%; max-width: 1031px; opacity: 1; transform: translate3d(0, 0, 0); transition: opacity .4s ease-out .2s, transform .4s ease-out .2s; }
.panel-cont.sale { opacity: 0; transform: translate3d(0, -4px, 0); transition: opacity .25s ease-out, transform .25s ease-out; }
.panel-cont.entra { opacity: 0; transform: translate3d(0, 3px, 0); transition: none; }
.panel-texto { font-size: 24px; line-height: 26px; }
.panel-texto p + p { margin-top: 26px; }
.cred { display: flex; flex-direction: column; gap: 16px; }
.cred-g { display: flex; flex-direction: column; gap: 4px; }
@media (min-width: 1024px) { .panel-cont { gap: 104px; } }
@media (min-width: 1280px) { .panel-texto { font-size: 40px; line-height: 40px; } .panel-texto p + p { margin-top: 40px; } }


.menu-movil {
  position: absolute; top: -38px; right: 0; bottom: 0; left: 0; z-index: 25; overflow: hidden; background: #1a1a1a; opacity: 0; visibility: hidden;
  -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);
  transition: opacity .3s ease-out, backdrop-filter .3s ease-out, -webkit-backdrop-filter .3s ease-out, visibility 0s linear .3s;
}
.menu-movil.abierto { opacity: 1; visibility: visible; -webkit-backdrop-filter: blur(56px); backdrop-filter: blur(56px); transition-delay: 0s; }
.menu-in { display: flex; flex-direction: column; justify-content: space-between; margin: 10px 12px 40px; height: calc(100% - 50px); width: calc(100% - 24px); opacity: 0; transform: translate3d(0, 3px, 0); transition: opacity .25s ease-out, transform .25s ease-out; }
.menu-movil.abierto .menu-in { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity .4s ease-out .2s, transform .4s ease-out .2s; }
.menu-cols { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.menu-cols > div { min-width: fit-content; max-width: 100%; }
@media (min-width: 768px) { .menu-movil { display: none; } }


.aviso { position: absolute; left: 0; bottom: 0; z-index: 30; margin: 0; padding: 6px 12px 8px; background: var(--fondo); color: #fff; white-space: nowrap; }




.tg { background: var(--papel); color: var(--tinta); }
.tg-fil { position: absolute; left: .6cqh; display: flex; font-size: 34cqh; line-height: 28cqh; font-weight: 700; letter-spacing: -.045em; }
.tg-fil:nth-child(1) { top: 1.2cqh; }
.tg-fil:nth-child(2) { top: 29.2cqh; }
.tg-fil:nth-child(3) { top: 57.2cqh; }
.tg-fil i { display: block; flex: none; width: 22.4cqh; height: 28cqh; font-style: normal; transition: color .18s ease-out; }
.tg-fil i.g { color: var(--fantasma); }
.tg-et { position: absolute; left: 1.1cqh; bottom: 1.6cqh; font-size: 4.3cqh; line-height: 1; font-weight: 700; letter-spacing: -.04em; }


.sm { background: #f0f1f2; color: var(--tinta); }
.sm-t { position: absolute; left: 1.2cqw; top: 1.6cqh; font-size: 4cqh; line-height: 1; font-weight: 700; letter-spacing: -.04em; }
.sm-s { position: absolute; left: 1.6cqw; top: calc(54cqh - 48.4cqw); width: 96.8cqw; height: 96.8cqw; }


.km { background: #111; color: #fff; padding: 2.2cqh 2.6cqh; }
.km-t { font-size: 1.8cqh; color: #9a9a9a; }
.km-f { position: absolute; left: 2.6cqh; right: 2.6cqh; border-top: 1px solid #3a3a3a; padding-top: 1.4cqh; }
.km-f:nth-of-type(1) { top: 9cqh; }
.km-f:nth-of-type(2) { top: 37cqh; }
.km-f:nth-of-type(3) { top: 65cqh; }
.km-f b { display: inline-block; font-size: 19cqh; line-height: .8; font-weight: 700; letter-spacing: -.06em; }
.km-f span { font-size: 2.4cqh; margin-left: 1cqh; color: #9a9a9a; }
.km-f i { display: block; height: 1.5cqh; width: var(--l); margin-top: 2cqh; background: #fff; }
.km-f:nth-of-type(3) i { background: var(--rojo); }


.w1 { background: var(--papel); color: var(--tinta); }
.w1-nav { position: absolute; left: 2.8cqh; right: 2.8cqh; top: 2.4cqh; z-index: 2; display: flex; justify-content: space-between; align-items: center; font-size: 1.55cqh; }
.w1-nav nav { display: flex; gap: 3cqh; }
.w1-nav svg { display: block; width: 3.2cqh; height: 3.2cqh; }
.w1-h { position: absolute; left: 2.8cqh; top: 13cqh; font-size: 15.5cqh; line-height: .86; font-weight: 700; letter-spacing: -.05em; }
.f img.w1-img { position: absolute; top: 0; right: 0; width: 41%; height: 100%; }
.w1-p { position: absolute; left: 2.8cqh; bottom: 11cqh; width: 38cqh; font-size: 1.9cqh; line-height: 1.3; }
.w1-b { position: absolute; left: 2.8cqh; bottom: 3.2cqh; padding: 1.3cqh 2.4cqh; background: var(--tinta); color: #fff; font-size: 1.6cqh; }
.w1-pie { position: absolute; left: 50cqh; bottom: 3.6cqh; font-size: 1.4cqh; color: #5a6270; }


.w2 { background: #e8ebf0; color: var(--tinta); padding: 2cqh 2.4cqh; }
.w2-bar { display: flex; justify-content: space-between; font-size: 1.5cqh; }
.f img.w2-img { position: absolute; left: 2.4cqh; top: 7cqh; width: calc(100cqw - 4.8cqh); height: 50cqh; }
.w2-h { position: absolute; left: 2.4cqh; top: 60cqh; font-size: 4.4cqh; line-height: 1; font-weight: 700; letter-spacing: -.04em; }
.w2-p { position: absolute; left: 2.4cqh; right: 2.4cqh; top: 67cqh; font-size: 1.7cqh; color: #4a5160; }
.w2-t { position: absolute; left: 2.4cqh; top: 78cqh; display: flex; gap: 1cqh; }
.w2-t i { display: grid; place-items: center; width: 5.4cqh; height: 5.4cqh; border: 1px solid #9aa2b0; font-style: normal; font-size: 1.5cqh; }
.w2-t i.on { background: var(--tinta); color: #fff; border-color: var(--tinta); }
.w2-btn { position: absolute; left: 2.4cqh; right: 2.4cqh; bottom: 2.4cqh; padding: 1.5cqh 0; background: var(--rojo); color: #fff; text-align: center; font-size: 1.7cqh; }


.w4 { background: #fff; color: var(--tinta); padding: 2.4cqh 2.4cqh; }
.w4-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 1.5cqh; color: #55596a; }
.w4-top b { font-size: 3.4cqh; line-height: 1; letter-spacing: -.04em; color: var(--tinta); }
.w4-g { position: absolute; left: 2.4cqh; right: 2.4cqh; top: 9cqh; bottom: 2.4cqh; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 1.2cqh; }
.w4-g figure { position: relative; overflow: hidden; background: #eef1f6; }
.w4-g figure img { position: absolute; inset: 0; }
.w4-g figure::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(transparent, rgba(0, 0, 0, .5)); }
.w4-g figcaption { position: absolute; z-index: 1; left: 1cqh; bottom: .9cqh; font-size: 1.35cqh; color: #fff; }
.w4-g .tx { background: var(--tinta); color: #fff; padding: 1.4cqh; display: flex; flex-direction: column; justify-content: space-between; }
.w4-g .tx b { font-size: 5.6cqh; line-height: .9; letter-spacing: -.05em; }
.w4-g .tx span { font-size: 1.4cqh; color: #aab0bd; }


.w5 { background: #141414; color: #fff; padding: 2.6cqh 2.6cqh; }
.w5-h { font-size: 6.4cqh; line-height: .95; font-weight: 700; letter-spacing: -.05em; margin-top: 2cqh; }
.w5 table { position: absolute; left: 2.6cqh; right: 2.6cqh; top: 26cqh; border-collapse: collapse; font-size: 2.1cqh; }
.w5 th { text-align: left; font-weight: 400; color: #8b8f99; padding: 1.1cqh 2cqh 1.1cqh 0; border-bottom: 1px solid #3a3a3a; }
.w5 td { padding: 2.2cqh 2cqh 2.2cqh 0; border-bottom: 1px solid #2a2a2a; font-variant-numeric: tabular-nums; }
.w5 td:first-child { font-weight: 700; }
.w5 tr.on td { color: var(--rojo); }
.w5-n { position: absolute; left: 2.6cqh; right: 2.6cqh; bottom: 2.6cqh; font-size: 1.6cqh; color: #8b8f99; }


.ap { background: #0b0b0b; color: #fff; }
.tl { position: absolute; top: 6.5cqh; height: 87cqh; aspect-ratio: 9 / 19.2; border-radius: 5.4cqh; padding: .8cqh; background: #050505; box-shadow: 0 0 0 .25cqh #3a3a3a, 0 2cqh 5cqh rgba(0, 0, 0, .5); }
.tl-p { position: relative; height: 100%; border-radius: 4.7cqh; overflow: hidden; padding: 5.6cqh 2.4cqh 2cqh; font-size: 1.6cqh; line-height: 1.25; }
.tl-p::before { content: ""; position: absolute; top: 1.2cqh; left: 50%; width: 9cqh; height: 2.4cqh; margin-left: -4.5cqh; border-radius: 2cqh; background: #050505; }
.tl-c { background: #ececec; color: var(--tinta); }
.tl-o { background: #121212; color: #fff; }
.tl-h { font-size: 2cqh; color: #7d818c; }
.tl-n { font-size: 9cqh; line-height: .95; font-weight: 700; letter-spacing: -.06em; margin-top: 1cqh; }
.tl-n small { font-size: 2.6cqh; letter-spacing: 0; margin-left: .6cqh; color: #7d818c; font-weight: 400; }
.tl-barras { display: flex; align-items: flex-end; gap: 1cqh; height: 17cqh; margin-top: 3cqh; }
.tl-barras i { flex: 1; background: #c3c6cd; height: var(--h); }
.tl-barras i.on { background: var(--rojo); }
.tl-dias { display: flex; gap: 1cqh; margin-top: .8cqh; font-size: 1.3cqh; color: #7d818c; }
.tl-dias span { flex: 1; text-align: center; }
.tl-fila { display: flex; justify-content: space-between; padding: 1.5cqh 0; border-top: 1px solid #cfd2d8; }
.tl-o .tl-fila { border-color: #2c2c2c; }
.tl-fila b { font-weight: 700; }
.tl-ruta { display: block; width: 100%; height: 30cqh; margin: 2cqh 0 1cqh; }
.tl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6cqh 1cqh; margin-top: 1cqh; }
.tl-grid b { display: block; font-size: 4cqh; line-height: 1; letter-spacing: -.04em; }
.tl-grid span { font-size: 1.3cqh; color: #8b8f99; }

.ap2 { background: #d9dce1; color: var(--tinta); }
.ap2 .tl { left: 50%; margin-left: -22cqw; top: 8cqh; height: 120cqh; width: 44cqw; aspect-ratio: auto; }
.pl-d { display: flex; align-items: center; gap: 1.2cqh; padding: 1.6cqh 0; border-top: 1px solid #cfd2d8; font-size: 1.7cqh; }
.pl-d i { flex: none; width: 1.2cqh; height: 1.2cqh; border-radius: 50%; background: #c3c6cd; }
.pl-d.hoy i { background: var(--rojo); }
.pl-d span:first-child { flex: none; width: 3.4cqh; color: #7d818c; }
.pl-d em { margin-left: auto; font-style: normal; color: #7d818c; font-size: 1.4cqh; }
.pl-t { font-size: 4.8cqh; line-height: .95; font-weight: 700; letter-spacing: -.05em; margin: 1.2cqh 0 2cqh; }

.ap3 { background: radial-gradient(120% 90% at 30% 20%, #f4f5f7, #c9ccd3); color: var(--tinta); }
.ap3-w { position: absolute; left: 6cqw; right: 6cqw; top: 8cqh; height: 34cqh; border-radius: 4cqh; background: #fff; box-shadow: 0 1cqh 3cqh rgba(0, 0, 0, .12); padding: 2.4cqh; }
.ap3-w small { display: block; font-size: 1.5cqh; color: #7d818c; }
.ap3-w b { display: block; font-size: 6.2cqh; line-height: 1; letter-spacing: -.05em; margin-top: 1cqh; }
.ap3-w svg { position: absolute; right: 2.4cqh; bottom: 2.4cqh; width: 14cqh; height: 14cqh; }
.ap3-ic { position: absolute; left: 6cqw; right: 6cqw; top: 50cqh; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3cqh 2.4cqh; }
.ap3-ic div { text-align: center; font-size: 1.4cqh; color: #3b3f4a; }
.ap3-ic i { display: block; aspect-ratio: 1; border-radius: 22%; background: #aeb2bb; margin-bottom: 1cqh; }
.ap3-ic i:nth-child(n) { opacity: .85; }
.ap3-ic .a i { background: #111; display: grid; place-items: center; opacity: 1; }
.ap3-ic .a i svg { width: 62%; height: 62%; color: #fff; }
.ap3-ic .b i { background: #cfd3da; }
.ap3-ic .c i { background: #7f8794; }

.ap4 { background: #070707; color: #fff; }
.rl { position: absolute; left: 50%; top: 50%; width: 47cqh; height: 58cqh; margin: -29cqh 0 0 -23.5cqh; border-radius: 12cqh; background: #1f1f1f; box-shadow: inset 0 0 0 .3cqh #444, 0 3cqh 8cqh rgba(0, 0, 0, .6); }
.rl::before, .rl::after { content: ""; position: absolute; left: 8cqh; right: 8cqh; height: 14cqh; background: #181818; }
.rl::before { bottom: 100%; margin-bottom: -2cqh; border-radius: 4cqh 4cqh 0 0; }
.rl::after { top: 100%; margin-top: -2cqh; border-radius: 0 0 4cqh 4cqh; }
.rl-p { position: absolute; inset: 2cqh; border-radius: 10cqh; background: #000; overflow: hidden; }
.rl-p svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ap4-t { position: absolute; left: 4cqh; bottom: 4cqh; font-size: 1.6cqh; color: #8b8f99; width: 30cqh; }
.ap4-t b { display: block; color: #fff; font-size: 4.6cqh; line-height: 1; letter-spacing: -.045em; margin-bottom: 1.2cqh; font-weight: 700; }


.c3 { background: #f2ede4; color: #2b2622; }
.c3-nav { position: absolute; left: 2.8cqh; right: 2.8cqh; top: 2.4cqh; display: flex; justify-content: space-between; font-size: 1.55cqh; }
.c3-nav nav { display: flex; gap: 3cqh; }
.c3-h { position: absolute; left: 2.8cqh; top: 15cqh; width: 66cqh; font-size: 10.6cqh; line-height: .92; font-weight: 500; letter-spacing: -.045em; }
.f img.c3-img { position: absolute; top: 0; right: 0; width: 46%; height: 100%; }
.c3-p { position: absolute; left: 2.8cqh; bottom: 3.2cqh; width: 40cqh; font-size: 1.7cqh; color: #5d554d; }
.c3-e { position: absolute; left: 2.8cqh; bottom: 14cqh; font-size: 1.5cqh; color: #8a7f73; }

.c5 { background: #f2ede4; color: #2b2622; }
.f img.c5-img { position: absolute; top: 0; left: 0; width: 58%; height: 100%; }
.c5-t { position: absolute; left: 62%; right: 3cqh; top: 4cqh; }
.c5-t small { font-size: 1.5cqh; color: #8a7f73; }
.c5-t h4 { font-size: 7cqh; line-height: .95; font-weight: 500; letter-spacing: -.045em; margin: 1.2cqh 0 2cqh; }
.c5-t p { font-size: 1.7cqh; color: #5d554d; }
.c5-tab { margin-top: 3cqh; font-size: 1.6cqh; }
.c5-tab div { display: flex; justify-content: space-between; padding: 1.1cqh 0; border-top: 1px solid #d6cdbf; }
.c5-tab span:first-child { color: #8a7f73; }
.c5-bt { position: absolute; left: 62%; bottom: 3.4cqh; display: flex; gap: 1.2cqh; font-size: 1.6cqh; }
.c5-bt span { padding: 1.3cqh 2.2cqh; border: 1px solid #2b2622; }
.c5-bt span:first-child { background: #2b2622; color: #f2ede4; }


.r2 { background: #111; color: #fff; }
.r2 > img { position: absolute; inset: 0; filter: grayscale(1) brightness(.62) contrast(1.05); }
.r2::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 70%); }
.r2-nav { position: absolute; left: 2.8cqh; right: 2.8cqh; top: 2.4cqh; z-index: 2; display: flex; justify-content: space-between; font-size: 1.55cqh; }
.r2-lista { position: absolute; z-index: 2; left: 2.8cqh; top: 16cqh; list-style: none; margin: 0; padding: 0; }
.r2-lista li { display: flex; gap: 2.4cqh; align-items: baseline; font-size: 6.2cqh; line-height: 1.12; letter-spacing: -.045em; color: rgba(255, 255, 255, .42); }
.r2-lista li span { font-size: 1.5cqh; letter-spacing: 0; width: 3cqh; }
.r2-lista li.on { color: #fff; }
.r2-p { position: absolute; z-index: 2; right: 2.8cqh; bottom: 3.2cqh; font-size: 1.55cqh; text-align: right; }

.r6 { background: #e9e7e1; color: #1a1a1a; }
.r6 .r6-pl { position: absolute; left: 3cqh; top: 3cqh; width: 98cqh; height: 94cqh; }
.r6-t { position: absolute; left: 108cqh; right: 3cqh; top: 4cqh; }
.r6-t small { font-size: 1.5cqh; color: #7a766d; }
.r6-t h4 { font-size: 7.4cqh; line-height: .95; font-weight: 500; letter-spacing: -.045em; margin: 1.2cqh 0 2.4cqh; }
.r6-t div { display: flex; justify-content: space-between; padding: 1.2cqh 0; border-top: 1px solid #cdc9bf; font-size: 1.65cqh; }
.r6-t div span:first-child { color: #7a766d; }
.r6-c { position: absolute; left: 108cqh; right: 3cqh; top: 38cqh; width: calc(100cqw - 111cqh); height: 18cqh; }
.r6-p { position: absolute; left: 108cqh; right: 3cqh; bottom: 4cqh; font-size: 1.65cqh; color: #4d4a44; }


.e1 { background: #e4d9c3; color: #26211b; padding: 2.6cqh; }
.e1 small { display: block; font-size: 1.6cqh; letter-spacing: .02em; }
.e1 h4 { position: absolute; left: 2.4cqh; top: 9cqh; font-size: 21.5cqh; line-height: .8; font-weight: 800; letter-spacing: -.06em; }
.e1 b { position: absolute; left: 2.2cqh; bottom: 9cqh; font-size: 40cqh; line-height: .8; letter-spacing: -.07em; font-weight: 800; }
.e1 span { position: absolute; left: 2.6cqh; right: 2.6cqh; bottom: 2.6cqh; display: flex; justify-content: space-between; font-size: 1.5cqh; border-top: 1px solid #26211b; padding-top: 1cqh; }
.e3 { background: #1f3a2e; color: #efe8d8; padding: 2.6cqh; }
.e3 small { font-size: 1.6cqh; }
.e3 svg { position: absolute; right: 2.6cqh; top: 2.6cqh; width: 9cqh; height: 9cqh; }
.e3 h4 { position: absolute; left: 2.4cqh; bottom: 9cqh; font-size: 21.5cqh; line-height: .8; font-weight: 800; letter-spacing: -.06em; }
.e3 span { position: absolute; left: 2.6cqh; right: 2.6cqh; bottom: 2.6cqh; display: flex; justify-content: space-between; font-size: 1.5cqh; border-top: 1px solid #efe8d8; padding-top: 1cqh; }
.e4 { background: #f2efe9; color: #1d1b17; padding: 2.4cqh 2.8cqh; }
.e4-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 1.5cqh; color: #6c675d; }
.e4-top b { font-size: 6cqh; line-height: 1; letter-spacing: -.05em; color: #1d1b17; font-weight: 700; }
.e4-fil { position: absolute; left: 2.8cqh; right: 2.8cqh; top: 17cqh; }
.e4-fil div { display: grid; grid-template-columns: 6cqh 1fr 24cqh 22cqh; align-items: baseline; padding: 2.1cqh 0; border-top: 1px solid #cfc9bc; font-size: 1.8cqh; }
.e4-fil div b { font-size: 4.4cqh; line-height: 1; letter-spacing: -.045em; font-weight: 600; }
.e4-fil div span { color: #6c675d; }
.e4-fil div.on { background: #1d1b17; color: #f2efe9; margin: 0 -1cqh; padding-left: 1cqh; padding-right: 1cqh; }
.e4-fil div.on span { color: #bdb7a8; }
.e5 { background: #bfb8a8; }
.e5 > img { position: absolute; inset: 0; }
.e5 svg { position: absolute; left: 50%; top: 50%; width: 56cqw; height: 56cqw; margin: -28cqw 0 0 -28cqw; color: #2a2620; transform: rotate(-8deg); }


.f2 { background: #1b1512; color: #f1e7d8; padding: 5.4cqh 2.6cqh 2.4cqh; }
.f2::before { content: ""; position: absolute; top: 1.6cqh; left: 50%; width: 9cqh; height: 2.2cqh; margin-left: -4.5cqh; border-radius: 2cqh; background: #000; }
.f2 small { font-size: 1.5cqh; color: #9d8e7a; }
.f2 h4 { font-size: 6.2cqh; line-height: .95; font-weight: 700; letter-spacing: -.05em; margin: 1cqh 0 2.4cqh; }
.f2-b { display: flex; align-items: center; gap: 1.4cqh; padding: 2cqh 0; border-top: 1px solid #3a2f27; font-size: 2cqh; }
.f2-b span { margin-left: auto; font-size: 1.5cqh; color: #9d8e7a; }
.f2-b i { flex: none; display: grid; place-items: center; width: 4.2cqh; height: 4.2cqh; border-radius: 50%; border: 1px solid #6b5a49; font-style: normal; font-size: 2.4cqh; line-height: 1; }
.f2-b.on i { background: #e1b27b; border-color: #e1b27b; color: #1b1512; }
.f2-barra { position: absolute; left: 2.6cqh; right: 2.6cqh; bottom: 2.6cqh; display: flex; align-items: center; justify-content: space-between; padding: 1.4cqh 1.6cqh; border-radius: 1.4cqh; background: #e1b27b; color: #1b1512; font-size: 1.8cqh; }
.f2-barra b { font-weight: 700; }
.f4 { background: #e9dfce; color: #2a1f18; }
.f4 .pa { position: absolute; top: 9cqh; width: 36cqh; height: 82cqh; border-radius: 4.6cqh; padding: 1cqh; background: #1b1512; box-shadow: 0 2cqh 5cqh rgba(0, 0, 0, .25); }
.f4 .pa-p { height: 100%; border-radius: 3.8cqh; overflow: hidden; padding: 4.4cqh 2cqh 2cqh; font-size: 1.5cqh; background: #f6efe3; color: #2a1f18; }
.f4 .pa-p small { font-size: 1.3cqh; color: #8c7b66; }
.f4 .pa-p h5 { font-size: 3.4cqh; line-height: 1; letter-spacing: -.045em; font-weight: 700; margin: .8cqh 0 2cqh; }
.f4 .pa-p .op { display: block; padding: 1.4cqh 1.2cqh; border-radius: 1cqh; background: #fff; margin-bottom: 1cqh; }
.f4 .pa-p .op.on { background: #2a1f18; color: #f6efe3; }
.f4 .pa-p .bt { position: absolute; left: 2cqh; right: 2cqh; bottom: 2cqh; padding: 1.3cqh 0; border-radius: 1cqh; background: #e1b27b; text-align: center; font-weight: 700; }
.f4-t { position: absolute; left: 3cqh; bottom: 4cqh; width: 36cqh; }
.f4-t b { display: block; font-size: 4.4cqh; line-height: 1; letter-spacing: -.045em; }
.f4-t span { font-size: 1.6cqh; color: #6f5d4b; }
.f6 { background: #efe6d6; color: #2a1f18; padding: 2.6cqh; }
.f6 small { font-size: 1.6cqh; color: #8c7b66; }
.f6 h4 { font-size: 16cqh; line-height: .8; font-weight: 800; letter-spacing: -.07em; margin: 2cqh 0 4cqh; }
.f6 div { display: flex; align-items: baseline; gap: 1cqh; font-size: 2.2cqh; padding: 1.3cqh 0; }
.f6 div i { flex: 1; border-bottom: 1px dotted #8c7b66; transform: translateY(-.4cqh); }
.f6 div span { font-size: 1.6cqh; color: #6f5d4b; }





.sin-movimiento .panel, .sin-movimiento .menu-movil, .sin-movimiento .panel-cont, .sin-movimiento .menu-in, .sin-movimiento .nota-in, .sin-movimiento .tg-fil i { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .f-in { opacity: 1 !important; transition: none !important; }
  .panel, .menu-movil, .panel-cont, .menu-in, .nota-in, .tg-fil i, .cab-menu { transition: none !important; }
}