@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--background-color:#f6f6f7;--border-color:#c0c1c3;--border-color-dos:#e3e4e6;--primary-color:#0162ff;--primary-color-900:#0d439b;--dark-color:#111;--light-color:white;--color-text:#6b6b6b;--danger-color:#fd151b;--danger-color-950:#500002;--danger-color-100:#ffddde;--success-color:#0cca4a;--success-color-100:#d8ffe4;--success-color-950:#003313;--success-color-200:#b3ffca;--warning-color:#f5b700;font-family:Google Sans,sans-serif}body{width:100%;margin:0;padding:0}.form{width:400px}.form .input{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.form .input label{font-size:small;position:absolute;top:5px;left:15px}.form .input input{box-sizing:border-box;background-color:var(--light-color);border:solid 1px var(--border-color);border-radius:10px;width:100%;height:50px;margin-bottom:15px;padding:15px 15px 0;font-size:1rem}.form .input input:focus{outline:solid 1px var(--primary-color)}.form .input span{cursor:pointer;position:absolute;top:12px;right:15px}.form button{background-color:var(--primary-color);width:100%;color:var(--light-color);box-sizing:border-box;cursor:pointer;border:none;border-radius:10px;height:40px;font-size:1rem}.form button:disabled{opacity:.5;cursor:not-allowed}.form .olvidaste{border-top:solid 1px var(--border-color);box-sizing:border-box;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:5px;margin-top:20px;padding:10px 0 0;font-size:1rem;display:flex;position:relative}.form .olvidaste span{display:flex}.form .olvidaste:hover{color:var(--primary-color)}.form .error{text-align:center;color:var(--danger-color)!important;margin:10px 0!important}@keyframes aparece{0%{opacity:0}to{opacity:1}}@keyframes entradaAnimation{0%{opacity:0;transform:translateY(-100px)}50%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes salidaAnimation{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(20px)}to{opacity:0;transform:translateY(-100px)}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}main{background-color:var(--background-color);width:100%;min-height:100vh;margin:0;padding:0;position:relative;top:0}.cargando{background-color:var(--light-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.cargando h1{color:var(--dark-color);margin:0 0 10px;font-size:1rem}.encabezado-general{justify-content:space-between;align-items:center;width:100%;height:auto;display:flex}.encabezado-general h2{margin:0;font-size:1.1rem;font-weight:600}.encabezado-general .botones{align-items:center;gap:10px;display:flex}.btn{background-color:var(--background-color);color:var(--dark-color);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 20px;font-size:1rem;transition:all .15s;display:flex}.btn span{display:flex}.btn p{margin:0}.btn .accion{justify-content:center;gap:2px;display:flex}.btn .accion span{border-radius:3px;padding:2px 4px;font-size:.7rem}.btn:active{scale:.93}.btn-primario{background-color:var(--primary-color);color:#fff;box-shadow:inset 0 2px 8px #fff6,inset 0 -4px 10px #00000026}.btn-primario .accion span{color:#b5dfff;background-color:#084bc5}.btn-secundario{background-color:var(--dark-color);color:#fff;box-shadow:inset 0 2px 8px #fff6,inset 0 -4px 10px #00000026}.btn-secundario .accion span{color:#e6e6e6;background-color:#272727}.tabla-datos{width:100%;height:100%;position:relative;overflow:auto}.tabla-datos table{border-collapse:collapse;width:100%;height:auto}.tabla-datos table thead{border-bottom:solid 1px var(--border-color-dos);text-align:left;background-color:var(--background-color);font-size:small;font-weight:600}.tabla-datos table thead th{padding:8px}.tabla-datos table thead th p{margin:0}.tabla-datos table thead th:first-child{padding-left:15px}.tabla-datos table tbody tr{border-bottom:solid 1px var(--border-color-dos);vertical-align:super}.tabla-datos table tbody tr td{padding:8px;line-height:1}.tabla-datos table tbody tr td p{width:max-content;margin:0}.tabla-datos table tbody tr td .bajo{background-color:var(--danger-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td .alto{background-color:var(--success-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td .medio{background-color:var(--warning-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td small{color:var(--color-text);font-size:.7rem}.tabla-datos table tbody tr td .elegir{cursor:pointer;flex-direction:column;justify-content:start;align-items:start;display:flex;position:relative}.tabla-datos table tbody tr td .elegir .proveedores-pov{align-items:center;width:100%;display:flex}.tabla-datos table tbody tr td .elegir .proveedores-pov span{display:flex}.tabla-datos table tbody tr td .elegir .eleccion{background-color:var(--light-color);box-sizing:border-box;border:solid 1px var(--dark-color);z-index:2;border-radius:10px;width:100%;margin:0;padding:10px;list-style:none;transition:all .3s;display:none;position:absolute;top:100%}.tabla-datos table tbody tr td .elegir .eleccion li{cursor:pointer;width:100%;color:var(--color-text);border-bottom:solid 1px var(--border-color-dos);margin-bottom:5px;padding:5px 0}.tabla-datos table tbody tr td .elegir .eleccion li:hover{color:var(--dark-color)}.tabla-datos table tbody tr td .elegir:hover>.eleccion{display:block}.tabla-datos table tbody tr .primero{padding-left:15px}.inicio-sesion{animation:1s aparece;position:relative}.login{justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;position:relative}.login .contenido{box-sizing:border-box;background-image:url(/fondo.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;align-items:start;width:35%;height:100%;padding:20px;display:flex;position:relative}.login .contenido .tapador1{background:linear-gradient(#000,#0000);width:100%;height:100px;position:absolute;top:0;left:0}.login .contenido .tapador2{background:linear-gradient(#0000,#000);width:100%;height:300px;position:absolute;bottom:0;left:0}.login .contenido .logo{height:60px;position:relative}.login .contenido .texto{width:100%;position:relative}.login .contenido .texto h1{color:var(--light-color);margin:0;font-size:2rem;font-weight:600}.login .contenido .texto p{color:var(--light-color);font-size:1rem;font-weight:400}.login .formulario{background-color:var(--light-color);flex-direction:column;justify-content:center;align-items:center;width:65%;height:100%;display:flex;position:relative}.login .formulario h2{color:var(--dark-color);margin:0 0 10px;font-size:2rem;font-weight:600}.login .formulario p{color:var(--color-text);text-align:center;max-width:400px;margin:0}.login .formulario .form{margin-top:30px}.loader{border:4px solid var(--dark-color);border-left-color:#0000;border:4px solid var(--dark-color);border-left-color:#0000;border:4px solid var(--dark-color);border-left-color:#0000;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin89345}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp{box-sizing:border-box;justify-content:center;gap:30px;width:100%;margin-bottom:15px;display:flex;position:relative}.otp input{box-sizing:border-box;text-align:center;border:solid 1px var(--border-color);border-radius:10px;width:40px;height:40px;padding:0}.menu{background-color:var(--light-color);border-right:solid 1px var(--border-color);box-sizing:border-box;z-index:3;width:250px;height:100%;padding:20px;transition:all .5s;position:relative;box-shadow:0 5px 10px #00000026}.menu .cerrar{border:none;border:solid 1px var(--border-color);cursor:pointer;box-sizing:border-box;width:30px;height:30px;color:var(--color-text);cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:15px;right:-15px}.menu .cerrar:hover{color:#000}.menu .logo{width:35px;margin:0 0 15px 10px;transition:all .5s}.menu nav{width:100%;height:auto;margin-top:20px;transition:all .5s ease-in}.menu nav ul{flex-direction:column;justify-content:start;align-items:start;gap:20px;margin:0;padding:0;list-style:none;display:flex}.menu nav ul li{color:var(--color-text);cursor:pointer;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:start;align-items:start;gap:5px;width:100%;padding:5px 10px;display:flex;overflow:hidden}.menu nav ul li .valor{justify-content:start;align-items:center;gap:5px;width:100%;display:flex}.menu nav ul li span{margin:0;display:flex}.menu nav ul li p{margin:0;transition:all .5s}.menu nav ul li ol{border-left:solid 2px var(--border-color);flex-direction:column;justify-content:start;align-items:start;gap:5px;width:calc(100% - 10px);margin-left:10px;padding:5px 0 0 5px;display:flex}.menu nav ul li ol li{flex-direction:row;justify-content:start;align-items:center;width:100%;display:flex}.menu nav ul li:hover{color:var(--dark-color)}.menu nav ul li.selected{background-color:var(--background-color);color:var(--dark-color)}.close{width:60px;padding:20px 10px}.close .logo{width:35px;margin:0 0 15px}.close nav{width:40px;padding:0}.close nav ul{width:100%}.close nav ul li{border-radius:10px;padding:5px}.close nav ul li p{opacity:0}.close nav ul li:hover{color:var(--dark-color)}.close nav ul li.selected{background-color:var(--background-color);color:var(--dark-color)}.app{box-sizing:border-box;border:none;justify-content:space-between;align-items:center;height:100vh;display:flex;position:relative}.app .seccion{background-color:var(--background-color);flex-direction:column;justify-content:space-between;align-items:center;width:auto;height:100vh;transition:all .5s;display:flex}.app .seccion .contain{box-sizing:border-box;width:100%;height:calc(100% - 60px);padding:20px}.header{background-color:var(--light-color);border-bottom:solid 1px var(--border-color-dos);box-sizing:border-box;z-index:2;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 25px;display:flex}.header .proyecto{background-color:var(--background-color);border:solid 1px var(--border-color-dos);cursor:pointer;width:max-content;height:30px;color:var(--color-text);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 10px;transition:all .3s;display:flex;position:relative}.header .proyecto span{align-items:center;margin:0;display:flex}.header .proyecto .opciones{box-sizing:border-box;border:solid 1px var(--border-color-dos);opacity:0;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:start;align-items:start;gap:10px;width:200px;height:auto;padding:15px;transition:all .3s ease-in;display:flex;position:absolute;top:calc(100% + 5px);scale:0}.header .proyecto .opciones div{border-bottom:solid 1px var(--border-color-dos);width:100%;color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.header .proyecto .opciones div .check{background-color:var(--dark-color);border-radius:4px;width:8px;height:8px;position:relative}.header .proyecto .opciones div:last-child{border-bottom:none}.header .proyecto:hover{border-color:var(--dark-color)}.header .proyecto:hover>.opciones{border:solid 1px var(--dark-color);opacity:1;scale:1}.header .proyecto:hover{color:#000}.header .buscador{justify-content:center;align-items:center;width:300px;height:40px;display:flex;position:relative}.header .buscador label{cursor:pointer;color:var(--color-text);align-items:center;display:flex;position:absolute;left:10px}.header .buscador input{box-sizing:border-box;border:solid 1px var(--border-color-dos);border-radius:10px;width:100%;height:40px;padding:0 40px;font-size:1rem}.header .buscador span{cursor:pointer;color:var(--color-text);align-items:center;display:flex;position:absolute;right:10px}.header .usuario{justify-content:center;align-items:center;gap:6px;width:max-content;height:40px;display:flex}.header .usuario .foto{background-color:#000;border-radius:50%;width:35px;height:35px}.header .usuario .nombre{cursor:pointer;line-height:1}.header .usuario .nombre p{text-transform:capitalize;margin:0}.header .usuario .nombre small{color:var(--color-text);font-size:small}.inicio{justify-content:space-between;align-items:center;gap:10px;display:flex}.inicio .inventario{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:100%;height:100%;display:flex}.inicio .inventario .tabla{border:solid 1px var(--border-color-dos);box-sizing:border-box;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;width:100%;height:100%;padding:25px;display:flex;position:relative}.inicio .inventario .tabla .tabla-datos table tbody tr{vertical-align:top}.inicio .inventario .tabla .tabla-datos table tbody td .inasistencia{background-color:var(--background-color);border:solid 1px var(--border-color-dos);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;display:flex}.inicio .inventario .tabla .tabla-datos table tbody td .inasistencia div{background-color:var(--danger-color-100);color:var(--danger-color);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:2px;display:flex}.inicio .inventario .tabla .tabla-datos table tbody td .asistencia{background-color:var(--background-color);border:solid 1px var(--border-color-dos);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;display:flex}.inicio .inventario .tabla .tabla-datos table tbody td .asistencia div{background-color:var(--success-color-100);color:var(--success-color);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:2px;display:flex}.inicio .inventario .tabla .encabezado-general .botones .selector{z-index:2;position:relative}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario{border:solid 1px var(--border-color-dos);transform-origin:top;box-sizing:border-box;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:start;gap:10px;width:220px;height:max-content;padding:20px;transition:all .3s;display:flex;position:absolute;top:calc(100% + 10px);box-shadow:0 2px 10px #00000021}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario .input-calendar{flex-direction:column;justify-content:start;align-items:start;gap:10px;width:100%;display:flex}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario .input-calendar label{color:var(--color-text);font-size:1rem}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario .input-calendar div{justify-content:start;align-items:center;width:100%;display:flex}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario .input-calendar div label{border:solid 1px var(--border-color);box-sizing:border-box;border-right:none;border-radius:10px 0 0 10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.inicio .inventario .tabla .encabezado-general .botones .selector .calendario .input-calendar div input{box-sizing:border-box;border:solid 1px var(--border-color);border-radius:0 10px 10px 0;width:calc(100% - 35px);height:35px;padding:0 10px;font-size:1rem}.inicio .inventario .tabla .encabezado-general .botones .selector:active{scale:initial}.inicio .informacion{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:30%;height:100%;margin:0;padding:0;display:flex;position:relative}.inicio .informacion .listado{background-color:var(--light-color);border:solid 1px var(--border-color-dos);border-radius:10px;width:100%;height:calc(100% - 55px);overflow:auto}.inicio .informacion .selector{background-color:var(--light-color);border:solid 1px var(--border-color-dos);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;gap:5px;width:100%;height:45px;padding:5px;display:flex;position:relative}.inicio .informacion .selector div{background-color:var(--background-color);color:var(--color-text);transition:all .3s}.inicio .informacion .selector div:active{scale:.9}.inicio .informacion .selector .entradas,.inicio .informacion .selector .salidas{border:solid 1px var(--border-color-dos);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:calc(50% - 23px);height:35px;padding:0;display:flex}.inicio .informacion .selector .verde{background:var(--success-color-100);color:var(--success-color-950)}.inicio .informacion .selector .rojo{background:var(--danger-color-100);color:var(--danger-color-950)}.inicio .informacion .selector .mix{background:linear-gradient(to left, var(--success-color-100), var(--danger-color-100));color:var(--dark-color)}.inicio .informacion .selector .merge{border:solid 1px var(--border-color-dos);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.proyectos{flex-direction:column;justify-content:space-between;align-items:center;gap:15px;display:flex}.proyectos-list{width:100%;height:100%}.proyectos-list ul{grid-template-columns:repeat(auto-fit,minmax(200px,400px));gap:10px;margin:0;padding:0;list-style:none;display:grid}.proyectos-list ul li{background-color:var(--light-color);border:solid 1px var(--border-color-dos);box-sizing:border-box;border-radius:20px;min-height:150px;padding:15px}.proyectos-list ul li h2{margin:0;font-size:1.1rem;font-weight:600}.proyectos-list ul li p{color:var(--color-text);margin:15px 0 0}.proyectos-list ul li .datos{align-items:center;gap:15px;width:100%;margin-top:15px;display:flex}.proyectos-list ul li .datos div{border:solid 1px var(--border-color);border-radius:5px;gap:5px;padding:5px 10px;display:flex}.proyectos-list ul li .datos span{align-items:center;display:flex}.tapador{box-sizing:border-box;z-index:12;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tapador .container{box-sizing:border-box;background-color:#fff;border-radius:25px;width:80%;max-width:600px;height:auto;max-height:90%;padding:25px;animation:.6s entradaAnimation;position:relative;overflow:hidden}.tapador .container>img,.tapador .container>video{object-fit:cover;border-radius:5px;width:100%;max-height:450px;margin-top:20px}.tapador .container textarea{border:solid 1px var(--bordes);box-sizing:border-box;text-align:center;background-color:#fff;border-radius:10px;width:100%;min-height:200px;padding:15px}.tapador .container>.menu{justify-content:space-between;align-items:center;width:100%;margin-top:15px;display:flex;position:relative}.tapador .container .cerrar{cursor:pointer;position:absolute;top:15px;right:15px}.salir .container{animation:.6s salidaAnimation}.tapador .container .eliminar{color:var(--danger);cursor:pointer;position:absolute;top:10px;left:10px}.tapador .container h1{text-align:center;width:100%;margin:0;font-size:1.2rem}.tapador .container>p{color:var(--gris);text-align:center;text-wrap:balance;width:100%;margin:10px 0}.tapador .container .coments{box-sizing:border-box;width:100%;color:var(--colorUno);align-items:center;padding:10px;display:flex;position:relative}.tapador .container .total{justify-content:space-between;align-items:end;width:100%;margin-top:15px;display:flex}.tapador .container .total small{color:var(--gris)}.tapador .container .total h2{margin:0}.tapador .container .total button{background-color:var(--primario);color:#fff;border-radius:10px;padding:10px 30px}.tapador .container .buttons{justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.tapador .container .buttons button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:1rem}.tapador .container .buttons button:first-child{background-color:var(--gris);color:#fff;margin-right:10px}.tapador .container .buttons button:last-child{background-color:var(--primario);color:#fff}.tapador .enviar-preparar{background-color:var(--success);border-radius:10px;width:100%;height:35px;margin-top:20px}.tapador .container .input-group-pin{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.tapador .container .input-group-pin input{border:solid 1px var(--bordes);text-align:center;border-radius:10px;width:40px;height:40px;font-size:1rem}.tapador .container .btn-pin{background-color:var(--primario);color:#fff;border-radius:10px;width:100%;margin-top:20px;padding:10px 0}.tapador .formulario{flex-direction:column;justify-content:start;align-items:center;gap:15px;width:100%;height:auto;margin-top:25px;display:flex;position:relative}.tapador .formulario .double{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tapador .formulario .input-group{flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.tapador .formulario .error{color:var(--danger-color)}.tapador .formulario .input-group label{margin-bottom:5px}.tapador .formulario .input-group input,.tapador .formulario .input-group select{box-sizing:border-box;border:solid 1px var(--border-color-dos);border-radius:10px;width:100%;height:40px;padding:0 10px;font-size:1rem}.tapador .formulario button{background-color:var(--primary-color);width:100%;color:var(--light-color);cursor:pointer;border:none;border-radius:10px;height:40px;font-size:1rem}.tapador .formulario button:disabled{opacity:.5;cursor:not-allowed}.tapador .categorias-check{flex-direction:column;justify-content:start;align-items:start;gap:10px;width:100%;display:flex}.tapador .categorias-check .contenido{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;width:100%;display:grid}.tapador .categorias-check .contenido .categoria-check{cursor:pointer;justify-content:start;align-items:center;gap:10px;display:flex}.tapador .entrega{box-sizing:border-box;border-top:dashed 1px var(--bordes);border-bottom:dashed 1px var(--bordes);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tapador .entrega>div{flex-direction:column;justify-content:center;align-items:center;display:flex}.tapador .colaboradores{box-sizing:border-box;border-bottom:dashed 1px var(--bordes);flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex;overflow:hidden}.tapador .colaboradores p{color:var(--gris);margin:0;font-size:small}.tapador .colaboradores .contenedor-usuarios{justify-content:center;align-items:center;width:100%;height:auto;display:flex;overflow:auto}.tapador .colaboradores .contenedor-usuarios ul{grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:15px;width:auto;max-width:100%;margin:10px 0 0;padding:0;list-style:none;display:grid}.tapador .colaboradores .contenedor-usuarios ul li{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.tapador .colaboradores .contenedor-usuarios ul li img{object-fit:cover;border-radius:15px;width:30px;height:30px}.tapador .pasos{flex-direction:column;justify-content:start;align-items:center;width:100%;margin-top:30px;display:flex;position:relative}.tapador .pasos ul{justify-content:space-between;align-items:center;width:100%;margin:10px 0 0;padding:0;list-style:none;display:flex;position:relative}.tapador .pasos ul li{box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:30px;padding:0;font-size:.9rem;display:flex;position:relative}.tapador .pasos ul .progress{background-color:var(--gris);border-radius:2px;width:4px;height:100%;position:absolute}.tapador .save{background-color:var(--primario);color:#fff}.tapador .pasos .edicion{border-top:dashed 1px var(--bordes);justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding-top:10px;display:flex}.tapador .pasos .edicion .separador{background-color:var(--gris);width:2px;height:16px;position:relative}.tapador .pasos .edicion span{justify-content:center;align-items:center;gap:5px;font-size:small;display:flex}.tapador .container .cambiar-foto{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.tapador .container .cambiar-foto input{display:none}.tapador .container .cambiar-foto label{background-color:var(--background-color);border:dashed 1px var(--gris);width:100px;height:100px;color:var(--gris);border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.tapador .container .cambiar-foto label .prev{width:100%;height:100%;position:absolute;top:0;left:0}.tapador .container .cambiar-foto label .prev img{object-fit:cover;width:100%;height:100%;position:relative}.tapador .container .cambiar-foto label span{color:#fff;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.tapador .container .cambiar-foto button{background-color:var(--primario);color:#fff;width:100px;margin-top:20px}.tapador .buscador{justify-content:center;align-items:center;width:max-content;margin:20px auto auto;display:flex;position:relative}.tapador .buscador input{border:solid 1px var(--bordes);box-sizing:border-box;border-radius:10px;width:250px;height:40px;padding:0 30px 0 10px;font-size:1rem}.tapador .buscador label{align-items:center;display:flex;position:absolute;right:10px}.tapador .resultados{justify-content:start;align-items:center;width:100%;margin-top:20px;display:flex;position:relative;overflow:auto}.tapador .resultados ul{justify-content:start;align-items:center;gap:10px;width:max-content;margin:0;padding:0;list-style:none;display:flex;position:relative}.tapador .resultados ul li{background-color:var(--contraste);cursor:pointer;border-radius:10px;justify-content:start;align-items:center;gap:10px;width:max-content;height:50px;padding:0 10px;line-height:1;display:flex}.tapador .resultados ul li img{object-fit:cover;border-radius:15px;width:30px;height:30px}.tapador .resultados ul li p{margin:0}.tapador .resultados ul li small{color:var(--gris)}.tapador .resultados ul li.activo{background-color:var(--terciario);color:#fff}.tapador .resultados ul li.activo small{color:#fff}.tapador .resultados ul li:hover{background-color:var(--terciario);color:#fff}.tapador .resultados ul li:hover small{color:#fff}