body,section,h1,footer,div,button,p,input,::-webkit-scrollbar{-webkit-transition:background-color .3s ease-in-out,border-color .3s ease-in-out,max-height .5s ease-in-out,opacity .5s ease-in-out,transform .3s ease-in-out!important;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,max-height .5s ease-in-out,opacity .5s ease-in-out,transform .3s ease-in-out!important}.light{transition:background-color .3s ease-in-out}.light body{background-color:#fff;color:#000}.light .balance,.light .balanzacomprobacion,.light .estadoresultado,.light .calculations,.light .pyg,.light .gen-info,.light .about{background-color:#fafafa}.light .how,.light .start{background-color:#fff}.light h1{color:#6200ee}.light #todo{background-color:#fafafa}.light .select-accounts li button{background-color:#fff;border:1px solid #6200EE;color:#000}.light .select-accounts li.selected button{background-color:#bb86fc;border:1px solid #000000;color:#000}.light .move-pages button{background-color:transparent;color:#6200ee}.light .move-pages button:active{color:#3700b3}.light .pdf-button{border:1px solid #6200EE;color:#000}.light .footer{background-color:#fff}.light .footer ul li a:hover{border-bottom:3px solid #6200EE}.light .social-icons a{border:2px solid #6200EE;color:#6200ee}.light .social-icons a:hover{color:#000;background-color:#6200ee}.light .move-pages button.inactive{color:#000}.light .salarioneto input{background-color:#fafafa;color:#000;border:1px solid #6200EE}.light .salarioneto button{background-color:#fafafa;border:1px solid #6200EE;color:#000}.light .salarioresuelto{background-color:#fafafa;border:1px solid #6200EE}.light .select-accounts li button:hover,.light .pdf-button:hover,.light .salarioresuelto:hover{border:1px solid #000000}.light .key{color:#6200ee}.light .mostrar{color:#000}.light .mostrar:active{color:#6200ee}.light .details{background-color:#fafafa;border:1px solid #6200EE}.light .footer ul li a{color:#000}.light #menu-icon{color:#6200ee}.light .logo{color:#fff}.light .navbar a{color:#6200ee}.light .navbar a:hover{color:#fff;border-bottom:3px solid #FFFFFF}.light ::-webkit-scrollbar-thumb{background-color:#6200ee}.light ::-webkit-scrollbar-track{background-color:#fff}.light .navbar.active a{color:#fff!important}.light .todo a{color:#000}.light .todo ul,.light .todo a:hover{color:#6200ee}.light .gen-info h2,.light .services h2{color:#000}.light .service-box{background-color:#6200ee;color:#fff}.light .service-box:hover{background:#fafafa;color:#6200ee;border:5px solid #6200EE}.light .start-button{border:1px solid #6200EE}.light .start-button:hover{background:#fafafa;color:#6200ee;border:3px solid #6200EE}.dark{transition:background-color .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif}html{font-size:60%;overflow-x:hidden}body{background-color:#1a1a1a;color:#fff}#root{width:100%;height:100%}h1{color:#bb86fc;font-size:6rem;text-align:center}.header{position:fixed;width:100%;top:0;left:0;padding:2rem 2%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000}#menu-icon{font-size:3.5rem;color:#bb86fc;cursor:pointer;display:none}.logo{transition:.3s ease-in-out;font-size:3rem;color:#fff;font-weight:800;cursor:pointer}.logo:hover{transform:scale(1.1)}header span{background:linear-gradient(270deg,#3700b3 10%,#a55cff);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:absolute;left:50%;transform:translate(-50%)}.navbar a{font-size:1.8rem;color:#fff;margin-left:4rem;font-weight:500;transition:.3s ease-in-out;border-bottom:3px solid transparent}.navbar a:hover{color:#bb86fc;border-bottom:3px solid #BB86FC}.gradient-btn{transition:color .3s ease-in-out;padding:1rem 2rem;color:#bb86fc;width:15px;white-space:nowrap;letter-spacing:1px;background-color:transparent;border:1px solid #BB86FC;font-size:2rem;border:none;cursor:pointer;right:2%;transform:translate(2%)}.gradient-btn:hover{color:#fff}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{background-color:#bb86fc}::-webkit-scrollbar-track{background-color:#1a1a1a}.estadoresultado,.balance,.balanzacomprobacion,.pyg,.calculations,.gen-info,.about,.costos,.nominas-calculo{background-color:#1e1e1e;display:flex;flex-direction:column;align-items:center}.how,.start{background-color:#1a1a1a}.balanceterminado,.estadoterminado{background-color:#fff;width:90vw;color:#000;padding:20px;border-radius:5px;margin-top:25px;border:1px solid black}section{padding:10rem 15%}.about p,.start p,.how p{font-size:4rem;text-align:justify}#todo{background-color:#1e1e1e;display:flex;flex-direction:column;align-items:center;gap:5px}.todo ul{font-size:4rem;text-align:justify;color:#bb86fc}.todo a{color:#fff;transition:border-bottom .1s ease-in-out,color .3s ease-in-out}.todo a:hover{color:#bb86fc;border-bottom:3px solid #BB86FC}.select-accounts{width:100%}.select-accounts ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:15px;list-style-type:none;padding:0}.select-accounts li button{will-change:border;background-color:#1a1a1a;color:#fff;border:1px solid #BB86FC;border-radius:5px;height:50px;font-size:3.5rem;cursor:pointer;transition:.3s ease-in-out}.acc-button{width:100%}.select-accounts li button:hover,.pdf-button:hover{border:1px solid #FFFFFF}.select-accounts li.selected button{transition:.3s ease-in-out;background-color:#a55cff;border:1px solid #FFFFFF;color:#1e1e1e}.move-pages{width:100%;margin-top:10px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;background-color:transparent!important}.move-pages button{will-change:color,scale;width:100%;height:50px;border:none;background-color:transparent!important;color:#bb86fc;font-size:5rem;cursor:pointer;transition:.1s ease-in-out}.move-pages button.inactive{color:#fff}.move-pages button:active{color:#3700b3;transform:scale(1.05)}.acc-list input{border:none;outline:none;font-size:4rem;text-align:right!important;width:100px}input{background-color:transparent!important;color:#000}.not-active{display:none!important}.pdf-div,.pdf-container{display:flex;flex-direction:column;align-items:center;width:90vw}.pdf-button{background-color:transparent!important;border:1px solid #BB86FC;text-align:center;border-radius:5px;margin:15px 0;font-size:3.5rem;padding:0 10px;height:50px;color:#fff}.balance .pdf-span,.estadoresultado .pdf-span,.balanzacomprobacion .pdf-span{font-size:4rem!important;white-space:pre-wrap;text-align:center}.footer{background-color:#1a1a1a;padding:50px 0}.footer .social-icons{text-align:center;height:100%}.footer ul{text-align:center;font-size:2rem}.footer ul li{display:inline-block;margin-left:20px}.footer ul li a{color:#fff;border-bottom:3px solid transparent}.footer ul li a:hover{border-bottom:3px solid #BB86FC}.footer .copyright{text-align:center;font-size:16px}.social-icons a{display:inline-flex;justify-content:center;align-items:center;font-size:4rem;padding:1rem;background:transparent;border:2px solid #BB86FC;border-radius:50%;color:#bb86fc;margin:3rem .5rem}.precio-costos{color:pink}.precio-color{color:green}.social-icons a:hover{color:#fff;background-color:#bb86fc;transform:scale(1.2) translateY(-5px)}@media (max-width: 1700px){.balanceterminado h2,.balanceterminado h3,.info-empresa,.balanceterminado li,.estadoterminado h3,.estadoterminado li,.acc-list input{font-size:2.5rem!important}.balanza-cuentas-div li,.balanza-cuentas-div h2,.balanza-cuentas-div span,.balanza-cuentas-div input{font-size:1.8rem!important}.Saldos-Iniciales,.Movimientos,.Saldos-Finales{width:360px!important}.Cuentas-Balanza{min-width:204px!important}.select-accounts li button,.pdf-button{font-size:1.8rem;height:40px}}@media (max-width: 1570px){.balanceterminado h2,.balanceterminado h3,.info-empresa,.balanceterminado li,.estadoterminado h3,.estadoterminado li,.acc-list input{font-size:2rem!important}.balanza-cuentas-div li,.balanza-cuentas-div h2,.balanza-cuentas-div span,.balanza-cuentas-div input{font-size:1.5rem!important}.pasivos-capital-div{border-left:none!important}.total-activos-div .totales,.activos-div .total-active{padding-right:0}.non-breaking-space{display:none}.totales-div{flex-direction:column;align-items:center;gap:20px}.cuentas-div{flex-direction:column}.activos-div,.pasivos-capital-div{border:none}.balanceterminado h2,.balanceterminado h3,.balanceterminado li,.cuentas-div .acc-list input{text-align:left}.activos-div ul,.activos-div .total-active{padding-right:0!important}}@media (max-width: 1400px){html{font-size:40%}.balanza-cuentas-div li,.balanza-cuentas-div h2,.balanza-cuentas-div span,.balanza-cuentas-div input{font-size:1.5rem!important}.Saldos-Iniciales,.Movimientos,.Saldos-Finales{width:208px!important}.Cuentas-Balanza{min-width:140px!important}.Saldos-Iniciales,.Movimientos,.Saldos-Finales{width:200px}}@media (max-width: 1100px){.activos-div ul{padding-right:0}.salarioresuelto:hover,.details:hover{transform:none;border:1px solid #BB86FC}.salarioresuelto{padding:0}.salarioneto input,.salarioneto button{width:100%;font-size:2rem!important}.move-pages{flex-direction:row;width:100%}#menu-icon{display:block;position:absolute;left:2%;transform:translate(2%)}.logo{margin:0 auto}.navbar{position:absolute;top:100%;right:0%;min-width:100%;padding:1rem 3rem;background:#000c;border-bottom:2px solid #BB86FC;opacity:0;visibility:hidden;max-height:0;transition:max-height 1s ease-in-out,opacity 1s ease-in-out,visibility 1s ease-in-out}.navbar.active{max-height:300px;min-width:100%;opacity:1;visibility:visible}.navbar a{display:block;font-size:2rem;text-align:center;margin:3rem 0;color:#fff;opacity:0;transform:translateY(-10px);transition:transform .3s ease-in-out,opacity .3s ease}.navbar.active a{opacity:1;transform:translateY(0)}.navbar.active a:nth-child(1){transition-delay:.2s}.navbar.active a:nth-child(2){transition-delay:.4s}.navbar.active a:nth-child(3){transition-delay:.6s}.navbar.active a:nth-child(4){transition-delay:.8s}.navbar.active a:nth-child(5){transition-delay:1s}}@media (max-width: 900px){h1{font-size:4rem}.Saldos-Iniciales,.Movimientos,.Saldos-Finales{width:125px}.about p,.todo ul{font-size:3rem}.balanza .balanceterminado{display:none}.no-poder{margin-top:25px;display:block!important;color:#bb86fc}.balanza .pdf-button{display:none!important}.info-empresas .info-empresa,.info-empresas .info-empresa input{font-size:2.5rem!important}}@media (max-width: 670px){.start-button{width:200px!important}.service-info p{font-size:2.3rem!important}.calculations h1{font-size:2.5rem!important}.salarioresuelto p,.details p{font-size:2rem}}@media (max-width: 600px){.select-accounts ul{display:flex;flex-direction:column;align-items:center}.info-empresa,.info-empresa input{font-size:2rem!important}.balanceterminado h2,.balanceterminado h3,.info-empresa,.balanceterminado li{font-size:2rem}.select-accounts{display:flex;flex-direction:column}.select-accounts li button{width:200px;font-size:1.8rem;height:40px}.balance .balanceterminado,.estadoresultado .estadoterminado{width:90vw!important}}@media (max-width: 500px){.balanceterminado h2,.balanceterminado h3,.info-empresa,.balanceterminado li{font-size:1.5rem}}.balance{display:flex;flex-direction:column;align-items:center}.acc-type{text-align:center;font-size:4rem;margin-bottom:10px}.balancegeneral{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.non-breaking-space{display:contents}.info-empresa,.info-empresa input{color:#000!important;font-size:4rem!important;background-color:transparent!important}.info-empresas{margin-bottom:15px}.info-empresa input{font-weight:700;border:none;text-align:center;width:100%}.info-empresa input:focus{border:none;outline:none}.balanceterminado h2,.balanceterminado h3,.info-empresa,.balanceterminado li{font-size:3rem}.not-active{display:none}.cuentas-div{display:flex;justify-content:space-between;text-align:justify}.cuentas-div ul{padding-left:20px}.activos-div ul,.activos-div .total-active,.total-activos-div .totales{padding-right:20px}.cuentas-div li{list-style:none}.activos-div,.pasivos-capital-div{width:100%;border-bottom:1px solid black}.pasivos-capital-div{text-align:left;border-left:1px solid black}.acc-list{display:flex;justify-content:space-between}.total{font-weight:400}.totales-div{margin-top:50px;display:flex;flex-direction:row;justify-content:space-between}.totales-div h3{font-size:4rem}.total-activos-div,.total-pasivos-capital-div{width:100%}.total-active,.totales{display:flex;justify-content:space-between}.estadoderesultado,.pyg{width:100%}.estadoterminado ul{font-size:4rem}.estadoterminado h3{display:flex;flex-direction:row;justify-content:space-between;font-size:4rem}.estadoterminado h3 span{font-weight:400}.gastos-operacion h3:first-of-type{font-weight:400}.impuesto h3:first-of-type{font-weight:400}.calculations{display:flex;flex-direction:column;align-items:center}.salarioneto{width:100%;display:flex;justify-content:center}.salarioneto p{text-align:center;font-size:4rem;margin-bottom:20px}.salarioneto input{background-color:#1e1e1e;color:#fff;border:1px solid #BB86FC;border-radius:5px;height:50px;width:50%;text-align:center;font-size:3rem}.salarioneto button{width:30%;height:50px;border-radius:5px;background-color:transparent!important;border:1px solid #BB86FC;color:#fff;font-size:3rem;cursor:pointer}.salarioresuelto{will-change:scale,border;margin-top:25px;background-color:#1e1e1e;border-radius:10px;padding:5px;width:100%;transition:.3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #BB86FC}.salarioresuelto:hover{transform:scale(1.1);border:1px solid #FFFFFF}.salarioresuelto span{cursor:pointer}.salario-p{font-size:4rem;margin:10px 15px;display:flex;justify-content:space-between}.key{color:#bb86fc}.explanation{display:flex;flex-direction:column;align-items:center}.mostrar{will-change:color;margin-top:10px;font-size:3rem;text-align:center;font-size:4rem;color:#fff;background-color:transparent;border:none;transition:.1s ease-in-out}.mostrar:active{color:#bb86fc}.details{will-change:max-height,opacity,scale,border;margin-top:25px;background-color:#1e1e1e;border-radius:10px;padding:10px;width:100%;font-size:3rem;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,transform .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;border:1px solid #BB86FC;max-height:0px;opacity:0}.details:hover{transform:scale(1.1);border:1px solid white}.details.active{max-height:700px;opacity:1}.balanza{display:flex;align-items:center;flex-direction:column;width:100%}.balanza .cuentas-div{display:flex;flex-direction:column}.balanza-cuentas-div{display:flex;flex-direction:row;justify-content:space-between}.balanza ul{width:100%;padding:0}.Cuenta-Balanza{text-align:left!important}.balanza h2{text-align:center}.balanza .cuentas-div input{outline:none;border:none;width:30%}.Saldos-Iniciales,.Movimientos,.Saldos-Finales{width:410px}.Cuentas-Balanza{min-width:272px;text-align:left}.balanza li,.balanza h2,.balanza span,.balanza-cuentas-div input{font-size:2rem}.Saldos-Iniciales li,.Saldos-Iniciales span,.Saldos-Iniciales input{text-align:left}.saldos-tipos{display:flex;flex-direction:row;justify-content:space-between}.Saldos-Iniciales .haber,.Movimientos .haber,.Saldos-Finales .haber{text-align:right}.haber:first-letter,.totals-movimientos .haber:first-letter,.totals-finales .haber:first-letter{color:#fff}.Saldos-Iniciales .debe,.Movimientos .debe,.Saldos-Finales .debe{text-align:left}.totals-movimientos,.totals-finales{display:flex;flex-direction:row;justify-content:space-between}.balanza-cuentas-div .total-h2{text-align:left}.Cuentas-Balanza .saldos-tipos{color:#fff}.no-poder{display:none}.start-div{display:flex;flex-direction:column;align-items:center}.gen-info{color:#000}.gen-info h2{color:#fff}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:2.5rem}.service-box{display:flex;justify-content:center;align-items:center;background-color:#bb86fc;color:#000;height:600px;border-radius:3rem;cursor:pointer;border:5px solid transparent;transition:.3s ease-in-out}.service-box:hover{background:#1e1e1e;color:#bb86fc;border:5px solid #BB86FC;transform:scale(1.1)}.service-info{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;padding:5rem}.service-info h4{font-size:4rem;margin:2rem 0;font-weight:800}.service-info p{font-size:1.6rem;font-weight:300;line-height:1.5;text-align:justify}.service-info i{font-size:8rem}.start-button{display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;margin-top:25px;width:30%;height:80px;font-size:3rem;background-color:transparent;border:1px solid #BB86FC;border-radius:5rem;cursor:pointer;text-align:center}.start-button:hover{background:#1e1e1e;color:#bb86fc;border:3px solid #BB86FC;transform:scale(1.1)}