.mockup-finanzas-home{--ink:#14213d;--muted:#68758a;--line:#dfe5e4;--paper:#f8faf8;--green:#14775a;--mint:#e1f5ea;--blue:#3366d9;--sky:#edf2ff;--navy:#174B7A;--yellow:#f5d06f;--coral:#ef7863;--white:#fff;--shadow:0 24px 65px rgba(18,55,44,.11)}.mockup-finanzas-home *{box-sizing:border-box}.mockup-finanzas-home{scroll-behavior:smooth}.mockup-finanzas-home{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mockup-finanzas-home button,.mockup-finanzas-home input{font:inherit}.mockup-finanzas-home .wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mockup-finanzas-home header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:#f8faf8f2;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.mockup-finanzas-home nav{display:flex;align-items:center;gap:29px}.mockup-finanzas-home .brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900}.mockup-finanzas-home .logo{width:34px;height:38px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center}.mockup-finanzas-home .links{display:flex;gap:24px;color:#526075;font-size:14px;font-weight:700}.mockup-finanzas-home .links b{color:var(--green)}.mockup-finanzas-home .actions{margin-left:auto;display:flex;gap:8px}.mockup-finanzas-home .sm{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 13px;font-weight:750;color:var(--ink)}.mockup-finanzas-home .hero{padding:45px 0 70px;background:radial-gradient(circle at 5% 12%,#e0f5e9 0,transparent 29%),radial-gradient(circle at 96% 72%,#e8efff 0,transparent 29%)}.mockup-finanzas-home .crumb{font-size:13px;color:var(--green);font-weight:800;margin-bottom:27px}.mockup-finanzas-home .heroGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:59px;align-items:center}.mockup-finanzas-home .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--green)}.mockup-finanzas-home h1{font-size:58px;line-height:1;letter-spacing:-.055em;margin:14px 0 19px}.mockup-finanzas-home .lead{font-size:18px;line-height:1.58;color:var(--muted)}.mockup-finanzas-home .trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.mockup-finanzas-home .trust span{padding:8px 11px;border:1px solid #d4e3da;background:#ffffffc7;border-radius:99px;font-size:11px;font-weight:800}.mockup-finanzas-home .visual{display:flex;align-items:end;gap:9px;height:115px;margin-top:35px}.mockup-finanzas-home .barV{width:53px;border-radius:12px 12px 4px 4px;background:var(--green);position:relative}.mockup-finanzas-home .barV:nth-child(1){height:43px;background:#b7dccc}.mockup-finanzas-home .barV:nth-child(2){height:68px;background:#72b69c}.mockup-finanzas-home .barV:nth-child(3){height:97px}.mockup-finanzas-home .barV:nth-child(4){height:75px;background:var(--yellow)}.mockup-finanzas-home .barV span{position:absolute;top:-20px;font-size:9px;font-weight:850;white-space:nowrap}.mockup-finanzas-home .visualCopy{margin-left:11px;padding-bottom:8px}.mockup-finanzas-home .visualCopy strong{display:block;font-size:22px}.mockup-finanzas-home .visualCopy small{color:var(--muted)}.mockup-finanzas-home .calc{background:#fff;border:1px solid #dce4df;border-radius:25px;padding:27px;box-shadow:var(--shadow)}.mockup-finanzas-home .calcHead{display:flex;justify-content:space-between;align-items:start}.mockup-finanzas-home .calc h2{font-size:25px;letter-spacing:-.035em;margin:0}.mockup-finanzas-home .calcHead p{font-size:13px;color:var(--muted);margin:5px 0 0}.mockup-finanzas-home .live{font-size:9px;background:var(--mint);color:var(--green);padding:7px 9px;border-radius:99px;font-weight:900}.mockup-finanzas-home .fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mockup-finanzas-home .field.wide{grid-column:1/-1}.mockup-finanzas-home .field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#727f78;font-weight:850;margin-bottom:6px}.mockup-finanzas-home .input{height:47px;border:1px solid #d7dfda;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:7px}.mockup-finanzas-home .input input{border:0;outline:0;width:100%;font-weight:850;color:var(--ink)}.mockup-finanzas-home .primary{height:50px;width:100%;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:900;margin-top:14px;cursor:pointer}.mockup-finanzas-home .result{margin-top:14px;background:var(--navy);color:#fff;border-radius:18px;padding:20px}.mockup-finanzas-home .resultTop{display:flex;justify-content:space-between;align-items:start}.mockup-finanzas-home .result small{font-size:8px;letter-spacing:.09em;color:#aec5cb}.mockup-finanzas-home .amount{font-size:39px;font-weight:950;letter-spacing:-.05em;margin:3px 0}.mockup-finanzas-home .health{border-radius:99px;background:#2b6655;padding:8px 10px;font-size:10px;font-weight:850}.mockup-finanzas-home .progress{height:9px;display:flex;border-radius:99px;overflow:hidden;background:#ffffff15;margin:13px 0}.mockup-finanzas-home .progress i:nth-child(1){background:var(--coral)}.mockup-finanzas-home .progress i:nth-child(2){background:var(--yellow)}.mockup-finanzas-home .progress i:nth-child(3){background:#62d0a7}.mockup-finanzas-home .resultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-finanzas-home .metric{padding:10px;background:#ffffff0d;border:1px solid #ffffff15;border-radius:10px}.mockup-finanzas-home .metric span{font-size:7px;color:#adc0c7;display:block}.mockup-finanzas-home .metric b{font-size:11px}.mockup-finanzas-home section{padding:76px 0}.mockup-finanzas-home .sectionHead{text-align:center;max-width:710px;margin:0 auto 38px}.mockup-finanzas-home .sectionHead h2{font-size:39px;letter-spacing:-.045em;margin:10px 0}.mockup-finanzas-home .sectionHead p{color:var(--muted);line-height:1.55}.mockup-finanzas-home .goals{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mockup-finanzas-home .goal{text-align:left;border:1px solid var(--line);background:#fff;border-radius:19px;padding:21px;min-height:185px;position:relative;color:var(--ink);cursor:pointer}.mockup-finanzas-home .goal:hover,.mockup-finanzas-home .goal.active{transform:translateY(-3px);border-color:var(--green);box-shadow:0 15px 35px #1249371a}.mockup-finanzas-home .goal.active{background:var(--navy);color:#fff}.mockup-finanzas-home .goal.active p{color:#b8ccd1}.mockup-finanzas-home .icon{width:38px;height:38px;background:var(--mint);color:var(--green);border-radius:11px;display:grid;place-items:center;font-weight:950}.mockup-finanzas-home .goal h3{font-size:17px;margin:16px 0 7px}.mockup-finanzas-home .goal p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.mockup-finanzas-home .goal em{position:absolute;right:17px;bottom:15px;font-style:normal;color:var(--green);font-weight:900}.mockup-finanzas-home .tint{background:#eef5f1}.mockup-finanzas-home .toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.mockup-finanzas-home .filters{display:flex;gap:7px;flex-wrap:wrap}.mockup-finanzas-home .filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 12px;font-size:9px;font-weight:850;color:var(--muted);cursor:pointer}.mockup-finanzas-home .filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.mockup-finanzas-home .search{min-width:230px;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.mockup-finanzas-home .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mockup-finanzas-home .card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px;min-height:198px;display:flex;flex-direction:column}.mockup-finanzas-home .card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--navy),#195d5b);color:#fff;border:0}.mockup-finanzas-home .tag{font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--green)}.mockup-finanzas-home .featured .tag{color:#7bd8b7}.mockup-finanzas-home .card h3{font-size:19px;letter-spacing:-.025em;margin:11px 0 7px}.mockup-finanzas-home .card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.mockup-finanzas-home .featured p{color:#bbd0d1}.mockup-finanzas-home .card button{align-self:start;margin-top:auto;border:0;background:transparent;padding:18px 0 0;color:var(--green);font-weight:900;cursor:pointer}.mockup-finanzas-home .featured button{color:var(--yellow)}.mockup-finanzas-home .empty{display:none;grid-column:1/-1;text-align:center;padding:30px;color:var(--muted)}.mockup-finanzas-home .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mockup-finanzas-home .panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.mockup-finanzas-home .panel.dark{background:var(--navy);color:#fff;border:0}.mockup-finanzas-home .panel h3{font-size:23px;margin:0 0 8px}.mockup-finanzas-home .panel p{font-size:13px;line-height:1.55;color:var(--muted)}.mockup-finanzas-home .dark p{color:#b9ccd1}.mockup-finanzas-home .line{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.mockup-finanzas-home .dark .line{border-color:#ffffff18}.mockup-finanzas-home .line b{color:var(--green)}.mockup-finanzas-home .dark .line b{color:var(--yellow)}.mockup-finanzas-home .toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;border-radius:12px;padding:13px 16px;font-size:11px;font-weight:850;transform:translateY(80px);opacity:0;transition:.25s;z-index:30}.mockup-finanzas-home .toast.show{transform:none;opacity:1}.mockup-finanzas-home footer{background:var(--navy);color:#fff;padding:45px 0}.mockup-finanzas-home .foot{display:flex;justify-content:space-between;color:#b8cbd0}.mockup-finanzas-home .foot strong{color:#fff}@media(max-width:900px){.mockup-finanzas-home .links{display:none}.mockup-finanzas-home .heroGrid{grid-template-columns:1fr}.mockup-finanzas-home .goals,.mockup-finanzas-home .cards{grid-template-columns:1fr 1fr}.mockup-finanzas-home .card.featured{grid-column:1/-1}}@media(max-width:600px){.mockup-finanzas-home .wrap{width:calc(100% - 24px)}.mockup-finanzas-home h1{font-size:41px}.mockup-finanzas-home .goals,.mockup-finanzas-home .cards,.mockup-finanzas-home .split,.mockup-finanzas-home .fields{grid-template-columns:1fr}.mockup-finanzas-home .card.featured,.mockup-finanzas-home .field.wide{grid-column:auto}.mockup-finanzas-home .toolbar{flex-direction:column}.mockup-finanzas-home .search{width:100%}.mockup-finanzas-home .resultGrid{grid-template-columns:1fr}.mockup-finanzas-home .actions .sm:first-child{display:none}}.mockup-finanzas-home{width:100%;overflow:hidden}.mockup-finanzas-home :where(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,i,a,label,button,summary,li,th,td){color:inherit}.mockup-finanzas-home input[type=number]{-moz-appearance:textfield;appearance:textfield}.mockup-finanzas-home input[type=number]::-webkit-inner-spin-button,.mockup-finanzas-home input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
