*{box-sizing:border-box}:root{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#252a55;background:#f5f7fa}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}button,input,select{font:inherit}#root{width:100%;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px;text-align:center}.hero{width:100%;margin:0 auto}.logo{width:min(100%,900px);height:180px;margin:0 auto;background-image:url(/assets/logo-3_LQlNqK.jpg);background-position:center;background-size:contain;background-repeat:no-repeat}.container{width:min(100%,760px);margin:0 auto 32px;padding:38px 42px;border:1px solid rgba(224,228,240,.9);border-radius:20px;background:#fff;box-shadow:0 10px 40px #2d2f8326}.title{margin:0 0 30px;color:#2d2e83;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;letter-spacing:.2px}.cont{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;margin-bottom:32px}.card{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0}.labe{width:100%;margin:0;color:#2d2e83;font-size:.92rem;font-weight:650;letter-spacing:.2px;text-align:left}.cant{width:100%;min-height:46px;margin:0;padding:11px 14px;border:2px solid #e0e4f0;border-radius:10px;outline:none;background:#f9fafb;color:#2d2e83;font-size:1rem;font-weight:500;text-align:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.cant:focus{border-color:#2d2e83;background:#fff;box-shadow:0 0 0 3px #2d2f831a}.tasa-api{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border:2px solid #cbd3f1;border-radius:10px;background:#eef1ff;color:#2d2e83;font-weight:700}.form-error{margin:8px 0 0;color:#b42318;font-size:.82rem;line-height:1.35;text-align:left}.cant option{color:#2d2e83;background:#fff}.fecha-mensaje{width:100%;margin:2px 0 0;padding:10px 12px;border-left:4px solid #2d2e83;border-radius:0 8px 8px 0;background:#eef1ff;color:#343b70;font-size:.82rem;line-height:1.4;text-align:left}.button,.download-btn{width:100%;max-width:300px;margin:0 auto;padding:13px 28px;border:0;border-radius:12px;color:#fff;font-size:1rem;font-weight:650;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.form-actions{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.button{background:linear-gradient(135deg,#2d2e83,#1a1b4d);box-shadow:0 4px 15px #2d2f8340}.button:hover,.download-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 7px 22px #2d2f834d}.button:active,.download-btn:active{transform:translateY(0)}.gmf-toggle{display:inline-flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;min-height:46px;margin:0 auto;padding:8px 12px 8px 16px;border:2px solid #d9dced;border-radius:12px;background:#f4f5f9;color:#4e5578;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.gmf-status{margin-left:auto;margin-right:10px;color:#777e9d;font-size:.78rem;font-weight:500}.gmf-track{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#c9ccda;transition:background .2s ease}.gmf-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1e234640;transition:left .2s ease}.gmf-toggle:hover{border-color:#2d2e83;background:#eef1ff;color:#2d2e83;transform:translateY(-1px);box-shadow:0 4px 12px #2d2f831f}.gmf-toggle[aria-pressed=true]{border-color:#27834a;background:#e8f7ed;color:#176536;box-shadow:0 4px 12px #27834a24}.gmf-toggle[aria-pressed=true] .gmf-track{background:#27834a}.gmf-toggle[aria-pressed=true] .gmf-thumb{left:21px}.gmf-toggle[aria-pressed=true]:hover{background:#d9f1e1}.gmf-toggle:focus-visible{outline:3px solid rgba(45,47,131,.2);outline-offset:3px}.result-card{width:min(100%,760px);margin:34px auto 20px;overflow:hidden;border:0;border-radius:16px;background:linear-gradient(to bottom,#fff,#f9fbff);box-shadow:0 15px 50px #2d2f831f}.tittle{margin:0;padding:17px 20px;background:linear-gradient(135deg,#2d2e83,#1a1b4d);color:#fff;font-size:1.25rem;font-weight:700}.result-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:13px 20px;border-bottom:1px solid #e0e7ff}.result-row:last-child{border-bottom:0}.label{color:#2d2e83;font-weight:650;text-align:left}.value{color:#252a55;font-weight:550;text-align:right}.total-row{background:linear-gradient(135deg,#98d98e,#7bc67a)}.total-row .label,.total-value{color:#fff}.total-value{font-size:1.08rem;font-weight:750}.result-actions{display:flex;justify-content:center;margin:20px auto 40px}.download-btn{background:linear-gradient(135deg,#2d2e83,#1a1b4d)}.rangos-section{width:min(100%,980px);margin:36px auto 48px}.rangos-title{margin:0 0 18px;color:#2d2e83;font-size:1.35rem;font-weight:700;text-align:left}.rangos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rango-card{overflow:hidden;border:1px solid #e0e4f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px #2d2f831a;text-align:left}.rango-card-header{display:flex;flex-direction:column;gap:5px;padding:16px;background:linear-gradient(135deg,#2d2e83,#1a1b4d);color:#fff}.rango-card-header strong{font-size:1.3rem}.rango-label{color:#dfe3ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}.rango-card-body{padding:12px 14px}.rango-row{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px solid #edf0f8;color:#69708e;font-size:.8rem}.rango-row strong{color:#252a55;font-size:.91rem}.rango-total{display:flex;flex-direction:column;gap:5px;padding:14px;background:linear-gradient(135deg,#98d98e,#7bc67a);color:#fff;font-size:.82rem}.rango-total strong{font-size:1.05rem}@media(max-width:700px){#root{padding:12px 0}.logo{height:130px}.container,.result-card{width:calc(100% - 24px)}.container{padding:28px 20px}.cont{grid-template-columns:1fr;gap:20px}.rangos-section{width:calc(100% - 24px)}.rangos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.container{padding:24px 16px;border-radius:16px}.result-row{align-items:flex-start;flex-direction:column;gap:5px}.value{text-align:left}.rangos-grid{grid-template-columns:1fr}}