@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);.body{flex-direction:column;font-family:Inter,sans-serif;overflow-x:hidden}.barra-navegacion{align-items:center;background-color:#000;display:flex;justify-content:space-between;left:0;padding:0 55px;position:fixed;right:0;top:0;z-index:1000}.barra-navegacion:after{background-color:#ffffffb3;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.logo{height:45px;width:200px}.enlaces-nav{margin-left:5%}.barra-navegacion-a{color:#fff;font-size:15px;margin:0 20px;text-decoration:none}.barra-navegacion .botones{align-items:center;display:flex;gap:20px;height:auto;width:auto}.barra-navegacion .botones .boton{border:1px solid #20b3ff;border-radius:10px;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 25px}.barra-navegacion .botones .boton-iniciar-sesion{background-color:initial;color:#fff}.barra-navegacion .botones .boton-crear-cuenta{background-color:#20b3ff;color:#fff}.h1{font-size:48px}.descubre-financesync h2{margin-top:160px}.seccion-funciones h2{margin-top:177px}.seccion-informacion-inicial{align-items:center;display:flex;gap:130px;justify-content:center;margin-top:120px;padding:150px}.informacion-inicial{align-items:center;color:#fff;display:flex;flex-direction:column;height:342px;width:415px}.informacion-inicial-p{font-size:14px;margin-bottom:20px;margin-top:0;text-align:center}.boton-explorar{background-color:initial;border:1px solid #20b3ff;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;padding:10px 20px}.acerca-de-financesync{color:#fff;display:flex;justify-content:center;padding:50px;text-align:center}.acerca-de-financesync-p{font-size:17px}.contenedor-info-acerca{align-items:center;display:flex;flex-direction:column;height:231px;width:854px}.contenedor-info-acerca-h2{margin-bottom:70px}.contenedor-info-acerca-p{font-size:14px;line-height:1.6;margin-bottom:20px;margin-top:auto}h2{font-size:45px;margin-bottom:116px}.seccion-planes{color:#fff;padding:50px}.seccion-planes h2{color:#fff;margin-top:200px}.precio-gratuito{color:#20b3ff;font-size:19px;font-weight:700;margin-bottom:3px}.contenedor-planes{background-color:initial;border:2px solid #20b3ff;border-radius:10px;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;box-sizing:border-box;margin:1rem;padding:2rem;transition:box-shadow .4s ease-in-out,transform .4s ease-in-out}.contenedor-planes:hover{box-shadow:0 0 25px #00ffffb3,0 0 50px #00ffff80,0 0 100px #00ffff4d;transform:translateY(-5px)}.contenedor{align-items:center;display:flex;flex-direction:column;height:100%}.tipo-de-plan{font-size:clamp(24px,2vw,32px);font-weight:700;margin:2.5rem .5;text-align:center}.precio-premium{color:#20b3ff;font-size:clamp(20px,3vw,24px);font-weight:700;margin:1rem 0}.beneficios{font-size:17px;line-height:1.6}.beneficios li{padding-top:10px}.boton-adquirir,.boton-adquirir-gratuito{background-color:initial;border:1px solid #20b3ff;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:auto;padding:10px 20px}.boton-adquirir-gratuito{align-self:center}.todos-los-planes{align-items:center;display:flex;gap:150px;justify-content:center}.separador{background-color:#fff;height:2px;margin:5px 0;width:100%}.descubre-financesync{align-items:center;color:#fff;display:flex;flex-direction:column}.contenedor-de-informacion{align-items:center;background-color:initial;border:2px solid #20b3ff;border-radius:10px;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;box-sizing:border-box;display:flex;gap:127px;height:250px;justify-content:space-between;margin-top:53px;padding:10%;width:890px}.titulo-de-informacion{font-size:25px;font-weight:700;text-align:center}.seccion-funciones{align-items:center;color:#fff;display:flex;flex-direction:column}.tarjeta-de-funcion{display:flex;gap:20px;justify-content:space-between}.contenedor-funcion{align-items:center;background-color:initial;border:2px solid #20b3ff;border-radius:10px;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;box-sizing:border-box;display:flex;flex-direction:column;height:400px;padding:0 20px;text-align:center;width:250px}.titulo-funcion{font-size:20px;font-weight:700;padding-bottom:30px}.contenedor-funcion-img{height:294px;padding-bottom:35px;width:546px}footer{background-color:#000000c4;border-top:solid #fff;color:#fff;display:flex;justify-content:space-between;margin-top:200px;padding:35px;position:relative;width:96vw}.logos-de-redes img{margin:0 10px 20px}.titulo-redes{font-size:24px;font-weight:700;margin-bottom:30px;margin-top:30px;text-align:center}footer ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}footer ul li{margin:0 10px}footer ul li a{color:#fff;text-decoration:none}.contenedor-footer-izquierda{display:flex;flex-direction:column}.contenedor-footer-izquierda img{padding:50px}.contenedor-footer-derecha{display:flex;flex-direction:column;margin-top:auto}@media (min-width:601px) and (max-width:1024px){.barra-navegacion{flex-wrap:wrap;padding:10px 50px}.barra-navegacion .botones{align-items:center;flex-direction:column;height:auto;width:auto}.barra-navegacion-a{color:#fff;font-size:15px;margin:0 4px;text-decoration:none}.barra-navegacion .botones .boton{border:1px solid #20b3ff;border-radius:10px;cursor:pointer;font-weight:700;padding:5px 15px}.logo{height:30px;width:130px}.seccion-informacion-inicial{flex-direction:column;gap:30px;padding:50px}.informacion-inicial{text-align:center;width:100%}.seccion-informacion-inicial-img{height:254px;padding-bottom:35px;width:446px}.contenedor-de-informacion{align-items:center;background-color:initial;border:2px solid #20b3ff;border-radius:10px;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;box-sizing:border-box;display:flex;gap:127px;height:250px;justify-content:space-between;margin-top:53px;padding:20%;width:890px}.informacion-inicial-p{font-size:12px;margin-bottom:20px;margin-top:0;text-align:center}.contenedor-de-informacion{padding:10%;width:100%}.titulo-de-informacion{font-size:22px}.contenedor-de-informacion-img{height:140px;width:110px}.todos-los-planes{align-items:center;flex-direction:column;gap:50px}.contenedor-planes{padding:20px;width:80%}.tipo-de-plan{font-size:24px}.precio-premium{font-size:20px}.contenedor-info-acerca-h2{font-size:40px;margin-bottom:70px;padding:auto}.contenedor-funcion-img{height:auto;width:auto}.tarjeta-de-funcion{align-items:center;flex-direction:column;gap:20px}.contenedor-funcion{height:auto;padding:15px;width:80%}.titulo-funcion{font-size:25px}footer{align-items:center;flex-direction:column;padding:10px;text-align:center}.logos-de-redes img{margin:0 5px 20px;width:30px}}@media (min-width:0px) and (max-width:600px){.barra-navegacion{flex-wrap:wrap;padding:10px 50px}.barra-navegacion-a{color:#fff;font-size:16px;margin:0 4px;text-decoration:none}.barra-navegacion .botones{align-items:end;gap:2px;height:auto;margin-top:10px;width:auto}.logo{height:30px;width:130px}.barra-navegacion .botones .boton{border:1px solid #20b3ff;border-radius:10px;cursor:pointer;font-weight:700;margin-left:10px;padding:7px 15px}.seccion-informacion-inicial{flex-direction:column;gap:30px;padding:50px}.informacion-inicial{text-align:center;width:100%}.seccion-informacion-inicial-img{height:254px;padding-bottom:35px;width:446px}.contenedor-de-informacion{align-items:center;background-color:initial;border:2px solid #20b3ff;border-radius:10px;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;box-sizing:border-box;display:flex;gap:127px;height:250px;justify-content:space-between;margin-top:53px;padding:20%;width:890px}.informacion-inicial-p{font-size:12px;margin-bottom:20px;margin-top:0;text-align:center}.contenedor-de-informacion{height:auto;padding:5%;width:100%}.titulo-de-informacion{font-size:22px}.contenedor-de-informacion-img{height:140px;width:110px}.descubre-financesync h2{text-align:center}.todos-los-planes{align-items:center;flex-direction:column;gap:50px}.contenedor-planes{padding:20px;width:80%}.tipo-de-plan{font-size:24px}.precio-premium{font-size:20px}.seccion-planes{margin-top:50px}.contenedor-info-acerca-h2{font-size:40px;margin-bottom:70px;padding:auto;text-align:center}.contenedor-funcion-img{height:auto;width:auto}.tarjeta-de-funcion{align-items:center;flex-direction:column;gap:20px}.contenedor-funcion{height:auto;padding:15px;width:80%}.titulo-funcion{font-size:25px}footer{align-items:center;flex-direction:column;padding:10px;text-align:center}.logos-de-redes img{margin:0 5px 20px;width:30px}}.logo-login{height:auto;left:20px;position:absolute;top:20px;width:226px;z-index:10}.fondo{position:relative;z-index:1}.iniciar-sesion-div .iniciar-boton{background-color:#fff;background-color:var(--button-color);border:none;border-radius:8px;color:#000;color:var(--background-color);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:1.5rem;padding:.8rem;width:100%}.iniciar-sesion-div .iniciar-boton:hover{background-color:#fff3}@media (max-width:1024px){.fondo{width:95%}}@media (max-width:480px){.fondo{margin:.5rem;width:100%}.imagen{padding:.5rem}.form-container{padding:1rem}h1{font-size:1.5rem}.input-container input{font-size:.8rem;padding:.6rem}button{font-size:.9rem;padding:.6rem}}:root{--primary-color:#fff;--background-color:#000;--input-bg-color:#0a0f3c4d;--button-color:#fff;--link-color:#3ec4ed}.Logo-register{height:auto;left:20px;position:absolute;top:20px;width:226px;z-index:10}body{align-items:center;background-color:#000;background-color:var(--background-color);color:var(--primary-color);justify-content:center;line-height:1.6;min-height:100vh;padding:0}.fondo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;display:flex;margin:auto;max-width:1000px;overflow:hidden;width:90%}.imagen{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.imagen img{height:auto;max-width:100%}h1{color:#fff}.tabs{display:flex;gap:2rem;justify-content:flex-start;margin-bottom:2rem}.tab{color:#fff;color:var(--primary-color);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.tab.active{color:#3ec4ed;color:var(--link-color)}.tab.active:after{background-color:#3ec4ed;background-color:var(--link-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.input-container{margin-bottom:1.5rem}.input-container input{background-color:#0a0f3c4d;background-color:var(--input-bg-color);border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;color:var(--primary-color);font-size:.9rem;padding:.8rem;width:100%}.extras{font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem}.extras,.extras div{align-items:center;display:flex}.extras div{gap:.5rem}.forgot-password{color:#3ec4ed;color:var(--link-color);text-decoration:none}button{background-color:#fff;color:#000}.alternate-action{font-size:.9rem;margin:1rem 0;text-align:center}.alternate-action a{color:#3ec4ed;color:var(--link-color);font-weight:500;text-decoration:none}.divider{color:#fff9;margin:1.5rem 0;position:relative;text-align:center}.divider:after,.divider:before{background-color:#fff9;content:"";height:1px;position:absolute;top:50%;width:35%}.divider:before{left:0}.divider:after{right:0}button.google-login{align-items:center;background-color:initial;border:1px solid #fff3;color:#fff;color:var(--primary-color);display:flex;gap:.5rem;justify-content:center}.google-icon{height:20px;width:20px}.imagenp{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.imagenp img{height:auto;max-width:100%}.form-container{background-color:#ffffff1a;flex:1 1;padding:2rem}h1{color:var(--primary-color);font-size:1.8rem;margin-bottom:2rem;text-align:center}button{background-color:var(--button-color);border-radius:8px;color:var(--background-color);font-size:1rem;font-weight:500;margin-bottom:1.5rem;padding:.8rem;width:100%}@media (max-width:768px){.fondo{flex-direction:column;margin:1rem;width:95%}.imagen{padding:1rem}.form-container{padding:1.5rem}}.gastos{align-items:center;display:flex;flex-direction:column;text-align:center;width:88vw}.titulo-gastos{font-size:32px;font-weight:700}.nombre-gasto{font-size:medium;text-align:center}.contenedor-de-tarjeta-de-gastos{display:flex;flex-wrap:wrap;gap:5%;justify-content:center;width:100%}.contenedor-gastos{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:20px;height:auto;margin:10px;max-width:270px;width:250px}.contenedor-status-de-pago{font-size:12px;margin:10px;text-align:start}@media (max-width:1024px){.contenedor-de-tarjeta-de-gastos{flex-direction:row;justify-content:center}.contenedor-gastos{max-width:none;width:30%}}@media (max-width:768px){.contenedor-de-tarjeta-de-gastos{align-items:center;flex-direction:row}.contenedor-gastos{max-width:none;width:44%}}.Inicio{background:#020024;background:linear-gradient(0deg,#020024,rgba(66,211,255,.675) 52%,#020024);display:flex;flex-direction:column;width:99vw}.mensaje-bienvenida{font-size:45px;font-weight:700;text-align:center}.seccion-recomendacion{display:flex;justify-content:center;text-align:start}.titulo-recomendacion{font-size:20px;font-weight:700}.contenedor-recomendacion{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:20px;height:auto;padding:30px;width:85%}.calendario-de-pagos{margin-top:20px}.titulo-calendario{font-size:32px;font-weight:700;text-align:center}.contenedor-calendario{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:20px;margin:0 auto 50px;padding:20px;width:85%}.calendar-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:center;padding-bottom:10px;text-align:center}.calendar-header h2{font-size:24px;margin:0 20px}.next-month-button,.previous-month-button{background-color:#e0e0e033;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:5px 10px}.next-month-button:hover,.previous-month-button:hover{background-color:#3485e2}.calendar-day.previous-month{color:#888}.calendar-days{display:flex;justify-content:space-around;padding-top:30px}.day-header{text-align:center;width:30px}.calendar-body{grid-gap:10px;display:grid;grid-template-columns:repeat(7,1fr);padding-top:20px}.calendar-day{align-items:center;border-radius:5px;display:flex;height:40px;justify-content:center;text-align:center}.calendar-day.empty{background-color:initial}.calendar-day:hover{background-color:#e0e0e033;cursor:pointer}.calendar-day.today{background-color:#3485e2;border-radius:5px;color:#fff;font-weight:700;height:auto;transform:scale(1);width:auto}.calendar-day.today:hover{background-color:rgba(65,142,231,.692)}.titulo-noti{font-size:25px}.titulo-categoria{margin:0;padding:0}.contenedor-notificaciones{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:20px;display:flex;flex-direction:column;height:auto;max-height:300px;max-width:400px;overflow-y:auto;padding:10px;text-align:center}.categoria{display:flex;flex-direction:column;padding:0 10px;text-align:left}.tiempo{color:gray;display:block;font-size:.8em;margin-top:4px}.notificaciones-leidas ul,.notificaciones-nuevas ul{font-size:small;list-style-type:none;margin:0;padding-left:0}.notificaciones-leidas ul li,.notificaciones-nuevas ul li{align-items:center;display:flex;margin-bottom:5px}.notificaciones-leidas ul li{color:#cfcfcf}.scroll-wrapper{flex:1 1;overflow-y:auto;padding:10px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.Nav{display:flex;height:60px;justify-content:end;left:0;padding:15px 5% 0 20px;right:0;top:0;z-index:1000}.Nav,.iconos-nav{align-items:center}.iconos-nav{height:auto;width:auto}.iconos-nav img{margin:0 15px;transition:.3s}.iconos-nav:hover{cursor:pointer}.Logo-FynanceSync{padding-top:20%;width:226px}body{color:#fff;display:flex;font-family:Inter,sans-serif;margin:0;text-align:center;width:100%}.navegacion-izquierda{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;left:-250px;padding:20px 0;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:100}.navegacion-izquierda.open{left:0}.navegacion-izquierda:after{background-color:#20b3ff;content:"";height:100%;position:absolute;right:0;top:0;width:3px}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:30px;left:20px;position:fixed;top:10px;width:auto;z-index:1100}.secciones-de-navegacion{display:flex;flex-direction:column;margin-top:50px}.nav-link{color:#fff;display:table-column;font-size:18px;margin-bottom:15px;padding:15px 20px;position:relative;text-align:start;text-decoration:none}.body-perfil{background:#020024;background:linear-gradient(0deg,#020024,rgba(66,211,255,.675) 52%,#020024);font-family:Arial,sans-serif;margin-top:2%;overflow-x:hidden;width:99vw}.FULL,.body-perfil{display:flex;justify-content:center}.FULL{align-items:center;flex-direction:column;width:100%}.user-profile{background-color:hsla(0,0%,100%,.035);border-radius:30px;margin:120px auto;padding:20px;text-align:center}.general-info,.network-info,.user-profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:1100px}.general-info,.network-info{background-color:hsla(0,0%,100%,.027);color:#fff;margin:30px auto;padding:40px 0}.profile-picture{color:#888;font-size:19px;transform:translate(-350px,40px)}.nombre_de_usuario{color:#fff;font-size:30px;margin-top:10px;transform:translateY(-220px)}.social-media{margin-top:-190px;text-align:center}.social-media span{color:#fff;display:block;font-size:25px;margin-bottom:50px}.social-media .icons a{color:#a6a6a6;cursor:pointer;font-size:70px;margin:0 10px;text-decoration:none}.social-media .icons a:hover{color:#fff}input,select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(35,35,35,.222);border:none;border-radius:5px;box-sizing:border-box;color:#a09f9f;font-size:15px;padding:12px;width:70%}.buttons{gap:10px;margin-right:-1000px;margin-top:20px}.buttons button{background-color:initial;border:1px solid #79797958;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;width:auto}.buttons button:hover{background-color:#555}h2{color:#fff;font-size:30px;margin-bottom:70px;text-align:center}.general-info,.network-info{grid-gap:15px;border-radius:30px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{align-items:center;display:flex;flex-direction:column}.form-group label{color:#fff;font-size:14px;margin-bottom:5px}.link{margin-top:40px}.Perfil h2{font-size:45px;height:40px}.network-info{grid-gap:20px;border-radius:30px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:9000px}.network-info .form-group{display:flex;flex-direction:column}.network-info label{color:#fff;font-weight:700;margin-bottom:5px}.network-info input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(35,35,35,.222);border:none;border-radius:5px;color:#fff;padding:8px}.network-info input[type=text]::placeholder{color:#aaa}@media (max-width:1024px){.content{margin-left:200px}.sidebar{width:200px}}@media (min-width:700px) and (max-width:1024px){.general-info,.network-info,.user-profile{margin:10px;padding:40px;width:90%}button{margin-right:0;margin-top:10px;transform:translateX(-100%)}}@media (min-width:380px) and (max-width:600px){.general-info,.network-info,.user-profile{grid-template-columns:1fr;margin:10px;padding:35px;width:90%}h2{font-size:18px;margin-bottom:10px}button{margin-top:10px;transform:translateX(-600%)}.profile-picture{margin-bottom:20px;transform:translateY(60px)}.social-media{margin-top:10px}.social-media .icons a{font-size:40px}}.body-gestion{background:#020024;background:linear-gradient(0deg,#020024,rgba(66,211,255,.675) 52%,#020024);color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.container{max-width:1200px;padding:20px}.gestion-ingresos-gastos{margin:0;padding:0}.header{margin-bottom:30px;padding:18px;text-align:center}.balances{display:flex;justify-content:space-around;margin-top:20px}.gastos p,.ingresos p{color:#fff;font-size:29px}.form-sections{display:flex;justify-content:space-around;margin:10px 0 0;padding:0}.form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:20px;padding:20px;width:200%}form label{display:block;margin:10px 0 5px}form input,form select{background:rgba(35,35,35,.286);border:none;border-radius:5px;color:#fff;margin-bottom:10px;padding:10px;width:95%}.buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;width:100%}button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}button[type=button],button[type=submit]{background:rgba(35,35,35,.222);color:#fff}.balance-container{align-items:center;box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,0 0 60px #00ffff1a;display:flex;justify-content:center;margin-bottom:20px;padding:10px;width:auto}.balance{flex:1 1;text-align:center}.balance-indicator{color:#fff;font-size:3rem;font-weight:700;margin:0 10px}button:hover{background-color:#555}.form-wrapper{align-items:center;display:flex;flex-direction:column}.form-wrapper h2{font-size:1.5rem;margin-bottom:10px;text-align:center}@media (min-width:601px) and (max-width:1024px){.form{padding:25px;width:150%}}@media (min-width:380px) and (max-width:600px){.form-sections{align-items:center;display:flex;flex-direction:column;gap:30px}.form{height:auto;width:70vw}.form-wrapper{gap:10px;margin:20px 0}.balance-container{width:96vw}}.body-informe{color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0}.main-content{display:flex;flex-direction:column;padding:20px}header{margin-bottom:20px;text-align:center}header h1{font-size:2rem}.container{align-items:center;background:#020024;background:linear-gradient(0deg,#020024,rgba(66,211,255,.675) 52%,#020024);margin:0 auto;width:auto}.overview-section{background-color:#ffffff0d;border-radius:20px;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.top-cards{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.card{background-color:#ffffff1a;border-radius:15px;box-shadow:0 4px 10px #0000004d;flex:1 1;max-width:600px;min-width:200px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 6px 15px #00000080;transform:translateY(-5px)}.card canvas{height:300px;width:100%}.mes{margin-top:20px}.mes,.mes h2{text-align:center}.mes h2{font-size:1.5rem;margin-bottom:15px}.mes select{background-color:#ffffff1a;border:none;border-radius:5px;color:#fff;display:block;margin:0 auto 20px;min-width:200px;padding:10px 20px}.bottom-cards{display:flex;gap:20px;justify-content:center;margin-top:20px}.bottom-cards .card{flex:1 1;max-width:500px;min-height:300px}.Grafica{align-items:center;color:#fff;display:flex;height:60vh;justify-content:center}@media (max-width:768px){.bottom-cards,.top-cards{flex-direction:column}.card{min-width:auto}.card canvas{height:300px;width:100%}#top-chart{height:300px;width:600px}#pie-chart{height:400px;width:400px}#line-chart{height:300px;width:500px}}
/*# sourceMappingURL=main.131031f9.css.map*/