:root {
  --color-primary: #2180AD;
  --color-primary-hover: #1a6a8f;
  --color-primary-active: #15596e;
  --color-success: #2a8f8f;
  --color-bg: #f4f4f0;
  --color-surface: #ffffff;
  --color-text: #134252;
  --color-text-secondary: #626c71;
  --color-border: #e0ddd7;
}

/* Fondo general */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* Navbar degradada como en tu gestor */
.bg-gradient-primary {
  background: linear-gradient(135deg, #2180AD 0%, #15596e 100%);
}

/* Logo */
.logo-img {
  height: 48px;
  width: auto;
}

.logo-subtitle-text {
  font-size: 0.75rem;
  opacity: 0.9;
}

/* Hero */
.hero-section {
  background-color: var(--color-surface);
}

.hero-title {
  font-size: 2rem;
}

.hero-subtitle {
  color: var(--color-text-secondary);
}

.bg-badge {
  background-color: #e8f4f8;
  color: #15596e;
}

.hero-panel {
  background: linear-gradient(145deg, #2180AD, #2a8f8f);
  color: #ffffff;
}

.hero-highlight {
  background-color: rgba(0, 0, 0, 0.18);
}

/* Tarjetas */
.custom-card {
  background-color: var(--color-surface);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Chips de islas */
.island-chip {
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background-color: #f9fafb;
}

/* Footer */
.footer-custom {
  background-color: #1c2b33;
  color: #d9e2e8;
}

.footer-link {
  color: #d9e2e8;
  opacity: 0.85;
  text-decoration: none;
}

.footer-link:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Medallas clasificación: aplicar color en las celdas */
.fila-oro > td {
  background: linear-gradient(90deg, #fff7d1, #ffe08a) !important;
  font-weight: 600;
}

.fila-plata > td {
  background: linear-gradient(90deg, #f4f5f7, #e0e4ea) !important;
  font-weight: 600;
}

.fila-bronce > td {
  background: linear-gradient(90deg, #f9e1d0, #f0b27a) !important;
  font-weight: 600;
}