.ofi-ibc{--teal:#3fb8ae;--teal-dark:#2f9f96;--navy:#14243a;--navy-soft:#203650;--white:#ffffff;--blue:#3fb8ae;--blue-dark:#14243a;--green:#3fb8ae;--green-soft:#eefbf9;--border:#d7e7e9;--text:#14243a;--muted:#64748b;--bg:#f8fbff;--red:#ef4444;--yellow:#3fb8ae;max-width:1240px;margin:28px auto;padding:0 14px;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ofi-ibc *{box-sizing:border-box}.ofi-ibc__top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px}.ofi-ibc__headline h2{font-size:clamp(34px,5vw,54px);line-height:.98;margin:0 0 18px;font-weight:900;letter-spacing:-1.5px;color:var(--navy)}.ofi-ibc__headline h2 span{color:var(--teal)}.ofi-ibc__headline p{font-size:16px;line-height:1.55;color:#334155;margin:0;max-width:720px}.ofi-ibc__params{min-width:360px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(63,184,174,.35);border-radius:12px;padding:18px 20px;box-shadow:0 12px 30px rgba(2,26,77,.06)}.ofi-ibc__params h3{font-size:17px;margin:0 0 10px}.ofi-ibc__params div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;font-size:14px}.ofi-ibc__params strong{font-weight:900}.ofi-ibc__progress{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 36px;margin-bottom:22px;box-shadow:0 10px 28px rgba(2,26,77,.05)}.ofi-ibc__progress div{display:flex;align-items:center;gap:13px;position:relative}.ofi-ibc__progress div:not(:last-child)::after{content:"";height:2px;background:#cbd5e1;position:absolute;left:115px;right:10px}.ofi-ibc__progress b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#a7b0bd;color:#fff;font-size:17px}.ofi-ibc__progress .active b{background:var(--blue)}.ofi-ibc__progress .active span{color:var(--blue);font-weight:900}.ofi-ibc__layout{display:grid;grid-template-columns:minmax(0,1fr) 395px;gap:22px;align-items:start}.ofi-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px rgba(2,26,77,.05)}.ofi-section{padding:22px;margin-bottom:16px}.ofi-section__title{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.ofi-section__title h3{margin:0;font-size:21px;font-weight:900;letter-spacing:-.2px}.ofi-section__title p{margin:3px 0 0;color:var(--muted);font-size:14px}.ofi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 auto}.ofi-icon--green{background:var(--teal)}.ofi-icon--purple{background:var(--navy-soft)}.ofi-icon--yellow{background:var(--teal-dark)}.ofi-link{margin-left:auto;border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.ofi-sources{display:grid;gap:12px}.ofi-source{display:grid;grid-template-columns:22px minmax(0,1.3fr) minmax(160px,.7fr) 42px;gap:12px;align-items:end}.ofi-drag{color:#94a3b8;text-align:center;padding-bottom:12px}.ofi-field label,.ofi-helpbox label{display:block;font-weight:800;font-size:13px;margin:0 0 7px}.ofi-field select,.ofi-field input,.ofi-helpbox input,.ofi-helpbox select{width:100%;height:45px;border:1px solid #cfd9e8;border-radius:6px;background:#fff;padding:0 14px;color:var(--text);font-size:15px}.ofi-field input:focus,.ofi-field select:focus,.ofi-helpbox input:focus,.ofi-helpbox select:focus{outline:2px solid rgba(11,77,216,.18);border-color:var(--blue)}.ofi-delete{height:42px;border:1px solid #fecdd3;background:#fff;color:var(--red);border-radius:6px;font-size:18px;cursor:pointer}.ofi-add{width:100%;margin:12px 0;border:1px dashed #b9c9df;border-radius:6px;background:#fff;color:var(--blue);font-weight:900;height:42px;cursor:pointer}.ofi-total-strip{display:flex;justify-content:space-between;align-items:center;background:var(--green-soft);border:1px solid rgba(63,184,174,.28);border-radius:8px;color:var(--teal-dark);padding:14px 18px;font-weight:900;font-size:17px}.ofi-total-strip strong{font-size:22px}.ofi-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ofi-method{border:1px solid #d5deeb;border-radius:8px;padding:18px;min-height:150px;cursor:pointer;display:block}.ofi-method.active{border-color:var(--blue);background:#f7fbff;box-shadow:0 0 0 1px rgba(11,77,216,.12)}.ofi-method input{margin-right:10px}.ofi-method strong{display:inline-block;margin-bottom:8px}.ofi-method span{display:block;color:#334155;line-height:1.45}.ofi-method ul{list-style:none;padding:0;margin:14px 0 0;color:#15803d;font-size:13px}.ofi-method li::before{content:"✓ ";font-weight:900}.ofi-helpbox{margin-top:16px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #bfd7ff;border-radius:8px;padding:16px}.ofi-helpbox.hidden{display:none}.ofi-helpbox h4{color:var(--blue);margin:0 0 8px;font-size:16px}.ofi-helpbox p{margin:8px 0;color:#17335f;line-height:1.45}.ofi-examples{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;border-bottom:1px solid #d5e4f8;padding:10px 0 13px;margin-bottom:12px}.ofi-examples span{font-size:12px;color:#0f3b7b;font-weight:700}.ofi-options{border:1px solid #dde6f2;border-radius:8px;overflow:hidden}.ofi-options label{display:grid;grid-template-columns:24px 1fr 1.35fr 150px;gap:12px;align-items:center;min-height:58px;padding:10px 14px;border-bottom:1px solid #dde6f2}.ofi-options label:last-child{border-bottom:0}.ofi-options span{color:#334155;font-size:13px}.ofi-options select{height:36px;border:1px solid #cfd9e8;border-radius:6px;padding:0 8px;background:#fff}.ofi-options input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue)}.ofi-mini-help{border:1px solid #ff6b93;background:#fff;color:#e11d48;border-radius:5px;height:34px;font-weight:800;cursor:pointer}.ofi-actions{display:flex;gap:18px;margin-top:18px}.ofi-btn{border:0;background:var(--blue);color:#fff;border-radius:6px;height:50px;padding:0 26px;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 8px 18px rgba(11,77,216,.22)}.ofi-btn--ghost{background:#fff;color:var(--navy);border:1px solid #d6e0ef;box-shadow:none}.ofi-side{position:sticky;top:18px}.ofi-result{overflow:hidden}.ofi-result__head{background:linear-gradient(135deg,var(--navy),var(--navy-soft));color:#fff;padding:22px 24px;display:flex;gap:14px;align-items:center}.ofi-result__head h3{margin:0;font-size:22px}.ofi-result__head p{margin:4px 0 0;opacity:.9}.ofi-result__body{padding:22px 24px}.ofi-result h4{margin:0 0 12px;font-size:18px}.ofi-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:7px 0;color:#1e293b}.ofi-row strong{font-weight:900}.ofi-row.muted{font-size:13px;color:#64748b}.ofi-result hr{border:0;border-top:1px solid #e2e8f0;margin:17px 0}.ofi-big{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.ofi-big span{font-size:18px;font-weight:900}.ofi-big strong{font-size:34px;color:var(--blue);font-weight:950}.ofi-result__total{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#effaf3,#f9fffb);border-top:1px solid #d8eadf;padding:22px 24px;color:var(--teal-dark);font-weight:950;font-size:19px}.ofi-result__total strong{font-size:34px}.ofi-important{margin-top:20px;border:1px solid #f6c77b;background:#fff8ec;border-radius:8px;padding:18px 22px;color:#6b4100}.ofi-important p{margin:10px 0 0;line-height:1.55;color:#24324b}.ofi-lead{margin-top:18px;display:grid;grid-template-columns:72px 1fr auto auto;gap:18px;align-items:center;background:linear-gradient(90deg,#eff6ff,#fff);border:1px solid #bfd7ff;border-radius:10px;padding:16px 22px}.ofi-avatar{width:62px;height:62px;border-radius:50%;background:#dbeafe;display:grid;place-items:center;font-size:34px}.ofi-lead strong{font-size:18px}.ofi-lead p{margin:5px 0 0;color:#334155}.ofi-whatsapp,.ofi-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:6px;font-weight:900;height:48px;padding:0 24px;white-space:nowrap}.ofi-whatsapp{background:var(--teal);color:#fff!important}.ofi-secondary{background:#fff;color:var(--navy)!important;border:1px solid #d6e0ef}.ofi-safe{text-align:center;color:#64748b;font-size:13px}.hidden{display:none!important}@media(max-width:1040px){.ofi-ibc__top,.ofi-ibc__layout{grid-template-columns:1fr;display:block}.ofi-ibc__params{min-width:0;margin-top:18px}.ofi-side{position:static}.ofi-ibc__progress{padding:16px;gap:8px}.ofi-ibc__progress div:not(:last-child)::after{display:none}.ofi-examples{grid-template-columns:repeat(3,1fr)}.ofi-source{grid-template-columns:20px 1fr}.ofi-source .ofi-field:nth-of-type(2){grid-column:2}.ofi-delete{grid-row:1 / span 2;grid-column:1;align-self:end}.ofi-lead{grid-template-columns:52px 1fr}.ofi-whatsapp,.ofi-secondary{grid-column:1/-1}.ofi-avatar{width:50px;height:50px;font-size:28px}}@media(max-width:640px){.ofi-ibc{padding:0 8px;margin:18px auto}.ofi-ibc__headline h2{font-size:36px}.ofi-ibc__progress{grid-template-columns:1fr 1fr}.ofi-methods{grid-template-columns:1fr}.ofi-examples{grid-template-columns:1fr 1fr}.ofi-options label{grid-template-columns:24px 1fr;gap:8px}.ofi-options label span,.ofi-options label select,.ofi-options label button{grid-column:2}.ofi-actions{flex-direction:column}.ofi-btn{width:100%}.ofi-result__total strong,.ofi-big strong{font-size:28px}}


/* Ajustes v4: paleta Contador Andrés y móvil */
.ofi-ibc{background:transparent}.ofi-card,.ofi-ibc__params,.ofi-ibc__progress{border-color:rgba(20,36,58,.12)}
.ofi-ibc__headline h2,.ofi-section__title h3,.ofi-result h4{color:var(--navy)}
.ofi-ibc__headline h2 span,.ofi-link,.ofi-add,.ofi-helpbox h4,.ofi-ibc__progress .active span{color:var(--teal-dark)}
.ofi-ibc__progress .active b,.ofi-btn{background:var(--teal);box-shadow:0 8px 18px rgba(63,184,174,.22)}
.ofi-btn:hover,.ofi-whatsapp:hover{filter:brightness(.95)}
.ofi-field input:focus,.ofi-field select:focus,.ofi-helpbox input:focus,.ofi-helpbox select:focus{outline:3px solid rgba(63,184,174,.20);border-color:var(--teal)}
.ofi-method.active{border-color:var(--teal);background:#f3fffd;box-shadow:0 0 0 1px rgba(63,184,174,.15)}
.ofi-options input[type=checkbox]{accent-color:var(--teal)}
.ofi-total-strip,.ofi-result__total{background:linear-gradient(90deg,#ecfbf9,#ffffff)}
.ofi-big strong{color:var(--teal-dark)}
.ofi-result__head{background:linear-gradient(135deg,var(--navy),var(--navy-soft))}
.ofi-whatsapp{background:var(--teal)}
.ofi-secondary{color:var(--navy)!important}
.ofi-safe{color:#64748b}

@media(max-width:640px){
  .ofi-ibc{padding:0 10px;margin:14px auto;overflow-x:hidden}
  .ofi-ibc__headline h2{font-size:34px;line-height:1.05;letter-spacing:-.7px}
  .ofi-ibc__headline p{font-size:14px}
  .ofi-ibc__params div{font-size:13px}
  .ofi-ibc__progress{grid-template-columns:1fr 1fr;padding:14px;gap:12px}
  .ofi-ibc__progress div{gap:8px}.ofi-ibc__progress span{font-size:13px}.ofi-ibc__progress b{width:30px;height:30px;font-size:14px}
  .ofi-section{padding:18px 14px;margin-bottom:14px;border-radius:14px}
  .ofi-section__title{gap:10px}.ofi-section__title h3{font-size:19px}.ofi-icon{width:36px;height:36px}
  .ofi-source{display:grid!important;grid-template-columns:1fr 44px!important;gap:10px;align-items:start;border:1px solid #e3edf3;border-radius:12px;padding:12px;background:#fff}
  .ofi-source .ofi-drag{display:none!important}
  .ofi-source .ofi-field{grid-column:1 / -1!important;min-width:0!important;width:100%!important}
  .ofi-source .ofi-field:nth-of-type(2){grid-column:1 / -1!important}
  .ofi-source .ofi-field label{font-size:14px;margin-bottom:7px;line-height:1.15;white-space:normal!important}
  .ofi-source .ofi-field input,.ofi-source .ofi-field select{width:100%!important;min-width:0!important;max-width:100%!important;height:50px;font-size:16px;border-radius:10px;padding:0 14px;display:block!important;color:var(--navy)!important;background:#fff!important}
  .ofi-source .ofi-field input[data-income]{font-size:18px;font-weight:800;text-align:left;letter-spacing:0;appearance:textfield;-webkit-appearance:none;min-height:50px!important}
  .ofi-delete{grid-column:1 / -1!important;grid-row:auto!important;width:100%;height:42px;align-self:auto!important;border-radius:10px}
  .ofi-add{height:52px;border-radius:12px;font-size:16px}
  .ofi-total-strip{display:flex;gap:12px;align-items:center;padding:16px;border-radius:14px;font-size:18px}.ofi-total-strip strong{font-size:24px;text-align:right}
  .ofi-methods{grid-template-columns:1fr}.ofi-method{border-radius:12px}
  .ofi-examples{grid-template-columns:1fr 1fr}.ofi-examples span{font-size:12px}
  .ofi-helpbox{border-radius:12px}.ofi-helpbox input,.ofi-helpbox select{height:50px;font-size:16px;border-radius:10px}
  .ofi-options label{grid-template-columns:24px 1fr!important;gap:8px;padding:12px}.ofi-options label span,.ofi-options label select,.ofi-options label button{grid-column:2}.ofi-options select{width:100%;height:42px}
  .ofi-actions{flex-direction:column}.ofi-btn{width:100%;border-radius:12px}
  .ofi-result__head,.ofi-result__body,.ofi-result__total{padding-left:18px;padding-right:18px}.ofi-result__total{gap:12px}.ofi-result__total strong,.ofi-big strong{font-size:28px}
  .ofi-lead{grid-template-columns:1fr;text-align:left;padding:16px;border-radius:14px}.ofi-avatar{display:none}.ofi-whatsapp,.ofi-secondary{grid-column:1/-1;width:100%}
}

@media(max-width:390px){
  .ofi-total-strip{flex-direction:column;align-items:flex-start}.ofi-total-strip strong{font-size:26px}
  .ofi-row{font-size:14px}.ofi-big{display:block}.ofi-big strong{display:block;margin-top:6px}
}

/* Ajustes v5: fuentes ilimitadas, actividad UGPP y método por fuente */
.ofi-source{display:block!important;border:1px solid #e3edf3;border-radius:14px;padding:16px;background:#fff;box-shadow:0 8px 18px rgba(20,36,58,.035)}
.ofi-source__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--navy)}
.ofi-source__top strong{font-size:17px;font-weight:950}
.ofi-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ofi-source .ofi-field{margin-bottom:12px}
.ofi-source .ofi-field small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35}
.ofi-source .ofi-cost-field{background:#f4fbfa;border:1px solid rgba(63,184,174,.25);border-radius:12px;padding:12px;margin-top:4px}
.ofi-source-result{border-radius:10px;background:linear-gradient(90deg,#ecfbf9,#fff);border:1px solid rgba(63,184,174,.22);padding:10px 12px;color:var(--teal-dark);font-weight:850;font-size:13px;margin-top:6px}
.ofi-delete{width:auto;height:36px;padding:0 14px;font-size:13px;font-weight:900;border-radius:10px}
@media(max-width:760px){
  .ofi-grid-2{grid-template-columns:1fr;gap:0}
  .ofi-source{padding:14px;border-radius:14px}
  .ofi-source__top{align-items:flex-start;flex-direction:column}
  .ofi-delete{width:100%}
  .ofi-source .ofi-field input,.ofi-source .ofi-field select{height:50px;font-size:16px;border-radius:10px}
}

/* Ajustes v6: un solo selector de actividad, servicio personal con contrato y stepper limpio */
.ofi-ibc__progress div:not(:last-child)::after{
  top:50%;
  transform:translateY(-50%);
  left:calc(100% - 55px);
  right:-10px;
  z-index:0;
}
.ofi-ibc__progress b,
.ofi-ibc__progress span{position:relative;z-index:1;background:#fff}
.ofi-ibc__progress b{background:#a7b0bd}.ofi-ibc__progress .active b{background:var(--teal)}
.ofi-ibc__progress span{padding:0 8px}
.ofi-source .ofi-field > select[data-activity]{min-height:50px;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.25}
.ofi-source-result{font-size:14px}
@media(max-width:1040px){.ofi-ibc__progress div:not(:last-child)::after{display:none!important}}
@media(max-width:760px){
  .ofi-source .ofi-field select[data-activity]{height:auto;min-height:52px;white-space:normal}
}

/* Ajustes v8: sección Costos como resumen y ejemplos por actividad */
.ofi-cost-summary{display:grid;gap:12px;margin-bottom:14px}
.ofi-cost-summary__row{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;border:1px solid rgba(63,184,174,.24);background:linear-gradient(90deg,#f2fffd,#fff);border-radius:14px;padding:14px}
.ofi-cost-summary__row span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.ofi-cost-summary__row strong{display:block;color:var(--navy);font-size:14px;line-height:1.35}
.ofi-cost-summary__row small{display:block;color:#64748b;margin-top:5px;font-size:12px}
.ofi-helpbox--compact{background:#fff;border-color:rgba(20,36,58,.12)}
.ofi-activity-examples{margin-top:10px;border:1px dashed rgba(63,184,174,.45);background:#f2fffd;border-radius:10px;padding:10px 12px;color:#203650;font-size:13px;line-height:1.45}
.ofi-activity-examples strong{color:var(--teal-dark)}
@media(max-width:760px){
  .ofi-cost-summary__row{grid-template-columns:1fr;gap:10px;padding:12px}
  .ofi-activity-examples{font-size:12.5px}
}
.ofi-options label small{grid-column:3 / -1;color:#64748b;font-size:12px;line-height:1.35}.ofi-options input[type=text]{height:40px;border:1px solid #cfd9e8;border-radius:6px;padding:0 12px;font-size:14px;color:var(--text);width:100%}.ofi-options input:disabled + strong{color:#94a3b8}.ofi-options label:has(#ofi_pensioner){background:#f8fbff}.ofi-options label:has(#ofi_pensioner_income){background:#fff}.ofi-row.hidden{display:none!important}@media(max-width:640px){.ofi-options label small{grid-column:2}.ofi-options input[type=text]{grid-column:2;width:100%;min-width:100%}}

/* Ajustes v10 completos: ARL guiada, PDF, contacto y ejemplos completos */
.ofi-arl-source{border:1px solid rgba(20,36,58,.10);background:#f8fbff;border-radius:12px;padding:10px 12px;margin-bottom:12px}
.ofi-arl-source label{display:flex;gap:8px;align-items:flex-start;font-weight:800;font-size:13px;color:var(--navy);line-height:1.35}
.ofi-arl-source input{margin-top:2px;accent-color:var(--teal)}
.ofi-arl-source small{display:block;margin-top:6px;color:#64748b;line-height:1.35;font-size:12px}
.ofi-risk-info{grid-column:1/-1;padding:0 14px 14px;background:#fff;border-bottom:1px solid #dde6f2}
.ofi-risk-card{border:1px solid rgba(63,184,174,.35);background:linear-gradient(90deg,#f2fffd,#fff);border-radius:12px;padding:14px;color:var(--navy)}
.ofi-risk-card strong{display:block;font-size:15px;margin-bottom:5px}
.ofi-risk-card p{margin:5px 0 8px;color:#334155;line-height:1.4}
.ofi-risk-card ul{display:grid;grid-template-columns:1fr 1fr;margin:8px 0;padding-left:18px;gap:4px 12px;color:#334155;font-size:13px}
.ofi-risk-suggest{margin-top:10px;background:#fff;border:1px dashed rgba(63,184,174,.55);padding:10px;border-radius:10px;color:#203650;font-size:13px;line-height:1.4}
.ofi-risk-active{margin-top:10px;background:#eafff9;border:1px solid rgba(63,184,174,.55);padding:10px;border-radius:10px;color:#0f7b70;font-weight:800;font-size:13px}
.ofi-risk-muted{margin-top:10px;background:#f8fafc;border:1px solid #dbe7f4;padding:10px;border-radius:10px;color:#607089;font-size:13px}

.ofi-result__footer{padding:18px 24px;border-top:1px solid #e2e8f0;background:#fbfffe;color:#334155;font-size:13px;line-height:1.45}
.ofi-result__footer p{margin:0 0 8px}
.ofi-result__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 24px;background:#f8fbff;border-top:1px solid #e2e8f0}
.ofi-btn--pdf{height:44px;border-radius:10px;background:var(--navy);box-shadow:none;width:100%;color:#fff;font-size:13px;font-weight:800;border:none;cursor:pointer}
.ofi-btn--img{height:44px;border-radius:10px;background:#1a6fbf;box-shadow:none;width:100%;color:#fff;font-size:13px;font-weight:800;border:none;cursor:pointer}
.ofi-btn--img:hover{filter:brightness(.92)}
.ofi-btn--pdf:hover{filter:brightness(.92)}
.ofi-row.muted strong{font-size:12px;color:#64748b;text-align:right}
.ofi-risk-label{display:block;margin-top:6px;padding:8px 12px;background:linear-gradient(90deg,#f0fbff,#f8fffd);border:1px solid rgba(63,184,174,.4);border-radius:8px;color:#1a3352;font-size:13px;line-height:1.45}
.ofi-risk-label strong{color:#0f7b70}
@media(max-width:640px){.ofi-risk-card ul{grid-template-columns:1fr}.ofi-result__footer{padding:16px 18px}.ofi-arl-source{padding:10px}.ofi-options label{min-height:auto}.ofi-result__actions{grid-template-columns:1fr;padding:12px 16px}}
