/* ALOJAMOS UI (global) */
:root{
  /* Ajusta aquí tu azul petróleo exacto */
  --al-primary: #0F1F2D;
  --al-primary-contrast: #ffffff;

  --al-title: var(--al-primary);
  --al-text: rgba(15,23,42,.9);

  --al-border: rgba(15,23,42,.10);
  --al-shadow: 0 8px 24px rgba(15,23,42,.06);
  --al-bg: #ffffff;
  --al-soft: rgba(15,23,42,.02);
}

/* Botones */
.al-btn-primary{
  background: var(--al-primary) !important;
  color: var(--al-primary-contrast) !important;
  border-color: var(--al-primary) !important;
}
.al-btn-soft{
  color: var(--al-primary) !important;
  border-color: rgba(11,59,60,.25) !important;
}
.al-btn-soft:hover{
  background: rgba(11,59,60,.06) !important;
}

/* Títulos */
.al-card-title,
.al-page-title{
  color: var(--al-title) !important;
}

/* Cards */
.al-card{
  background: var(--al-bg);
  border-color: var(--al-border);
  box-shadow: var(--al-shadow);
}

/* Texto */
.al-card-b,
.al-text{
  color: var(--al-text);
}