@media (max-width: 820px) {
main.cortinas { --cortina-r: var(--mob-r); }
main.cortinas > section:not(:first-child):not(.blob-foot) > .cortina__in { padding-top: 0; }

.hero--prom { margin-top: calc(-1 * var(--mob-barra)); min-height: 0; display: flex; flex-direction: column; justify-content: flex-start; gap: 0; padding: calc(var(--mob-barra) + 48px) var(--mob-m) 88px;  }
.hero--prom .hero__top, .hero--prom .hero__actions { display: contents; }
.hero--prom .hero__top h1 { order: 0; max-width: none; margin: 0; font-size: var(--mob-h1); line-height: 1.04; letter-spacing: -.02em; }
.hero--prom .hero__top p { order: 1; max-width: none; margin: 12px 0 24px; font-size: var(--mob-lead); line-height: 1.42; color: var(--on-chapter); }
.hero--prom .hero__media { order: 2; position: relative; inset: auto; z-index: auto; flex: none; width: 100%; height: min(40svh, calc(100svh - 440px)); min-height: 120px; max-height: min(40svh, calc(100svh - 440px)); aspect-ratio: auto; margin: 0 0 24px; }
.hero--prom .hero__media img, .hero--prom .hero__media video { object-position: 50% 32%; transform: none; }
.hero--prom .hero__actions .button { order: 3; flex: none; align-self: stretch; padding: 0 24px; }
main.cortinas > #inicio.hero--prom::after { display: none; }

.dest { display: block; min-height: 0; overflow: clip; margin-top: -32px; padding: 56px 0 48px; }
.dest > .cortina__in { display: block; position: relative; z-index: 1; padding: 0; }
.dest .dest__bg { display: none; }
.dest__in { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0 var(--mob-m); }
.dest__t { max-width: none; margin: 0 0 32px; font-size: var(--mob-h2); line-height: 1.1; }
.dest .dest__lista { --cw: 78vw; flex-direction: row; flex-wrap: nowrap; gap: 12px; align-self: auto; align-items: stretch; margin-top: 0; }
.dest .dest__fila { display: block; flex: 0 0 var(--cw); min-width: 0; }
.dest .dest__fila .dest__btn { display: flex; flex-direction: column; width: 100%; min-height: 0; padding: 0; border: 0; translate: none; transform: none; text-align: left; font-size: var(--mob-t3); line-height: 1.25; letter-spacing: 0; color: var(--mob-fg); }
.dest .dest__fila .dest__btn.is-on { color: var(--mob-fg); translate: none; }
.dest .dest__fila .dest__btn > [data-mob~="marco"] { width: 100%; }
.dest .dest__m { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; transition: none; object-fit: cover; object-position: 50% 40%; }
.dest a.dest__btn > .prom-cuerpo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0; padding: 0 12px 0 20px; }
.dest .prom-nombre { font-size: var(--mob-t3); font-weight: 500; line-height: 1.25; color: var(--mob-fg); }
.dest .mob-puntos { margin-top: 24px; }

.mom { margin-top: -32px; padding: 56px 0 72px; }
.mom > .cortina__in { padding: 0; }
.js .mom .pin-wrap { height: auto; }
.js .mom .pin { position: static; top: auto; height: auto; min-height: 0; overflow: visible; }
.mom .mom__stage { display: flex; flex-direction: column; height: auto; padding: 0 var(--mob-m); gap: 0; }
main.cortinas .mom__stage h2#mom-t { order: 1; margin: 0 0 24px; font-size: var(--mob-h2); line-height: 1.1; }
.mom__stage > [data-mob~="segmentado"] { order: 2; margin: 0 0 24px; }
.mom__stage > [data-mob~="segmentado"] > button { min-height: 44px; border: 1.5px solid var(--mob-linea); }
.mom__stage > [data-mob~="segmentado"] > button[aria-pressed="true"] { border-color: transparent; }
.mom .mom__stage > .mom__media { display: block; order: 3; align-self: stretch; position: static; width: auto; aspect-ratio: auto; overflow: visible; margin: 0; padding: 0; }
.mom .mom__stage > .mom__txt { display: block; order: 5; margin: 32px 0 0; padding: 0; }
.mom .mom__stage > .mom__pie { order: 4; display: block; margin: 0; padding: 0; }
.mom .mom__stage > .mom__pie [data-mob~="cota"] { margin-top: 12px; }
.mom .mom__stage .mom__f[data-capa] { position: relative; inset: auto; margin: 0; width: 100%; aspect-ratio: 4 / 5; order: 0; opacity: 1; visibility: visible; transform: none; translate: none; transition: none; }
.mom .mom__stage .mom__paso[data-capa] { margin: 0; padding: 0; opacity: 1; visibility: visible; transform: none; transition: none; }
.mom .mom__stage .mom__paso p.t4 { max-width: 34ch; margin: 0; font-size: var(--mob-cuerpo); line-height: 1.5; color: var(--on-chapter); }
.mom .mom__stage .mom__f video { object-position: 50% 30%; }
.mom .mom__stage .mom__f[data-capa="2"] video { object-position: 18% 50%; }

.mom .mom__stage .mom__f.mom__f--foto { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); gap: 8px; aspect-ratio: 4 / 5; }
.mom .mom__stage .mom__f--foto > img { position: static; inset: auto; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; object-position: 50% 45%; animation: none; opacity: 1; scale: none; translate: none; }
.mom .mom__stage .mom__f--foto > img:nth-child(1) { order: 0; grid-column: 1 / -1; }
.mom .mom__stage .mom__f--foto > img:nth-child(2) { order: 1; }
.mom .mom__stage .mom__f--foto > img:nth-child(3) { order: 2; }
.mom .mom__stage [data-capa][hidden] { display: none; }

.areas, #areas { padding: calc(var(--mob-r) + 48px) 0 32px; }
.areas > .cortina__in { padding: 0; }
.areas .areas__stage { padding: 0; gap: 32px; }
.areas .areas__head { flex-direction: column; align-items: flex-start; gap: 16px; padding-inline: var(--mob-m); }
main.cortinas h2#areas-t { margin: 0; font-size: var(--mob-h2); line-height: 1.1; }
.areas .areas__head p { max-width: 32ch; margin: 0; font-size: var(--mob-lead); line-height: 1.45; }
.areas .cfotos { width: auto; height: auto; overflow: visible; margin: 0; padding: 0 var(--mob-m); }
.areas .cfotos .cfotos__pista[data-mob~="carrusel"] { --cw: 78vw; width: calc(100% + 2 * var(--mob-m)); max-width: 100vw; height: auto; translate: none; will-change: auto; padding: 0 var(--mob-m); gap: 12px; }
.areas .cfotos .cfotos__f { flex: 0 0 var(--cw); height: auto; aspect-ratio: auto; overflow: visible; scroll-snap-align: center; }
.areas .cfotos__f [data-mob~="marco"] { width: 100%; }
.areas .cfotos__f img { object-position: 50% 40%; scale: none; translate: none; }
.areas .mob-puntos { margin-top: 24px; }

.marc, #marcas-lujo.marc { padding: 40px var(--mob-m) 72px; }
main.cortinas h2#marc-t { margin: 0; font-size: var(--mob-h2); font-weight: 400; line-height: 1.1; }
.marc__cinta { margin: 32px calc(-1 * var(--mob-m)) 0; }
}