:root {
  --gremio-brand: #1b5cff;
}

/* Footer GREMIO (igual al de Trabajos) */
.main-header,
.auth-header {
  width: 100%;
}

.main-header .logo,
.main-header .header-logo,
.main-header .logo-link,
.main-header .header-logo a,
.auth-header .logo,
.auth-header .header-logo,
.auth-header .logo-link,
.auth-header .header-logo a,
.seo-header .seo-brand {
  margin: 0;
  margin-right: auto;
  text-align: left;
  color: var(--gremio-brand) !important;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  flex-shrink: 0;
}

.main-header .logo a,
.main-header .header-logo a,
.auth-header .logo a,
.auth-header .header-logo a,
.seo-header .seo-brand,
.logo-link {
  color: var(--gremio-brand) !important;
  text-decoration: none;
}

.main-header .logo,
.main-header .header-logo {
  font-size: clamp(1.6rem, 2vw, 2rem);
}

.auth-header .logo,
.auth-header .header-logo {
  font-size: clamp(1.55rem, 2vw, 1.9rem);
}

.seo-header .seo-brand {
  font-size: clamp(1.6rem, 2vw, 2rem);
}

.header-container,
.header-content {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.header-container > .header-logo,
.header-container > .logo,
.header-content > .header-logo,
.header-content > .logo,
.main-header > .header-logo,
.main-header > .logo,
.auth-header > .header-logo,
.auth-header > .logo {
  margin-right: auto;
}

.header-container > .profile-menu,
.main-header > .profile-menu,
.header-container > .header-nav,
.main-header > .header-nav,
.header-content > :not(.logo):not(.header-logo),
.auth-header > :not(.logo):not(.header-logo) {
  margin-left: auto;
}

.gremio-footer {
  margin-top: 60px;
  padding: 20px 16px;
  border-top: 1px solid #e5e7eb;
  background-color: #fafafa;
}

.gremio-footer-content {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.gremio-footer-text {
  font-size: 14px;
  color: #555;
}

.gremio-footer-links {
  font-size: 13px;
  color: #777;
}

.gremio-footer-links a {
  color: #1b5cff;
  text-decoration: none;
}

.gremio-footer-links a:hover {
  text-decoration: underline;
}