*{margin:0;padding:0;box-sizing:border-box}html{font-family:Montserrat;font-size:62.5%}:root{--white: #ffffff;--tran-01: all .1s ease;--tran-02: all .2s ease;--tran-03: all .3s ease;--tran-04: all .4s ease;--tran-05: all .5s ease}body{height:100vh;background:linear-gradient(to bottom,#000,#ec3237 45%);transition:var(--tran-03);font-size:1.6rem}.item-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:3.5rem}.item-screen .form-container{background:var(--white);border-radius:3rem;position:relative;min-width:35rem;padding:14rem 9rem;overflow:hidden;text-align:center}.item-screen .form-container .input-box{transition:var(--tran-05);position:relative;background-color:var(--white)}.item-screen .form-container .input-box.url,.item-screen .form-container .input-box.password{position:absolute;margin-top:7rem;opacity:0;right:-15rem;pointer-events:none}.item-screen .form-container .input-box.url.active,.item-screen .form-container .input-box.password.active{pointer-events:all;position:relative;opacity:2;right:0}.item-screen .form-container .input-box .input-label{position:absolute;font-size:10rem;top:-9.5rem;left:-2rem;font-weight:700;color:#ec3237}.item-screen .form-container .input-box .label-base{position:absolute;left:-1rem;top:-1rem;height:4.3rem;background:var(--white);border-radius:1rem;box-shadow:#0000001a .5rem .5rem .3rem}.item-screen .form-container .input-box .label-base.code{width:24rem}.item-screen .form-container .input-box .label-base.url{width:19rem}.item-screen .form-container .input-box .label-base.pass{width:20rem}.item-screen .form-container .input-box input{padding:4.5rem 2.5rem 2.5rem;font-size:2rem;border:none;border-radius:1rem;background:#7e0003;box-shadow:#0000001a .5rem .5rem .3rem;color:var(--white);width:30rem;min-width:15rem}.item-screen .form-container .input-box input::placeholder{color:#f23336}.item-screen .form-container .icon-button{background:var(--white);border-radius:50%;box-shadow:#0000001a .3rem .3rem .26rem;border:none;color:#690000;font-size:4rem;font-weight:700;height:7rem;position:absolute;opacity:0;right:-15rem;bottom:-3rem;width:7rem;pointer-events:none;transition:var(--tran-05)}.item-screen .form-container .icon-button:hover{color:var(--white);background:#ec3237;opacity:.9}.item-screen .form-container .icon-button.active{pointer-events:all;opacity:1;right:-3rem;bottom:-3rem}.item-screen .form-container .logo img{left:49%;position:absolute;bottom:5%;transform:translate(-50%,-50%);width:15rem}@media (max-width: 500px){.item-screen .form-container{padding:10rem 5rem}.item-screen .form-container .input-box .input-label{font-size:8rem;top:-7.8rem;left:-1rem}.item-screen .form-container .input-box .label-base{height:4rem}.item-screen .form-container .input-box .label-base.code{width:20rem}.item-screen .form-container .input-box .label-base.url{width:16rem}.item-screen .form-container .input-box .label-base.pass{width:17rem}.item-screen .form-container .input-box input{padding:4.5rem 2.5rem 2.5rem;font-size:1.8rem;width:25rem}.item-screen .form-container .name{left:38%}.item-screen .form-container .logo img{left:50%;position:absolute;bottom:5%;transform:translate(-50%,-50%);width:12rem}}.loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999}.loading-modal .modal-container{background-color:#fff;border-radius:12px;box-shadow:3px 3px 10px #2525251a;color:#00558c;max-height:85vh;left:50%;overflow-y:scroll;padding:3.5rem;position:absolute;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);z-index:2000;text-align:center}.loading-modal .modal-container img{width:20rem;height:20rem}.notification-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999}.notification-modal .modal-container{background-color:#fff;border-radius:12px;box-shadow:3px 3px 10px #2525251a;color:#00558c;max-height:85vh;left:50%;overflow-y:scroll;padding:3.5rem 9rem;position:absolute;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);z-index:2000;text-align:center}.notification-modal .modal-container img{width:20rem;height:20rem}.notification-modal .modal-container p{font-size:2rem;font-weight:700;margin-bottom:2rem;margin-top:1rem}.notification-modal .modal-container button{border:none;background:#7e0003;color:var(--white);border-radius:.5rem;padding:1rem 4rem;transition:var(--tran-02);font-weight:700}.notification-modal .modal-container button:hover{background:var(--white);color:#7e0003;box-shadow:#0000001a .3rem .3rem .26rem}.contact-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:3.5rem}.contact-screen .container{background:var(--white);border-radius:3rem;position:relative;min-width:35rem;padding:7rem 9rem;overflow:hidden;text-align:center;max-width:48rem;font-size:1.8rem}.contact-screen .container .text{font-weight:600}.contact-screen .container .text p{margin:0}.contact-screen .container .text p.create,.contact-screen .container .text p.contact{margin-top:1rem}.contact-screen .container img{width:30rem}.contact-screen .container .socials{width:100%}.contact-screen .container .socials div a{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;margin-top:1.5rem;font-size:2.2rem}.contact-screen .container .socials .instagram .icon{color:#f05aaa}.contact-screen .container .socials .whatsapp .icon{color:#259e25}.contact-screen .container .socials div p{margin:0;margin-bottom:.3rem}.contact-screen .container .button{background:#ec3237;color:var(--white);font-weight:700;border:none;padding:.7rem 2rem;border-radius:.7rem;margin-top:1rem}.contact-screen .container .button:hover{opacity:.9}@media (max-width: 500px){.contact-screen .container{padding:7rem 5rem}.contact-screen .container img{width:25rem}}