:root {
  /* Colores oficiales — Goobec Brand Identity System v1.0 */
  --gb-azul-institucional: #0D1B2A;
  --gb-azul-primario:      #2563EB;
  --gb-turquesa:           #10B6B4;
  --gb-amarillo:           #FFC107;
  --gb-gris-claro:         #F3F4F6;
  --gb-gris-medio:         #6B7280;
  --gb-blanco:             #FFFFFF;

  /* Tipografías */
  --gb-font-principal:  'Montserrat', sans-serif;
  --gb-font-secundaria: 'Manrope', sans-serif;
  --gb-font-mono:       'JetBrains Mono', monospace;

  /* Espaciado — múltiplos de 4px (propuesta técnica) */
  --gb-space-1: 4px;
  --gb-space-2: 8px;
  --gb-space-3: 16px;
  --gb-space-4: 24px;
  --gb-space-5: 32px;
  --gb-space-6: 64px;
}


/* ===== Botones base — Goobec ===== */
.elementor-widget-button a.elementor-button.gb-btn,
a.gb-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--gb-space-2);
  font-family: var(--gb-font-secundaria);
  font-weight: 600;
  font-size: 15px;
  padding: var(--gb-space-2) var(--gb-space-4);
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.elementor-widget-button a.elementor-button.gb-btn.gb-btn--primary,
a.gb-btn.gb-btn--primary {
  background-color: var(--gb-azul-primario) !important;
  color: var(--gb-blanco) !important;
  border-color: transparent !important;
}
.elementor-widget-button a.elementor-button.gb-btn.gb-btn--primary:hover,
a.gb-btn.gb-btn--primary:hover {
  background-color: var(--gb-azul-institucional) !important;
  color: var(--gb-blanco) !important;
}

.elementor-widget-button a.elementor-button.gb-btn.gb-btn--secondary,
a.gb-btn.gb-btn--secondary {
  background-color: transparent !important;
  border-color: var(--gb-azul-primario) !important;
  color: var(--gb-azul-primario) !important;
}
.elementor-widget-button a.elementor-button.gb-btn.gb-btn--secondary:hover,
a.gb-btn.gb-btn--secondary:hover {
  background-color: var(--gb-azul-primario) !important;
  color: var(--gb-blanco) !important;
}

.elementor-widget-button a.elementor-button.gb-btn.gb-btn--accent,
a.gb-btn.gb-btn--accent {
  background-color: var(--gb-amarillo) !important;
  color: var(--gb-azul-institucional) !important;
}

/* ===== Enlaces base ===== */
.gb-link {
  color: var(--gb-azul-primario);
  font-family: var(--gb-font-secundaria);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.gb-link:hover {
  color: var(--gb-azul-institucional);
}