.dispositivos {
    position: relative;
    width: 460px;
    max-width: 100%;
    margin-inline: auto;
}

.laptop { position: relative; width: 86%; margin-inline: auto; }
.laptop-pantalla {
    height: 168px;
    background: #FFFFFF;
    border: 11px solid #11151F;
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}
.laptop-escala {
    width: 680px;
    transform-origin: top left;
    transform: scale(.54);
}

.laptop-hinge {
    height: 7px;
    background: #0E121C;
    margin: 0 -2px;
}

.laptop-base {
    height: 12px;
    margin: 0 -9%;
    background: linear-gradient(180deg, #3A4154 0%, #11151F 100%);
    border-radius: 0 0 12px 12px;
    clip-path: polygon(1.5% 0, 98.5% 0, 100% 100%, 0 100%);
    box-shadow: 0 22px 34px -16px rgba(0, 0, 0, .6);
    position: relative;
}
.laptop-base::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 26%;
    height: 4px;
    border-radius: 0 0 6px 6px;
    background: rgba(0, 0, 0, .35);
}

.tablet {
    position: absolute;
    top: -18px;
    right: -16px;
    width: 208px;
    background: #11151F;
    border: 7px solid #11151F;
    border-radius: 16px;
    box-shadow: 0 26px 50px -18px rgba(0, 0, 0, .6);
    transform: rotate(4deg);
    z-index: 3;
}
.tablet-pantalla {
    height: 108px;
    background: #FFFFFF;
    border-radius: 9px;
    overflow: hidden;
}
.tablet-escala {
    width: 680px;
    transform-origin: top left;
    transform: scale(.285);
}

.movil-front {
    position: absolute;
    bottom: -34px;
    left: -8px;
    --fono-w: 122px;
    z-index: 4;
    transform: rotate(-3deg);
}

@media (max-width: 991.98px) {
    .dispositivos { margin-top: 1.5rem; }
}

@media (max-width: 575.98px) {
    .dispositivos { width: 300px; }
    .laptop-pantalla { height: 116px; }
    .laptop-escala { transform: scale(.35); }
    .tablet { top: -20px; right: -10px; transform: rotate(4deg) scale(.72); transform-origin: top right; }
    .movil-front { --fono-w: 92px; left: -2px; bottom: -22px; }
}