@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{--primario: #D8BC32;--secundario: rgb(0, 8, 20);--secundario-10: rgba(0, 8, 20, .1);--secundario-menor: #E3E3E3;--contraste: #0C111A;--danger: #EF767A;--danger-contrast: #F9BEBE;--danger-contrast-10: #f9bebed5;--texto-claro: #636363;--background-color: #d1d1d1;--gris: #74836b;--success: #2A7E17;--verde: rgb(94, 233, 52);--colorUno: rgba(42, 126, 23);--colorDos: rgba(255, 90, 96);--colorTres: rgba(125, 107, 145);--dia: #6BA292;--noche: #023C40;--mes: #DD614A}body{width:100%;min-height:100vh;padding:0;margin:0;background-color:var(--background-color)}button{padding:8px 15px;border-radius:10px;display:flex;align-items:center;font-size:1rem;border:none;cursor:pointer;background:var(--primario);color:#fff;font-weight:500}button:hover>span{width:30px}button .visible{width:30px}button span{width:0px;height:30px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;transition:all .4s ease}.size-20{height:25px}.size-60{height:40px}@keyframes arribaEntra{0%{opacity:0;transform:translateY(-150px)}50%{opacity:1;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes girando{0%{rotate:0deg}to{rotate:360deg}}@keyframes soloEntra{0%{opacity:0}to{opacity:1}}@keyframes soloEscala{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes arribaSale{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(40px)}to{opacity:0;transform:translateY(-150px)}}@keyframes ladoEntra{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes ladoSale{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes baja{0%{opacity:0;transform:translateY(-20px)}20%{opacity:1;transform:translateY(0)}50%{opacity:1}70%{opacity:1}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes abajoEntra{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes abajoSale{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.container-log{position:relative;width:100%;height:100vh;margin:0;padding:0;background-color:var(--background-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.registro{justify-content:center;width:100%;box-sizing:border-box;min-height:100vh;display:flex;align-items:center;padding:0 5%;overflow:hidden;animation:arribaEntra 1s 1;background-color:var(--background-color)}.registro .container{width:80%;height:calc(100vh - 40px);background-color:var(--secundario);border-radius:30px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px}.registro .container .container-small{position:relative;width:35%;height:100%;border-radius:20px;background-color:#030e1f;display:flex;flex-direction:column;align-items:start;justify-content:space-between;box-sizing:border-box;padding:20px}.registro .container .container-small>img{height:20px}.registro .container .container-small>div h1{font-size:2rem;color:#fff;margin:0 0 10px}.registro .container .container-small>div p{font-size:1rem;color:var(--texto-claro);margin:0}.registro .container .container-small .slider{width:100%;height:220px}.registro .container .container-small .slider .tarjetas{width:100%;height:200px;overflow:hidden;border-radius:10px}.registro .container .container-small .slider .tarjetas ul{display:flex;width:400%;position:relative;height:200px;margin:0;padding:0;list-style:none}.registro .container .container-small .slider .tarjetas ul li{width:25%;height:100%;box-sizing:border-box;padding:20px;background-color:var(--primario);display:flex;align-items:start;justify-content:space-between;flex-direction:column;transition:all .6s ease}.registro .container .container-small .slider .tarjetas ul li>p{width:100%;margin:0;font-size:small;font-style:italic;line-height:1.2;font-weight:400;color:#fff}.registro .container .container-small .slider .tarjetas ul li>div{width:100%;display:flex;align-items:center;justify-content:left}.registro .container .container-small .slider .tarjetas ul li>div>img{width:30px;height:30px;object-fit:cover;background-color:#fff;border-radius:5px;margin-right:10px;padding:2px;box-sizing:border-box}.registro .container .container-small .slider .tarjetas ul li>div>div{height:30px;display:flex;align-items:start;justify-content:center;flex-direction:column;font-size:small;color:#fff}.registro .container .container-small .slider .navigation{width:100%;display:flex;align-items:center;justify-content:center;height:30px}.registro .container .container-small .slider .navigation span{width:8px;height:8px;border-radius:4px;background-color:var(--primario);margin:0 5px;cursor:pointer;transition:all .4s ease}.registro .container .container-small .slider .navigation .active{background-color:#fff}.registro .formulario{width:65%;padding:20px 80px;display:flex;align-items:start;justify-content:center;flex-direction:column}.registro .formulario h3{margin:0 0 20px;color:#fff}.formulario .input-group{width:100%;margin-bottom:20px}.formulario .input-group>p{font-size:1rem;color:#fff;margin:0 0 10px}.formulario .input-group .inputs{display:flex;width:100%;position:relative}.formulario .input-group .inputs .ojo{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer}.formulario .input-group .otp{display:flex;width:100%;position:relative;align-items:center;flex-direction:row}.formulario .input-group .puedes{color:#fff;margin:0}.formulario .check{position:relative;margin:10px 0;width:100%;display:flex;align-items:center;justify-content:left}.formulario .check input{width:20px;height:20px;border-radius:5px;border:none}.formulario .check p{color:#fff;margin:0 0 0 10px;line-height:1}.formulario .check p a{color:var(--success)}.formulario .input-group>.inputs input,.formulario .input-group>.inputs select{margin:0;width:100%;height:40px;border-radius:10px;border:solid 1px white;padding:0 7.5px 0 10px;box-sizing:border-box;background-color:transparent;font-size:1rem;color:#fff}.formulario .input-group>.inputs input[type=date]::-webkit-calendar-picker-indicator{width:25px;height:25px;background-color:#fff;padding:5px;box-sizing:border-box;border-radius:5px}.formulario button{background-color:var(--success);width:100%;display:flex;align-items:center;justify-content:center;color:#fff}.formulario .mensaje{color:#fff}.otp{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:40px;flex-direction:column;transition:all .4s ease;overflow:hidden}.cargando{margin:0 0 10px;color:#fff;text-align:center;width:100%}.otp .otpvalid input{outline:solid 2px var(--success)}.otp .otpinvalid input{outline:solid 2px var(--danger)}.otp>p{margin:0 0 10px;color:#fff}.otp>.puedes{margin:10px 0 0}.otp>.puedes strong{color:var(--success)!important}.otp>div{width:100%;display:flex;align-items:center;justify-content:center}.otp input{width:40px;height:40px;border-radius:5px;background-color:#fff;text-align:center;border:none;font-size:1rem;margin:0 10px}.olvide{color:#fff}.olvide a{color:var(--secundario)}@media only screen and (max-width: 765px){.registro{padding:0;align-items:start}.registro .container{width:90%;margin-top:20px;height:max-content;flex-direction:column}.registro .container .container-small{width:100%;height:auto}.registro .container .container-small>div h1{font-size:1.5rem;line-height:1;margin-top:30px}.registro .container .container-small>div p{font-size:.9rem}.registro .container .container-small .slider .tarjetas{margin-top:10px}.registro .formulario{margin-top:20px;width:100%;padding:20px;box-sizing:border-box}}nav{position:fixed;width:60px;background-color:var(--secundario);height:calc(100vh - 30px);top:15px;left:15px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:15px 0}nav .menu{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}nav .menu>img{width:35px}nav ul{list-style:none;padding:0;margin:40px 0 0;position:relative}nav ul li{color:var(--texto-claro);width:100%;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .4s ease}.menu ul .activo{color:#fff;transform:translate(22px)}nav ul li:last-child{margin-bottom:0}.menu ul>.puntero{position:absolute;width:50px!important;height:50px!important;background-color:var(--secundario);border-radius:33px!important;box-sizing:border-box;border:solid 6px var(--background-color);border-top-left-radius:-10px;transition:all .4s ease;rotate:90deg;left:10px}.menu ul .puntero:before,.menu ul .puntero:after{content:"";position:absolute;top:calc(50% - 7px);width:20px;height:20px;background:transparent}.menu ul .puntero:before{left:-22px;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--background-color)}.menu ul .puntero:after{right:-22px;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 var(--background-color)}nav .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--background-color);margin-bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}nav .avatar img{width:100%;margin-top:5px}@media only screen and (max-width: 765px){nav{position:fixed;width:60px;background-color:var(--secundario);height:calc(100vh - 30px);top:15px;left:15px;border-radius:15px;display:flex;align-items:center;justify-content:start;flex-direction:column;box-sizing:border-box;padding:15px 0}}main{width:100%;min-height:100vh;background-color:var(--background-color);box-sizing:border-box;margin:0;padding:0;display:flex;align-items:center}.loader{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0}.jelly{--uib-size: 40px;--uib-speed: .8s;--uib-color: #2c2b2b;position:relative;height:calc(var(--uib-size) / 2);width:var(--uib-size);filter:url(#uib-jelly-ooze);animation:rotate72317 calc(var(--uib-speed) * 2) linear infinite}.jelly:before,.jelly:after{content:"";position:absolute;top:0%;left:25%;width:50%;height:100%;background:var(--uib-color);border-radius:100%}.jelly:before{animation:shift-left var(--uib-speed) ease infinite}.jelly:after{animation:shift-right var(--uib-speed) ease infinite}.jelly-maker{width:0;height:0;position:absolute}@keyframes rotate72317{0%,49.999%,to{transform:none}50%,99.999%{transform:rotate(90deg)}}@keyframes shift-left{0%,to{transform:translate(0)}50%{transform:scale(.65) translate(-75%)}}@keyframes shift-right{0%,to{transform:translate(0)}50%{transform:scale(.65) translate(75%)}}.buscador-grupo{display:flex;align-items:center;justify-content:center;position:relative;width:350px}.buscador-grupo input{width:350px;padding:0 45px 0 15px;font-size:1rem;color:#fff;margin:0;box-sizing:border-box;height:40px;background-color:var(--contraste);border:none;border-radius:10px;text-transform:uppercase}.buscador-grupo input::placeholder{text-transform:capitalize}.buscador-grupo input:focus{outline:solid 2px var(--primario)}.buscador-grupo label{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.inicioApp{position:relative;width:calc(100% - 155px);height:calc(100vh - 30px);left:140px;margin:0;top:0;display:flex;align-items:start;justify-content:space-between;flex-direction:column;animation:soloEntra 1s 1}.inicioApp h2{margin:0}.inicioApp .headerApp{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;background-color:var(--secundario);height:auto;max-height:220px;border-radius:15px;box-sizing:border-box;flex-direction:column;padding:15px;overflow:hidden;interpolate-size:allow-keywords}.inicioApp .headerApp>div{height:auto;width:100%;display:flex;align-items:center;justify-content:space-between}.inicioApp .headerApp>div h1{color:#fff;font-size:1.5rem;font-weight:500;margin:0;display:flex;align-items:center}.inicioApp .headerApp>div h1 svg{margin:0 10px 0 30px}.inicioApp .headerApp>div h1 span{color:var(--primario)}.inicioApp .headerApp>div .buscador{width:100%;display:flex;align-items:center;justify-content:end;max-width:50%;position:relative}.inicioApp .headerApp>div .buscador .resultados{width:330px;border-radius:15px;box-sizing:border-box;position:fixed;top:90px;padding:10px;right:200px;transition:all .4s ease;height:auto;max-height:220px;overflow:auto;scrollbar-width:thin;background-color:var(--contraste);display:grid;grid-template-columns:repeat(2,1fr);gap:5px;transform-origin:top;z-index:2;box-shadow:0 3px 6px #00000029}.inicioApp .headerApp>div .buscador .resultados>div{min-height:100px;display:flex;align-items:start;justify-content:left;flex-direction:column;margin:5px;box-sizing:border-box;padding:10px;border-radius:10px;position:relative;background-color:var(--secundario);cursor:pointer}.inicioApp .headerApp>div .buscador .resultados>div .placa{width:100%;display:flex;align-items:start;justify-content:start;flex-direction:column}.inicioApp .headerApp>div .buscador .resultados>div .placa .numero{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.inicioApp .headerApp>div .buscador .resultados>div .placa .costo{color:var(--success);margin:0}.inicioApp .headerApp>div .buscador .resultados>div .tiempo{margin-top:10px}.inicioApp .headerApp>div .buscador .resultados>div .tiempo>div small{color:var(--texto-claro)}.inicioApp .headerApp>div .buscador .resultados>div .tiempo>div p{color:#fff;margin:0}.inicioApp .headerApp>div .buscador button{background-color:var(--primario);color:#000;border:none;border-radius:10px;padding:0 20px;height:40px;margin-left:10px;cursor:pointer}.inicioApp .headerApp>div .buscador .buscador-group{display:flex;align-items:center;justify-content:center}.inicioApp .headerApp .registros{width:100%;height:auto;display:flex;align-items:end;justify-content:space-between}.inicioApp .headerApp .registros .sin-registrar{width:40%;overflow:hidden;position:relative}.inicioApp .headerApp .registros .sin-registrar>p{color:var(--texto-claro);margin:0 0 5px}.inicioApp .headerApp .registros .sin-registrar>div{width:100%;overflow:auto}.inicioApp .headerApp .registros .sin-registrar>div::-webkit-scrollbar{width:0;height:0}.inicioApp .headerApp .registros .sin-registrar>div>ul{list-style:none;padding:0;margin:0;display:flex;width:max-content}.inicioApp .headerApp .registros .sin-registrar>div>ul li{width:200px;margin-right:15px;height:100px;background-color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px}.inicioApp .headerApp .registros .sin-registrar>div>ul li>div>p{margin:0}.inicioApp .headerApp .registros .sin-registrar>div>ul li>div>p:first-child{color:var(--secundario);font-weight:600}.inicioApp .headerApp .registros .sin-registrar>div>ul li>div>p:last-child{font-weight:500;font-size:small}.inicioApp .headerApp .registros .sin-registrar>div>ul li>img{width:90px;mix-blend-mode:luminosity}.inicioApp .headerApp .registros .capacidad{width:auto;display:flex;align-items:center;justify-content:right}.inicioApp .headerApp .registros .capacidad>div{display:flex;align-items:end;justify-content:start;flex-direction:column}.inicioApp .headerApp .registros .capacidad>div>p{color:var(--texto-claro);margin:0 0 0 30px}.inicioApp .headerApp .registros .capacidad>div h1{color:#fff;margin:0!important;line-height:1;font-size:2.5rem;font-weight:500}.inicioApp .cuerpoApp{width:100%;height:calc(100% - 80px);overflow:hidden;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.inicioApp .cuerpoApp .parteArribaFirst{width:100%;height:100px;display:flex;align-items:start;justify-content:space-between;position:relative}.inicioApp .cuerpoApp .metricas-vehiculos{width:50%;height:100px;display:flex;align-items:center;justify-content:start;list-style:none;margin:0;padding:0}.inicioApp .cuerpoApp .metricas-vehiculos li{background-color:#fff;height:80%;margin-right:30px;width:200px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.inicioApp .cuerpoApp .metricas-vehiculos li p{margin:0;color:var(--texto-claro);display:flex;align-items:center}.inicioApp .cuerpoApp .metricas-vehiculos li p span{width:10px;height:10px;border-radius:5px;background-color:var(--colorUno);margin-right:5px}.inicioApp .cuerpoApp .metricas-vehiculos li h1{margin:0;font-size:1.3rem;font-weight:500}.inicioApp .cuerpoApp .crear-reg{position:relative;width:45%;display:flex;align-items:center;justify-content:end;height:100%}.inicioApp .cuerpoApp .crear-reg p{margin:0}.inicioApp .cuerpoApp .crear-reg input{width:50%;height:80%;border-radius:15px;background-color:var(--primario);font-size:2rem;color:#000;text-transform:uppercase;border:none;padding:0;margin:0;text-align:center;border:solid 2px black}.inicioApp .cuerpoApp .crear-reg input::placeholder{text-transform:none;font-size:1.5rem;font-weight:500;color:#000}.inicioApp .cuerpoApp .crear-reg .result{width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;height:80%}.inicioApp .cuerpoApp .crear-reg .result button{background-color:var(--secundario)}.inicioApp .cuerpoApp .camara-icon{position:absolute;right:30px;bottom:30px;border-radius:25px;width:50px;height:50px;background-color:var(--primario);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}.inicioApp .cuerpoApp .video{width:50%;height:50%;position:absolute;overflow:hidden;border-radius:25px;z-index:1;right:30px;bottom:30px;transition:all .4s ease;transform-origin:right bottom}.inicioApp .cuerpoApp .video .tapa{width:100%;height:100%;left:0;top:0;position:absolute;background-color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:25px;box-sizing:border-box;padding:15px}.inicioApp .cuerpoApp .video .tapa .tapaimg{width:100%;height:100%;border-radius:10px;position:relative}.inicioApp .cuerpoApp .video .tapa .color-b{position:absolute;left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 30px);background-color:#0008148f;border-radius:10px}.inicioApp .cuerpoApp .video .tapa .loader-placa{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;width:50%;height:50%;left:25%;top:25%;z-index:11}.inicioApp .cuerpoApp .video .tapa .loader-placa p{color:#fff;margin:0}.inicioApp .cuerpoApp .video .tapa .loader-placa .loader{height:min-content;position:relative;margin-top:10px}.inicioApp .cuerpoApp .video .tapa>.relojp{z-index:12;position:absolute;top:30px;left:30px}.inicioApp .cuerpoApp .video .tapa>div{width:100%;display:flex;align-items:center;justify-content:left;z-index:10}.inicioApp .cuerpoApp .video .tapa>div>span{width:max-content;color:#fff;font-size:1.2rem;font-weight:500}.inicioApp .cuerpoApp .video .tapa>div .eleccion{display:flex;margin-left:10px}.inicioApp .cuerpoApp .video .tapa>div .eleccion label{width:40px;box-sizing:border-box;padding:2.5px 3px;height:20px;border-radius:15px;background-color:#fff;cursor:pointer;transition:all .4s ease}.inicioApp .cuerpoApp .video .tapa>div .eleccion label .bolita{width:15px;height:15px;border-radius:10px;background-color:var(--secundario);box-sizing:border-box;padding:0;position:relative;transition:all .4s ease}.inicioApp .cuerpoApp .video .tapa>div .eleccion input{display:none}.inicioApp .cuerpoApp .video .tapa>.detecciones{width:100%;display:flex;align-items:end;justify-content:space-between;position:absolute;left:0;top:0;height:100%;box-sizing:border-box;padding:0 40px}.inicioApp .cuerpoApp .video .tapa>.detecciones>.detectada{transition:all .6s ease}.inicioApp .cuerpoApp .video .tapa>.detecciones>.detectada p{color:#fff}.inicioApp .cuerpoApp .video .tapa>.detecciones>.detectada img{animation:baja 5s 1;opacity:0}.inicioApp .cuerpoApp .video .tapa>.detecciones>.sindetectar img{opacity:0}.inicioApp .cuerpoApp .video .tapa>.detecciones>.sindetectar{opacity:0;transition:all .6s ease}.inicioApp .cuerpoApp .video .tapa>.detecciones:before{content:"";width:100%;height:200px;right:0;bottom:0;position:absolute;z-index:1}.inicioApp .cuerpoApp .video .tapa>.detecciones img{width:150px;box-sizing:border-box;background-color:#fff;padding:5px;height:75px;object-fit:cover;border-radius:15px;outline:solid 2px var(--secundario)}.inicioApp .cuerpoApp .video .tapa>.detecciones ul{list-style:none;margin:0;padding:0;height:300px;width:100px;overflow:hidden;display:flex;align-items:end;justify-content:end;flex-direction:column;transition:all .6s ease}.inicioApp .cuerpoApp .video .tapa>.detecciones ul li{margin:0 0 15px;opacity:.4;transition:all .6s ease}.inicioApp .cuerpoApp .video .tapa>.detecciones .ocultar li:last-child{margin-bottom:-50px;opacity:0}.inicioApp .cuerpoApp .video .tapa>.detecciones ul li:last-child{opacity:1}.inicioApp .cuerpoApp .video .tapa>.detecciones ul li:last-child p{color:var(--primario)}.inicioApp .cuerpoApp .video .tapa>.detecciones ul li small{color:var(--texto-claro);font-size:.8rem;font-weight:500}.inicioApp .cuerpoApp .video .tapa>.detecciones ul li p{margin:0;font-size:1.1rem;font-weight:500;color:#fff}.inicioApp .cuerpoApp .tabla{width:100%;box-sizing:border-box;display:flex;align-items:start;justify-content:left;position:relative;height:calc(100% - 100px);overflow:auto;background-color:#fff;border-radius:10px}.inicioApp .cuerpoApp .tabla table{width:100%;border-collapse:collapse}.inicioApp .cuerpoApp .tabla table thead{background-color:var(--secundario-menor);position:sticky;top:0}.inicioApp .cuerpoApp .tabla table thead tr{border-bottom:solid 1px var(--gris)}.inicioApp .cuerpoApp .tabla table thead tr td{padding:10px}.inicioApp .cuerpoApp .tabla table tbody tr{border-bottom:solid 1px rgb(231,231,231);cursor:pointer;transition:all .4s ease}.inicioApp .cuerpoApp .tabla table tbody tr:hover{background-color:var(--secundario-menor)}.inicioApp .cuerpoApp .tabla table tbody tr td{padding:7px 10px}.inicioApp .cuerpoApp .tabla table tbody tr td .dia{background-color:var(--dia);padding:3px 10px;border-radius:20px;font-size:small}.inicioApp .cuerpoApp .tabla table tbody tr td .noche{background-color:var(--noche);padding:3px 10px;border-radius:20px;font-size:small}.inicioApp .cuerpoApp .tabla table tbody tr td .mes{background-color:var(--mes);padding:3px 10px;border-radius:20px;font-size:small}.inicioApp .cuerpoApp .tabla table tbody tr .placa{color:red}.inicioApp .cuerpoApp .tabla table tbody tr .placa{text-transform:uppercase}.inicioApp .cuerpoApp .tabla>div{width:auto;position:relative;height:100%;padding:0}.inicioApp .cuerpoApp .tabla>div>p{color:var(--secundario);font-size:1.1rem;font-weight:500;margin:0 0 10px;width:calc(100% - 30px);box-sizing:border-box;padding:5px 0;border-radius:15px}.inicioApp .cuerpoApp .tabla>div>div{width:100%;position:relative;height:100%;overflow:auto}.inicioApp .cuerpoApp .tabla>div>div::-webkit-scrollbar{width:0;height:0}.inicioApp .cuerpoApp .tabla>div>div ul{list-style:none;padding:0;margin:0 30px 50px 0;display:flex;flex-direction:column}.inicioApp .cuerpoApp .tabla>div>div ul li{width:150px;min-height:100px;background-color:#fff;border-radius:20px;margin-bottom:15px;box-sizing:border-box;padding:10px;cursor:pointer;transition:all .6s ease;overflow:hidden;position:relative}.inicioApp .cuerpoApp .tabla>div>div ul li>div{position:relative}.inicioApp .cuerpoApp .tabla>div>div ul li:before{position:absolute;width:100%;height:0;bottom:0;left:0;content:"";background-color:var(--secundario);transition:all .4s ease}.inicioApp .cuerpoApp .tabla>div>div ul li:hover:before{height:100%}.inicioApp .cuerpoApp .tabla>div>div ul li .placa{width:100%;height:70px;border-radius:10px;display:flex;align-items:start;justify-content:center;flex-direction:column}.inicioApp .cuerpoApp .tabla>div>div ul li .placa .numero{font-size:1.3rem;font-weight:500;margin:0;color:var(--secundario);transition:all .4s ease}.inicioApp .cuerpoApp .tabla>div>div ul li:hover .placa .numero{color:#fff}.inicioApp .cuerpoApp .tabla>div>div ul li .placa .costo{color:var(--success);margin:0}.inicioApp .cuerpoApp .tabla>div>div ul li .tiempo{width:100%;display:flex;align-items:start;justify-content:center;flex-direction:column;margin-top:10px}.inicioApp .cuerpoApp .tabla>div>div ul li .tiempo>div small{color:var(--texto-claro)}.inicioApp .cuerpoApp .tabla>div>div ul li .tiempo>div p{margin:0;color:var(--secundario);font-weight:300;transition:all .4s ease}.inicioApp .cuerpoApp .tabla>div>div ul li:hover .tiempo>div p{color:#fff}.verhi{position:absolute;width:50px;height:50px;border-radius:25px;background-color:var(--secundario);right:45px;bottom:110px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.cash-print{background-color:#2589bd;bottom:180px}.cash-print svg{transition:all .4s ease}.girando-ant svg{animation:girando .5s infinite}.historial-print{position:absolute;width:300px;height:400px;right:95px;border-radius:15px;background-color:#fff;bottom:110px;box-shadow:0 3px 3px #00000046;overflow:auto;transition:all .4s ease}.historial-print table{width:100%;border-collapse:collapse}.historial-print table thead{position:sticky;top:0;background-color:var(--secundario-menor)}.historial-print table td{padding:5px 10px;cursor:pointer}.historial-print table .up{text-transform:uppercase}@media only screen and (max-width: 765px){.cash-print{display:none}.inicioApp{position:relative;width:calc(100% - 100px);height:calc(100vh - 30px);left:90px;margin:0;top:0;display:flex;align-items:start;justify-content:space-between;flex-direction:column;animation:soloEntra 1s 1}.inicioApp .headerApp>div .buscador{width:100%;display:none;align-items:center;justify-content:end;max-width:50%;position:relative}.inicioApp .cuerpoApp .metricas-vehiculos{width:50%;height:100px;display:flex;align-items:center;justify-content:start;list-style:none;margin:0;padding:0}.inicioApp .cuerpoApp .metricas-vehiculos li{background-color:#fff;height:80%;margin-right:10px;width:max-content;box-sizing:border-box;padding:0 10px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.inicioApp .cuerpoApp .crear-reg{position:relative;width:45%;display:flex;align-items:center;justify-content:end;height:100%}.inicioApp .cuerpoApp .crear-reg input{width:100%;height:80%;border-radius:15px;background-color:var(--primario);font-size:2rem;color:#000;text-transform:uppercase;border:none;padding:0;margin:0;text-align:center;border:solid 2px black}}.tapador{position:fixed;width:100%;height:100%;background-color:#000814b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10}.tapador .container{width:85%;max-width:500px;background-color:#fff;border-radius:15px;padding:25px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;animation:arribaEntra .6s 1;position:relative;overflow:hidden}.tapador .container .close{position:absolute;top:10px;right:10px;cursor:pointer}.salir .container{opacity:0;animation:arribaSale .6s 1!important}.tapador .container .formulario .input-group p{color:var(--secundario);margin-bottom:0}.tapador .container .formulario .input-group>small{color:var(--texto-claro)}.tapador .container .formulario>h2{margin:0;font-size:1.3rem;color:var(--secundario)}.tapador .container .formulario>p{color:var(--gris);margin:0 0 20px}.tapador .container .formulario .input-group .inputs input,.tapador .container .formulario .input-group .inputs select{color:#000;background-color:var(--background-color)}.tapador .container .formulario .input-group .inputs .input-placa{text-transform:uppercase}.tapador .container .formulario .input-group .inputs .input-placa::placeholder{text-transform:none}.tapador .container .formulario .input-group .inputs input:focus{outline:solid 2px var(--primario)}.tapador-eliminar{position:fixed;left:0;top:0}.tapador .container-eliminar{text-align:center}.tapador-eliminar .container-eliminar .button-option{width:100%;display:flex;align-items:center;justify-content:center}.tapador-eliminar .container-eliminar .button-option>button:first-child{background-color:var(--danger-contrast);color:var(--danger)}.tapador-eliminar .container-eliminar .button-option>button:last-child{color:#fff;background-color:var(--secundario);margin-left:10px}.tapador .modificar{flex-direction:column;position:relative}.tapador .modificar>img{width:200px;height:100px;margin-bottom:20px;border-radius:15px;object-fit:cover}.tapador .modificar .eliminar{width:40px;height:40px;border-radius:15px;position:absolute;left:10px;top:10px;background-color:var(--danger-contrast);color:var(--danger);padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.menu-pagar{margin:0;width:40px;height:90px;background-color:#fff;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:5px 0;position:relative;border-radius:10px 0 0 10px}.menu-pagar>div{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;padding:6px;color:var(--texto-claro);cursor:pointer}.menu-pagar>.activo{color:var(--secundario)}.menu-pagar .cursor{position:absolute;width:30px;height:30px;border-radius:15px;top:5px;background-color:var(--primario);transition:all .4s ease}.aparecio{animation:soloEscala .6s 1}.pagarCuenta{width:100%;text-align:center;animation:soloEscala .6s 1}.pagarCuenta h2{font-size:1.3rem;font-weight:600;text-align:left;margin:20px 0 10px 10%}.pagarCuenta ol{position:relative;left:10%;width:80%;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left}.pagarCuenta ol li small{color:var(--texto-claro)}.pagarCuenta ol li p{margin:0}.casilla{width:80%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.btn-pagar{width:80%;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--success)}.btn-imprimir{width:80%;margin-top:10px;display:flex;align-items:center;justify-content:center;background-color:var(--secundario)}.pagarCuenta .total{width:80%;margin-left:10%;padding:10px 0;margin-top:20px;border-top:dashed 2px var(--gris)}.pagarCuenta .total .pto{font-size:3rem;margin:0}.cambio-vueltas{margin-left:20px;height:auto}.cambio-vueltas .pagarCuenta h2{text-align:center;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.cambio-vueltas .pagarCuenta h2 span{margin-left:5px;display:flex;align-items:center;justify-content:center}.cambio-vueltas .pagarCuenta input{width:100%;height:100px;font-size:3rem;color:#000;margin:20px 0;border-radius:20px;background-color:var(--secundario-menor);padding:0 15px;box-sizing:border-box;border:none}.total-val{font-size:2rem;color:var(--texto-claro);width:100%;text-align:right}.cambio-result{width:100%;text-align:right;font-size:3rem;color:var(--success)}@media only screen and (max-width: 765px){.cambio-vueltas{display:none}}.configuracion .config-desc p{width:45%;color:var(--texto-claro);margin:10px 0 0}.configuracion .headerApp{justify-content:center!important;padding:30px!important;position:relative}.configuracion .headerApp .crear-btn{position:absolute;right:15px;top:15px;height:40px;color:var(--secundario)}.configuracion .cuerpoConfig{width:100%;height:calc(100% - 235px);overflow:auto;scrollbar-width:thin;display:flex;align-items:start;justify-content:left;flex-direction:column}.configuracion .cuerpoConfig h2{color:var(--secundario);font-weight:600;font-size:1.3rem;margin:0}.configuracion .cuerpoConfig ul{width:100%;position:relative;height:max-content;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;transition:all .6s ease}.configuracion .cuerpoConfig ul>li{position:relative;height:200px;background-color:#fff;border-radius:20px;box-shadow:0 3px 6px #00000029;box-sizing:border-box;padding:0 30px;display:flex;align-items:start;justify-content:center;flex-direction:column}.configuracion .cuerpoConfig ul>li .save{width:35px;height:35px;position:absolute;right:10px;top:10px;background-color:var(--primario);color:var(--secundario);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0}.configuracion .cuerpoConfig ul>li h3{font-size:1.1rem;color:var(--secundario);font-weight:600;margin:0}.configuracion .cuerpoConfig ul>li p{color:var(--texto-claro);margin:0 0 10px}.configuracion .cuerpoConfig ul>li .inputs{width:100%;display:flex;align-items:center;justify-content:space-between}.configuracion .cuerpoConfig ul>li .inputs .grupo{width:49%}.configuracion .cuerpoConfig ul>li .inputs .grupo label{font-size:.9rem;font-weight:600}.configuracion .cuerpoConfig ul>li .inputs .grupo input{width:100%;box-sizing:border-box;padding:0 10px;border:solid 1px var(--texto-claro);height:35px;border-radius:10px;font-size:1rem}.configuracion .cuerpoConfig ul>li .inputs .grupo input:focus{outline:solid 2px var(--primario);border:none}.configuracion .cuerpoConfig ul>li ol{width:100%;position:relative;display:grid;grid-template-columns:repeat(2,1fr);padding:0;list-style:none}.configuracion .cuerpoConfig ul>li ol li{position:relative}.configuracion .cuerpoConfig ul>li ol li small{color:var(--texto-claro)}.configuracion .cuerpoConfig ul>li ol li p{margin:0;color:var(--secundario)}.tarifas{width:100%;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:start;flex-direction:column}.tarifas>p{margin:0}.tarifas>small{margin-bottom:15px;color:var(--texto-claro)}.tarifas>.tarifas-group{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.tarifas>.tarifas-group .tarifa-group{width:calc(25% - 15px);position:relative}.tarifas>.tarifas-group>.tarifa-group label{font-size:.9rem;font-weight:500}.tarifas>.tarifas-group>.tarifa-group input{position:relative;width:100%!important;height:40px;box-sizing:border-box;padding:0 10px;border-radius:10px;border:none;font-size:1rem;background-color:var(--background-color)}.tarifas>.tarifas-group>.tarifa-group input:focus{outline:solid 2px var(--primario)}.tap-config .btn-crear{width:100%;height:40px;margin-top:20px}@media only screen and (max-width: 765px){.configuracion .headerApp{justify-content:center!important;padding:30px!important;position:relative}.configuracion .cuerpoConfig{width:100%;height:auto;overflow:auto;scrollbar-width:thin;display:flex;align-items:start;justify-content:left;flex-direction:column}.configuracion .cuerpoConfig ul{width:100%;position:relative;height:max-content;display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:0;list-style:none;transition:all .6s ease}.configuracion .cuerpoConfig ul>li{position:relative;height:200px;background-color:#fff;border-radius:20px;box-shadow:0 3px 6px #00000029;box-sizing:border-box;padding:0 30px;display:flex;align-items:start;justify-content:center;flex-direction:column}}.mensualidades .cuerpoApp .tabla-clientes{position:relative;width:100%;background-color:#fff;height:100%;border-radius:25px;margin-left:15px;padding:0;overflow:hidden;scrollbar-width:thin}.mensualidades .headerApp .config-desc p{color:var(--texto-claro);max-width:40%}.mensualidades .cuerpoApp{flex-direction:row;margin-top:20px}.mensualidades .cuerpoApp .tabla-clientes>.ptapar{width:100%;height:calc(100% - 30px);overflow:auto;padding:0 15px;scrollbar-width:thin;box-sizing:border-box;position:relative;top:15px}.mensualidades .cuerpoApp .tabla-clientes>.ptapar .clientes-mes{width:100%;border-collapse:collapse;position:relative}.mensualidades .cuerpoApp .tabla-clientes>.ptapar .clientes-mes:before{position:absolute;content:"";width:100%;height:100%;border:solid 1px var(--background-color);top:0;left:0;border-radius:15px}.mensualidades .cuerpoApp .tabla-clientes>.ptapar .clientes-mes thead{position:sticky;top:0;left:0;width:100%;text-align:left;font-size:.8rem;z-index:1;position:relative}.mensualidades .cuerpoApp .tabla-clientes>.ptapar .clientes-mes thead:before{content:"";width:100%;height:100%;position:absolute;left:.5px;top:0;border-radius:15px 15px 0 0;background-color:var(--secundario-10)}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes thead tr th{padding:15px 5px 15px 15px;color:var(--texto-claro);font-weight:500;text-transform:uppercase;position:relative;border:solid 1px var(--background-color);border-top:none}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes thead tr th:first-child{border-left:none}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes thead tr th:last-child{border-right:none}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td{padding:10px 5px 10px 15px;font-size:.9rem;color:var(--secundario);box-sizing:border-box}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td .nombrevh{padding:3px 10px;border-radius:15px;width:max-content;background-color:var(--colorUno)}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td .c1{background-color:var(--colorTres)}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td .c2{background-color:var(--colorUno)}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td p{margin:0}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td small{color:var(--texto-claro)}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr td button{height:25px;color:var(--secundario);background-color:var(--success);color:#fff;border-radius:5px}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr{position:relative;cursor:pointer;border:solid 1px var(--background-color);border-right:none;border-left:none}.mensualidades .cuerpoApp .tabla-clientes .clientes-mes tbody tr:last-child{border-bottom:none}.mensualidades .cuerpoApp .calendario{background-color:#fff!important;height:100%;position:relative;aspect-ratio:1/1;border-radius:25px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:10px}.mensualidades .cuerpoApp .calendario .head-calendar{width:100%;background-color:var(--secundario-10);color:#fff;height:40px;border-radius:15px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;justify-content:space-between}.mensualidades .cuerpoApp .calendario .head-calendar h3{margin:0;font-size:1rem;color:var(--secundario);font-weight:500}.mensualidades .cuerpoApp .calendario .head-calendar>div{width:max-content;display:flex;align-items:center}.mensualidades .cuerpoApp .calendario .head-calendar>div span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--secundario);cursor:pointer}.mensualidades .cuerpoApp .calendario .head-calendar>div span:first-child{margin-right:10px}.mensualidades .cuerpoApp .calendario .body-calendar{width:100%;height:calc(100% - 50px);display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mensualidades .cuerpoApp .calendario .body-calendar>div{background-color:var(--secundario-10);aspect-ratio:1/1;border-radius:15px;color:var(--secundario);display:flex;align-items:center;justify-content:center;transition:all .4s ease;cursor:pointer;position:relative}.mensualidades .cuerpoApp .calendario .body-calendar>div:hover .cantidad .placas{scale:1;opacity:1}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad{position:absolute;right:5px;top:5px;font-size:x-small}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad .placas{position:absolute;width:100px;height:auto;box-sizing:border-box;padding:10px!important;bottom:100%;z-index:2;border-radius:10px;background-color:var(--secundario);box-shadow:0 1px 6px #00000017;list-style:none;padding:0;margin:0;font-size:small;text-transform:uppercase;color:#fff;max-height:150px;overflow:auto;transform-origin:bottom;transition:all .4s ease;scale:0;opacity:1}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad .placas::-webkit-scrollbar{width:0}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad .placas li{margin-top:10px;line-height:1}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad .placas li span{font-size:xx-small;color:var(--texto-claro);margin:0}.mensualidades .cuerpoApp .calendario .body-calendar>div .cantidad .placas li:first-child{margin-top:0}.mensualidades .cuerpoApp .calendario .body-calendar>.weekday{background-color:#fff;color:var(--texto-claro)}.mensualidades .cuerpoApp .calendario .body-calendar>.weekday:hover{background-color:#fff;color:var(--texto-claro)}.mensualidades .cuerpoApp .calendario .body-calendar>div:hover{background-color:var(--secundario);color:#fff}@media only screen and (max-width: 765px){.mensualidades .cuerpoApp{flex-direction:column;margin-top:20px}.mensualidades .cuerpoApp .tabla-clientes{position:relative;width:100%;background-color:#fff;height:max-content;border-radius:25px;margin-left:0;min-height:150px;padding:0;overflow:hidden;scrollbar-width:thin}.mensualidades .cuerpoApp .calendario{background-color:#fff!important;width:100%;height:auto;position:relative;aspect-ratio:1/1;border-radius:25px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:10px}}.contabilidad .encabezado{width:100%;display:flex;align-items:start;justify-content:space-between}.contabilidad .encabezado h1{font-weight:600;font-size:1.2rem;color:var(--secundario);margin:0}.contabilidad .encabezado .navigator{width:max-content;height:40px;border-radius:10px;background-color:#fff;position:relative}.contabilidad .encabezado .navigator ul{display:flex;margin:0;padding:0;align-items:center;list-style:none;height:100%}.contabilidad .encabezado .navigator ul li{margin:0 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.contabilidad .encabezado .navigator ul li>span{position:relative;height:35px;width:35px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-sizing:border-box;padding:0}.contabilidad .encabezado .navigator ul .activado>span{background-color:var(--secundario);transform:translateY(-10px);color:#fff}.contabilidad .encabezado .navigator ul li .size-20{width:20px}.contabilidad .encabezado .navigator ul li small{font-size:x-small;transition:all .4s ease;margin-top:-10px;opacity:0}.contabilidad .encabezado .navigator ul .activado small{opacity:1}.contabilidad .cuerpo-contabilidad{width:100%;height:calc(100% - 80px);display:flex;align-items:start;justify-content:space-between}.contabilidad .cuerpo-contabilidad .cuadros{height:100%;width:max-content;margin-right:15px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.contabilidad .cuerpo-contabilidad .cuadros>div{height:calc(50% - 15px);background-color:#fff;border-radius:15px;aspect-ratio:1/1;display:flex;align-items:start;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:10px}.contabilidad .cuerpo-contabilidad .cuadros>div>div p{margin:0;line-height:1}.contabilidad .cuerpo-contabilidad .cuadros>div>div small{color:var(--texto-claro)}.contabilidad .cuerpo-contabilidad .cuadros>div>.precio{width:100%;text-align:right}.contabilidad .cuerpo-contabilidad .cuadros>div>.precio h3{margin:0;font-size:1.5rem}.contabilidad .cuerpo-contabilidad .grafico-container{width:100%;height:100%;background-color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px;position:relative}.contabilidad .cuerpo-contabilidad .grafico-container:before{width:calc(50% - 30px);content:"";position:absolute;height:60%;background-color:var(--background-color);right:0;top:0;border-radius:0 0 0 15px}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas{width:50%;height:100%;position:relative}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .eliminarbotones{width:100%;height:0;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease;background-color:var(--danger-contrast);border-radius:10px;box-sizing:border-box;padding:0 15px;overflow:hidden}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .eliminarbotones button{background-color:var(--danger);color:#fff}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla{width:100%;overflow:auto;height:100%;position:relative;border-radius:10px;border:solid 1px var(--background-color)}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla::-webkit-scrollbar{width:0;height:0}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table{width:100%;position:relative;border-collapse:collapse}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table thead{background-color:#fff;position:sticky;top:0;border-bottom:solid 1px var(--background-color);background-color:var(--secundario-menor);z-index:1}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table thead tr{position:relative}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table thead tr td{font-size:.8rem;color:var(--texto-claro);font-weight:500;padding:10px;border:solid 1px var(--background-color);border-top:none;z-index:1;position:relative}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table thead tr>td:first-child{border-left:none}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table thead tr>td:last-child{border-right:none}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr>td:first-child{border-left:none}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr>td:last-child{border-right:none}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr td{padding:6px 10px;vertical-align:top;font-size:.9rem;border:solid 1px var(--background-color)}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr:last-child{border-bottom:none}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr td p{margin:0;line-height:1}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr td small{color:var(--texto-claro)}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr{position:relative;cursor:pointer}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr:hover .borrar{width:60px;opacity:1}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas .container-tabla table tbody tr .borrar{width:0;position:absolute;right:0;top:0;background-color:var(--danger-contrast);color:var(--danger);height:100%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .4s ease;opacity:0;overflow:hidden;border-radius:10px 0 0 10px;box-sizing:border-box;padding:0}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas{width:calc(50% - 30px);height:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .general{width:100%;height:60%;overflow:hidden;border-radius:15px;background-color:#fff;position:relative;transform:translatey(-10px);translate:10px}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .metricas{width:100%;height:calc(40% - 30px);position:relative}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .metricas ul{width:100%;margin:0;padding:0;display:flex;align-items:end;justify-content:space-between;height:100%;position:relative;list-style:none}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .metricas ul li{aspect-ratio:1/1;width:calc(25% - 15px);background-color:var(--secundario-menor);border-radius:15px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;color:#fff;box-sizing:border-box;padding:10px}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .metricas ul li p{width:100%;margin:0;text-align:right;color:var(--success)}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas .metricas ul li small{width:100%;color:var(--secundario)}.custom-tooltip{width:auto;border-radius:10px;background-color:#fff;box-shadow:0 2px 6px #0000001a;padding:10px}.custom-tooltip>p{margin:0 0 10px}.custom-tooltip>div{display:flex;align-items:start;justify-content:left;flex-direction:column;margin-bottom:5px}.custom-tooltip>div small{color:var(--texto-claro)}@media only screen and (max-width: 765px){.contabilidad .encabezado h1{display:none}.contabilidad .cuerpo-contabilidad{flex-direction:column;width:100%;margin-top:20px;height:auto}.contabilidad .cuerpo-contabilidad .cuadros{height:auto;margin-right:0;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.contabilidad .cuerpo-contabilidad .cuadros>div{height:200px;background-color:#fff;border-radius:15px;aspect-ratio:initial;width:calc(50% - 10px);display:flex;align-items:start;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:10px}.contabilidad .cuerpo-contabilidad .grafico-container{width:100%;height:auto;background-color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px;position:relative;flex-direction:column;margin:20px 0}.contabilidad .cuerpo-contabilidad .grafico-container:before{width:100%;content:"";position:absolute;height:auto;background-color:var(--background-color);right:0;top:0;border-radius:0 0 0 15px}.contabilidad .cuerpo-contabilidad .grafico-container .tabla-ventas{width:100%;height:auto;position:relative}.contabilidad .cuerpo-contabilidad .grafico-container .grafico-ventas{width:100%;height:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:column;margin-top:50px}}.login{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px;transition:all .6s ease}.login .input-group-dos{position:relative;width:100%;display:flex;align-items:start;flex-direction:column;margin-bottom:10px}.login .input-group-dos label{color:var(--gris);font-size:1rem;margin-bottom:5px}.login .input-group-dos .input{width:100%;display:flex;align-items:center;justify-content:start;position:relative}.login .input-group-dos .input input{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}.login .input-group-dos .input span{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;cursor:pointer;color:var(--mas-gris)}.login .input-group-dos .input span:hover{color:var(--foreground-color)}.validando{animation:cargando .5s infinite}.login>.formulario-dos{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-dos .form{width:100%;transition:all .4s ease;animation:ApareceAbajo 1s 1}.login>.formulario-dos .form h2{margin:0 0 5px;font-size:2rem;font-weight:600}.login>.formulario-dos .form p{margin:0 0 30px;color:var(--gris);font-size:1.2rem}.login>.formulario-dos .form .olvidaste{margin:0;font-size:.9rem}.login>.formulario-dos .form .olvidaste strong{cursor:pointer}.login .formulario-dos .form .boton{width:100%;height:40px;border:none;cursor:pointer;font-size:1rem;background-color:var(--primario);color:#fff;border-radius:10px;margin-bottom:20px;margin-top:20px;display:flex;align-items:center;justify-content:center}.login .formulario-dos .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/vehiculos.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-dos{width:100%;height:max-content;background-color:#fff;box-sizing:border-box;padding:15px;border-radius:25px;margin-bottom:20px}.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:2.5rem;margin:0;line-height:1.2}}.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}
