.backgrounds-stage .small-word{display:none}
.continuous-collage{position:absolute;inset:0;z-index:1;pointer-events:none}
.collage-object{position:absolute;will-change:transform,opacity;visibility:hidden}
.collage-object>svg{display:block;width:100%;height:100%}
.collage-ticket{left:-2%;top:32%;width:23%;rotate:13deg;z-index:2;container-type:inline-size;filter:drop-shadow(2px 3px 2px #18334018)}
.receipt-paper{position:relative;padding:9% 9% 11%;font:5.3cqw/1.55 'Courier New',monospace;color:#3c3c35;background:linear-gradient(97deg,#ecece5 0%,#faf9ef 19%,#f5f4e9 48%,#e9e8df 49%,#fbfaf1 51%,#f0efe5 100%);clip-path:polygon(0 1%,6% 0,12% 1%,18% 0,24% 1%,30% 0,36% 1%,42% 0,48% 1%,54% 0,60% 1%,66% 0,72% 1%,78% 0,84% 1%,90% 0,96% 1%,100% 0,100% 99%,94% 100%,88% 99%,82% 100%,76% 99%,70% 100%,64% 99%,58% 100%,52% 99%,46% 100%,40% 99%,34% 100%,28% 99%,22% 100%,16% 99%,10% 100%,4% 99%,0 100%)}
.receipt-paper::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#514f3f08 2px 3px);pointer-events:none}
.receipt-head{text-align:center;display:flex;flex-direction:column;gap:1px;margin-bottom:5%}.receipt-head b{font-size:8cqw;letter-spacing:.02em}.receipt-head span{font-size:4.5cqw}.receipt-rule{border-top:1px dashed #5e5d5466;margin:7% 0}.receipt-row{display:flex;justify-content:space-between;gap:3%;white-space:nowrap}.receipt-row.total{font-size:7.8cqw;margin-bottom:5%;line-height:1.4}.receipt-center{display:block;text-align:center;font-size:4.5cqw;margin-top:3%}.receipt-paper>svg{display:block;width:94%;height:30cqw;margin:8% auto 0}.receipt-thanks{display:block;text-align:center;font-size:4.6cqw;margin-top:8%}.receipt-demo{display:block;font-size:3.7cqw;text-align:center;margin-top:6%;opacity:.6}
.collage-bag{left:44%;top:-5%;width:24%;height:36%;rotate:-19deg;z-index:2}
.collage-cart{right:-3%;top:52%;width:32%;height:25%;rotate:14deg;z-index:2}
.collage-parcel{left:9%;bottom:-1%;width:23%;height:24%;rotate:-16deg;z-index:2}
.collage-card{right:1%;top:9%;width:25%;height:16%;rotate:11deg;background:#d9eef6;color:#235b70;padding:3%;display:flex;flex-direction:column;gap:8%;border:1px solid #a1c6d4;box-shadow:2px 3px 0 #fff;z-index:0}.collage-card>span{font:clamp(5px,.65vw,10px)/1.2 ui-monospace,monospace;letter-spacing:.05em}.collage-card b{font-size:clamp(14px,2.2vw,30px);font-weight:500}.collage-card small{font:clamp(5px,.65vw,9px) ui-monospace,monospace}.collage-card i{position:absolute;right:9%;bottom:18%;font-style:normal;font-size:20px}
.photo-montage{left:-1%;top:2%;width:43%;height:52%;rotate:-7deg;overflow:hidden;background:#ecece8;isolation:isolate;z-index:1}
.city-frames{position:absolute;inset:0;background:url('assets/mercado-fotogramas.webp') 0 50%/300% 100%;animation:contact-sheet 2.4s step-end infinite,photo-registration 1.15s steps(3) infinite;filter:contrast(1.25)}
.city-detail{position:absolute;right:0;top:0;width:23%;height:100%;background:url('assets/mercado-fotogramas.webp') 100% 50%/600% 130%;mix-blend-mode:multiply;opacity:.55;animation:detail-jump 1.8s steps(4) infinite}
.nerea-cutout{position:absolute;left:-9%;bottom:-5%;width:94%;height:96%;object-fit:contain;object-position:bottom;filter:grayscale(1) contrast(1.4);transform-origin:50% 100%;z-index:2}
.print-dots{position:absolute;inset:0;background:radial-gradient(#000 .6px,transparent .9px);background-size:3px 3px;opacity:.3;mix-blend-mode:multiply;z-index:3}
@keyframes contact-sheet{0%,24%,72%{background-position:0 50%}25%,48%,88%{background-position:50% 50%}49%,71%,95%{background-position:100% 50%}}
@keyframes photo-registration{0%,100%{transform:scale(1.02) translate(0,0)}35%{transform:scale(1.035) translate(-2px,1px)}70%{transform:scale(1.02) translate(1px,-2px)}}
@keyframes detail-jump{0%,100%{transform:translateY(-4%)}50%{transform:translateY(4%)}}
.binary-bit{position:absolute;opacity:0;color:#267d9f;font-family:ui-monospace,monospace;z-index:2}.binary-cloud{right:1%;top:26%;margin:0;font-size:clamp(9px,1.35vw,18px);line-height:1.2;letter-spacing:.06em;rotate:9deg}.binary-caption{left:12%;bottom:1%;font-size:clamp(7px,.75vw,10px);letter-spacing:.1em;rotate:-5deg}
.micro-glitch{position:absolute;height:3px;background:repeating-linear-gradient(90deg,#349cc4 0 7px,transparent 7px 11px,#222 11px 21px,transparent 21px 28px);opacity:0;z-index:2}.glitch-one{left:0;top:34%;width:48px}.glitch-two{right:3%;top:45%;width:38px;height:2px}
.collage-burst{position:absolute;width:1px;height:1px;z-index:2}.collage-burst i{position:absolute;width:4px;height:4px;border-radius:50%;background:#349cc4;opacity:0}.collage-burst i:nth-child(4n){background:#222;width:3px;height:3px}
.backgrounds-stage[data-running=false] .continuous-collage *{animation-play-state:paused!important}
@media(max-width:720px){.collage-ticket{left:0;width:23%;top:32%}.photo-montage{left:1%;width:43%}.collage-bag{top:-3%;left:47%;width:25%}.collage-cart{right:0;width:30%}.collage-parcel{left:11%}.collage-card{right:2%;padding:2.5%}.collage-card i{font-size:14px}.binary-cloud{right:2%;font-size:10px}.collage-burst i{width:3px;height:3px}.collage-burst{scale:.65}.glitch-one{width:25px}.glitch-two{width:20px}.print-dots{background-size:2px 2px;opacity:.22}}
@media(prefers-reduced-motion:reduce){.collage-object{will-change:auto}}

/* Las ráfagas no amplían el ancho de la página. */
.variant-main{overflow-x:clip}

/* Curvas alrededor de la instantánea: retrato circular y ticket en impresión. */
.photo-montage{width:44%;height:auto;aspect-ratio:1;border-radius:50%;clip-path:circle(50%);top:1%}
.collage-ticket{left:-3%;top:44%;width:31%;height:auto;aspect-ratio:1;rotate:12deg;filter:none}
.printer-disc{position:absolute;inset:0;border-radius:50%;background:#c4e3ee;box-shadow:inset -8px -5px 18px #65a6bd16}
.printer-slot{position:absolute;left:15%;top:41%;width:70%;height:5px;border-radius:100%;background:#223c47;box-shadow:0 2px 0 #ffffff90;z-index:3}
.receipt-window{position:absolute;left:18%;top:42%;width:64%;height:96%;overflow:hidden;container-type:inline-size;z-index:2}
.receipt-window .receipt-paper{width:100%;will-change:transform;filter:drop-shadow(1px 3px 2px #18334018)}
@media(max-width:720px){.photo-montage{left:1%;width:44%}.collage-ticket{left:0;top:43%;width:30%}.printer-slot{height:3px}}
@media(prefers-reduced-motion:reduce){.receipt-window .receipt-paper{will-change:auto}}

/* Registro individual: las fotos originales tienen encuadres y tamaños distintos. */
.selene-cutout{position:absolute;inset:0;z-index:2;transform-origin:50% 70%;filter:grayscale(1) contrast(1.32)}
.selene-frame{position:absolute;display:block;height:auto;max-width:none}
.selene-front{width:82%;left:9%;top:9%}
.selene-lean{width:85%;left:5%;top:11%;opacity:0}

/* Claim aprobado: una letra por palabra, en el orden B · E · O · S. */
.copy{container-type:inline-size}
.copy p.hero-claim{font-size:clamp(32px,13.5cqw,72px);line-height:1.06;letter-spacing:-.045em}
.copy p.hero-claim .claim-line{display:block;color:var(--ink);white-space:nowrap}
.copy p.hero-claim .brand-letter{color:#287f9f}

/* Las cuatro letras respiran juntas: solo color, sin adornos ni desplazamiento. */
.copy p.hero-claim .brand-letter{animation:brand-color 7s cubic-bezier(.45,0,.55,1) infinite}
@keyframes brand-color{0%,100%{color:#287f9f}50%{color:#58a9c4}}
.hero-claim[data-running=false] .brand-letter{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.copy p.hero-claim .brand-letter{animation:none;color:#287f9f}}

/* Significado de BEOS: marca de agua tipográfica junto al logo. */
.lab-header .brand-meaning{flex:0 1 auto;margin-left:8px;color:#b1c2ca;font-size:clamp(18px,2.2vw,30px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.brand-meaning>span{display:block;white-space:nowrap}
.brand-meaning b{color:#8faab7;font-weight:500}
@media(max-width:720px){.lab-header{gap:14px}.lab-header .brand-meaning{margin-left:0;font-size:clamp(12px,3.3vw,20px)}.lab-header>a{flex-shrink:0}}
@media(max-width:360px){.lab-header{gap:10px}.lab-header>img{width:84px}}