*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}main{z-index:1;background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Celular{background:#000;width:300px;height:600px}.Barra{z-index:100;background-color:#ffffff80;border:2px solid #fff;border-radius:10px;gap:10px;padding:10px;display:flex;position:absolute;top:20px;right:20px}.btn{cursor:pointer;color:#000;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:all .2s}.btn.active{background-color:#fff}@media (width<=768px){.Barra{padding:4px;right:50%;transform:translate(50%)}.Barra .btn img{width:20px;height:20px}.btn{padding:4px}}@media (width<=480px){main{background:0 0;justify-content:center;align-items:center;width:100%;height:100vh;padding:10px;display:flex;position:relative;top:auto;left:auto;transform:none}.Barra{padding:6px;top:10px;right:10px;transform:none}.Celular3D{width:100%!important;height:auto!important}}@media (width<=768px){main{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;top:auto;left:auto;transform:none}}@keyframes fall{0%{opacity:0;background:#0c1970;transform:translateY(-10px)}20%{opacity:.8}to{opacity:0;background:#fff;transform:translateY(520px)}}.PantallaCelular{borderRadius:35px;flexDirection:column;userSelect:none;color:#fff;background:#0d0d1a;width:260px;height:490px;display:flex;position:relative;overflow:hidden}.rol-off{color:#fff;text-align:left;letter-spacing:1.5px;margin-bottom:30px;font-size:15px;transition:color .25s;animation:4s ease-in-out infinite fadeInOut}@keyframes fadeInOut{0%{color:#fff}25%{color:#670cf9}75%{color:#670cf9}to{color:#fff}}.BarraSuperior{z-index:10;box-sizing:border-box;background:#000;justify-content:space-between;align-items:center;width:100%;height:28px;padding:6px 18px 0;display:flex;position:relative}.notch{z-index:22;background-color:#111;border:1px solid #ffffff0f;border-top:none;border-radius:0 0 18px 18px;width:105px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch img{object-fit:cover;border:1px solid #667eea99;border-radius:5px;width:20px;height:20px;position:absolute;top:4px;left:12px}.camera{background:radial-gradient(circle at 35% 35%,#555,#1a1a1a);border:1px solid #ffffff14;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waves{align-items:center;gap:2px;height:14px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.waves span{transform-origin:bottom;background:#ffffffd9;border-radius:2px;width:2.5px;height:100%;animation:1.2s ease-in-out infinite wave}.waves span:first-child{height:40%;animation-delay:0s}.waves span:nth-child(2){height:65%;animation-delay:.15s}.waves span:nth-child(3){height:85%;animation-delay:.3s}.waves span:nth-child(4){height:100%;animation-delay:.45s}@keyframes wave{0%{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}to{opacity:.5;transform:scaleY(.4)}}.status-icons{color:#fff;opacity:.9;align-items:center;gap:5px;display:flex}