/* Mockup genérico de teléfono para las grabaciones reales de la app (sin marca). */
.visor{max-width:360px}
@media (min-width:1024px){.visor{max-width:340px}}
.telefono{position:relative;container-type:inline-size;padding:3.4%;border-radius:15.5% / 7.2%;
  background:linear-gradient(150deg,#3b4b53 0%,#121b20 20%,#0a1114 62%,#27353c 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 3px #04080b,0 40px 90px -24px rgba(0,0,0,.75),0 0 90px rgba(120,213,220,.12)}
.telefono .v-pantalla{aspect-ratio:720/1566;border:0;border-radius:12.6% / 5.8%;background:#eef2f2}
.telefono .v-pantalla video{object-fit:cover}
.telefono::after{content:"";position:absolute;z-index:3;left:50%;top:calc(3.4cqw + 2.5cqw);width:28cqw;height:8.2cqw;
  transform:translateX(-50%);border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.telefono::before{content:"";position:absolute;right:-3px;top:25%;width:3px;height:10%;border-radius:0 3px 3px 0;background:#2b3a41}
.tel-botones{position:absolute;inset:0;pointer-events:none}
.tel-botones::before,.tel-botones::after{content:"";position:absolute;left:-3px;width:3px;height:6.5%;border-radius:3px 0 0 3px;background:#2b3a41}
.tel-botones::before{top:21%}
.tel-botones::after{top:29.5%}
.telefono .v-play{z-index:2}
.cap img{aspect-ratio:720/1566}
.modal video{aspect-ratio:720/1566}