.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.leading-actions{display:flex}.leading-actions>*{width:0;overflow-x:hidden}.swipeable-list{flex:1;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.swipeable-list-item{position:relative;transition:max-height .5s ease-in-out;max-height:1000px;transform-origin:top;overflow:hidden;width:100%}.swipeable-list-item--remove{max-height:0;transition:max-height .35s ease-out}.swipeable-list-item__content{width:100%;align-items:center;box-sizing:border-box;height:100%;display:flex}.swipeable-list-item__content--return{transition:transform .5s ease-in-out}@keyframes content-return-leading-ms{20%{transform:translate(100%)}to{transform:translate(0)}}.swipeable-list-item__content--return-leading-ms{animation-duration:.5s;animation-name:content-return-leading-ms;animation-timing-function:linear}@keyframes content-return-trailing-ms{20%{transform:translate(-100%)}to{transform:translate(0)}}.swipeable-list-item__content--return-trailing-ms{animation-duration:.5s;animation-name:content-return-trailing-ms;animation-timing-function:linear}.swipeable-list-item__content--remove{transition:transform .5s ease-in-out}.swipeable-list-item__leading-actions{position:absolute;display:flex;width:0px;overflow:hidden;height:100%}.swipeable-list-item__leading-actions--return{transition:width .5s ease-in-out}@keyframes actions-return-ms{20%{width:100%}to{width:0}}.swipeable-list-item__actions--return-ms{animation-duration:.5s;animation-name:actions-return-ms;animation-timing-function:linear}.swipeable-list-item__leading-actions>*{overflow:hidden;display:flex;justify-content:flex-end;transform:scale(1);transform-origin:center left;transition:transform .2s ease-out}.swipeable-list-item__trailing-actions{display:flex;width:0px;position:absolute;right:0;top:0;justify-content:flex-end;overflow:hidden;height:100%}.swipeable-list-item__trailing-actions--return{transition:width .5s ease-in-out}.swipeable-list-item__trailing-actions>*{overflow:hidden;transform:scale(1);transform-origin:center right;transition:transform .2s ease-out}.swipeable-list-item__leading-actions--scaled>*{transform:scale(1.2);transform-origin:center left;transition:transform .2s ease-in}.swipeable-list-item__trailing-actions--scaled>*{transform:scale(1.2);transform-origin:center right;transition:transform .2s ease-in}.swipe-action{display:flex;width:100%;align-items:stretch}.swipe-action>*{flex:1}.swipe-action__grayed>*{background-color:gray!important}.swipe-action__leading>*{justify-content:flex-start}.swipe-action__trailing>*{justify-content:flex-end}.swipe-action__leading--full-swipe-rest,.swipe-action__trailing--full-swipe-rest{width:0;transition:width .2s}.swipe-action__leading--full-swipe-main>*{justify-content:flex-end}.swipe-action__trailing--full-swipe-main>*{justify-content:flex-start}.trailing-actions{display:flex}.trailing-actions>*{width:0;overflow-x:hidden}:root{--azul: #3b82f6;--blanco: #ffffff;--gris-claro: #f5f5f5;--gris: #94a3b8;--gris-oscuro: #64748b;--negro: #000}body{font-size:1.6rem;font-family:Lato,sans-serif;background-color:var(--gris-claro)}html{font-size:62.5%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.fijar{overflow:hidden;height:100vh}h1{font-size:4rem}h2{font-size:3rem}.sombra{box-shadow:0 9px 10px -10px #00000082;-webkit-box-shadow:0px 9px 10px -10px rgba(0,0,0,.51);-moz-box-shadow:0px 9px 10px -10px rgba(0,0,0,.51);background-color:var(--blanco);padding:4rem;border-radius:1.2rem}header{background-color:var(--azul)}header h1{padding:3rem 0;margin:0;color:var(--blanco);text-align:center;text-transform:uppercase}.formulario{width:95%;margin:0 auto;padding:10rem 0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem;justify-items:center;padding:1rem 0}.checkbox-item.pretty{background-color:#f0f4ff;border-radius:.8rem;padding:.5rem 1rem;font-size:1.8rem;color:var(--azul);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.checkbox-item.pretty:hover{background-color:#e0eaff}.checkbox-item.pretty input[type=checkbox]{transform:scale(1.2)}@media (min-width: 768px){.formulario{padding:5rem 0;width:60rem;margin-top:-5rem}}.formulario legend{font-size:3.6rem;text-align:center;display:block;text-transform:uppercase;color:var(--blanco);margin-bottom:4rem;padding-bottom:1rem;border-bottom:2px solid var(--azul)}.formulario .campo{display:grid;margin-bottom:2rem}.formulario label{color:var(--azul);font-size:2.8rem;text-align:center;margin-bottom:2rem}.subTotal{color:var(--blanco);margin:.2rem;font-size:2.2rem}.formulario input[type=text],.formulario input[type=number]{background-color:var(--gris-claro);border-radius:1rem;padding:1rem;border:none;flex:1;font-size:1.6rem}.formulario input[type=submit]{background-color:#1048a4;border:none;padding:1rem;text-align:center;margin-top:2rem;color:var(--blanco);font-weight:900;text-transform:uppercase;font-size:1.9rem;width:100%;transition:background-color .3s ease}@media (min-width: 768px){.formulario input[type=submit]{display:block;padding:1rem 5rem}}.formulario input[type=submit]:hover{background-color:#042a67;cursor:pointer}.formulario select{flex:1;padding:1rem;border:none;border-radius:1rem;text-align:center;background-color:var(--gris-claro)}.alerta{padding:2rem 5rem;max-width:60rem;margin:2rem auto;font-weight:900;text-transform:uppercase;font-size:1.8rem;text-align:center}.alerta.error{background-color:var(--blanco);border-left:5px solid #b91c1c;color:#b91c1c}.contenedor{width:90%;max-width:80rem;margin:0 auto}.contenedor-presupuesto{margin-top:-5rem;display:flex;justify-content:space-between;align-items:center;transform:translateY(5rem)}.dos-columnas{flex-direction:column}.dos-columnas :first-child{margin-bottom:4rem}@media (min-width: 768px){.dos-columnas{flex-direction:row;align-items:center;gap:4rem}.dos-columnas>div{width:50%}.dos-columnas :first-child{margin-bottom:0}}.formulario input[type=text].nuevo-presupuesto,.formulario input[type=number].nuevo-presupuesto{font-size:2.8rem;text-align:center}.contenedor-presupuesto svg{width:25rem}.contenido-presupuesto{width:100%}.contenido-presupuesto p{font-weight:400;color:var(--gris-oscuro);font-size:2.4rem;text-align:center}@media (min-width: 768px){.contenido-presupuesto p{text-align:left}}.contenido-presupuesto p.negativo,.contenido-presupuesto p.negativo span{color:red}.contenido-presupuesto span{font-weight:900;color:var(--azul)}.reset-app{border:none;background-color:#db2777;padding:1rem;width:100%;text-align:center;color:var(--blanco);text-transform:uppercase;font-weight:900;border-radius:1rem;transition-property:background-color;transition-duration:.3s}.reset-app:hover{background-color:#c71465;cursor:pointer}.reset-app-listado{border:none;background-color:#2760db;padding:1rem;width:100%;text-align:center;color:var(--blanco);text-transform:uppercase;font-weight:900;border-radius:1rem;transition-property:background-color;transition-duration:.3s}.reset-app-listado:hover{background-color:#537fdf;cursor:pointer}.reset-app-exportar{background-color:#10b981;color:#fff;border:none;padding:8px;margin-top:10px;cursor:pointer;border-radius:5px}#importar-json{display:none}.label-importar-json{display:inline-block;background-color:#6ee1ea;color:#fff;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;margin-top:10px;font-weight:700;transition:background-color .3s ease}.label-importar-json:hover{background-color:#2563eb}main{padding-top:10rem}.filtros .campo{display:flex;align-items:center;gap:2rem}.filtros label{font-size:3rem;font-weight:900;color:var(--gris-oscuro)}.filtros select{flex:1;padding:1rem;border:none;border-radius:1rem;text-align:center;background-color:var(--gris-claro)}.listado-gastos{margin-top:5rem}.listado-gastos h2{color:var(--gris-oscuro);font-weight:900}.no-gastos{text-align:center;font-size:2.2rem}.gasto{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;width:100%}.cantidad-gasto{font-size:2.4rem;color:var(--negro);font-weight:900}.contenido-gasto{display:flex;align-items:center;gap:2rem}.contenido-gasto img{width:10rem}.descripcion-gasto p{margin:0 0 .3rem}.descripcion-gasto .categoria{color:var(--gris);font-size:1.6rem;font-weight:900;text-transform:uppercase}.descripcion-gasto p{margin-bottom:1rem}.descripcion-gasto .nombre-gasto{color:var(--gris-oscuro);font-size:2.4rem;font-weight:700}.descripcion-gasto .nombre-gasto:hover{cursor:pointer}.descripcion-gasto .fecha-gasto{font-size:1.8rem;font-weight:900;color:var(--gris-oscuro)}.descripcion-gasto .fecha-gasto span{font-weight:400}.nuevo-gasto{position:fixed;bottom:5rem;right:5rem}.nuevo-gasto img{width:5rem}.nuevo-gasto img:hover{cursor:pointer}.modal{position:absolute;background-color:#000000eb;top:0;left:0;right:0;bottom:0}.modal .cerrar-modal{position:absolute;right:3rem;top:3rem;width:3rem;height:3rem}.modal .cerrar-modal img{width:100%;cursor:pointer}.modal .formulario{max-width:80rem;width:40rem;transition-property:all;transition-duration:.3s;transition-timing-function:ease-in;opacity:0}.modal label{color:var(--blanco)}body .modal{overflow:hidden}.modal .formulario.animar{position:relative;opacity:1}.modal .formulario.cerrar{opacity:0}.modal label{text-align:left}.CircularProgressbar .CircularProgressbar-text{font-size:1rem!important}.swipe-action__leading{background-color:var(--azul);color:var(--blanco);margin-bottom:2rem}.swipe-action__trailing{background-color:#db2777;margin-bottom:2rem;color:var(--blanco)}.swipeable-list .swipe-action{display:flex;justify-content:center;align-items:center;font-size:2.4rem;text-align:right}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.checkbox-item{display:flex;align-items:center;gap:.5rem}.comparacion-container{max-width:1000px;margin:auto}.tabla-comparacion{border-collapse:collapse;width:100%;table-layout:fixed}.tabla-comparacion th,.tabla-comparacion td{border:1px solid #ccc;padding:6px;text-align:right;font-family:Helvetica Neue,sans-serif}.col-producto{width:15%;text-align:left}.col-precio-app,.col-subtotal{width:10%}.col-precio-ticket,.col-descuento{width:15%}.col-diferencia{width:10%}.tabla-comparacion th{background-color:var(--azul);color:var(--blanco);font-weight:700}input[type=text]{width:80%;padding:4px 8px;text-align:right;font-family:Inter,sans-serif;font-size:15px}.negativo{color:red}.positivo{color:#000}.total-label{text-align:right;font-weight:700}.total-valor{font-weight:700}.tabla-totales{margin-top:20px;border-collapse:collapse;width:100%;max-width:600px;margin-left:auto;margin-right:auto;font-family:Inter,sans-serif;background-color:#fdfdfd;box-shadow:0 0 4px #0000001a}.tabla-totales th,.tabla-totales td{border:1px solid #ddd;padding:8px 12px;text-align:right;font-size:15px}.tabla-totales .label{text-align:left;font-weight:700;background-color:#f8f8f8}.tabla-totales .th-titulo{text-align:center;font-size:16px;font-weight:700;background-color:#efefef}.tabla-totales .valor{font-weight:400}.tabla-totales .positivo{color:#000}.tabla-totales .negativo{color:red}.valor input[type=text]{width:240px;padding:4px 8px;text-align:right;font-family:Inter,sans-serif;font-size:15px}.index{width:3%}@media (min-width: 768px){.formulario{padding:5rem 0;width:60rem;margin-top:-5rem}.formulario input[type=submit]{display:block;padding:1rem 5rem}.dos-columnas{flex-direction:row;align-items:center;gap:4rem}.dos-columnas>div{width:50%}.dos-columnas :first-child{margin-bottom:0}}@media (max-width: 767px){.formulario{width:95%;margin:0 auto;padding:10rem 0;margin-top:-10rem}.formulario input[type=submit]{width:100%}.contenedor-presupuesto{margin-top:-3rem;flex-direction:column-reverse}.contenedor-presupuesto svg{width:100%;margin-bottom:2rem}.dos-columnas>div{width:100%;margin-bottom:2rem}.formulario input[type=text].nuevo-presupuesto,.formulario input[type=number].nuevo-presupuesto{font-size:2.2rem}.contenido-presupuesto p{font-size:1.4rem}.comparacion-container{display:none}.gasto{flex-direction:column;align-items:flex-start;padding:1rem}.contenido-gasto{display:flex;align-items:center;gap:1rem}.contenido-gasto img{width:40px;height:40px}.cantidad-gasto{margin-top:0rem;font-size:2.6rem;font-weight:700;align-self:center;text-align:center}.fecha-gasto span{font-size:1.7rem;font-weight:400;color:var(--gris);margin-top:.5rem}}