/* ══════════════════════════════════════════════════════════════
   GLOBO CREATIVO — presentation shell (shared)
   Paleta: gris cálido #F3F3F1 · tinta #111 · naranja #F5610A
   Tipo: Archivo (títulos) · Inter (cuerpo) · JetBrains Mono (micro)
   Scope: index completo + header/footer de las 3 direcciones
   ══════════════════════════════════════════════════════════════ */

:root {
  --gc-paper: #F3F3F1;
  --gc-paper-soft: #EDEDEA;
  --gc-ink: #111111;
  --gc-ink-soft: #2a2a2a;
  --gc-mute: rgba(17,17,17,.55);
  --gc-line: rgba(17,17,17,.12);
  --gc-orange: #F5610A;
  --gc-white: #FFFFFF;
  --gc-gray-soft: rgba(255,255,255,.55);
}

/* ===== Top masthead (light Globo shell) ===== */
.gc-mast {
  background: var(--gc-paper);
  padding: 18px 40px 14px;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px;
  border-bottom: 1px solid var(--gc-line);
  font-family: 'Archivo', 'Inter', sans-serif;
}
.gc-mast .gc-mast-logo img { height: 32px; display: block; }
.gc-mast .gc-mast-center {
  font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gc-mute); text-align: center;
}
.gc-mast .gc-mast-center b { color: var(--gc-ink); font-weight: 500; }
.gc-mast .gc-mast-right {
  font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gc-orange); font-weight: 500; text-align: right;
}
.gc-mast .gc-mast-right em { color: var(--gc-mute); font-style: normal; }

/* ===== Bottom presenter bar (light Globo shell) ===== */
.gc-presenter-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 80;
  background: var(--gc-paper); color: var(--gc-ink);
  padding: 10px 28px;
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  font-family: 'Archivo', 'Inter', sans-serif;
  font-size: 11px; letter-spacing: .08em;
  border-top: 1px solid var(--gc-line);
  box-shadow: 0 -10px 30px -20px rgba(0,0,0,.12);
}
.gc-presenter-bar .gc-left { display: flex; align-items: center; gap: 18px; }
.gc-presenter-bar img.gc-logo { height: 22px; width: auto; display: block; }
.gc-presenter-bar .gc-divider { width: 1px; height: 22px; background: var(--gc-line); }
.gc-presenter-bar .gc-who {
  font-size: 11px; letter-spacing: .08em; color: var(--gc-ink); font-weight: 500;
  text-transform: uppercase;
}
.gc-presenter-bar .gc-who span { color: var(--gc-mute); font-weight: 400; margin-left: 8px; }
.gc-presenter-bar .gc-for {
  color: var(--gc-orange); font-weight: 600; letter-spacing: .15em; text-transform: uppercase; font-size: 10px;
  display: flex; align-items: center; gap: 8px;
}
.gc-presenter-bar .gc-for::before { content: ''; width: 6px; height: 6px; background: var(--gc-orange); border-radius: 50%; }
.gc-presenter-bar .gc-for em { color: var(--gc-mute); font-style: normal; font-weight: 400; letter-spacing: .1em; }
.gc-presenter-bar .gc-date {
  color: var(--gc-mute); font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .15em; text-transform: uppercase;
}

body { padding-bottom: 44px; } /* leave space for fixed bar */

/* ===== Signoff block (light Globo shell above page footer) ===== */
.gc-signoff {
  background: var(--gc-paper);
  color: var(--gc-ink);
  padding: 72px 48px 80px;
  margin-top: 80px;
  display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 48px; align-items: end;
  font-family: 'Archivo', 'Inter', sans-serif;
  position: relative;
  border-top: 1px solid var(--gc-line);
}
.gc-signoff::before {
  content: ''; position: absolute; top: -1px; left: 48px; width: 80px; height: 2px; background: var(--gc-orange);
}
.gc-signoff .gc-logomark img { height: 48px; width: auto; display: block; }
.gc-signoff .gc-logomark .gc-kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gc-orange); font-weight: 500; margin-top: 18px;
}
.gc-signoff h3 {
  font-family: 'Archivo', 'Inter', sans-serif; font-weight: 600;
  font-size: clamp(24px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -.02em;
  color: var(--gc-ink); text-wrap: balance;
}
.gc-signoff h3 em {
  font-style: normal; color: var(--gc-orange); font-weight: 600;
}
.gc-signoff .gc-meta {
  font-size: 12px; line-height: 1.6; color: var(--gc-mute); letter-spacing: .02em;
}
.gc-signoff .gc-meta strong {
  color: var(--gc-ink); font-weight: 600; display: block; margin-bottom: 4px;
  letter-spacing: .15em; font-size: 10px; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;
  color: var(--gc-orange);
}
.gc-signoff .gc-meta a { color: var(--gc-orange); text-decoration: none; }
.gc-signoff .gc-meta p { margin-bottom: 14px; color: var(--gc-ink); }

@media (max-width: 900px) {
  .gc-mast { grid-template-columns: 1fr; text-align: center; gap: 10px; padding: 14px 20px; }
  .gc-mast .gc-mast-right, .gc-mast .gc-mast-center { text-align: center; }
  .gc-presenter-bar { flex-direction: column; padding: 10px 16px; font-size: 10px; gap: 4px; }
  .gc-presenter-bar .gc-divider { display: none; }
  .gc-signoff { grid-template-columns: 1fr; padding: 48px 24px 64px; }
  body { padding-bottom: 90px; }
}