/* ════════════════════════════════════════════════════════════
   vacantes/css/shared.css — Estilos compartidos entre páginas
   de vacantes: navbar transparente + footer
   ════════════════════════════════════════════════════════════ */

/* ── Navbar transparente sobre hero/header ──────────────────── */
/* Sin .scrolled → transparente, texto blanco                   */
/* Con .scrolled → glass blanco estándar                        */
.navbar-glass:not(.scrolled) {
  background: transparent !important;
  backdrop-filter: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.navbar-glass.scrolled {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(15px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08) !important;
}

.navbar-glass:not(.scrolled) .nav-link-animated,
.navbar-glass:not(.scrolled) .nav-link { color: rgba(255, 255, 255, 0.9) !important; }

.navbar-glass:not(.scrolled) .nav-link-animated:hover,
.navbar-glass:not(.scrolled) .nav-link:hover { color: #fff !important; }
.navbar-glass:not(.scrolled) .nav-link.fw-semibold { color: #fff !important; }
.navbar-glass:not(.scrolled) .hamburger-icon span { background-color: #fff !important; }

/* El logo DCH es un gráfico a color sin fondo transparente: invertirlo
   lo vuelve un cuadro blanco sólido, así que sobre el navbar
   transparente se muestra con un fondo translúcido en vez de invertirlo. */
.navbar-glass:not(.scrolled) .navbar-brand img {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  padding: 4px 8px;
  transition: background 0.3s;
}

/* ── Footer ─────────────────────────────────────────────────── */
.dch-footer {
  background: #0f172a;
  color: #94a3b8;
  padding: 36px 0;
  text-align: center;
  font-size: 13px;
  margin-top: 8px;
}

.dch-footer a {
  color: #64748b;
  text-decoration: none;
}

.dch-footer a:hover {
  color: #94a3b8;
}