/* V15: one Blender take (CAM_City_V15) from the office window over downtown to seat 7RS.
   One fixed video behind #ciudad (distribution) and #mapa (stadium, seat). */
/* Chapter lengths: see the "V15 pace" block at the end of handoff-v15.css. */
#ciudad,#mapa,#ciudad .scene-sticky,#mapa .scene-sticky{background:transparent!important}
#ciudad .scene-sticky,#mapa .scene-sticky{z-index:2}
#mapa .flight-curtain{display:none}
#ciudad .city-grade{opacity:var(--city-grade-opacity,0)}
.flight-message p{max-width:520px;margin:18px 0 0;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.35}

/* People buying across the city: same language as the partner labels, lighter weight. */
.city-purchase{position:absolute;z-index:3;transform:translate(-50%,-50%);opacity:0}
.city-purchase i{display:block;width:9px;height:9px;border-radius:50%;background:#d7ff3a;box-shadow:0 0 0 5px #d7ff3a26,0 0 16px #d7ff3aa6}
.city-purchase>div{position:absolute;bottom:20px;left:0;transform:translate(-50%,var(--channel-rise,18px));display:flex;flex-direction:column;gap:3px;width:max-content;color:#fff;text-shadow:0 2px 12px #090910,0 2px 3px #090910}
.city-purchase strong{font-size:15px;line-height:1.08;letter-spacing:-.03em;font-weight:700}
.city-purchase small{font-size:9px;letter-spacing:.02em;color:#d7ff3a;font-weight:700;white-space:nowrap}
@media(max-width:700px){
  .city-purchase strong{font-size:15px}
  .city-purchase small{font-size:10px}
  /* Phones show only the three partner channels (drawCity), larger. */
  .city-purchase{display:none}
  #ciudad .city-channel strong{font-size:15px}
  #ciudad .city-channel small{font-size:10px}
}

/* Copy moves to the right when Blender signage owns the left side of its frames. */
#ciudad .city-copy.copy-right,#flightMessage.copy-right{left:auto!important;right:clamp(25px,7vw,110px)!important}
@media(max-width:700px){#ciudad .city-copy.copy-right,#flightMessage.copy-right{left:22px!important;right:22px!important}}

/* Labels read at a glance on desktop (the city is the stage in this beat). */
@media(min-width:701px){
  #ciudad .city-channel strong{font-size:22px}
  #ciudad .city-channel small{font-size:11px}
  #ciudad .city-channel i{width:14px;height:14px}
  .city-purchase strong{font-size:17px}
  .city-purchase small{font-size:10px}
}

/* #venue length: "V15 pace" block in handoff-v15.css (pause between beats: mockup-completo.js VENUE_KEYS). */