/* [2026-10-21] Calculadoras con el diseño v2 (body.fx-calc). Se carga después de foro_v2.css, foros_v2.css y secciones_v2.css.
   Solo presentación: no toca fórmulas, textos ni identificadores que usa el JavaScript de cada calculadora. */
body.fx-calc{font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;background:#f4f5f9;color:#0f172a}
body.fx-calc main.fv2{display:block;width:100%}
.fx-calc .fv2 .card{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);margin:16px 0;overflow:hidden}
.fx-calc .fv2 .card-b{padding:20px 22px}
.fx-calc .fv2 .section-head{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-.1px}
.fx-calc .fv2 .lbl{font-weight:700;font-size:13px;color:#334155}
.fx-calc .fv2 .inp,.fx-calc .fv2 .sel{height:46px;min-height:46px;font-family:inherit;padding:0 12px;border:1px solid #dfe3ec;border-radius:10px;background:#fff;font-size:16px;font-weight:600;color:#0f172a}
.fx-calc .fv2 .inp:focus,.fx-calc .fv2 .sel:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(94,23,235,.10)}
.fx-calc .fv2 .help{color:#64748b}
.fx-calc .fv2 .adv-field{background:#f8f9fc;border:1px solid #eef0f5;border-radius:10px}
.fx-calc .fv2 .actions{border-top-color:#eef0f5}
/* botones: el principal morado con texto blanco; el secundario blanco con borde y texto morado */
.fx-calc .fv2 .btn{font-family:inherit;min-height:44px;padding:10px 18px;border:1.5px solid #c4b5fd;border-radius:10px;background:#fff;color:#5e17eb;font-weight:800;font-size:14.5px;line-height:1.2;box-shadow:none;transform:none;text-decoration:none}
.fx-calc .fv2 .btn:hover{background:#f3edff;transform:none;box-shadow:none}
.fx-calc .fv2 .btn-primary,.fx-calc .fv2 form .btn[type=submit]{background:#5e17eb;border-color:#5e17eb;color:#fff}
.fx-calc .fv2 .btn-primary:hover,.fx-calc .fv2 form .btn[type=submit]:hover{background:#3a0ca3;border-color:#3a0ca3;color:#fff}
.fx-calc .fv2 .btn:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
/* resultados */
.fx-calc .fv2 .kpi{background:#f8f9fc;border:1px solid #eef0f5;border-radius:10px;padding:14px}
.fx-calc .fv2 .kpi.kpi-main{background:#f3edff;border-color:#ddd0fb}
.fx-calc .fv2 .kpi.kpi-main strong{color:#3a0ca3}
.fx-calc .fv2 .kpi.kpi-neto{background:#ecfdf3;border-color:#bbf7d0}
.fx-calc .fv2 .kpi h4{font-size:11.5px;font-weight:700;letter-spacing:.4px;color:#64748b}
.fx-calc .fv2 .kpi strong{font-size:21px;font-weight:800}
.fx-calc .fv2 .table-wrap{border:1px solid #eef0f5;border-radius:10px}
.fx-calc .fv2 .table th{background:#f8f9fc;color:#64748b;font-weight:600;font-size:12px;letter-spacing:.3px}
.fx-calc .fv2 .table td{border-top-color:#eef0f5}
.fx-calc .fv2 .row-year{background:#fafbfe}.fx-calc .fv2 .row-year:hover{background:#f3edff}
.fx-calc .fv2 .toggle-icon{color:#5e17eb}
.fx-calc .fv2 .chart-notes{background:#f8f9fc;border-left-color:#5e17eb}
/* texto explicativo */
.fx-calc .fv2 .seo-content{font-size:15.5px}
.fx-calc .fv2 .seo-content h2{font-size:21px;font-weight:800;color:#0f172a}
.fx-calc .fv2 .seo-content h3{font-size:17px;font-weight:700;color:#3a0ca3}
.fx-calc .fv2 .seo-content p,.fx-calc .fv2 .seo-content li{color:#334155}
.fx-calc .fv2 .seo-content a{color:#5e17eb;font-weight:700}
/* anuncio bajo el formulario: mismo hueco */
.fx-calc .fv2 .calc-ad{margin:16px 0}
/* índice /calculadoras.php: filas a todo el ancho (mismo estilo que las filas de Resultados) */
.fx-calc-list{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);overflow:hidden;margin:16px 0}
.fx-calc-it{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #eef0f5;color:#0f172a!important;text-decoration:none!important;transition:background .15s}
.fx-calc-it:last-child{border-bottom:0}
.fx-calc-it:hover{background:#fcfaff}
.fx-calc-it .ic{width:44px;height:44px;border-radius:10px;background:#f3edff;color:#5e17eb;display:flex;align-items:center;justify-content:center}
.fx-calc-it .tx{min-width:0}
.fx-calc-it b{display:block;font-size:15.5px;font-weight:800;color:#5e17eb;margin-bottom:2px}
.fx-calc-it .tx span{display:block;color:#475569;font-size:14px}
.fx-calc-it i{font-style:normal;color:#5e17eb;font-weight:800;font-size:18px;text-align:right}
@media (max-width:767px){
  .fx-calc .fv2 .card-b{padding:16px 14px}
  .fx-calc-it{grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;padding:12px 14px}.fx-calc-it .ic{width:40px;height:40px}
  .fx-calc .fv2 .btn{width:100%}
  .fx-calc .fv2 .flex-row>*{flex:0 0 auto;width:100%}
  .fx-calc .fv2 .flex-row .flex-1{padding:0 12px}
}