/* Barra y pie compartidos (18/10/2026): mismos que la portada nueva, para
   las páginas que no usan estilos.css (calculadora, blog, términos,
   arrepentimiento, delegar en ARCA). Clases con prefijo fx- para no chocar
   con los estilos propios de cada página. */
.fx-top{position:sticky;top:0;z-index:50;background:#1a5c9e;color:#fff;font-family:'DM Sans',system-ui,sans-serif}
.fx-top .fx-in{max-width:1160px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fx-logo{font-size:26px;font-weight:800;letter-spacing:-1px;color:#fff!important;text-decoration:none!important}
.fx-logo span{color:#9ccbf5}
.fx-acc{display:flex;align-items:center;gap:16px}
.fx-acc a{color:#fff;text-decoration:none;font-weight:600;font-size:14.5px}
.fx-acc a:hover{text-decoration:underline}
.fx-acc .fx-btn{background:#fff;color:#1a5c9e;border-radius:12px;padding:9px 14px;font-weight:700}
.fx-acc .fx-btn:hover{text-decoration:none}
@media (max-width:520px){.fx-acc .fx-sm{display:none}}
.fx-pie{background:#0b1524;color:#cbd5e1;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;margin-top:48px}
.fx-pie .fx-in{max-width:1160px;margin:0 auto;padding:28px 20px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
.fx-pie a{color:#cbd5e1;text-decoration:none}
.fx-pie a:hover{color:#fff}
.fx-pie nav{display:flex;flex-wrap:wrap;gap:8px 18px}