/* Puedes incluir en style.css */
.navbar-dark {
  background-color: #17421c !important; /* Verde oscuro */
}
.btn-warning {
  background-color: #b85521;
  border: none;
}
footer a:hover {
  color: #f1e0b5 !important; /* Beige claro */
}

/* metodos*/
.payment-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  height: 100%; /* ✅ Que ocupe toda la altura disponible */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.payment-logo-wrapper {
  height: 120px;            /* ✅ Altura fija para todos los logos */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.payment-logo {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
:root{
  --sj-green:#214020;
  --sj-orange:#B86A1E;
  --sj-cream:#E3CA9B;
  --sj-ivory:#FAF5E9;
  --sj-green-600:#3E6A40;
  --sj-ink:#0E1C0E;
}

body{ background-color:var(--sj-ivory); color:var(--sj-ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; }

/* Barra superior */
.navbar-sj{
  background:linear-gradient(180deg, rgba(249,246,237,.95), rgba(249,246,237,.90));
  border-bottom:2px solid rgba(0,0,0,.06);
  backdrop-filter: blur(6px);
}

/* Botones tema */
.btn-sj{ background:var(--sj-green); color:#fff; border:1px solid var(--sj-green); }
.btn-sj:hover{ background:#173115; border-color:#173115; color:#fff; }
.btn-sj-outline{ background:#fff; color:var(--sj-green); border:1px solid var(--sj-green); }
.btn-sj-outline:hover{ background:var(--sj-green); color:#fff; }

/* Pills de navegación secundaria */
.pill{ border:1px solid var(--sj-ink); border-radius:9999px; padding:.5rem 1rem; font-weight:700; background:#fff; color:var(--sj-ink); }
.pill.active{ background:var(--sj-ink); color:#fff; }

/* Hero / carrusel */
.hero-cta{
  background:linear-gradient(135deg, rgba(33,64,32,.92), rgba(184,106,30,.92)), url('assets/img/fondo.jpg') center/cover no-repeat;
  border-radius:16px;
  color:#fff;
}
.hero-cta .lead{ opacity:.95; }

/* Tarjetas destacadas */
.card-sj{ border-radius:16px; box-shadow:0 8px 22px rgba(0,0,0,.08); border:0; }
.badge-sj{ background:var(--sj-orange); color:#fff; }

/* Footer */
.footer-sj{ background:var(--sj-green); color:#fff; }
.footer-sj a{ color:#fff; text-decoration:underline; }