/* FT CFA LatAm skin — chrome CSS (19jul2026)
 * Extraido 1:1 del bloque "header/footer canónico (idéntico en todas las públicas)"
 * que ya vive en la home real (fthtml_home). No se ha inventado nada nuevo aqui:
 * mismos tokens navy #1B3A6B / amarillo #FCD718 / fondo #F4F6FA que usa el resto
 * del sitio publico.
 */
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif; background: #F4F6FA; -webkit-font-smoothing: antialiased; }
a { -webkit-tap-highlight-color: transparent; }
button { transition: filter .12s, transform .1s; }
button:hover { filter: brightness(.96); }
button:active { transform: translateY(1px); }

/* ===== header/footer canonico ===== */
.ftnav-toggle { display: none; }
.ftnav-mob { display: none; }
.ftnav-desk a:hover { color: #0d1f3c; }
.ftnav-cta a:not(.ftcta-y):hover { color: #0d1f3c; }
.ftcta-y:hover { background: #e8c400; }
.ftcta-y:active { transform: translateY(1px); }
.ftnav-toggle .ic-x { display: none; }
#ftnav-cb:checked ~ header .ftnav-mob { display: block; }
#ftnav-cb:checked ~ header .ftnav-toggle .ic-burger { display: none; }
#ftnav-cb:checked ~ header .ftnav-toggle .ic-x { display: flex; }
@media (max-width: 860px) {
  .ftnav-desk { display: none !important; }
  .ftnav-cta { display: none !important; }
  .ftnav-toggle { display: flex !important; }
}
@media (min-width: 861px) { .ftnav-mob { display: none !important; } }
.ftfoot a:hover { color: #fff !important; }
@media (max-width: 760px) {
  .ftfoot { padding: 52px 20px 36px !important; }
  .ftfoot-grid { grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
}
@media (max-width: 480px) { .ftfoot-grid { grid-template-columns: 1fr !important; } }

/* ===== splash de carga ===== */
#ft-splash { position: fixed; inset: 0; z-index: 9999; background: #122749; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; transition: opacity .35s ease; }
#ft-splash.hide { opacity: 0; pointer-events: none; }
#ft-splash .sp { width: 34px; height: 34px; border-radius: 50%; border: 3px solid rgba(255,255,255,.18); border-top-color: #FCD718; animation: ftspin .7s linear infinite; }
@keyframes ftspin { to { transform: rotate(360deg); } }

/* ===== columna de contenido (articulo/landing) ===== */
.ft-skin-main { max-width: 820px; margin: 0 auto; padding: 56px 24px 80px; }
.ft-skin-main h1 { color: #1B3A6B; font: 800 clamp(28px, 4vw, 40px)/1.2 'Satoshi', system-ui, sans-serif; margin: 0 0 24px; }
.ft-skin-main h2 { color: #1B3A6B; font: 700 24px/1.3 'Satoshi', system-ui, sans-serif; margin: 40px 0 16px; }
.ft-skin-main h3 { color: #1B3A6B; font: 700 19px/1.3 'Satoshi', system-ui, sans-serif; margin: 28px 0 12px; }
.ft-skin-main p, .ft-skin-main li { font: 400 16px/1.7 'Satoshi', system-ui, sans-serif; color: #3a4250; }
.ft-skin-main a { color: #1B3A6B; }