@media (max-width: 820px) {

main.cortinas { --cortina-r: var(--mob-r); }

main .proy-hero { --hero-base: 0px; min-height: 0; margin-top: calc(-1 * var(--mob-barra)); display: flex; flex-direction: column; justify-content: flex-start; gap: 0; padding: calc(var(--mob-barra) + 48px) var(--mob-m) 24px; }
main .proy-hero::after { order: 9; }
main .proy-hero { padding-bottom: 72px; }
.proy-hero__foot, .proy-hero__title { display: contents; }
.proy-hero h1 { order: 1; margin: 0; font-size: var(--mob-h1); line-height: 1.04; letter-spacing: -.02em; }
.proy-hero__sub { order: 2; margin: 12px 0 0; max-width: 32ch; font-size: var(--mob-lead); font-weight: 400; line-height: 1.4; color: var(--on-chapter); }
.proy-hero__datos { order: 2; margin: 8px 0 0; font-size: var(--mob-sec); font-weight: 400; line-height: 1.4; color: var(--on-chapter-2); }
.proy-hero .hero__media { order: 3; position: relative; inset: auto; z-index: auto; flex: none; width: 100%; margin: 24px 0 0; animation: none; }
.proy-hero .hero__media img, .proy-hero .hero__media video { transform: none; }
main .proy-hero:has(video) { --hero-pos: 50% 40%; }
main .proy-hero[aria-label^="YSL"] { --hero-pos: 62% 40%; }
main .proy-hero[aria-label^="Estée"] .hero__media img { object-position: 65% 40%; }

main .proy-hero video[data-m-src*="givenchy"], main .proy-hero img[src*="givenchy"] { object-position: 50% 30%; }
main .proy-hero video[data-m-src*="reeses"], main .proy-hero img[src*="reeses"] { object-position: 75% 0%; }
main .proy-hero video[data-m-src*="lindt"], main .proy-hero img[src*="lindt"] { object-position: 22% 25%; }
main .proy-hero video[data-m-src*="branca"], main .proy-hero img[src*="branca"] { object-position: 50% 30%; }
.proy-hero__actions { order: 4; margin: 24px 0 0; display: flex; }
.proy-hero__meta { order: 5; display: block; width: 100%; margin: 12px 0 0; }
.proy-hero__video { display: block; width: 100%; }

main .proy-intro { padding: 0; min-height: 0; overflow-x: clip; }
.proy-sala { display: block; padding: 56px var(--mob-m) 24px; }
.proy-sala > .proy-lead, .proy-escena__texto .proy-escena__lead { max-width: 26ch; margin: 0; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: 0; color: var(--on-chapter); text-wrap: pretty; }
.proy-sala > .proy-sala__t4, .proy-escena__texto .proy-escena__sub { max-width: 34ch; margin: 24px 0 0; font-size: var(--mob-cuerpo); font-weight: 400; line-height: 1.5; color: var(--on-chapter-2); --i: 1; }
.proy-linea, .proy-km { display: none; }
.proy-escena { overflow-x: clip; }
.proy-escena__run { --p: 1; }
main .proy-escena__in { display: block; padding: 56px var(--mob-m) 56px; }
main .proy-escena:has(+ .proy-gal) .proy-escena__in { padding-bottom: 24px; }
.proy-escena__texto { display: block; }

main .proy-escena__medio { width: auto; margin: 32px 0 0; translate: none; }
.proy-escena__medio ~ .proy-escena__sub { max-width: 34ch; margin: 24px 0 0; }
.proy-escena__medio .proy-escena__vid { clip-path: none; }
.proy-escena__vid video, .proy-escena__vid img, .proy-escena__p img, .proy-escena__p video, .proy-escena__panel img, .proy-escena__panel video { scale: 1; }
.proy-escena__pie { display: block; margin: 0; min-height: 0; }
.proy-escena__cota { position: static; flex: none; height: auto; min-width: 0; margin: 12px 0 0; }
.proy-escena__cota i { display: none; }
.proy-escena__cota .cota { position: static; display: block; left: auto; top: auto; transform: none; max-width: none; padding: 0; overflow: visible; text-overflow: clip; background: none; opacity: 1; white-space: normal; text-align: left; font: inherit; letter-spacing: 0; color: inherit; }

main .proy-escena--trip .proy-escena__medio { width: auto; }
.proy-escena__medio .proy-escena__tira { --cw: 72vw; height: auto; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 12px; margin-top: 0; }
.proy-escena__tira .proy-escena__p { flex: 0 0 var(--cw); width: var(--cw); height: auto; max-height: none; aspect-ratio: 3 / 4; clip-path: none; }
.proy-escena__p--vert video { object-position: 50% 35%; }

.proy-escena__ruta { display: block; height: auto; }
.proy-escena__mapa { display: block; height: auto; --e-m1: clamp(0, calc((var(--mp, 1) - .2) / .22), 1); --e-m2: clamp(0, calc((var(--mp, 1) - .34) / .16), 1); --e-pi: clamp(0, calc((var(--mp, 1) - .42) / .04), 1); --e-pd: clamp(0, calc((var(--mp, 1) - .78) / .04), 1); --e-rc: clamp(0, calc((var(--mp, 1) - .42) / .12), 1); --e-rm: clamp(0, calc((var(--mp, 1) - .54) / .12), 1); --e-ry: clamp(0, calc((var(--mp, 1) - .66) / .12), 1); --e-r: clamp(0, calc((var(--mp, 1) - .42) / .36), 1); }
.proy-escena__mapa svg { display: block; width: 100%; height: auto; max-height: 66svh; overflow: visible; }
.proy-escena__mapa .m-ruta { stroke-width: 3px; }
.proy-escena__mapa .m-punto { r: 5; }
.proy-escena__ruta .proy-escena__panel { width: 100%; height: auto; margin: 48px 0 0; clip-path: none; justify-self: auto; opacity: 1; translate: none; }
.proy-escena__ruta .proy-escena__panel video { object-position: 50% 40%; }
.proy-escena-ley { margin: 24px 0 0; }
.proy-escena__ruta > .proy-escena__pie { margin: 8px 0 24px; font-size: var(--mob-sec); font-weight: 400; line-height: 1.4; color: var(--on-chapter-2); }
.proy-escena__ruta > .proy-escena__pie .proy-escena__cota { margin: 0; }
.proy-escena__ruta > .proy-escena-ley + .proy-escena__pie ~ .proy-escena__panel { margin-top: 0; }

main .proy-momento { padding: 0; }
.proy-mom { height: auto; }
main .proy-mom__in { display: block; padding: 24px var(--mob-m) 24px; }
.proy-mom__col { --Pt: 0px; --Ft: 0; --Eh: auto; display: flex; flex-direction: column; }
.proy-mom__stage { display: contents; }
.proy-mom__plano { --mp: 1; --qd: clamp(0, calc((var(--mp) - .04) / .76), 1); --qb: clamp(0, calc(var(--mp) / .16), 1); --qk: clamp(0, calc((var(--mp) - .8) / .2), 1); --qc: 0; --ql: 0;
  --qm: 0; --qx: 0; --qr: 0; --qe: 0; --qa: 1; --qs: 1;
  order: 1; position: relative; left: auto; top: auto; width: 100%; height: calc((var(--W) - 24px) / 1600 * var(--H) + 24px); padding: 12px; }
.proy-mom__plano > .proy-mom__hoja, .proy-mom__plano > .proy-mom__medidas, .proy-mom__plano > .proy-mom__marco { inset: 12px; }
.proy-mom__ghost { display: none; }
.proy-mom__plano .cota__l--h, .proy-mom__plano .cota__l--hb { height: 1.25px; }
.proy-mom__plano .cota__l--va { width: 1.25px; }
.proy-mom__plano .cota__t--h, .proy-mom__plano .cota__t--hb { width: 1.25px; }
.proy-mom__plano .cota__t--va { height: 1.25px; }
.proy-mom__marco .t, .proy-mom__marco .b { height: 1.25px; }
.proy-mom__marco .l, .proy-mom__marco .r { width: 1.25px; }
.proy-mom__giro path { vector-effect: non-scaling-stroke; }
.proy-mom__guias, .proy-cmy, .proy-mom__giro { display: none; }
.proy-mom__pie { order: 2; position: static; left: auto; right: auto; top: auto; translate: none; max-width: none; margin: 32px 0 0; padding: 0; background: none; white-space: normal; text-align: left; }
.proy-mom__pie span:last-child { color: var(--mob-fg); white-space: nowrap; }
main .proy-mom__listas { order: 3; display: block; position: static; top: auto; margin: 24px 0 0; transition: none; }
.proy-mom__listas-in { display: block; min-height: 0; overflow: visible; }
.proy-mom__listas .proy-piezas, .proy-mom__listas .proy-medidas { display: block; margin: 0; opacity: 1; }
.proy-mom__listas ul.proy-medidas { margin-top: 24px; }
.proy-mom__listas ul.proy-medidas > li { padding-left: 0; }
.proy-mom__listas ul.proy-medidas > li::before { content: none; display: none; }
.proy-mom__listas .proy-piezas > li, .proy-mom__listas .proy-medidas > li { counter-increment: none; position: relative; display: block; max-width: none; min-height: 32px; margin: 0; padding: 6px 0 6px 20px; font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--mob-fg2); opacity: .6; transition: color 160ms linear, opacity 160ms linear; }
.proy-mom__listas .proy-piezas > li.is-on, .proy-mom__listas .proy-medidas > li.is-on { opacity: 1; color: var(--mob-fg); }
.proy-mom__listas .proy-piezas > li::before { content: " "; position: absolute; left: 0; top: 50%; display: block; width: 8px; height: 8px; margin-top: -4px; box-sizing: border-box; border: 1.5px solid currentColor; border-radius: 50%; background: transparent; font-size: 0; opacity: .6; transition: background-color 160ms linear, border-color 160ms linear, opacity 160ms linear; }
.proy-mom__listas .proy-piezas > li.is-on::before { left: -1px; width: 10px; height: 10px; margin-top: -5px; background: var(--mob-acc); border-color: var(--mob-acc); opacity: 1; }
.proy-mom__listas ul.proy-medidas > li b { font-weight: 500; color: var(--mob-fg); }
.proy-mom__foto { order: 4; position: relative; left: auto; top: auto; width: 100%; height: auto; margin: 48px 0 0; }
.proy-mom__foto img { clip-path: none; }
.proy-mom__barrido { display: none; }

main .proy-gal { overflow-x: clip; }
.js .proy-gal__run { height: auto; }
.js .proy-gal__pin { position: static; height: auto; display: block; overflow: visible; padding: 24px 0 24px; }
.proy-gal .cfotos { height: auto; overflow: visible; scroll-snap-type: none; display: block; }
.proy-gal .cfotos .cfotos__pista { --cw: 78vw; height: auto; translate: none; will-change: auto; gap: 12px; align-items: center; }
.proy-gal .cfotos .cfotos__pista { margin-inline: 0; padding-inline: var(--mob-m); scroll-padding-inline: var(--mob-m); }
.proy-gal .cfotos__f { flex: 0 0 var(--cw); width: var(--cw); height: auto; translate: none; scroll-snap-align: start; }
.proy-gal .cfotos--azul .cfotos__f::after { content: none; }
.proy-gal .cfotos__f img { scale: none; translate: none; filter: none; }

main.cortinas > section.proy-cola:not(:first-child) { background: #00335F; }
main .proy-cola { min-height: 0; display: block; padding: 0; overflow: clip; background: #00335F; color: #F4F7FB; --ink: #F4F7FB; --text: var(--on-chapter-2);
  --mob-sup: rgba(255, 255, 255, .07); --mob-linea: rgba(255, 255, 255, .16); --mob-fg: #F4F7FB; --mob-fg2: #C9D8EA; --mob-acc: var(--accent-on-azul, #70C2FF); --mob-acc-ink: #00335F; --mob-pbg: var(--accent); --mob-pfg: var(--accent-ink); }
.proy-cola > .cortina__in { display: block; }
.proy-idx { display: block; }
main .proy-idx__in { display: block; padding: 56px var(--mob-m) 0; }
.proy-idx__col { display: block; padding: 0; }
.proy-idx__col .proy-idx__t { max-width: none; margin: 0; font-size: var(--mob-h2); font-weight: 400; line-height: 1.1; color: var(--on-chapter); }
.proy-idx__lista { display: block; }
.proy-idx__grupo { margin: 0; }
.proy-idx__g { margin: 24px 0 12px; font-size: var(--mob-sec); font-weight: 500; line-height: 1.4; color: var(--on-chapter-2); }
main .proy-idx__btns { display: grid; gap: 4px; margin: 0; }
.js .proy-idx__btns li { opacity: 1; translate: none; scale: 1; transition: none; }
.js .proy-idx.is-in .proy-idx__btns li { opacity: 1; translate: none; scale: 1; }
main .proy-idx .proy-pill { display: flex; align-items: center; width: auto; min-height: 64px; padding: 0 16px 0 8px; border: 0; border-radius: var(--mob-rf); background: var(--mob-sup); color: var(--mob-fg); font-size: 17px; font-weight: 500; line-height: 1.3; white-space: normal; overflow: visible; scale: none; transform: none; }
main .proy-idx .proy-pill:active { transform: scale(.97); }
main .proy-idx .proy-pill[data-ver="givenchy"] img { object-position: center 60%; }
.proy-pill::before { display: none; }
main .proy-idx .proy-pill:hover, main .proy-idx .proy-pill:focus-visible, main .proy-idx .proy-pill.is-act { scale: none; color: var(--mob-fg); }
.proy-pill:focus-visible { outline: 2px solid var(--accent-on-azul, #70C2FF); outline-offset: 2px; }
.proy-idx__panel { display: none; }
main .proy-idx__mas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 32px 0 0; font-size: var(--mob-sec); font-weight: 400; line-height: 1.5; color: var(--on-chapter-2); text-wrap: pretty; }
.proy-idx__mas > span[aria-hidden="true"] { display: none; }
.proy-idx__mas > .proy-idx__mas-t { flex: 0 0 100%; font-size: 15px; line-height: 1.5; }
.proy-idx__mas [data-mob~="chip"] { margin-inline: 2px; vertical-align: middle; color: var(--mob-fg); }

html body .proy-escena__sub a[data-mob~="chip"][data-mob~="chip"], html body .proy-escena__lead a[data-mob~="chip"][data-mob~="chip"] { display: inline-flex; min-height: var(--mob-tap); margin: -8px 0; padding: 0 12px; vertical-align: middle; color: var(--mob-fg); text-decoration: none; }
.proy-escena__sub a[data-mob~="chip"]::before, .proy-escena__lead a[data-mob~="chip"]::before { inset: 8px 0; }

main .proy-cola { padding-bottom: 48px; }
main .proy-cola ~ .blob-foot, main .proy-cola + .blob-foot { margin-top: 0; }

}