/* Todos los móviles de la presentación, como un iPhone: marco de titanio, borde fino, isla dinámica y botones laterales. */
.iph{position:relative}
:is(.phone,.investment-phone,.finale-phone,.iph){padding:clamp(4px,.42vw,7px)!important;border:0!important;
  border-radius:clamp(26px,2.9vw,46px)!important;
  background:linear-gradient(145deg,#8d929b 0%,#3b3f46 18%,#1c1e23 50%,#43474f 82%,#9aa0a8 100%)!important;
  box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 2.5px #0b0c0f,0 30px 60px -18px #000a,0 10px 24px -10px #0008!important}
:is(.phone,.investment-phone,.finale-phone,.iph) img{display:block;border-radius:clamp(22px,2.5vw,40px)!important;background:#000}
/* isla dinámica */
:is(.phone,.investment-phone,.finale-phone,.iph):before{content:"";position:absolute;z-index:2;left:50%;top:calc(clamp(4px,.42vw,7px) + 2.1%);transform:translateX(-50%);
  width:30%;height:3.3%;min-height:9px;border-radius:30px;background:#05060a;box-shadow:inset 0 0 0 1px #ffffff12}
/* botones: volumen a la izquierda y encendido a la derecha, asomando por el canto */
:is(.phone,.investment-phone,.finale-phone,.iph):after{content:"";position:absolute;z-index:-1;left:-2.5px;right:-2.5px;top:21%;height:15%;pointer-events:none;
  background:linear-gradient(#6b7078,#3a3d44) left top/3px 44% no-repeat,linear-gradient(#6b7078,#3a3d44) left bottom/3px 44% no-repeat,
             linear-gradient(#6b7078,#3a3d44) right 30%/3px 70% no-repeat}
.iph{display:inline-block;line-height:0;max-width:100%}
.rule-shot-m .iph img{box-shadow:none!important}
/* que ningún móvil tape un texto (auditor de sangrías, scripts/sangrias.py) */
@media(min-width:901px){
#inversion .investment-phone{max-width:min(170px,30%)}}