/* Approved phone option 2: main hero device frame only. */
.hero .telefono {
 width:min(296px,76vw);
 height:auto;
 aspect-ratio:296 / 610;
 padding:8px;
 border-radius:40px;
 --rx:0deg;
 --ry:0deg;
 transform:rotateY(0deg);
 transform-style:flat;
}
.hero .telefono .pantalla {border-radius:32px;}
.hero .telefono::after {inset:8px;border-radius:32px;}

/* Approved option 2. Only main mobile hero background; no layout/UI changes. */
@media (max-width:719px){
 .hero > .luz-fallback{background: url("fondo-lateral-delicado.webp") right 88px / 100% auto no-repeat;}
 .hero > canvas[data-red]{display:none;}
 /* Decorative notifications must not obscure the activated mobile demo. */
 .hero.encendido .escena .tarjeta-flotante{display:none!important;}
}