Personalización visual

CSS variables

wodira-checkout-flow {
  --wodira-color-primary: #111827;
  --wodira-color-accent: #f97316;
  --wodira-radius: 18px;
  --wodira-font-family: Inter, system-ui, sans-serif;
}

Variables soportadas:

• --wodira-color-primary
• --wodira-color-primary-contrast
• --wodira-color-accent
• --wodira-color-surface
• --wodira-color-muted
• --wodira-color-border
• --wodira-color-text
• --wodira-color-text-muted
• --wodira-color-danger
• --wodira-radius
• --wodira-radius-sm
• --wodira-space
• --wodira-font-family
• --wodira-shadow

Parts

wodira-checkout-flow::part(button) {
  text-transform: uppercase;
}

wodira-checkout-flow::part(card) {
  border-width: 2px;
}

Parts principales: card, event-card, pricing-card, registration-form, summary, button, input, select, textarea, checkbox, label, title, price, meta, hint, error, field-error, loader, empty, waiver, supplement.