@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--masivo { 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) 48px; }
.hero--masivo .hero__top, .hero--masivo .hero__actions { display: contents; }
.hero--masivo .hero__top h1 { order: 0; max-width: none; margin: 0; font-size: var(--mob-h1); line-height: 1.04; letter-spacing: -.02em; }
.hero--masivo .hero__top p { order: 1; max-width: none; margin: 12px 0 24px; font-size: var(--mob-lead); line-height: 1.45; color: var(--on-chapter); }
.hero--masivo .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--masivo .hero__media img, .hero--masivo .hero__media video { object-position: 50% 40%; }
.hero--masivo .hero__actions .button { order: 3; flex: none; align-self: stretch; padding: 0 24px; }

#inicio.hero--masivo { padding-bottom: 72px; }
main.cortinas > #inicio.hero--masivo::after { display: none; }

.js .momento .pin-wrap { height: auto; }
.js .momento .pin { position: static; height: auto; min-height: 0; overflow: visible; }
.momento { overflow-x: clip; }
.momento .momento__in { --g: 6px; --cw: min(calc((60svh - 9 * var(--g)) / 10 * var(--ar)), calc((100vw - 2 * var(--mob-m) - 9 * var(--g)) / 10)); --ch: calc(var(--cw) / var(--ar)); --S: 1; --pp: calc(.3 + .68 * var(--mg, 1)); --dd: 1;
  display: flex; flex-direction: column; min-height: 0; height: auto; padding: 56px var(--mob-m) 72px; }
.momento__txt { display: contents; }
main.cortinas h2#momento-t { order: 1; margin: 0; font-size: var(--mob-h2); line-height: 1.1; }
.momento__p { order: 2; margin: 16px 0 0; max-width: 34ch; font-size: var(--mob-cuerpo); line-height: 1.45; }
.momento .mstage { order: 3; display: block; margin: 32px 0 0; height: auto; overflow: visible; align-self: stretch; }

.momento .mgrid-w { display: block; margin: 0 auto; }
.momento .msolo .mp--ghost { position: absolute; left: 50%; top: 50%; translate: -50% -50%; opacity: .18; }
.momento .msolo .mp.mp--ghost { --dq: 1; }
.momento .mstage > .msolo { position: absolute; left: 0; right: 0; top: 0; height: calc(10 * var(--ch) + 9 * var(--g)); margin: 0; display: flex; align-items: center; justify-content: center; opacity: calc(1 - var(--gv, 1)); }
.momento .msolo .mp { --dq: var(--mdx, 1); --k: var(--ks, 6); width: min(58vw, 220px); height: auto; max-height: 52svh; aspect-ratio: 262 / 540; }
.momento .msolo svg { max-height: 52svh; }
.momento .mstage { position: relative; }
.momento .mgrid { transform: none; opacity: var(--gv, 1); }
.momento .mgrid .mp { --dq: 1; }

.momento .mcota { position: static; display: grid; width: auto; height: auto; margin: 24px 0 0; font-size: var(--mob-t3); text-align: center; justify-items: center; min-height: 1.4em; pointer-events: none; }
.momento .mcota .mcota__s { position: static; grid-area: 1 / 1; width: auto; height: auto; opacity: 0; transition: opacity 160ms linear; }
.momento .mcota .mcota__s.is-on { opacity: 1; }
.momento .mcota .mcota__s .cota { position: static; display: block; transform: none; left: auto; top: auto; opacity: 1; font-size: var(--mob-t3); font-weight: 500; line-height: 1.3; color: var(--on-chapter); }
.momento .mcierre { order: 4; margin: 48px 0 0; display: block; max-width: none; }
.momento .mcierre .mcifra { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 16px; background: var(--mob-sup); border-radius: var(--mob-rf); opacity: 1; transform: none; }
.momento .mcifra__n { order: 1; font-size: 32px; font-weight: 600; line-height: 1.1; color: var(--on-chapter); }
.momento .mcifra__t { order: 2; font-size: 14px; line-height: 1.35; color: var(--on-chapter-2); }

.serie { padding: 72px var(--mob-m) 24px; }
#serie { padding-bottom: 48px; }
main.cortinas h2#serie-t { margin: 0; font-size: var(--mob-h2); line-height: 1.1; }
.serie .serie__rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 8px; margin: 32px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
.serie .serie__f { position: static; flex: none; width: auto; min-width: 0; height: auto; margin: 0; }
.serie .serie__f .serie__m { position: relative; inset: auto; height: auto; aspect-ratio: 1 / 1; }
.serie .serie__f .serie__m img { object-fit: cover; }
.serie .serie__f figcaption { position: static; display: block; height: auto; margin: 8px 0 0; font-size: var(--mob-cap); font-weight: 400; line-height: 1.3; white-space: normal; color: var(--mob-fg2); }
.serie .serie__f:last-child:nth-child(odd) { grid-column: 1 / -1; }
.serie .serie__f:last-child:nth-child(odd) .serie__m { aspect-ratio: 16 / 9; }
.serie__nav { display: none; }

.marcas-az { padding: 72px var(--mob-m) 72px; }
#logos { padding: 56px var(--mob-m) 48px; }
#logos h2#marcas-t { font-size: var(--mob-h2); text-wrap: balance; max-width: none; }
.marcas-az .marcas__cinta { margin: 32px calc(-1 * var(--mob-m)) 0; }
}