.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}.madre{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e8f0ec;position:relative}.contenedor1234{background-color:#ebeff1;width:600px;min-height:650px;padding:0 20px;display:flex;flex-direction:column;justify-content:space-around;position:relative}.prueba{width:50px;height:50px;background-color:red}.datos{width:100%;height:50px;font-size:18px;padding-left:10px;border-radius:10px}.diseños{text-align:center}.contraseña{display:flex;justify-content:end}.continuar:hover{opacity:.7;cursor:pointer!important}.caja1{display:flex;justify-content:space-between}.continuar{background-color:#1a73e8;margin:0 auto;padding:4px;border:4px solid black!important;margin-top:3%!important;margin-bottom:5px!important}.bienvenidoH2{text-transform:uppercase;text-align:center;font-size:35px;margin:15px 0 0;font-weight:700}.correoH5{font-size:20px;margin-bottom:10px;margin-top:20px}.inputCorreo{width:100%;padding-left:30px;border-radius:10px}.fa-eye{position:absolute;right:0;top:36%;border:none;height:20px;background-color:#fff;font-size:20px;margin-right:10px}.inputPassword{width:100%;padding-left:30px;border-radius:10px}.password_div{height:50px;position:relative;display:flex}.olvidasteH5{font-weight:800;font-size:20px;color:#00f;margin:15px 0;text-decoration:none}.datosBTN{width:100%;color:#fff;background-color:#000;margin-bottom:2%;padding:10px 0;text-transform:uppercase}.ultimaParte{width:100%;height:10px;border-bottom:1px solid rgb(144,141,141);text-align:center}.rayaSpan{font-size:16px;background-color:#ebeff1;padding:0 7px;color:#908d8d}.rayita{vertical-align:inherit}.imagenes{margin-right:10px}.NuevaCuenta{color:#00f}.claveH5{margin-top:20px}.iconoLogo{margin-right:10px}.datosBTN:hover{background-color:#212020}.olvidasteH5:hover{color:#1048a4}.iconos{position:absolute;left:0;top:39%;border:none;height:20px;margin-left:10px;color:#999c9c}.NuevaCuenta:hover{cursor:pointer}.contenedorCerrar{position:absolute;top:10px;right:0;margin-right:20px;width:30px;justify-content:end;padding:0}.componenteError{text-align:center;margin-top:1rem;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:700;padding:.75rem;text-transform:uppercase;border-radius:10px}.nosotros{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:5%;right:3%;font-size:30px}.nombreNosotros{font-size:15px}@media (max-width: 500px){.datosBTN,.datos{font-size:15px}.inputPassword,.inputCorreo{font-size:13px}.registroEnlace,.olvidasteH5{font-size:17px}.bienvenidoH2{font-size:20px;font-weight:700}.correoH5{font-size:15px}.continuar{font-size:13px;text-align:center;padding-right:10px}.contenedorCerrar{width:22px}.componenteError{font-size:11px}.registroEnlace{font-size:15px;text-align:center}}:root{scroll-behavior:smooth}body{font-family:Lato,sans-serif;font-family:Open Sans,sans-serif}.contenedor1{width:90%;max-width:1200px;overflow:hidden;margin:auto;padding:60px 0}.cerrarVentana{color:#000;width:40px;position:fixed;top:1%}header{height:100vh;background-image:linear-gradient(to top,rgb(161,140,209,.4) 0%,rgba(251,194,235,.4) 100%),url(/assets/woman-067374cb.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center}.head{text-align:center;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.hamburger{position:fixed;top:30px;right:30px;height:30px;background:#fff;width:40px;height:40px;cursor:pointer;border-radius:10px;box-shadow:0 0 0 2px #00000080}.menu-navegacion{position:fixed;z-index:10;top:0;right:0;width:30vw;height:100%;background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;transform:translate(110%);box-shadow:0 0 0 2px #00000080}.spread{transform:translate(0)}.menu-navegacion a{color:#fff;text-decoration:none}.titulo{font-size:45px;margin-bottom:15px;text-transform:uppercase}.copy{font-weight:300;font-size:25px}.subtitulo{text-align:center;font-weight:300;color:#9f8ad0;margin-bottom:40px;font-size:40px}.contenedor-servicio{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.contenedor-servicio img{width:40%}.checklist-servicio{width:45%}.service{margin-bottom:20px}.n-service{margin-bottom:7px;color:#9f8ad0}.number{display:inline-block;background-image:linear-gradient(to top,#a18cd1 0%,#fbc2eb 100%);width:30px;height:30px;color:#fff;text-align:center;border-radius:50%;font-weight:700;line-height:30px;margin-right:5px}.gallery{background:#f2f2f2}.contenedor-galeria{display:flex;justify-content:space-evenly;flex-wrap:wrap}.img-galeria{object-fit:cover;width:30%;display:block;margin-bottom:15px;box-shadow:0 0 0 2px #00000080;cursor:pointer}.imagen-light{position:fixed;background:rgb(0,0,0,.6);width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;transform:translate(100%);transition:transform .2s ease-in-out}.show{transform:translate(0)}.agregar-imagen{object-fit:cover;width:60%;border-radius:10px;transform:scale(0);transition:transform .3s .2s}.showImage{transform:scale(1)}.close{position:absolute;top:15px;right:15px;width:40px;cursor:pointer}.experts{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.cont-expert{width:30%;margin-bottom:20px;text-align:center}.cont-expert img{width:80%;display:block;margin:0 auto}.n-expert{display:inline-block;margin-top:20px;width:100%;font-weight:400}footer{background:#9f8ad0;padding-bottom:.1px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:60px;padding-bottom:40px}.contact-us{width:40%;color:#fff}.brand{font-weight:500;font-size:40px;margin-bottom:10px}.brand+p{font-weight:500}.social-media{width:50%;display:flex;justify-content:flex-end}.social-media-icon{display:inline-block;margin-left:20px;width:60px;height:60px;border:1px solid white;border-radius:50%;text-align:center;color:#fff}.social-media-icon:hover{background:white;color:#9f8ad0}.social-media-icon i{font-size:30px;line-height:60px}.line{width:90%;max-width:1200px;margin:0 auto 60px;height:2px;background:white}.card{position:relative;width:300px;height:350px;margin:20px}.card .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:1s}.card .front{transform:perspective(600px) rotateY(0);box-shadow:0 5px 10px #000}.card .front img{position:absolute;width:100%;height:100%;object-fit:cover}.card .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff;background:rgba(0,0,0,.4);text-align:center}.card .back{transform:perspective(600px) rotateY(180deg);background:rgb(3,35,54);padding:15px;color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 5px 10px #000}.card .back .link{border-top:solid 1px #f3f3f3;height:50px;line-height:50px}.card .back .link a{color:#f3f3f3}.card .back h3{font-size:30px;margin-top:20px;letter-spacing:2px}.card .back p{letter-spacing:1px}.card:hover .front{transform:perspective(600px) rotateY(180deg)}.card:hover .back{transform:perspective(600px) rotateY(360deg)}@media screen and (max-width: 800px){.menu-navegacion{width:50vw}.titulo{font-size:40px}.contenedor-servicio img{width:80%;margin-bottom:40px}.checklist-servicio{width:80%}.service{margin-bottom:30px}.agregar-imagen{width:80%}.img-galeria{width:45%}.cont-expert{width:80%}.footer-content{justify-content:center}.social-media{width:80%;justify-content:space-evenly}.social-media-icon,.social-media i{margin-left:0}.contact-us{text-align:center;width:80%;margin-bottom:40px}}@media screen and (max-width: 500px){.menu-navegacion{width:65vw}.hamburger{top:20px;right:20px}.titulo,.subtitulo{font-size:30px}.agregar-imagen{width:96%}.img-galeria{width:95%}.social-media{width:100%}.contact-us{width:90%}}.container{position:absolute;top:90%;height:12%;display:flex;justify-content:center;align-items:center;right:50%;bottom:1000px;z-index:1}.item{position:absolute;background-color:transparent;width:calc(var(--i) * 2vmin);aspect-ratio:1;border-radius:50%;border:.9vmin solid rgb(232,238,238);transform-style:preserve-3d;transform:rotateX(70deg) translateZ(50px);animation:my-move 4s ease-in-out calc(var(--i) * .08s) infinite;box-shadow:0 0 15px #7c7c7c,inset 0 0 15px #7c7c7c}@keyframes my-move{0%,to{transform:rotateX(70deg) translateZ(50px) translateY(0);filter:hue-rotate(0deg)}50%{transform:rotateX(70deg) translateZ(50px) translateY(-50vmin);filter:hue-rotate(180deg)}}.contenedorBienvenida{background-color:#3d3b3b;width:100vw;height:100vh;position:absolute;top:0;right:0;z-index:100;opacity:.9;display:flex;justify-content:center;align-items:center}.presentacionBienvenida{text-transform:uppercase;opacity:1;color:#fbf5f5;text-align:center;font-size:60px}.nomUsuario{color:#5a5ae5}.imgUsuario{margin:0 auto;display:flex;border-radius:50px;width:150px;height:150px}@media screen and (max-width: 700px){.nomUsuario{display:block}.presentacionBienvenida{font-size:40px}}*{margin:0;padding:0;box-sizing:border-box}.contenedorBarra{background-color:#4174c6;margin:0;height:7rem;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid black}.infoBarra{margin-right:2rem;display:flex;align-items:center;padding:5px;border-radius:5px}.imagenBarra{border-radius:50%;width:4.5rem;margin-right:10px;border:3px solid black}.nombreBarra{text-transform:uppercase;font-weight:700;font-size:15px}.empresaBarra{display:flex;align-items:center;margin-left:2rem}.logoEmpresa{width:5rem;height:5rem;border-radius:50%;border:3px solid black}.nombreEmpresaBarra{text-transform:uppercase;margin-left:10px;font-weight:700;font-size:20px}.infoBarra:hover{background-color:#3c67ad;cursor:pointer}.salirUsuario{max-width:45rem;min-width:20rem;height:15rem;background-color:#d6d9db;position:absolute;right:0;border:3px solid black;display:none;z-index:100}.barraSuperior{background-color:#e5e8e8;height:25%;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid black}.datosBarra{text-transform:uppercase;font-weight:700;font-size:16px;height:100%;margin:0;width:50%;display:flex;justify-content:center;align-items:center}.datosUsuario{color:#0d61e8}.datosGenerales{display:flex;align-items:center;height:75%}.datosEspecificos{margin:0 auto;align-items:center}.datosEspecificos h2{margin-bottom:10px}.datosGeneralesImagen{border:2px solid black;border-radius:50%;margin:5px;width:100px;height:100px}.contenedorImagenDatos{height:100%;display:flex;justify-content:center;align-items:center;margin-right:10px}.contenedorDatosUsuario{text-transform:uppercase;font-size:20px;margin-right:10px}.correo{font-size:20px;margin-right:10px;overflow:hidden}.btnBotonSalir:hover{cursor:pointer;background-color:#a9aeae}@media screen and (max-width: 500px){.nombreEmpresaBarra{font-size:15px;margin-left:5px}.logoEmpresa,.imagenBarra{width:2.5rem;height:2.5rem}.empresaBarra{margin-left:.5rem}.infoBarra{margin-right:.5rem}.salirUsuario{max-width:30rem;min-width:10rem;height:12rem}.datosBarra{font-size:10px}.datosGeneralesImagen{border-radius:50%;margin:2px;width:60px;height:60px}.contenedorDatosUsuario,.correo{font-size:12px}}: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;margin-bottom:15px}.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}.divHeader{background-color:var(--azul)}.divHeader h1{padding:3rem 0;margin:0;color:var(--blanco);text-align:center;text-transform:uppercase}.formulario{width:95%;margin:0 auto;padding:10rem 0}@media (min-width: 768px){.formulario{padding:5rem 0;width:60rem}}.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}.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{margin-top:15px;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:#dc2626}.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}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;z-index:2}.modal .cerrar-modal img{width:100%}.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;z-index: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}@media (max-width: 450px){body{overflow-x:hidden}.titulo-header{font-size:28px}.header-global{width:100vw}.contenedor-presupuesto{height:700px;width:auto;margin-right:20px;margin-left:20px}.opciones-filtro{font-size:11px}.contenedor-filtro{padding:15px}.cambio-gasto{padding:5px;margin:0}.nuevo-presupuesto{width:100%}.contenedor-modificado{display:flex;justify-content:center;align-items:center}}