:root{--ink:#183b33;--muted:#697d75;--green:#205e4e;--paper:#f5f7f3;--line:#dfe7df;--accent:#d6edaa;--danger:#a73535;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'Segoe UI',system-ui,sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;background:var(--green);color:white;padding:11px 19px;cursor:pointer;font-weight:600;text-decoration:none;min-height:44px}button:hover,.button:hover{filter:brightness(.95);text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:white;border-color:var(--line);color:var(--ink)}.danger{background:#fbe9e7;color:var(--danger);margin-top:24px}.quiet{color:inherit;background:transparent;padding:6px 0;justify-content:flex-start}.small{padding:7px 13px;font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#123e34;color:#e2eee7;padding:30px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1px;color:inherit;line-height:1.1}.brand small{font-size:10px;font-weight:400;letter-spacing:.5px;margin-top:9px;display:block;color:#b2cbbd}.sidebar nav{display:grid;gap:3px;margin-top:36px}.sidebar nav a{color:#c3d9cc;padding:10px 15px;border-radius:9px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#2c5748;color:white;text-decoration:none}.sidebar-bottom{margin-top:auto;padding-top:15px;font-size:12px}.sidebar-bottom a{color:#c3d9cc}.topbar{height:80px;margin-left:238px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#ffffffa8}.topbar>span{font-size:11px;letter-spacing:2px;color:var(--muted)}.workspace{margin-left:238px;padding:36px 42px 70px;max-width:1700px}.menu{display:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1.3px;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:20px}h3{font-size:15px;margin-top:25px}p{margin-bottom:14px}.muted,small{color:var(--muted)}small{display:block;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin-bottom:12px}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:25px}.metric{padding:26px;border-radius:var(--radius);background:#dfeebf;display:flex;flex-direction:column;gap:8px;border:1px solid #d5e3ba}.metric>span{font-size:13px}.metric strong{font-size:32px;letter-spacing:-1px}.metric.neutral{background:#e8eee8;border-color:var(--line)}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.section-heading a{font-size:12px;white-space:nowrap}.due-item{display:flex;gap:14px;align-items:center;border-top:1px solid #edf1eb;padding:16px 0;color:var(--ink)}.due-item>div:nth-child(2){flex:1}.due-item>div:nth-child(2)>strong{font-size:13px}.due-item>b{font-size:13px;white-space:nowrap}.date-box{background:#f0f5eb;border-radius:10px;width:46px;min-width:46px;text-align:center;padding:7px 0;line-height:1.15}.date-box span{font-size:10px;display:block;text-transform:uppercase}.date-box strong{font-size:19px}.positive{color:#278567}.bar-row{margin-bottom:15px}.bar-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}progress{height:9px;width:100%;border:none;border-radius:6px;overflow:hidden;background:#edf2e8}progress::-webkit-progress-bar{background:#edf2e8}progress::-webkit-progress-value{background:#82a964;border-radius:6px}progress::-moz-progress-bar{background:#82a964}.projection-chart{width:100%;max-height:240px;overflow:visible}details{margin-top:20px}summary{cursor:pointer;font-size:13px;color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.product-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;padding:18px;gap:9px;color:var(--ink)}.product-card strong{font-size:21px}.product-card span{font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#f7f9f5}td,th{padding:15px 12px;border-bottom:1px solid #edf1e9;vertical-align:top}td:first-child,th:first-child{padding-left:8px}.row-actions{display:flex;flex-wrap:wrap;gap:9px;min-width:110px;font-size:12px}.badge{display:inline-block;padding:4px 8px;background:#edf4e6;color:#547449;font-size:10px;border-radius:5px;white-space:nowrap}.search{display:flex;gap:10px;max-width:500px;margin-bottom:24px}.search input{margin:0}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:25px;font-size:12px}.empty{text-align:center;padding:42px 10px;color:var(--muted)}.empty h2{font-size:20px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.back{display:inline-block;margin-bottom:18px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 25px}.field{min-width:0}.span-2{grid-column:span 2}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}input,select{width:100%;padding:11px 13px;border:1px solid #cfdbd2;border-radius:8px;background:#fff;color:var(--ink);min-height:44px}input:focus,select:focus{outline:2px solid #9bc997;outline-offset:1px}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--green)}.check{display:flex;align-items:center;gap:10px;min-height:44px}.field small{margin-top:5px}form>button{margin-top:20px}form>label{margin-top:16px}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-bottom:25px}.filters>div{flex:1;min-width:150px}.filters button{margin-top:0}.notice,.validation:not(:empty){padding:15px 18px;border-radius:10px;background:#eef3e5;margin-bottom:22px;font-size:13px}.notice.error,.validation:not(:empty){background:#fbefec;color:#973b2e}.validation ul{margin:0;padding-left:18px}.validation-summary-valid{display:none}.success{background:#e4f1de;color:#38612f}.narrow{max-width:650px}.schedule-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--line)}.schedule-row form>button{margin:0}.auth-workspace{min-height:100vh;padding:40px}.auth-grid{max-width:1150px;margin:3vh auto;display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;background:white;overflow:hidden;box-shadow:0 20px 80px #163c3310}.auth-story{position:relative;padding:50px;background:#153f35;color:#edf4e9;overflow:hidden}.auth-story .eyebrow{margin-top:70px;color:#b6cfa9}.auth-story h1{font-size:55px;letter-spacing:-2px}.auth-story p{max-width:330px}.clover-art{font-size:190px;line-height:1.2;color:#b6d687;text-align:right;margin-top:15px}.auth-card{padding:60px 50px}.auth-card h2{font-size:30px;margin-bottom:12px}.auth-card form{margin:30px 0}.auth-card form button{width:100%;margin-top:24px}.auth-card.standalone{max-width:550px;margin:auto}.auth-card.standalone .brand{margin-bottom:30px}.auth-card.standalone h1{font-size:29px}@media(max-width:1150px){.workspace{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:210px;padding:25px 16px}.workspace,.topbar{margin-left:210px}.auth-story h1{font-size:42px}.auth-card{padding:40px 30px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #102c3240}.topbar,.workspace{margin-left:0}.topbar{height:65px;padding:0 18px}.topbar>span{display:none}.menu{display:inline-flex}.workspace{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.panel{padding:20px 16px;border-radius:15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px}.metric strong{font-size:23px}.metric small{font-size:10px}.due-item{gap:8px}.due-item>b{font-size:11px}.auth-workspace{padding:20px 12px}.auth-grid{display:block;margin:0}.auth-story{padding:28px}.auth-story .eyebrow{margin-top:30px}.auth-story h1{font-size:34px}.clover-art{display:none}.auth-story p:last-of-type{font-size:13px}.auth-card{padding:30px 25px}.product-grid{grid-template-columns:1fr}.filters>div{min-width:100%}}

/* MyClover: pantallas orientadas a tareas. */
.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:24px;align-items:start}
.record-card{margin:0;height:100%;display:flex;flex-direction:column;gap:12px}.record-card h2{font-size:1.25rem;overflow-wrap:anywhere}.record-card .actions{margin-top:auto;gap:12px;flex-wrap:wrap}.record-amount{font-size:2rem;font-weight:750;letter-spacing:-.035em;margin:8px 0}.record-amount small{font-size:.9rem;letter-spacing:0;font-weight:500}
.form-extra,.upcoming{border-top:1px solid #dce6df;margin-top:22px;padding-top:18px}.form-extra summary,.upcoming summary{cursor:pointer;font-weight:650;padding:10px 0}.form-extra[open] .form-grid{margin-top:18px}.wallet-settings{border:1px solid #dce6df;border-radius:14px;padding:20px;margin:24px 0}.wallet-settings legend{font-weight:650;padding:0 8px}.wallet-settings input[type=tel]{max-width:340px}
.transaction-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4px;border-bottom:1px solid #e3ebe6;text-decoration:none;color:inherit}.transaction-item:hover{background:#f3f8f5}.transaction-item small{display:block;color:#62766d;margin-top:5px}.transaction-item>div:last-child{text-align:right;white-space:nowrap}
.profile-menu{position:relative;margin-left:auto}.profile-menu summary{cursor:pointer;border:1px solid #dce6df;border-radius:24px;padding:10px 18px;background:white;font-weight:650}.profile-menu>div{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:white;border:1px solid #dce6df;border-radius:14px;padding:12px;box-shadow:0 12px 40px #102b2520;z-index:100}.profile-menu a{display:block;padding:12px;color:#133e35;text-decoration:none}.profile-menu a:hover{background:#f1f7f3}.profile-menu form{margin:0}.profile-menu button{width:100%;text-align:left;padding:12px}
[hidden]{display:none!important}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #55a88b;outline-offset:3px}dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}dt{color:#62766d}dd{margin:0}small{line-height:1.5}.field .check{justify-content:flex-start}
@media(max-width:640px){.topbar>span{display:none}.record-grid{grid-template-columns:1fr}.record-amount{font-size:1.65rem}.transaction-item{align-items:flex-start;flex-direction:column;gap:8px}.transaction-item>div:last-child{text-align:left}.actions .button{white-space:normal}.profile-menu summary{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
:focus-visible{scroll-margin:1rem}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);padding:12px 16px;background:#fff;color:var(--ink);border:2px solid var(--green);border-radius:8px;font-weight:700}.skip-link:focus{transform:translateY(0)}
.payment-setup,.card-cycle-preview{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8faf6}.payment-setup h2{margin-bottom:8px}.payment-setup .form-grid{margin-top:18px}.card-cycle-preview{color:var(--green);font-weight:650}.field[hidden],.card-cycle-preview[hidden]{display:none!important}
.account-progress{margin:2px 0 26px;color:var(--muted);font-size:12px;font-weight:650}.account-progress-track{height:5px;background:#e9eee8;border-radius:5px;margin-top:8px;overflow:hidden}.account-progress-track span{display:block;height:100%;width:33.333%;background:var(--green);transition:width .2s}.account-step h2{margin-bottom:16px}.account-step[hidden],.account-branch[hidden]{display:none!important}.account-step .actions{justify-content:flex-start;margin-top:24px}.account-step .actions .secondary{margin-right:auto}.account-spending-field{display:flex;flex-direction:column;justify-content:center}.account-branch .wallet-settings{margin:5px 0 0}
@media(max-width:760px){.account-type-field select{min-height:48px}.account-step .actions{gap:8px}}
.module-wizard-progress{margin:2px 0 26px;color:var(--muted);font-size:12px;font-weight:650}.module-wizard-track{height:5px;background:#e9eee8;border-radius:5px;margin-top:8px;overflow:hidden}.module-wizard-track span{display:block;height:100%;width:50%;background:var(--green);transition:width .2s}.module-wizard-step h2{margin-bottom:10px}.module-wizard-step[hidden],[data-income-frequency][hidden]{display:none!important}.module-wizard [data-wizard-next],.module-wizard [data-wizard-back]{display:none}.module-wizard[data-enhanced=true] [data-wizard-next],.module-wizard[data-enhanced=true] [data-wizard-back]{display:inline-flex}.income-recurring-field .check{margin:0}.module-wizard .payment-setup{margin:26px 0 12px}.module-wizard-step .actions{margin-top:24px}.module-wizard-step .actions .secondary{margin-right:auto}.module-wizard-step h2:focus{outline:2px solid #9bc997;outline-offset:4px}
@media(max-width:600px){.module-wizard-step .form-grid{grid-template-columns:minmax(0,1fr)}.module-wizard-step .actions{gap:8px}.module-wizard-step .actions button,.module-wizard-step .actions .button{flex:1}.module-wizard-step .actions .secondary{margin-right:0}}