.modificardatos{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:130px 0}.modificardatos-content{display:flex;flex-direction:column;gap:30px;width:min(85%,1600px);margin:0 auto 120px;& h2{font-size:40px;margin:0;font-weight:400;& span{font-weight:700}& span.green{color:#83c442}}}.modificardatos-titulares{display:flex;flex-direction:column;gap:10px;& span{margin-top:8px}}.modificardatos-tabs{display:flex;align-items:center;gap:10px;& .modificardatos-tab{border:1px solid #626262;font-size:18px;color:#626262;padding:10px 20px;cursor:pointer;transition:background-color .2s;background-color:#f6f6f6;border-radius:12px}& .modificardatos-tab-active{background-color:#83c442;color:#fff}}.modificardatos-form{display:flex;flex-direction:column;gap:15px;& label{font-size:18px;font-weight:400;& span{color:#626262}}& h3{font-size:24px;font-weight:500;margin:0;color:#83c442}}.modificardatos-cambiarfoto{display:flex;flex-direction:row;align-items:center;gap:35px}.modificardatos-profilepic{width:125px}.modificardatos-btn{color:#fff;background-color:#83c442;font-weight:700;font-size:18px;padding:8px 20px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s;width:-moz-fit-content;width:fit-content;margin:0 0 10px auto;&:hover{background-color:#6e9e2d}}.modificardatos-number input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modificardatos-date,.modificardatos-email,.modificardatos-name,.modificardatos-number,.modificardatos-surname,.modificardatos-username{display:flex;flex-direction:column;gap:15px;position:relative}.modificardatos-email span{font-size:13px;color:#525252}.tabs-container{display:flex;margin-bottom:1rem;gap:.5rem;border-bottom:1px solid var(--verde-claro)}.tab-button{color:#666;font-size:16px;font-weight:700;padding:.5rem 1rem;border:1px solid #efefef10;border-bottom:none;background-color:#efefef;cursor:pointer;border-radius:10px 10px 0 0;transition:all .3s ease}.tab-button.active{background-color:var(--verde-claro);color:#fff;border:1px solid var(--verde-claro);border-bottom:none}.modificardatos-gotohome{display:flex;align-items:center;color:#0800e1;margin-top:5px;text-decoration:none;font-size:18px;& img{width:30px;margin-right:5px}}.modificardatos-changepass{color:#fff;background-color:#005ae1;font-size:18px;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s;width:-moz-fit-content;width:fit-content;text-decoration:none;&:hover{background-color:#0047b3}}.custom-title{font-size:35px;font-family:Inter Tight,serif}.custom-content{font-family:Inter Tight,serif;font-weight:300;text-align:start}.custom-closeButton{background-color:#83c442!important;font-weight:bolder}.custom-closeButton:hover{background-color:#6e9e2d!important}.custom-popup{margin:30px 0}.modificardatos-bajabtn{color:#fff;background-color:#f80000;font-size:18px;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;transition:background-color .3s;width:-moz-fit-content;width:fit-content;&:hover{background-color:#bd0000}}.modificardatos-dnis{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;& img{max-width:450px;width:100%;height:auto;border-radius:15px}}.mensaje-ayuda_formato{margin:0;color:#464646}@media screen and (max-width:480px){.modificardatos-cambiarfoto{flex-direction:column;align-items:center;gap:20px}.modificardatos-profilepic{width:100px}.modificardatos{margin-top:100px}.modificardatos-content{width:85%;& h2{font-size:30px}}.modificardatostabs{& modificardatos-tab{font-size:16px;padding:8px 15px}}.modificardatos-form{& input,& label{font-size:16px}}.modificardatos-btn{width:100%;font-size:18px}.modificardatos-changepass{text-align:center;width:auto;font-size:bold;margin-top:5px}}.loader{position:fixed;z-index:10005;top:0;left:0;width:100vw;height:100vh;background-color:#fff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loader,.loader-content{display:flex;justify-content:center;align-items:center}.logo-pulse{width:150px;height:150px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:1;filter:invert(48%) sepia(77%) saturate(200%) hue-rotate(76deg)}50%{transform:scale(1.1);opacity:.7;filter:invert(48%) sepia(77%) saturate(200%) hue-rotate(76deg)}to{transform:scale(.9);opacity:1;filter:invert(48%) sepia(77%) saturate(200%) hue-rotate(76deg)}}.reactEasyCrop_Container{border-radius:12px!important}.dniocr-container{display:flex;flex-direction:column;width:auto;gap:10px}.dniocr-uploadFile{display:flex;align-items:center;gap:8px;padding:60px;border:3px dashed #83c442;& img{width:24px}}.dniocr-preview img{max-width:450px;width:100%;border-radius:15px}.dniocr-div{position:relative;width:90%;max-width:500px;height:auto;aspect-ratio:425/255;margin:20px auto}input[type=file]{display:none}.tools{display:flex;align-items:flex-start;justify-content:space-between;margin:10px 0;gap:20px}.rotate-container{& button{background-color:transparent;border:none;cursor:pointer;& img{width:28px}}}.recuadro{position:absolute;width:85%;height:85%;left:7.5%;top:7.5%;border:3px solid #83c442;border-radius:15px;pointer-events:none}.zoom-container{display:flex;flex-direction:column;gap:8px;margin:10px 0}.zoom-label{display:block;font-weight:500;font-size:1rem;color:#333;margin-bottom:4px}.zoom-slider{width:200px;height:6px;border-radius:4px;background:#ddd;outline:none;margin-top:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#83c442;border:none;-webkit-transition:background .3s ease;transition:background .3s ease}.zoom-slider::-webkit-slider-thumb:hover{background:#50811e}.zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#83c442;border:none;-moz-transition:background .3s ease;transition:background .3s ease}.zoom-slider::-moz-range-thumb:hover{background:#83c442}.dniocr-btn{max-width:200px}