/* Botones. */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .7rem 1.4rem; border-radius: var(--radius-sm);
  font-weight: 700; line-height: 1; text-align: center;
  border: 2px solid transparent; transition: var(--transition);
}
.btn--primary { background: var(--color-primary); color: #fff; }
.btn--primary:hover { background: var(--color-primary-dark); color: #fff; }
.btn--secondary { background: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn--secondary:hover { background: var(--color-primary); color: #fff; }
.btn--whatsapp { background: var(--color-whatsapp); color: #fff; }
.btn--whatsapp:hover { background: #1da851; color: #fff; }
.btn--lg { padding: 1rem 2rem; font-size: var(--fs-medium); }
.btn--block { display: flex; width: 100%; }

/* Badges de operación. */
.badge {
  display: inline-block; padding: .3rem .75rem; border-radius: 999px;
  font-size: var(--fs-small); font-weight: 700; line-height: 1;
  letter-spacing: .02em; color: #fff;
  /* Los badges van sobre fotos: la sombra asegura legibilidad. */
  box-shadow: 0 1px 4px rgba(15, 22, 18, .35);
}
.badge--venta { background: var(--color-primary); color: #fff; }
.badge--alquiler { background: var(--color-rent); color: #fff; }