.dv{--dv-bz:clamp(var(--sp-1),.6vw,var(--sp-2));position:relative;min-width:0}
.dv-scr{position:relative;overflow:hidden;background:var(--papel-2)}
.dv-scr>img{display:block;width:100%;height:auto}
.chap .dv-scr>img{max-width:none;width:100%}
.dv-laptop{display:grid;justify-items:center}
.dv-lid{width:88%;padding:var(--dv-bz);padding-top:calc(var(--dv-bz)*2);background:var(--tinta);border-radius:var(--r-screen) var(--r-screen) 0 0}
.dv-lid .dv-scr{border-radius:2px}
.dv-base{position:relative;width:100%;height:calc(var(--dv-bz)*2.5);background:var(--tinta);border-radius:0 0 var(--r-screen) var(--r-screen)}
.dv-base::before{content:"";position:absolute;left:50%;top:0;width:12%;height:40%;translate:-50% 0;background:var(--cinza-esc);border-radius:0 0 var(--sp-1) var(--sp-1)}
.dv-phone .dv-scr{border:calc(var(--dv-bz)*1.5) solid var(--tinta);border-radius:calc(var(--r-screen)*3)}
.dv-scr>.pm{width:100%}
.dv-scr>.pm-btn{position:absolute;right:var(--sp-2);bottom:var(--sp-2);z-index:1}
@media (forced-colors:active){.dv-lid,.dv-base{background:CanvasText}.dv-base::before{background:Canvas}.dv-phone .dv-scr{border-color:CanvasText}}
@media (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-width:640px){
  @supports (animation-timeline:view()){
    .dv{--rx:11deg;--ry:-7deg;--dy:32px;transform-origin:50% 100%;will-change:transform;animation:dv-in linear both;animation-timeline:view();animation-range:entry 10% cover 50%}
    .dv-phone{--rx:7deg;--ry:10deg;--dy:64px}
    @keyframes dv-in{from{transform:perspective(1600px) translateY(var(--dy)) rotateX(var(--rx)) rotateY(var(--ry))}to{transform:none}}
  }
}