/**
 * .fx-btn — canonical button block (BEM)
 * Aliases keep legacy markup working while pages migrate off .button
 *
 * Label size is locked sitewide via --fx-btn-font-size (13px).
 *
 * Usage:
 *   <a class="fx-btn fx-btn--quote">Cotizar</a>
 *   <a class="fx-btn fx-btn--ghost">Ver más</a>
 *   <a class="fx-btn fx-btn--wa">WhatsApp</a>
 */
.fx-btn,
a.fx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--fx-btn-min-height, 44px);
  padding: 11px 18px;
  border: 0;
  border-radius: var(--fx-radius, 8px);
  background: var(--fx-yellow, #FFB344);
  color: var(--fx-ink, #203b32);
  font: inherit;
  font-size: var(--fx-btn-font-size, 13px);
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.fx-btn:hover,
a.fx-btn:hover {
  background: var(--fx-yellow-hover, #e89a27);
  color: var(--fx-ink, #203b32);
}

.fx-btn--quote {
  background: var(--fx-yellow, #FFB344);
  color: var(--fx-ink, #203b32);
}

.fx-btn--ghost {
  background: transparent;
  border: 1px solid var(--fx-line-strong, #b7c9c0);
  color: var(--fx-green-700, #287760);
}

.fx-btn--ghost:hover {
  background: var(--fx-soft-2, #eef7f3);
  color: var(--fx-green-800, #1d6252);
}

.fx-btn--wa {
  background: var(--fx-yellow, #FFB344);
  color: var(--fx-ink, #203b32);
}

.fx-btn--wa:hover {
  background: var(--fx-yellow-hover, #e89a27);
}

.fx-btn--green {
  background: var(--fx-green, #4BB597);
  color: #fff;
}

.fx-btn--green:hover {
  background: #378f77;
  color: #fff;
}

.fx-btn--block {
  width: 100%;
}

.fx-btn svg {
  flex: 0 0 auto;
}

/* Temporary aliases — remove when markup is fully migrated */
.fx-button:not(.fx-header__cta),
.btn-catalogo-confeccion {
  border-radius: var(--fx-radius, 8px);
}

/*
 * Sitewide button label lock.
 * !important beats scattered 11–14px overrides so every CTA shares one size.
 */
:is(
  .fx-btn,
  a.fx-btn,
  .fx-button,
  .fx-link,
  .fx-action-primary,
  .fx-header__cta,
  .btn-catalogo-confeccion,
  .button,
  .button-chatear,
  .boton-card,
  .boton-ver-todo,
  .lr-submit,
  .ns-btn-hero,
  .ns-final__wa,
  .ns-final__stores,
  .fx-cta__wa,
  .fx-cta__stores,
  .fx-product__actions a,
  .fx-machine-actions a,
  .fx-card__actions a,
  .cc-card__actions a,
  .fx-confeccion__actions a,
  .fx-needs-guide__action,
  .fx-category-shop .fx-category > div > span,
  .fx-category-section .fx-category > div > span,
  .tienda-card__btn,
  .tiendas-intro__cta-btn,
  .fx-videos-intro__cta-btn,
  .footer__contact-actions > a,
  .mm-help a,
  .b2-wa,
  .landing-hero__cta,
  .landing-form__submit,
  .cc-detail__quote,
  .fx-library-filters button,
  .cc-family-nav a,
  .fx-dialog__close,
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
) {
  font-size: var(--fx-btn-font-size, 13px) !important;
  font-weight: var(--fx-btn-font-weight, 650);
  line-height: 1.35;
}
:is(.fx-btn, a.fx-btn, .fx-button, .btn-catalogo-confeccion, .fx-action-primary.fx-action-primary, .b2-wa, .landing-hero__cta, .landing-form__submit, .cc-detail__quote) {
  font-weight: 700;
}