/* 🎨 Empleos Mineros — Paleta y estilo general */

/* ---------- VARIABLES ---------- */
:root {
  --color-base: #1a2e40;         /* Azul formal */
  --color-acento: #cda434;       /* Dorado sobrio */
  --color-acento-hover: #b08b2e; /* Dorado oscuro */
  --color-fondo: #f8f9fa;
  --color-texto: #333;
  --color-borde: #ddd;
}
/* ---------- ESTRUCTURA GENERAL ---------- */
body {
  background-color: var(--color-fondo);
  color: var(--color-texto);
  font-family: "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

.container {
  max-width: 1100px;
}

/* ---------- NAVBAR ---------- */
.navbar {
  background: linear-gradient(90deg, var(--color-base), #0d1b2a);
}

.navbar .navbar-brand {
  color: var(--color-acento) !important;
  font-weight: 700;
}

.navbar .text-white-50 {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ---------- BOTONES ---------- */
.btn-minero {
  background-color: var(--color-acento);
  color: var(--color-base);
  border: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.btn-minero:hover {
  background-color: var(--color-acento-hover);
  color: #fff;
}

.btn-outline-minero {
  color: var(--color-acento);
  border: 1px solid var(--color-acento);
}

.btn-outline-minero:hover {
  background-color: var(--color-acento-hover);
  color: #fff;
}

/* ---------- TABLAS ---------- */
.table-minero thead {
  background-color: var(--color-acento);
  color: var(--color-base);
  font-weight: 600;
}

.table-minero tbody tr:hover {
  background-color: #fff9e6;
}

/* ---------- ALERTAS ---------- */
.alert-minero {
  background-color: var(--color-acento);
  color: var(--color-base);
  border: none;
  font-weight: 500;
}

/* ---------- FOOTER ---------- */
footer {
  background: linear-gradient(90deg, var(--color-base), #0d1b2a);
  color: var(--color-acento);
  text-align: center;
  padding: 1rem 0;
  font-size: 0.9rem;
}

footer .text-muted {
  color: #aaa !important;
}

/* ---------- UTILIDADES ---------- */
.shadow-minero {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.card-minero {
  border-left: 5px solid var(--color-acento);
  border-radius: 10px;
}

h4, h5, h6 {
  color: var(--color-acento);
  font-weight: 600;
}