/* Botões — docs/IDENTIDADE-VISUAL.md §9: Montserrat 600, caixa alta, tracking +12% */
.ap-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ap-space-3);
  min-height: 3rem;
  padding: .85rem 1.75rem;
  border: 1px solid transparent;
  border-radius: var(--ap-radius);
  font-family: var(--ap-font-body);
  font-size: var(--ap-fs-button);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--ap-ls-button);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color var(--ap-dur) var(--ap-ease), color var(--ap-dur) var(--ap-ease),
              border-color var(--ap-dur) var(--ap-ease);
}

.ap-btn__icon { width: 1.25rem; height: 1.25rem; flex: none; }
.ap-btn--sm { min-height: 2.5rem; padding: .6rem 1.15rem; }

/* Primário: verde cheio, texto creme (10,1:1) */
.ap-btn--primary { background: var(--ap-verde-araucaria); color: var(--ap-creme-natural); }
.ap-btn--primary:hover { background: var(--ap-verde-floresta); }

/* Secundário: contorno verde sobre fundo claro */
.ap-btn--secondary { border-color: var(--ap-verde-araucaria); color: var(--ap-verde-araucaria); background: transparent; }
.ap-btn--secondary:hover { background: var(--ap-verde-araucaria); color: var(--ap-creme-natural); }

/* WhatsApp: fundo areia, texto verde (5,3:1) */
.ap-btn--whatsapp { background: var(--ap-areia-serrana); color: var(--ap-verde-araucaria); }
.ap-btn--whatsapp:hover { background: var(--ap-creme-natural); }

/* Claro: creme cheio, para fundos verdes e sobre foto */
.ap-btn--light { background: var(--ap-creme-natural); color: var(--ap-verde-araucaria); }
.ap-btn--light:hover { background: var(--ap-areia-serrana); }

/* Link de texto com seta */
.ap-btn--link {
  min-height: 0;
  padding: 0 0 .35rem;
  border-radius: 0;
  border-bottom: 1px solid currentColor;
  color: var(--ap-verde-araucaria);
}
.ap-btn--link:hover { color: var(--ap-verde-floresta); }
.ap-bg-verde .ap-btn--link,
.ap-bg-floresta .ap-btn--link { color: var(--ap-creme-natural); }

/* Contorno claro, para fundos verdes */
.ap-btn--secondary-light { border-color: var(--ap-creme-natural); color: var(--ap-creme-natural); background: transparent; }
.ap-btn--secondary-light:hover { background: var(--ap-creme-natural); color: var(--ap-verde-araucaria); }