/* Paleta institucional */
:root {
  --azul-marino: #0d1b2a;
  --azul-celeste: #00b4d8;
  --gris-claro: #e0e1dd;
  --blanco: #ffffff;
}

/* Tipografía */
body {
  background-color: var(--gris-claro);
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Tarjetas */
.card {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  background-color: var(--blanco);
  padding: 20px;
}

/* Encabezados */
h2, h3 {
  color: var(--azul-marino);
}

/* Etiquetas */
.form-label {
  font-weight: 600;
  color: var(--azul-marino);
}

/* Botones */
.btn-primary {
  background-color: var(--azul-marino);
  border: none;
}
.btn-primary:hover {
  background-color: #003566;
}

/* Tablas */
.table th {
  background-color: var(--azul-celeste);
  color: var(--blanco);
}