/* @wjs-generated:start — compiled from theme.json; DO NOT EDIT inside. Edit theme.json and run: node backend/cli/wordjs.js build theme bookafe */
:root {
  --wjs-bg-canvas: #ffffff;
  --wjs-bg-surface: #f7f7f7;
  --wjs-bg-surface-raised: #f0f0f0;
  --wjs-color-primary: #b32233;
  --wjs-color-primary-dark: #2a1215;
  --wjs-color-on-primary: #ffffff;
  --wjs-color-accent: #2a1215;
  --wjs-color-on-accent: #ffffff;
  --wjs-color-text-main: #1d1d1f;
  --wjs-color-text-muted: #737374;
  --wjs-color-heading: #1d1d1f;
  --wjs-color-link: #b32233;
  --wjs-color-link-hover: #2a1215;
  --wjs-border-subtle: #d6d6d7;
  --wjs-outline: #a9a9aa;
  --wjs-outline-variant: #dddddd;
  --wjs-focus-ring: #b32233;
  --wjs-color-scheme: light;
  --wjs-font-family-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --wjs-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --wjs-radius: 18px;
  --wjs-radius-sm: 12px;
  --wjs-radius-md: 18px;
  --wjs-radius-lg: 28px;
  --wjs-radius-pill: 980px;
  --wjs-button-radius: 980px;
  --wjs-shadow-sm: 0 1px 2px rgba(42, 18, 21, 0.06);
  --wjs-shadow: 0 4px 16px rgba(42, 18, 21, 0.06);
  --wjs-shadow-md: 0 10px 30px rgba(42, 18, 21, 0.08);
  --wjs-shadow-lg: 0 24px 60px rgba(42, 18, 21, 0.12);
  --wjs-bg-surface-glass: rgba(255, 255, 255, 0.72);
  --wjs-nav-font-size: 14px;
  --wjs-nav-font-weight: 400;
  --wjs-footer-bg: #f5f5f7;
  --wjs-footer-text-heading: #1d1d1f;
  --wjs-footer-text-body: #6e6e73;
  --wjs-footer-text-hover: #b32233;
}
h1,h2,h3,h4,h5,h6 { letter-spacing: -0.022em }
.wjs-chrome-header { background: rgba(255,255,255,0.72); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(0,0,0,0.08) }
.wjs-chrome-footer { background: #f5f5f7; border-top: 1px solid rgba(0,0,0,0.08) }
/* @wjs-generated:end */

/* Header and footer share the edges of the page content. */
.wjs-chrome-header .container, .wjs-chrome-footer .container { max-width: 1240px }

/* The header's one action keeps its own width, on a phone too. */
.wjs-chrome-header .wjs-chrome-button { flex: 0 0 auto; width: auto; min-width: 0 }

/* A jump to a section stops below the sticky header. */
#conocenos { scroll-margin-top: 96px }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth } }