body{background-color:#fff;max-width:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.activo{font-weight:700;text-decoration:none}.items-menu-lateral-card a{color:inherit;text-decoration:none}.menu-lateral{position:fixed;top:0;left:0;width:260px;height:95vh;background-color:#2f2f69;color:#fff;overflow-y:auto}.cabecera-tarjet{max-width:fit-content;display:flex;flex-wrap:nowrap;align-items:center;padding:1rem;gap:1rem;border-bottom:rgba(255,255,255,.151) 1px solid;margin-bottom:50px}.cabecera-tarjet img{height:3.2rem}h1{font-size:larger}.items-menu-lateral-card ul{padding:0;margin:10px}.items-menu-lateral-card ul li{list-style:none;margin:0}.items-menu-lateral-card ul li .menu-item{background-color:#6363ad48;box-sizing:border-box;width:100%;padding:15px;margin-top:15px;display:flex;flex-direction:row;align-items:center;border-radius:5px;font-size:large;cursor:pointer}.items-menu-lateral-card ul li .menu-item:active{transform:scale(.97);background-color:#6363ada9}.items-menu-lateral-card ul li .menu-item img{height:35px;margin-left:20px}.items-menu-lateral-card ul li .menu-item span{margin-left:20px}.items-menu-lateral-card ul li .menu-item.activo{background-color:#6363ada9;font-weight:700}.footer{position:fixed;width:260px;height:5vh;left:0;bottom:0;font-size:x-small;text-align:center;background-color:#2f2f69}.main-container{margin-left:260px;padding:1rem;color:#000;max-height:100vh}.main-content nav{color:#2f2f69;font-style:oblique;top:10px;position:fixed}.modal-card{background-color:#2f2f69;border:lightgray solid .3px;border-radius:10px;min-height:100px;width:73vw;box-shadow:0 4px 10px #00000014;gap:4px;margin:20px;font-size:large;width:fit-content}.modal-header{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;height:fit-content}.form{background-color:#fff;border:lightgray solid .3px;padding:1rem;width:fit-content;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;font-size:large}.form .campo{margin:10px;display:flex;align-items:center;gap:12px}.form .campo input,.form .campo textarea{background-color:#e0e0e981;flex:1;padding:8px 10px;font-size:medium;border-radius:6px;border:1px solid #ccc}.acciones{display:flex;justify-content:flex-end;gap:20px;padding:10px}.btn-cerrar{background-color:#c2b9b9;font-weight:700;padding:10px;border-radius:5px;border:none;outline:none;font-size:medium;height:fit-content}.btn-cerrar:active{transform:scale(.97)}.btn-guardar{background-color:#cecaca;color:#000;padding:10px;border-radius:5px;border:none;outline:none;font-size:medium}.btn-guardar:active{transform:scale(.97)}.btn-cancelar{background-color:#b10d0d;color:#fff;padding:10px;border-radius:5px;border:none;outline:none;font-size:medium}.btn-cancelar:active{transform:scale(.97)}body{font-family:Arial,Helvetica,sans-serif}.cliente{padding:2rem;padding-top:140px}.cliente-header{position:fixed;top:30px;width:75vw;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:1px;border-bottom:#2f2f6938 1px solid;background:#fff;z-index:50;padding-bottom:1px}.cliente h2{font-size:xx-large;color:#2f2f69}.btn-añadir{background-color:#06b906;color:#fff;padding:10px;border-radius:5px;border:none;outline:none;font-size:medium}.btn-añadir:active{transform:scale(.97)}.buscador{display:flex;align-items:center;gap:20px}.buscador input{background-color:#d3d3d34d;color:#2f2f69;padding:10px;border-radius:5px;border:none;outline:none}.buscador img{width:25px;height:25px;cursor:pointer}.cliente-list{align-items:flex-start}.cliente-card{background-color:#5151f01c;border:lightgray solid .3px;border-radius:10px;padding:1rem;min-height:100px;width:73vw;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:row;gap:4px;margin:20px;font-size:large}.cliente-card-id{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.cliente-card-id img{border:#2f2f69 solid 1px;border-radius:50px;height:80px}.cliente-card-info-column{display:flex;flex-direction:column;row-gap:4px}.cliente-card-info-row{display:flex;flex-direction:row;padding-left:10px;gap:10px;align-items:center;line-height:.2}.cliente-card-info-row p{margin:10px}#nombre{font-size:x-large;font-weight:700;color:#2f2f69}