/**
 * main.css
 */

@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/fonts.css');
@import url('./base/typography.css');
@import url('./base/layout.css');
@import url('./base/motion.css');
@import url('./components/header.css?v=20260729');
@import url('./components/footer.css?v=20260726');
@import url('./components/cta.css?v=20260726');
@import url('./components/floating-cta.css?v=20260726');

/**
 * WhatsApp en verde marca — definido aquí (no solo en @import) para que
 * el ?v= de main.css invalide caché de estilos antiguos (p. ej. azul acero).
 */
a.btn.btn--whatsapp,
button.btn.btn--whatsapp,
.btn.btn--whatsapp {
  color: #ffffff;
  background-color: #25d366;
  border: none;
}

a.btn.btn--whatsapp:hover,
button.btn.btn--whatsapp:hover,
.btn.btn--whatsapp:hover {
  color: #ffffff;
  background-color: #1ebe57;
}

mark.text-mark {
  background: linear-gradient(transparent 48%, rgb(255 204 0 / 0.78) 48%);
  color: inherit;
  padding-inline: 0.14em;
  margin-inline: -0.06em;
  border-radius: 0.12em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.component-fallback {
  margin: 0;
  padding: var(--space-4);
  font-size: var(--text-sm);
  text-align: center;
  background: var(--color-accent-soft);
  border: 2px solid var(--color-black);
}