body { background:#0f0f10; color:#eaeaea; }
.navbar { background: linear-gradient(90deg,#000,#1a1a1a); }
h3,h4 { color:#ffd166; }
.card, .table { background:#1b1c1f; color:#eaeaea; }
.table thead th { color:#bbb; }
footer { border-top:1px solid #222; }
.carousel .carousel-caption h5 { color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.6); }
.nav-pills .nav-link { background:#26272b; color:#ddd; }
.nav-pills .nav-link.active { background:#0d6efd; }
.card-title { color:#ffd166; } /* tono dorado como tu sitio */
/* GRID */
.rje-grid{
  display:grid; gap:18px;
  grid-template-columns: repeat(3, 1fr);
  margin:24px 0;
}
@media (max-width: 992px){ .rje-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .rje-grid{ grid-template-columns: 1fr; } }

/* TARJETAS */
.rje-card{
  background:#111827;                 /* fondo oscuro */
  border:1px solid #374151;
  border-radius:10px;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  overflow:hidden;
}
.rje-head{
  padding:10px 14px;
  background:#16a7b7; color:#fff; font-weight:800; font-size:16px;
  text-transform:uppercase; letter-spacing:.4px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.rje-body{ padding:14px; }
.rje-center{ text-align:center; }

/* IMAGEN GRANDE (la tarjeta que hiciste en PhotoScape) */
.rje-img{ display:block; width:100%; height:auto; border-radius:6px; }

/* Botón fallback (si aún no subes la imagen) */
.rje-btn{
  display:inline-block; text-align:center;
  padding:12px 16px; border-radius:8px; font-weight:700;
  text-decoration:none; color:#fff; background:#2563eb;
  transition:transform .1s ease, opacity .1s ease;
}
.rje-btn:hover{ transform:translateY(-1px); opacity:.95; }