/* Mira la magia: carrusel horizontal en celular */
.reel-nav{display:none}
@media (max-width:900px){
  .reel{gap:16px;align-items:flex-end}
  .reel .phone{width:60vw}
  .reel .phone.big{width:64vw}
  .reel figure{scroll-snap-align:center}
  .reel figure:first-child{margin-left:calc(18vw - var(--gut))}
  .reel figure:last-child{margin-right:calc(18vw - var(--gutr))}
  .reel-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px;position:relative;z-index:2}
  .reel-nav button.ar{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--night,#24143A);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 8px 18px -10px rgba(0,0,0,.6)}
  .reel-nav button.ar:active{transform:scale(.92)}
  .reel-nav .dots{display:flex;gap:8px}
  .reel-nav .dots i{width:9px;height:9px;border-radius:9px;background:rgba(255,255,255,.35);transition:width .25s,background .25s}
  .reel-nav .dots i.on{width:24px;background:#FFC8DD}
  .reel-hint{display:block;text-align:center;font-weight:700;font-size:.85rem;color:#D9C9F0;margin-top:10px}
}