*{margin:0;padding:0;box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{background-color:#fff}.padre{display:flex}.login-container{width:45%;display:flex;flex-direction:column;padding:100px 100px 0 150px}.dos h2{font-size:30px;margin-bottom:30px}.dos p{font-size:19px;line-height:25px;margin-bottom:50px}.inputGroup{position:relative;margin:35px 0;width:80%}.inputGroup input{border:none;border-bottom:1px solid #e2e2e2;background-color:transparent;outline:none;width:100%;padding:15px 0 10px}.inputGroup label{position:absolute;left:3px;top:1rem;color:#adadad;font-size:16px;pointer-events:none;transition:all .2s ease-in-out}.inputGroup input:focus+label,.inputGroup input:not(:placeholder-shown)+label{top:-.75rem;font-size:13px;background-color:#fff}.inputGroup input:focus{border-bottom:1px solid #2da1ea}.inputGroup input:focus+label{color:#2da1ea}.user{font-size:16px;margin-top:80px}.user a{color:#2da1ea;text-decoration:none;padding-left:5px}.user a:hover{text-decoration:underline}.login-container button{padding:15px 0;margin-top:50px;width:35%;border-radius:40px;border:none;background-color:#2da1ea;color:#fff;font-size:16px;cursor:pointer}.login-container button:hover{background-color:#5fb8f1}.imagen{position:relative;width:800px;max-width:90%;margin:auto;aspect-ratio:1060 / 706;overflow:hidden}.imagen>*{position:absolute;top:0;left:0;width:100%;height:100%}.imagen img.bw{object-fit:contain;filter:grayscale(100%);z-index:1}.imagen .half-image{background-image:url(/reactForm/assets/imgMitad-BCJqPXkw.png);background-size:contain;background-repeat:no-repeat;top:3%;opacity:0;transition:opacity .5s ease-in-out;z-index:2}.imagen .full-color-image{background-image:url(https://img.freepik.com/vector-gratis/mujer-llamando-puerta-cerrada-cerrada_74855-5303.jpg?t=st=1756218454~exp=1756222054~hmac=fd7361ec3723516323336aa94df59ca0c6667609d34001513ce3566d257a9294&w=1060);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .5s ease-in-out;z-index:3}.imagen .visible{opacity:1}.register-container{width:45%;display:flex;flex-direction:column;padding:80px 100px 0 150px}.two h2{font-size:30px;margin-bottom:10px}.two p{font-size:19px;line-height:25px;margin-bottom:15px}.registerUser{font-size:16px;margin-top:30px}.registerUser a{color:#2da1ea;text-decoration:none;padding-left:5px}.registerUser a:hover{text-decoration:underline}.register-container button{padding:15px 0;margin-top:40px;width:35%;border-radius:40px;border:none;background-color:#2da1ea;color:#fff;font-size:16px;cursor:pointer}.register-container button:hover{background-color:#5fb8f1}.imagendos{position:relative;width:600px;max-width:90%;margin:auto;aspect-ratio:1060 / 1060;overflow:hidden}.imagendos>*{position:absolute;top:0;left:0;width:100%;height:100%}.imagendos .bw2{object-fit:contain;filter:grayscale(100%);z-index:1}.imagendos [class^=register-layer-]{background-size:contain;background-repeat:no-repeat;top:6.5%;opacity:0;transition:opacity .5s ease-in-out}.imagendos .visible{opacity:1}.imagendos .register-layer-1{background-image:url(/reactForm/assets/imgHalf1-C-oKy68f.png);z-index:2}.imagendos .register-layer-2{background-image:url(/reactForm/assets/imgHalf2-DQZ06f9C.png);z-index:3}.imagendos .register-layer-3{background-image:url(/reactForm/assets/imgHalf3-qG3ywcrI.png);z-index:4}.imagendos .register-layer-4{background-image:url(/reactForm/assets/imgHalf4-BHUFtORk.png);z-index:5}.imagendos .register-layer-5{background-image:url(https://img.freepik.com/vector-premium/homosexuales-ponen-marca-verificacion-barra-tareas-concepto-realizar-tareas-resolver-problemas_253334-151.jpg?w=1060);z-index:6}.all{display:flex;align-items:center;justify-content:center;height:100vh;background:#f9f9f9}.welcome-container{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;padding:25px 35px;box-shadow:0 8px 20px #5fb8f133;max-width:350px;width:100%;text-align:center}.avatar{width:70px;height:70px;border-radius:50%;background:#5fb8f1;color:#fff;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 4px 10px #6666}.welcome-container h2{font-size:20px;margin-bottom:8px;color:#444}.user-info{font-size:14px;color:#666;line-height:1.5;text-align:left;width:100%}.user-info p{display:flex;align-items:center;gap:6px;margin:8px 0}.user-info i{color:#555;font-size:16px;display:flex;align-items:center;justify-content:center}.welcome-container button{margin-top:15px;padding:10px 20px;border-radius:25px;border:none;background-color:#5fb8f1;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:.3s ease}.welcome-container button:hover{background-color:#5fb8f1;box-shadow:0 4px 10px #2da1ea66}