/* The one footer for every Blason page: the cold VSL (blason/index.html), the
   warm page (blason/followup) and the confirmation page (blason/confirm).
   Self-contained (own colors, bf- prefix) so it reads the same on all three,
   whatever tokens the page uses. Markup is the same block in each page; the
   Spanish words swap in from data-es (BL.localize / the cold page's applyLang).
   2026-10-26. */
.bf{margin-top:clamp(72px,10vw,128px);background:#F4F5F7;border-top:1px solid rgba(14,19,34,.07);color:#5E6577;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.bf a{color:inherit;text-decoration:none;transition:color .2s}
.bf a:hover{color:#0E1322}
.bf-in{width:min(1120px,100% - 2*clamp(16px,4vw,40px));margin-inline:auto;padding-block:clamp(40px,6vw,64px) clamp(28px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:40px}
.bf-brand img{width:92px;height:50px;object-fit:contain;object-position:left center;filter:saturate(.9)}
.bf-tag{margin-top:14px;max-width:30ch;color:#5E6577;font-size:14.5px;letter-spacing:-.005em}
.bf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.bf h4{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0E1322;margin:4px 0 12px}
.bf-cols p{margin:0}
.bf-cols .sm{display:block;margin-top:6px;font-size:13px;color:#8A90A0}
.bf-cols a.go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:600;color:#26479D}
.bf-cols a.go:hover{color:#1B346F}
.bf-cols a.go svg{width:12px;height:12px}
.bf-base{width:min(1120px,100% - 2*clamp(16px,4vw,40px));margin-inline:auto;border-top:1px solid rgba(14,19,34,.08);padding-block:20px 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#8A90A0}
@media(max-width:760px){
  .bf-in{grid-template-columns:1fr;gap:32px}
  .bf-cols{grid-template-columns:1fr 1fr;gap:28px 20px}
  .bf-cols>div:first-child{grid-column:1/-1}
}
/* the cold page's sticky mobile button sits over the bottom edge */
@media(max-width:719px){body.has-sticky .bf-base{padding-bottom:104px}}
