/* ════════════════════════════════════════════════════════════════════
   Pie de página unificado — copia en CSS simple del de gstarbim.cl.
   Mismo archivo en los cinco sitios de producto. Solo cambia el color
   de fondo según data-gf (lo fija config/footer.php de cada sitio).
   ════════════════════════════════════════════════════════════════════ */
.gf { --gf-bg: #ffffff; --gf-accent: #1a6cff; --gf-line: #e6eaf2;
      background: var(--gf-bg); border-top: 1px solid var(--gf-line); color: #5b6478; font-size: 14px; line-height: 1.5; text-align: left; }
.gf[data-gf="cad"]    { --gf-bg: #eef4ff; --gf-accent: #1a6cff; --gf-line: #dbe6fb; }
.gf[data-gf="bim"]    { --gf-bg: #e9f8fa; --gf-accent: #0e7490; --gf-line: #cfeaef; }
.gf[data-gf="365"]    { --gf-bg: #eaf6ff; --gf-accent: #0b78d1; --gf-line: #d3e9fb; }
.gf[data-gf="point"]  { --gf-bg: #eef1f7; --gf-accent: #1a6cff; --gf-line: #dde3ee; }
.gf[data-gf="render"] { --gf-bg: #f4f0ff; --gf-accent: #7c3aed; --gf-line: #e5dcfb; }
.gf *, .gf *::before, .gf *::after { box-sizing: border-box; }
.gf-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; }
.gf-grid { display: grid; gap: 2.5rem; padding-top: 3.5rem; padding-bottom: 3.5rem; }
@media (min-width: 768px) { .gf-grid { grid-template-columns: 1.4fr 1fr 1fr; } }
.gf-brand { display: inline-flex; }
.gf-brand img { display: block; height: 44px; width: auto; max-width: 100%; }
.gf-desc { margin: 1rem 0 0; max-width: 24rem; font-size: 14px; line-height: 1.65; color: #5b6478; }
.gf-h { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #0b1220; }
.gf-list { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .625rem; }
.gf-list a { color: #5b6478; text-decoration: none; transition: color .2s ease; }
.gf-list a:hover, .gf-list a[aria-current] { color: var(--gf-accent); }
.gf-list a[aria-current] { font-weight: 600; }
.gf-bottom { border-top: 1px solid var(--gf-line); }
.gf-bottom-in { display: flex; flex-direction: column; gap: .5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 12px; color: #5b6478; }
.gf-bottom-in p { margin: 0; }
@media (min-width: 768px) { .gf-bottom-in { flex-direction: row; align-items: center; justify-content: space-between; } }