/* ===================== BOTONES ===================== */
.btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.btn {
  padding: 14px 22px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: var(--green-700);
  box-shadow: var(--shadow);
  font-weight: 600;
  color: #fff;
  transition: background .3s, color .3s, transform .2s;
}

.btn svg {
  vertical-align: middle;
}

.btn:hover {
  background: var(--green-500);
  color: #132A13;
  transform: translateY(-2px);
}

.btn-outline {
  background: transparent;
  color: #fff;
}

.btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--green-200);
}




 /* ================ LISTAS / BADGES ================ */
  .pill{display:inline-block; padding:8px 12px; border-radius:999px; background:rgba(236,243,158,.08); border:1px solid rgba(236,243,158,.12); color:var(--green-200); font-size:.9rem}