/* Housefinan · Simulador seguro de vida hipoteca ES · v2 · rebuild 2026-08-24 */
.page-life-insurance-simulator .hf-life-title h1{max-width:17ch}
.page-life-insurance-simulator .hf-life-shell{grid-template-columns:minmax(0,1.06fr) minmax(390px,.84fr)}
.page-life-insurance-simulator .hf-life-form{gap:22px;min-width:0}
.page-life-insurance-simulator .hf-life-form-intro{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:2px}
.page-life-insurance-simulator .hf-life-form-intro>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f6f5;color:#287d7e;font-size:11px;font-weight:850}
.page-life-insurance-simulator .hf-life-form-intro strong{display:block;margin:1px 0 3px;color:#283135;font-size:14px;line-height:1.25}
.page-life-insurance-simulator .hf-life-form-intro p{margin:0;color:#778186;font-size:10.5px;line-height:1.5}
.page-life-insurance-simulator .hf-life-form-intro-second{margin-top:2px;padding-top:18px;border-top:1px solid #e6eeee}
.page-life-insurance-simulator .hf-life-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
.page-life-insurance-simulator .hf-life-range-scale{display:flex;justify-content:space-between;gap:14px;margin-top:8px;color:#929b9f;font-size:9px;line-height:1.2}
.page-life-insurance-simulator .hf-life-derived-rate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #d9e9e8;border-radius:12px;background:#f1faf9;color:#526066;font-size:11px}
.page-life-insurance-simulator .hf-life-derived-rate strong{color:#247a7b;font-size:13px}
.page-life-insurance-simulator .hf-life-compare-choice{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:18px;align-items:center;padding:15px 16px;border:1px solid #dce9e8;border-radius:15px;background:#f8fbfb}
.page-life-insurance-simulator .hf-life-compare-choice strong{display:block;margin-bottom:4px;color:#30383c;font-size:12px}
.page-life-insurance-simulator .hf-life-compare-choice p{margin:0;color:#768085;font-size:10px;line-height:1.48}
.page-life-insurance-simulator .hf-life-segmented{margin:0}
.page-life-insurance-simulator #lifeAltPanel[hidden],.page-life-insurance-simulator #lifeAlternativeScenario[hidden]{display:none!important}
.page-life-insurance-simulator .hf-balanced-note strong{color:#526166}

.page-life-insurance-simulator .hf-life-result{justify-content:flex-start;padding:30px;min-width:0}
.page-life-insurance-simulator .hf-life-result-head{margin-bottom:15px}
.page-life-insurance-simulator .hf-life-verdict-badge{display:inline-flex;max-width:100%;margin:4px 0 14px;padding:7px 10px;border:1px solid rgba(137,220,218,.2);border-radius:999px;background:rgba(102,199,197,.10);color:#9ce2df;font-size:10px;line-height:1.25;font-weight:800}
.page-life-insurance-simulator .hf-life-verdict-badge.is-alt{background:rgba(116,215,190,.11);color:#9be2ca}
.page-life-insurance-simulator .hf-life-verdict-badge.is-neutral{background:rgba(255,255,255,.07);color:#d6dcde;border-color:rgba(255,255,255,.11)}
.page-life-insurance-simulator .hf-life-result .hf-balanced-result-label{font-size:12px;line-height:1.35}
.page-life-insurance-simulator .hf-life-primary{margin:6px 0 3px;font-size:clamp(48px,5vw,64px)}
.page-life-insurance-simulator .hf-life-primary-context{margin:0;color:#aeb8bc;font-size:10.5px;line-height:1.45}
.page-life-insurance-simulator .hf-life-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}
.page-life-insurance-simulator .hf-life-key-grid>div{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.025)}
.page-life-insurance-simulator .hf-life-key-grid span{display:block;min-height:30px;margin-bottom:5px;color:#bfc8cb;font-size:9px;line-height:1.35;font-weight:700}
.page-life-insurance-simulator .hf-life-key-grid strong{display:block;color:#fff;font-size:16px;line-height:1.2}
.page-life-insurance-simulator .hf-life-key-grid small{display:block;margin-top:4px;color:#8f999e;font-size:8.5px;line-height:1.35}
.page-life-insurance-simulator .hf-life-break-even{margin-bottom:10px;padding:13px 14px;border-radius:13px;background:#eefafa;color:#273437}
.page-life-insurance-simulator .hf-life-break-even>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.page-life-insurance-simulator .hf-life-break-even span{max-width:24ch;color:#526166;font-size:10px;line-height:1.35;font-weight:700}
.page-life-insurance-simulator .hf-life-break-even strong{flex:0 0 auto;color:#267b7c;font-size:15px;line-height:1.2;text-align:right}
.page-life-insurance-simulator .hf-life-break-even p{margin:7px 0 0;color:#69757a;font-size:9px;line-height:1.42}
.page-life-insurance-simulator .hf-life-scenarios{display:grid;gap:8px;margin-bottom:12px}
.page-life-insurance-simulator .hf-life-scenario{padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.025)}
.page-life-insurance-simulator .hf-life-scenario.is-alt{border-color:rgba(118,211,208,.22);background:rgba(98,198,196,.055)}
.page-life-insurance-simulator .hf-life-scenario-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.page-life-insurance-simulator .hf-life-scenario-head span{color:#d4dbdd;font-size:10.5px;font-weight:800}
.page-life-insurance-simulator .hf-life-scenario-head strong{color:#fff;font-size:12px}
.page-life-insurance-simulator .hf-life-scenario dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.page-life-insurance-simulator .hf-life-scenario dl>div{min-width:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.page-life-insurance-simulator .hf-life-scenario dt{margin:0 0 3px;color:#909ba0;font-size:8.5px;line-height:1.2}
.page-life-insurance-simulator .hf-life-scenario dd{margin:0;color:#edf1f2;font-size:10px;line-height:1.3;font-weight:750;overflow-wrap:anywhere}
.page-life-insurance-simulator .hf-life-result .hf-balanced-cta{margin-top:2px}
.page-life-insurance-simulator .hf-life-result-disclaimer{margin:10px 0 0;color:#9da7ab;font-size:9px;line-height:1.45;text-align:center}

/* Keep the editorial comparison table safely inside the viewport. */
.page-life-insurance-simulator .hf-life-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:28px;border:1px solid #dfeaea;border-radius:18px;background:#fff}
.page-life-insurance-simulator .hf-life-table{width:100%;min-width:680px;border-collapse:collapse;font-size:11px;line-height:1.55}
.page-life-insurance-simulator .hf-life-table th,.page-life-insurance-simulator .hf-life-table td{padding:15px 17px;border-bottom:1px solid #e8eeee;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.page-life-insurance-simulator .hf-life-table th{background:#eef8f7;color:#30383c;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.page-life-insurance-simulator .hf-life-table td:first-child{font-weight:800;color:#30383c}
.page-life-insurance-simulator .hf-life-table tr:last-child td{border-bottom:0}
.page-life-insurance-simulator .hf-sim-related-grid h3 a{color:inherit;text-decoration:none}
.page-life-insurance-simulator .hf-sim-related-grid h3 a:hover{color:#277d7e}
.page-life-insurance-simulator .hf-life-final .cta-copy h2{max-width:17ch}

@media(max-width:980px){
  .page-life-insurance-simulator .hf-life-shell{grid-template-columns:1fr}
  .page-life-insurance-simulator .hf-life-result{min-height:0}
}
@media(max-width:640px){
  .page-life-insurance-simulator .hf-life-title h1{max-width:none}
  .page-life-insurance-simulator .hf-life-rate-grid,.page-life-insurance-simulator .hf-life-compare-choice{grid-template-columns:1fr}
  .page-life-insurance-simulator .hf-life-compare-choice{gap:12px}
  .page-life-insurance-simulator .hf-life-key-grid{grid-template-columns:1fr}
  .page-life-insurance-simulator .hf-life-key-grid span{min-height:0}
  .page-life-insurance-simulator .hf-life-break-even>div{display:grid;gap:6px}
  .page-life-insurance-simulator .hf-life-break-even strong{text-align:left}
  .page-life-insurance-simulator .hf-life-scenario dl{grid-template-columns:1fr 1fr 1fr}
  .page-life-insurance-simulator .hf-life-result{padding:27px 20px}
}
@media(max-width:410px){
  .page-life-insurance-simulator .hf-life-scenario dl{grid-template-columns:1fr}
  .page-life-insurance-simulator .hf-life-scenario dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .page-life-insurance-simulator .hf-life-scenario dt,.page-life-insurance-simulator .hf-life-scenario dd{margin:0}
}