:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.popup-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:70px;right:50px;padding:10px 5px;border-radius:0;width:400px;max-width:calc(100% - 60px);animation:.5s ease-in-out;gap:10px;background:var(--secundario);box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999999;animation:slideInRight .5s ease-out forwards;border-radius:1rem}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-aspect-ratio:1/1){.popup-container{max-width:calc(100% - 50px);bottom:50px;right:20px}.popup-container img{width:40px;margin-right:10px;height:auto}}.popup-overlay-message{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#6e6e6e80;z-index:10001}.popup-container p{font-size:18px;text-align:center;color:var(--negro);padding-right:12px;text-wrap:pretty}.popup-container img{width:64px;height:96px;margin-right:16px;margin-top:8px;margin-left:24px;object-fit:contain;transform:scale(1.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-xd{position:fixed;top:0;left:0;width:88px;height:100%;background-color:var(--gris);z-index:1}.sidebar{grid-area:SideBar;position:relative;background:#0a0a0ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:88px;height:100%;margin:0;transition:.3s ease-in-out;z-index:99;color:var(--blanco);overflow-x:hidden}.sidebar:hover{width:19rem}.menu-logo{display:none}.sidebar-header,.sidebar-menu,.sidebar-footer{display:flex;flex-direction:column;align-items:center;justify-self:center;width:100%;margin:0}.sidebar-header{height:18%;overflow:hidden}.sidebar:hover .sidebar-header{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap}.sidebar-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:calc(70% - 3rem);gap:.2rem;overflow:auto;overflow-x:hidden;padding-bottom:3rem}.sidebar:hover .sidebar-menu{width:19rem}.sidebar-menu::-webkit-scrollbar{width:0rem;background-color:#0000001a}.sidebar-menu::-webkit-scrollbar-thumb{width:0rem;background-color:var(--gris);border-radius:var(--border-radius-large)}.sidebar-footer{height:10%;padding-top:.5rem}.sidebar-logo{width:80%;margin-top:1rem;height:auto}.sidebar:hover .sidebar-logo{width:50%;align-self:flex-start;transition:.3s ease-in-out;padding:.5rem;align-self:center;justify-self:center;object-fit:contain}.sidebar-titulo{font-size:.5rem;color:transparent;display:none;text-decoration:none}.sidebar:hover .sidebar-titulo{display:block;align-self:start;margin-left:8px;font-size:1.8rem;color:var(--blanco);font-weight:100;width:100%;align-self:center;justify-self:center;text-wrap:nowrap;text-decoration:none!important}.sidebar-categoria{width:98%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;border-radius:var(--border-radius-medium);transition:.3s ease-in-out}.sidebar-categoria:hover{background-color:#ffffff1a}.categoria-header{display:flex;flex-direction:row;align-items:center;justify-content:center;height:2.8rem}.sidebar:hover .categoria-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0;gap:.5rem}.sidebar-icon{font-size:24px;align-items:center;justify-content:center;color:var(--blanco)}.sidebar-categoria:hover{color:var(--secundario)}.sidebar:hover .sidebar-icon{margin-left:20px}.active .sidebar-icon{color:var(--secundario)}.exit{filter:invert(1);margin:0;padding:0}.categoria-titulo{display:none}.sidebar:hover .categoria-titulo{display:flex;color:var(--blanco);font-size:1rem;margin:0;font-weight:400;cursor:pointer}.sidebar-link{display:flex;align-items:center;justify-content:center;width:100%;height:3rem;color:var(--blanco);text-decoration:none}.sidebar:hover .sidebar-link{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;align-self:center;color:var(--blanco);text-align:left;padding:.8rem .8rem .8rem 1.2rem;text-wrap:nowrap;font-size:.9rem;font-weight:400;transition:.3s ease-in-out;box-sizing:border-box;width:calc(100% - .4rem);text-decoration:none}.sidebar:hover .sidebar-link{justify-content:flex-start;padding-left:1.2rem}.sidebar-link-name{display:none}.sidebar:hover .sidebar-link-name{display:block;margin-left:1rem}.sidebar-icon{font-size:24px;margin:0 auto}.sidebar-link:hover{background-color:#000c;color:var(--blanco)}.sidebar-link-seleccionado{background-color:#000c;color:var(--blanco)!important}.sidebar-link:hover .sidebar-icon{filter:invert(0)}.sidebar-link:hover .sidebar-link-name{color:var(--blanco)}.sidebar:hover .sidebar-link{align-items:flex-start;justify-content:flex-start}.sidebar-link-name{display:none;font-size:0rem}.sidebar:hover .sidebar-link-name{display:block;margin-left:1rem;font-size:15px;width:18rem;margin-top:.2rem}.active{background-color:var(--blanco);color:var(--negro);font-weight:600;transition:.3s ease-in-out}.active:hover{background-color:var(--blanco);filter:saturate(2)}.exit-button{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--rojo-claro);padding:8px 16px;text-decoration:none;border:none;transition:.3s ease-in-out;width:auto;cursor:pointer;border-radius:1rem}.exit-button:hover{background-color:var(--rojo)}.icono-btn-exit{font-size:24px;color:var(--rojo-oscuro);transition:.3s ease-in-out}.sidebar:hover .icono-btn-exit{font-size:24px!important;color:var(--rojo-oscuro)!important;margin-left:6px}.text-btn-exit{display:none;transition:.3s ease-in-out}.sidebar:hover .text-btn-exit{display:block;text-wrap:nowrap;font-size:16px!important;color:var(--rojo-oscuro);margin-left:6px;font-weight:400;margin-right:6px}.exit-button:hover .icono-btn-exit,.exit-button:hover .text-btn-exit{color:var(--rojo-oscuro)!important}@media(max-aspect-ratio:1/1){.sidebar-xd{display:none}.sidebar:hover{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:0;left:0;width:18rem;height:100%;border-radius:0 var(--border-radius-large) var(--border-radius-large) 0}.menu-logo{margin-top:.5rem;display:block;width:24px;align-self:center;justify-self:center}.sidebar:hover .menu-logo,.sidebar-header,.sidebar-logo,.sidebar-titulo,.sidebar-menu,.sidebar-link,.sidebar-link-name,.sidebar-icon,.sidebar-footer,.exit-button{display:none}.sidebar:hover .sidebar-header,.sidebar:hover .sidebar-logo,.sidebar:hover .sidebar-titulo,.sidebar:hover .sidebar-menu,.sidebar:hover .sidebar-link,.sidebar:hover .sidebar-link-name,.sidebar:hover .sidebar-icon,.sidebar:hover .sidebar-footer,.sidebar:hover .exit-button{display:flex}}.main-grid{display:grid;grid-template-columns:88px 1fr;grid-template-rows:1fr 36px;grid-template-areas:"SideBar main" "SideBar footer";height:100vh;background:var(--background-color)}@media(max-aspect-ratio:1/1){.main-grid{grid-template-areas:"main main" "SideBar footer"}}.content{grid-area:main;overflow-y:auto;position:relative;background-color:var(--blanco);scroll-behavior:smooth}@media(min-aspect-ratio:1/1){.content::-webkit-scrollbar{width:12px;background-color:#000000d9}.content::-webkit-scrollbar-thumb{background-color:var(--claro);border-radius:var(--border-radius-medium);border:2px solid rgba(0,0,0,.85)}}footer{grid-area:footer;position:sticky;left:0;bottom:0;width:100%;text-align:center;background-color:var(--secundario);background-position:center;background-repeat:repeat;background-size:contain;border-top:0px solid var(--negro);padding:0;margin:0}.inicio{width:100%;height:calc(91vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:50px;gap:10px}.logo-titulo{width:500px;max-width:100%;margin-bottom:20px;background-color:var(--blanco);padding:0;max-width:calc(95% - 48px)}.bienvenido{font-size:36px;color:var(--negro-claro);margin:0;font-weight:600}.bienvenido-mensaje{font-size:18px;color:var(--gris);margin-top:10px}.login{width:100%;height:100vh;background-color:var(--blanco);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:0;width:20%;min-width:380px;min-height:500px;background-color:var(--primario);margin-top:30px;margin-bottom:50px;padding:0;border:0;border-radius:2rem}.login-card h2{margin-bottom:3rem;color:var(--blanco);font-weight:600;font-size:24px}.login-form-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;padding:0!important}.login-logo{margin:0;padding:1rem 1rem 1.5rem;border-radius:0;width:140px;height:auto;transition:.3s ease-in-out;background-color:var(--blanco);margin-bottom:1rem;border-radius:0 0 1rem 1rem}.show-password-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px}.mostrar-pw{font-size:16px;color:var(--blanco);font-weight:400}.contenedor-login-input{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.contenedor-login-input label{color:var(--blanco);width:100%;text-align:left;font-weight:400;font-size:16px}.input-text-login{outline:none;border:none;width:calc(100% - 32px);margin:.6rem 0;padding:.6rem 1rem;color:var(--blanco)!important;background-color:var(--blanco)!important;font-size:16px;border-radius:0;margin-bottom:10px;border-radius:1rem;border:2px solid var(--primario);transition:.3s ease-in-out}.input-text-login:focus{border-color:var(--secundario)}.input-text-login:-webkit-autofill,.input-text-login:-webkit-autofill:hover,.input-text-login:-webkit-autofill:focus,.input-text-login:-webkit-autofill:active{-webkit-text-fill-color:var(--negro);-webkit-box-shadow:0 0 0px 1000px var(--blanco) inset}.popup-overlay{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;max-width:calc(90% - 40px);max-height:80vh;border:1px solid rgba(255,255,255,.2);background:var(--blanco);box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;overflow:hidden;border-radius:2rem}.popup-body{flex:1;padding:20px;overflow-y:auto;scrollbar-width:none}.popup-body::-webkit-scrollbar{display:none}.popup h2{margin-bottom:14px;font-size:32px;text-align:center;font-weight:400;color:var(--negro)}.popup h3{margin-bottom:14px;font-size:24px;text-align:center;font-weight:400;color:var(--negro)}.popup-actions{display:flex;justify-content:space-between;position:sticky;bottom:0;left:0;padding:8px;width:calc(100% - 16px);border:1px solid rgba(255,255,255,.2);background:transparent;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-self:center;justify-self:center;margin-top:32px;border-radius:1rem}.contenedor-modulos{width:calc(100% - 32px);max-width:600px;justify-self:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding:16px;background-color:var(--claro-claro);border-radius:1rem}.preview-container{margin-top:15px}.preview-container img{width:20rem;height:18rem;object-fit:cover;border-radius:1rem;border:2px solid var(--claro)}.btn-file{display:inline-block;text-align:center;cursor:pointer;padding:10px 15px}.contenedor-usuarios{max-width:98%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-bottom:50px}.usuario-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:50%;width:300px;max-width:95%;height:300px;border:2px solid rgba(0,0,0,.1);padding:16px;margin:16px 0;background-color:var(--blanco);transition:.3s ease-in-out;border-radius:1rem}.usuario-card:hover{box-shadow:0 4px 8px #0000001a}.pill-empleado{position:absolute;top:-10px;left:-10px;padding:4px 10px;font-size:12px;font-weight:600;background:var(--gris);color:var(--blanco);box-shadow:0 4px 10px #0003}.usuario-name{font-size:18px;font-weight:700;color:#343a40;margin-bottom:8px}.modulos-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0;padding:0!important}.popup-overlay{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99}.popup-confirmar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90%;background:var(--blanco);padding:24px;box-shadow:0 10px 30px #00000026;z-index:100;border-radius:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.popup-confirmar img{width:80px;margin-bottom:16px;transform:scale(2)}.mensaje-to-confirm{font-size:22px;margin:20px 0 40px;line-height:1.4;color:var(--negro);text-wrap:pretty}.form-actions{width:100%;display:flex;justify-content:space-between;gap:16px}.foto-preview-lugar{width:300px;height:200px;object-fit:cover;border-radius:8px;align-self:center;justify-self:center}.cards-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.card-lugar{background:var(--blanco);border-radius:1.3rem;padding:1rem;box-shadow:0 6px 18px #0000000f;transition:.2s ease-in-out;display:flex;flex-direction:column;overflow:hidden;width:320px;max-width:90%;height:350px;overflow-y:auto}.card-lugar::-webkit-scrollbar{width:0}.card-lugar::-webkit-scrollbar-thumb{width:0}.card-lugar:hover{box-shadow:0 10px 25px #0000001a}.card-img{width:calc(100% + 2rem);transform:translate(-1rem) translateY(-1rem);object-fit:cover;border-radius:1rem;margin-bottom:1rem;text-align:center;background-color:var(--claro-claro);color:var(--blanco);height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-img div{font-size:14px;color:var(--gris);height:200px;text-align:center;padding:1rem}.card-lugar h3{margin:.8rem 0;font-size:1.2rem;color:var(--negro)}.card-lugar p{font-size:1rem;color:var(--gris);margin:.4rem 0}.card-equipo{background:var(--blanco);border-radius:2rem;padding:2rem;box-shadow:0 6px 18px #0000000f;transition:.3s ease-in-out;width:300px;max-width:95%}.card-equipo:hover{box-shadow:0 6px 18px #0000001a}.card-equipo h3{margin-bottom:10px;color:#111827}.card-equipo p{font-size:14px;margin:4px 0;color:#4b5563}.fecha{margin-top:10px;font-size:12px;color:#9ca3af}.input-busqueda{padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;width:320px;outline:none;transition:.2s}.input-busqueda:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.page-not-found{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--negro);color:var(--blanco)}.logo-not-found{width:150px}.page-not-found p{color:var(--claro)}:root{--primario-claro: #c2e1ff;--primario: #0033A1;--primario-oscuro: #002c5e;--secundario-claro: #fff7d8;--secundario: #FFCE00;--secundario-oscuro: #967800;--claro: #afafaf;--claro-claro: #e8e8e8;--blanco: #ffffff;--negro: #1f1f1f;--negro-claro: #2e2e2e;--gris: #717171;--rojo-claro: #ffdfdf;--rojo: #ff3829;--rojo-oscuro: #5b0000;--verde-claro: #cbffdd;--verde: #61ff69;--verde-oscuro: #14ba1d;--morado-claro: #fbdfff;--morado: #e566fb;--morado-oscuro: #6c00ae;--naranja-claro: #ffe8d6;--naranja: #ff9f50;--naranja-oscuro: #e05d00;--border-radius-small: 6px;--border-radius-medium: 12px;--border-radius-large: 24px}html,body{height:100%;margin:0;overflow:hidden}.main{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:calc(100svh - 2.5rem)!important;height:auto;margin:0!important;padding:0!important;background-color:var(--blanco);-webkit-overflow-scrolling:touch}.titulo-componentes{display:flex;justify-content:center;align-items:center;color:var(--blanco);background-color:var(--primario);text-align:center;font-size:18px;font-weight:600;width:100%;height:40px;margin:0rem;transition:.3s ease-in-out;position:sticky;top:0;z-index:90}.version{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;right:0;padding:.6rem 1rem;background:#fff9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--primario);font-size:.8rem;font-weight:600;z-index:95;transition:.3s ease-in-out;border-radius:1rem 0 0}.version:hover{color:var(--secundario);background-color:var(--primario)}*{text-decoration:none}.estado-primario,.estado-secundario,.estado-rojo,.estado-verde,.estado-morado,.estado-naranja,.estado-negro{display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:center;justify-self:center;padding:.4rem 1rem;border:2px solid var(--gris);font-weight:600;font-size:14px;text-wrap:nowrap;border-radius:2rem}.estado-primario{background-color:var(--primario-claro)!important;color:var(--primario-oscuro)!important;border-color:var(--primario)!important}.estado-secundario{background-color:var(--secundario-claro)!important;color:var(--secundario-oscuro)!important;border-color:var(--secundario)!important}.estado-rojo{background-color:var(--rojo-claro)!important;color:var(--rojo-oscuro)!important;border-color:var(--rojo)!important}.estado-verde{background-color:var(--verde-claro)!important;color:var(--verde-oscuro)!important;border-color:var(--verde)!important}.estado-naranja{background-color:var(--naranja-claro)!important;color:var(--naranja-oscuro)!important;border-color:var(--naranja)!important}.estado-morado{background-color:var(--morado-claro)!important;color:var(--morado-oscuro)!important;border-color:var(--morado)!important}.estado-negro{background-color:var(--claro)!important;color:var(--negro-claro)!important;border-color:var(--negro-claro)!important}.no-border{border:0px;outline:none;padding:6px 10px}.inputs-container{background-color:var(--claro);align-self:center;padding:0;width:auto;max-width:95%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;margin:8px 0;overflow:hidden;position:sticky;border-radius:1.2rem;border:4px solid var(--claro)}@media(max-aspect-ratio:1/1){.inputs-container{display:flex;flex-wrap:wrap;gap:4px}.inputs-container>*{width:100%;flex:0 0 100%;box-sizing:border-box}}.input-select{outline:none;border:none;background-color:var(--primario-claro);border:2px solid var(--primario-claro);color:var(--primario-oscuro);font-size:14px;transition:.3s ease-in-out;margin:auto;padding:0 8px;width:160px!important;height:36px;box-sizing:border-box;border-radius:1rem}.input-text{outline:none;border:none;background-color:var(--blanco);border:2px solid var(--claro);color:var(--negro-claro);font-size:14px;transition:.3s ease-in-out;margin:auto;padding:0 8px;width:160px;height:36px;box-sizing:border-box;border-radius:1rem}.input-text-area{outline:none;border:none;background-color:var(--blanco);border:2px solid var(--claro);color:var(--negro-claro);font-size:14px;transition:.3s ease-in-out;margin:auto;padding:4px 8px;width:160px;height:84px;box-sizing:border-box;border-radius:1rem}.input-date,.input-number{outline:none;border:none;background-color:var(--blanco);border:2px solid var(--claro);color:var(--negro-claro);font-size:14px;transition:.3s ease-in-out;margin:auto;padding:0 8px;width:140px!important;height:36px;box-sizing:border-box;border-radius:1rem}.boton-primario,.boton-secundario,.boton-tercero,.boton-cuarto,.boton-quinto,.boton-sexto{box-sizing:border-box;outline:none;border:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;font-size:14px;transition:.3s ease-in-out;text-wrap:nowrap;margin:0;padding:0 18px;min-width:60px!important;height:36px!important;border-radius:1rem}.boton-primario svg,.boton-secundario svg,.boton-tercero svg,.boton-cuarto svg,.boton-quinto svg,.boton-sexto svg{margin:0;font-size:16px!important;min-width:12px}.boton-primario{background-color:var(--negro-claro);border-color:var(--negro-claro);color:var(--blanco)}.boton-primario:hover{background-color:var(--primario-oscuro);border-color:var(--primario-oscuro);color:var(--blanco)}.boton-secundario,.boton-secundario:hover{background-color:var(--secundario);border-color:var(--secundario);color:var(--negro)}.boton-tercero{background-color:var(--verde);border-color:var(--verde);color:var(--negro-claro)}.boton-tercero:hover{background-color:var(--verde);border-color:var(--verde);color:var(--negro-claro);filter:saturate(1.5)}.boton-cuarto{background-color:var(--rojo);border-color:var(--rojo);color:var(--blanco)}.boton-cuarto:hover{background-color:var(--rojo-claro);border-color:var(--rojo-claro);color:var(--rojo-oscuro)}.boton-quinto{background-color:var(--primario-claro);border-color:var(--primario-claro);color:var(--primario-oscuro)}.boton-quinto:hover{background-color:var(--primario);border-color:var(--primario);color:var(--primario-claro)}.boton-sexto{background-color:var(--morado-claro);border-color:var(--morado-caro);color:var(--morado-oscuro)}.boton-sexto:hover{background-color:var(--morado-oscuro);border-color:var(--morado-oscuro);color:var(--morado-claro)}.contenedor-horizontal{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:0}.contenedor-vertical{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0}.margin-botom-large{margin-bottom:32px}.input-small{width:110px!important}.input-medium{width:220px!important}.input-large{width:330px!important}.input-33{width:calc(33.33% - 16px)!important}.input-50{width:calc(50% - 16px)!important}.input-66{width:calc(66.66% - 16px)!important}.input-100{width:calc(100% - 16px)!important}.input-max{width:100%}