/* Mockups em CSS com telas reais do kit */
.laptop{position:relative;width:100%;}
.laptop .tela{background:#1E2524;border-radius:14px 14px 4px 4px;padding:2.2% 2.2% 2.6%;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.laptop .tela .img{aspect-ratio:16/10;background:#fff;border-radius:3px;overflow:hidden;position:relative}
.laptop .tela .img img{width:100%;display:block}
.laptop .tela .img .barra{height:4.2%;min-height:10px;background:#EEF0EF;border-bottom:1px solid #DADEDC;display:flex;align-items:center;gap:5px;padding:0 1.6%}
.laptop .tela .img .barra i{width:7px;height:7px;border-radius:50%;background:#C7CDCB;display:block}
.laptop .base{height:0;padding-bottom:3.2%;margin:0 -6%;background:linear-gradient(#D5DAD8,#AEB5B3);border-radius:0 0 18px 18px/0 0 60% 60%;position:relative}
.laptop .base:before{content:"";position:absolute;left:42%;right:42%;top:0;height:35%;background:#9AA2A0;border-radius:0 0 8px 8px}
.tablet{background:#1E2524;border-radius:22px;padding:3.2%;box-shadow:0 26px 50px -18px rgba(0,0,0,.45)}
.tablet .img{border-radius:8px;overflow:hidden;background:#fff}
.tablet .img img{width:100%;display:block}
.folha{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 18px 40px -12px rgba(11,40,38,.35);overflow:hidden}
.folha img{width:100%;display:block}
.pilha{position:relative}
.pilha .folha{position:absolute;width:70%}
.pilha .f1{left:0;top:6%;transform:rotate(-3deg)}
.pilha .f2{left:15%;top:3%;transform:rotate(1.5deg)}
.pilha .f3{left:30%;top:0;transform:rotate(3deg)}