@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{font-family:Onest,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #F5F7FA;--foreground-color: #2E2E2E;--primario: #0D47A1;--primario-oscuro: #1F3C88;--secundario: #BBE6E4;--secundario-contraste: #fdedc8;--gris: #707070;--bordes: #D1D5DB;--success: #86CB92;--success-contraste: #dff9e4;--danger: #D9534F;--danger-contraste: #fbe6e5;--contraste: #D1D5DB;--claro-contraste: rgb(240, 240, 240)}body{background-color:var(--foreground-color);margin:0;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}@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)}}.container-total{background-color:var(--background-color);position:fixed;width:100%;height:100%;top:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-total>p{margin-bottom:0}.container{position:relative;width:100%;height:100vh;margin:0;padding:0;background-color:var(--foreground-color)}.input-group{position:relative;width:100%;display:flex;align-items:start;flex-direction:column;margin-bottom:10px}.input-group label{color:var(--gris);font-size:1rem;margin-bottom:5px}.input-group .input{width:100%;display:flex;align-items:center;justify-content:start;position:relative}.input-group .input input,.input-group .input select{width:100%;position:relative;height:40px;box-sizing:border-box;padding:0 15px;font-size:1rem;border:solid 1px var(--mas-gris);border-radius:10px}.input-group .input span{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;cursor:pointer;color:var(--mas-gris)}.input-group .input span:hover{color:var(--foreground-color)}.validando{animation:cargando .5s infinite}@keyframes ApareceAbajo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes SoloAparece{0%{opacity:0}to{opacity:1}}@keyframes cargando{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main{position:absolute;width:100%;box-sizing:border-box;padding:0;left:0;top:0;background-color:#fff;height:100%;animation:SoloAparece 1s 1}.encabezado-general{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.encabezado-general .leyenda{position:relative;width:max-content;display:flex;align-items:center;margin:0;padding:0;list-style:none}.encabezado-general .leyenda li{font-size:small;margin-left:30px;display:flex;align-items:center;justify-content:center}.encabezado-general .leyenda li span{width:10px;height:10px;border-radius:5px;margin-right:5px}.encabezado-general p{margin:0;font-weight:600}.encabezado-general .span{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.encabezado-general .span span{display:flex;align-items:center;margin-right:5px}button{height:40px;width:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:none;font-size:.9rem}button span{display:flex;align-items:center;justify-content:center;margin-right:5px}.btn-primario{background-color:var(--primario);color:#fff}.btn-primario:hover{background-color:var(--primario-oscuro)}.btn-contraste{background-color:var(--contraste);color:var(--foreground-color)}.btn-contraste:hover{background-color:var(--gris);color:#fff}.btn-foreground{background-color:var(--foreground-color);color:#fff}.btn-foreground:hover{background-color:var(--gris);color:#fff}.btn-delete{background-color:var(--danger-contraste);color:var(--danger)}.btn-delete:hover{background-color:var(--danger);color:#fff}.btn-icon{width:auto;height:auto;padding:0}.btn-100{width:100%}.danger-color{color:var(--danger)}.success-color{color:var(--success)}.contraste-danger{color:var(--danger-contraste)}.success-contraste{color:var(--success-contraste)}.bg-danger-color{color:var(--danger)}.bg-success-color{color:var(--success)}.bg-contraste-danger{color:var(--danger-contraste)}.bg-success-contraste{color:var(--success-contraste)}.px-10{padding:0 10px}.px-15{padding:0 15px}.px-20{padding:0 20px}.py-20{padding:20px 0}.my-20{margin:20px 0}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.mb-30{margin-bottom:30px}.container-centrado{width:100%;position:relative;text-align:center}.container-izquierda{width:100%;position:relative;text-align:left!important}.espacio-tabla{position:relative;width:100%;height:calc(100% - 150px);overflow:auto;margin-top:10px;border-radius:20px;border:solid 1px var(--bordes)}.espacio-tabla table{position:relative;width:100%;height:auto;border-collapse:collapse}.espacio-tabla table thead{position:sticky;top:0;z-index:2}.espacio-tabla table thead tr{background-color:var(--contraste)}.espacio-tabla table thead tr td{padding:5px 10px;color:var(--gris)}.espacio-tabla table tbody tr{border-bottom:solid 1px var(--bordes);cursor:pointer}.espacio-tabla table tbody .selected{background-color:var(--secundario-contraste)}.espacio-tabla table tbody .selected td:nth-child(2){color:var(--secundario)}.espacio-tabla table tbody .pointer:hover{background-color:var(--success-contraste)}.espacio-tabla table tbody td{padding:10px;position:relative}.espacio-tabla table tbody td p{margin:0}.espacio-tabla table tbody td small{color:var(--gris)}.espacio-tabla table tbody .permisos{max-width:200px}.espacio-tabla table tbody .permisos>div{width:100%;overflow:auto;display:flex;align-items:center}.espacio-tabla table tbody .permisos:after{content:"";position:absolute;right:0;height:100%;width:50px;top:0;background:linear-gradient(to right,#fff0,#fff)}.espacio-tabla table tbody .selected .permisos:after{content:"";position:absolute;right:0;height:100%;width:50px;top:0;background:linear-gradient(to right,rgba(255,255,255,0),var(--secundario-contraste))}.espacio-tabla table tbody .permisos>div::-webkit-scrollbar{width:0;height:0}.espacio-tabla table tbody .permisos>div span{float:left;display:flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:small;margin-right:10px}.espacio-tabla table tbody .permisos>div span:first-child{background-color:#0d48a14d}.espacio-tabla table tbody .permisos>div span:nth-child(2){background-color:#f9a8264d}.espacio-tabla table tbody .permisos>div span:nth-child(3){background-color:#28a7454d}.espacio-tabla table tbody .permisos>div span:nth-child(4){background-color:#d9534f4d}.espacio-tabla table tbody .permisos>div span:nth-child(5){background-color:#007bff4d}.espacio-tabla table tbody .permisos>div span:nth-child(6){background-color:#ffc1074d}.espacio-tabla table tbody td .points{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:5px;cursor:pointer}.espacio-tabla table tbody td .points span{width:5px;height:5px;border-radius:3px;background-color:var(--gris);margin:2px 0}.buscador{display:flex;align-items:center}.buscador button{margin-left:10px}.size-20{height:20px}.size-15{height:15px}.login{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px;transition:all .6s ease}.login>.formulario{width:35%;height:100%;background-color:#fff;box-sizing:border-box;padding:15px 50px;border-radius:25px;position:relative;display:flex;align-items:start;justify-content:center;flex-direction:column}.login>.formulario .form{width:100%;transition:all .4s ease;animation:ApareceAbajo 1s 1}.login>.formulario .form h2{margin:0 0 5px;font-size:2rem;font-weight:600}.login>.formulario .form p{margin:0 0 30px;color:var(--gris);font-size:1.2rem}.login>.formulario .form .olvidaste{margin:0;font-size:.9rem}.login>.formulario .form .olvidaste strong{cursor:pointer}.login .formulario .form .boton{width:100%;height:40px;border:none;cursor:pointer;font-size:1rem;background-color:#338487;color:#fff;border-radius:10px;margin-bottom:20px;margin-top:20px;display:flex;align-items:center;justify-content:center}.login .formulario .form .boton span{display:flex;align-items:center;justify-content:center;margin-right:5px}.login .fondo .marca{width:80px;height:80px;border-radius:0 15px 15px 0;display:flex;align-items:center;justify-content:start;flex-direction:column;position:absolute;bottom:10px;left:0;top:calc(50% - 40px);font-size:small;background-color:#fff;padding:10px;text-align:center}.login .fondo .marca img{width:40px}.login .fondo{position:relative;width:calc(65% - 10px);height:100%;background-image:url(/imagenes/fondo.jpg);background-size:cover;overflow:hidden;border-radius:25px}.login .fondo .tapa{position:absolute;width:100%;height:100%;background-color:#00000080;left:0;top:0;padding:15px;box-sizing:border-box;display:flex;align-items:end;justify-content:space-between;flex-direction:column}.login .fondo .tapa .sugerencias{width:100%;text-align:left;box-sizing:border-box;padding:20px;color:#fff;display:flex;flex-direction:column}.login .fondo .tapa .sugerencias>p{color:var(--mas-gris);transition:all .4s ease}.login .fondo .tapa .sugerencias>span{max-width:400px}.login .fondo .tapa .titulo{position:relative;width:100%;max-width:600px;text-align:right;color:#fff;box-sizing:border-box;margin-right:20px}.login .fondo .tapa .titulo h1{font-size:3.5rem;line-height:1.2;font-weight:600}.split-word{will-change:transform,opacity}@media only screen and (max-width: 765px){.login{flex-direction:column;height:auto;min-height:100vh}.login>.formulario{width:100%;height:auto;background-color:#fff;box-sizing:border-box;padding:25px;border-radius:25px;margin-bottom:20px}.login>.formulario .form h2{font-size:1.6rem}.login>.formulario .form p{font-size:1rem}.login .fondo{position:relative;width:100%;height:50vh;background-image:url(/imagenes/fondo.jpg);background-size:cover;overflow:hidden;border-radius:25px}.login .fondo .tapa .titulo h1{font-size:2rem;margin:0;line-height:1.2}}.loader{--path: #2f3545;--dot: var(--primario);--duration: 3s;width:44px;height:44px;position:relative}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}.otp{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;margin:20px 0}.reenviar{color:var(--gris)}.reenviar span{cursor:pointer}.otp-success input{border:solid 2px var(--success)!important}.otp input{width:40px;height:40px;border:solid 1px var(--gris);background-color:#fff;font-size:1rem;color:#000;text-align:center;padding:0;box-sizing:border-box;border-radius:10px}.otp input[type=number]::-webkit-inner-spin-button,.otp input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.container-profile{width:max-content;display:flex;align-items:center;justify-content:start}.container-profile .foto{position:relative;width:40px;height:40px;border-radius:10px;overflow:hidden;margin-right:10px;background-color:var(--secundario)}.container-profile .foto img{width:100%;height:100%;object-fit:cover}.container-profile .foto .nombre{position:relative;width:auto;display:flex;align-items:start;flex-direction:column}.container-profile .nombre p{margin:0;font-size:1rem;line-height:1;text-transform:capitalize;color:#fff}.container-profile .nombre small{color:var(--gris)}.inicio{display:flex;align-items:center;justify-content:space-between;flex-direction:column;background-color:var(--foreground-color);box-sizing:border-box;padding:40px}.inicio .encabezado-general{position:relative;z-index:11}.inicio .encabezado-general span{transition:all .8s ease;transform-origin:center;display:flex;align-items:center;justify-content:center}.checkbox{display:none}.switch{position:relative;width:50px;height:50px;background-color:#636363;border-radius:50%;z-index:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid rgb(126,126,126);box-shadow:0 0 3px #020202 inset;z-index:3}.switch svg{width:1.2em}.switch svg path{fill:#303030}.checkbox:checked+.switch{border:2px solid rgb(255,255,255)}.checkbox:checked+.azul{box-shadow:0 0 1px #97afff inset,0 0 2px #97afff inset,0 0 10px #97afff inset,0 0 40px #97afff,0 0 100px #97afff,0 0 5px #97afff}.checkbox:checked+.blanca{box-shadow:0 0 1px #efffc2 inset,0 0 2px #efffc2 inset,0 0 10px #efffc2 inset,0 0 40px #efffc2,0 0 100px #efffc2,0 0 5px #efffc2}.checkbox:checked+.blanca svg{filter:drop-shadow(0px 0px 5px rgb(239,255,194))}.checkbox:checked+.azul svg{filter:drop-shadow(0px 0px 5px rgb(151,153,255))}.checkbox:checked+.switch svg path{fill:#fff}.inicio .interruptores{position:relative;width:100%;display:flex;align-items:center;justify-content:start;flex-direction:column}.inicio .interruptores h1{font-weight:600;font-size:1.5rem;color:#fff}.inicio .interruptores ul{position:relative;width:100%;display:flex;list-style:none;align-items:center;justify-content:center;margin:0;padding:0}.inicio .interruptores ul li{margin:0 20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.inicio .interruptores ul li small{margin-top:10px;color:#fff}.inicio .metricas{width:100%;display:flex;align-items:center;justify-content:center}.inicio .metricas>div{margin:0 20px;display:flex;align-items:center;justify-content:center;color:#fff;flex-direction:column}.inicio .metricas>div h1{margin:0;font-size:1.4rem}.inicio .config{position:absolute;width:100%;height:80%;background-color:#8080804d;top:0;left:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 20px 20px;transition:all .4s ease;overflow:hidden;box-sizing:border-box}.inicio .config ul{list-style:none;width:100%;height:auto;margin:80px 0 0;padding:0}.inicio .config ul li{width:100%;min-height:50px;background-color:#fff;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:start;flex-direction:column;box-sizing:border-box;padding:5px 10px}.inicio .config ul li>div{width:100%;display:flex;align-items:center;justify-content:space-between}.inicio .config ul li>.horario{position:relative;width:100%;transition:all .4s ease;overflow:hidden;display:flex;align-items:start;justify-content:start;flex-direction:column;interpolate-size:allow-keywords}.inicio .config ul li>.horario>div{width:100%;display:flex;align-items:center;justify-content:space-between}.inicio .config ul li>.horario small{margin:10px 0}.inicio .config ul li>.horario input{width:calc(50% - 10px);box-sizing:border-box;padding:0 10px;height:40px;font-size:1rem;border-radius:10px;background-color:var(--claro-contraste)}.inicio .config ul li .des{position:relative}.inicio .config ul li .op{display:flex;align-items:center}.inicio .config ul li .op span{display:flex;align-items:center;margin-left:10px}.inicio .config ul li .des small{color:var(--gris)}.inicio .config ul li .des p{margin:0}.inicio .config button{width:100%;height:50px;font-size:1rem;background-color:var(--success)}.inicio .config button span{margin-left:5px}.asistente{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;left:0;top:0}.asistente>small{position:absolute;bottom:180px;color:#fff}.loader-spiner-dos,.enviando{display:flex;align-items:center;justify-content:center;width:60px;height:60px;position:absolute;bottom:150px;background-color:#fff;border-radius:30px;transition:all .1s ease}.enviando{scale:0;transition:all .4s ease}.enviando:before,.enviando:after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:60px;border-radius:50%;background:#fff;transform:translate(-50%,-100%) scale(0);animation:push_401 2s infinite linear}.enviando:after{animation-delay:1s}@keyframes push_401{0%,50%{transform:translate(-50%) scale(1)}to{transform:translate(-50%,-100%) scale(0)}}.switch-toggle{--button-width: 3em;--button-height: 1.5em;--toggle-diameter: 1em;--button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);--toggle-shadow-offset: 10px;--toggle-wider: 3em;--color-grey: #cccccc;--color-green: #4296f4}.slider{display:inline-block;width:var(--button-width);height:var(--button-height);background-color:var(--color-grey);border-radius:calc(var(--button-height) / 2);position:relative;transition:.3s all ease-in-out}.slider:after{content:"";display:inline-block;width:var(--toggle-diameter);height:var(--toggle-diameter);background-color:#fff;border-radius:calc(var(--toggle-diameter) / 2);position:absolute;top:var(--button-toggle-offset);transform:translate(var(--button-toggle-offset));box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a;transition:.3s all ease-in-out}.switch-toggle input[type=checkbox]:checked+.slider{background-color:var(--color-green)}.switch-toggle input[type=checkbox]:checked+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));box-shadow:calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a}.switch-toggle input[type=checkbox]{display:none}.switch-toggle input[type=checkbox]:active+.slider:after{width:var(--toggle-wider)}.switch-toggle input[type=checkbox]:checked:active+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}.unauthorized{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px}.unauthorized img{position:relative;width:300px}.unauthorized h1{font-size:1.5rem;text-align:center;max-width:500px;width:80%;font-weight:500}