/* Footer grande de palito: línea, frase, menú en pills y la palabra gigante cortada a la mitad.
   En la app arranca cerrado (body.foot-open lo abre); en las páginas internas está siempre visible. */
.bf{--bf-bg:#E8E9E2;--bf-pill:#F7F7F3;max-width:1100px;margin:0 auto;padding:0 12px calc(14px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:var(--ink,#151614);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bf{--bf-bg:#1F201D;--bf-pill:#2A2B27}}
:root[data-theme="dark"] .bf{--bf-bg:#1F201D;--bf-pill:#2A2B27}
.bf *{box-sizing:border-box}
.bf-card{position:relative;background:var(--bf-bg);border-radius:30px;overflow:hidden;padding:26px 22px 0}
.bf-top{display:grid;gap:16px;border-top:1.5px solid var(--ink,#151614);padding-top:16px}
.bf-lead{margin:0;font-family:"Figtree",system-ui,sans-serif;font-weight:600;font-size:clamp(18px,4.6vw,24px);line-height:1.2;letter-spacing:-.01em;max-width:26ch}
.bf-pills{display:flex;flex-wrap:wrap;gap:6px}
.bf-pills a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit;background:var(--bf-pill);border:1.5px solid var(--ink,#151614);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.bf-pills a[aria-current="page"]{background:var(--ink,#151614);color:var(--paper,#F2F3EE)}
.bf-cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#151614;background:var(--hi,#FFE047);border:2px solid #151614;border-radius:999px;padding:8px 8px 8px 16px;font-weight:800;font-size:16px;box-shadow:3px 4px 0 rgba(21,22,20,.14);cursor:pointer;font-family:inherit}
.bf-cta i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#151614;color:#FFE047;font-style:normal}
.bf-cta i svg{width:14px;height:14px}
.bf-ans{margin:22px 0 0;background:var(--bf-pill);border:2px solid var(--ink,#151614);border-radius:20px;padding:14px 16px 16px;box-shadow:4px 5px 0 rgba(21,22,20,.10)}
.bf-ans h1{margin:0 0 6px;font-family:"Figtree",system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.bf-ans p{margin:0;font-family:"Patrick Hand",cursive;font-size:21px;line-height:1.2;overflow-wrap:anywhere}
.bf-ans p+p{margin-top:6px;opacity:.75;font-size:18px}
.bf-ans small{display:block;margin-top:10px;font-size:12.5px;color:var(--muted,#676A63)}
.bf-word{position:relative;height:calc(var(--bf-size) * .70);margin:22px 0 0;overflow:hidden;pointer-events:none;user-select:none;--bf-size:min(37vw,460px);display:flex;justify-content:center}
.bf-word span{position:relative;display:block;margin-top:calc(var(--bf-size) * -.08);font-family:"Patrick Hand",cursive;font-size:var(--bf-size);line-height:1;letter-spacing:-.02em;color:var(--ink,#151614);white-space:nowrap}
.bf-word span::before{content:"";position:absolute;left:-2%;right:-2%;top:56%;height:26%;background:var(--hi,#FFE047)}
.bf-word span b{position:relative;font-weight:400}
.bf-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 8px 0;font-size:12.5px;color:var(--muted,#676A63)}
.bf-meta a,.bf-meta button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media (min-width:720px){
  .bf-card{padding:34px 40px 0}
  .bf-top{grid-template-columns:1.1fr 1.4fr auto;align-items:start;gap:24px}
  .bf-cta{justify-self:end}
  .bf-word{--bf-size:min(26vw,380px)}
}
/* En la app: cerrado hasta que tocan "···" */
body .app ~ .bf{display:none;margin-top:28px}
body.foot-open .app ~ .bf{display:block;animation:bfIn .35s ease-out}
body.kb .app ~ .bf{display:none}
@keyframes bfIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.foot-open .app ~ .bf{animation:none}}