/* HablaMe — Estilos globales de botones para el landing */

.btn-hero-primary {
  background: var(--tenavor-red, #FE1825);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 0.85rem 1.4rem;
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}

.btn-hero-primary:hover,
.btn-hero-primary:focus {
  background: #d0141f;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(254, 24, 37, 0.35);
  text-decoration: none;
}

.btn.btn-outline-secondary {
  background: transparent;
  color: var(--text-dark, #333333);
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 0.85rem 1.4rem;
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: border-color 0.2s, color 0.2s;
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
  background: transparent;
  border-color: var(--tenavor-teal, #2C6372);
  color: var(--tenavor-teal, #2C6372);
  text-decoration: none;
}