/* Tokens de Echecopar Web Premium 2.0 (src/styles.css de Lovable). */
:root{
  --eche-background:#ffffff;
  --eche-foreground:#1c1c1e;
  --eche-ink:#1c1c1e;
  --eche-ink-soft:#3f4045;
  --eche-primary:#1b1b1d;
  --eche-primary-foreground:#f7f6f5;
  --eche-secondary:#f6f5f4;
  --eche-muted:#f2f1f0;
  --eche-muted-foreground:#6d6e73;
  --eche-accent:#8b1633;
  --eche-accent-foreground:#ffffff;
  --eche-border:#e4e2e0;
  --eche-rule:#dcdad8;
  --eche-radius:0.125rem;
  --eche-max:1240px;
  --eche-font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --eche-font-sans:"IBM Plex Sans",system-ui,sans-serif;
}
html{-webkit-font-smoothing:antialiased;}
body{font-optical-sizing:auto;}
h1,h2,h3{text-wrap:balance;}
/* Offset de anclas para el header sticky. */
[id]{scroll-margin-top:6rem;}
:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--eche-accent);outline-offset:3px;}
/* Utilidades del prototipo, aplicables como clase CSS en Elementor. */
.eche-eyebrow,.eche-eyebrow .elementor-heading-title{font-family:var(--eche-font-sans);font-size:0.75rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--eche-muted-foreground);}
.eche-measure{max-width:62ch;}
.eche-rule-top{border-top:1px solid var(--eche-rule);}
/* Complianz: foco visible en los botones del banner (WCAG 2.4.7) */
.cmplz-cookiebanner .cmplz-btn:focus-visible,.cmplz-cookiebanner .cmplz-close:focus-visible,.cmplz-cookiebanner a:focus-visible,#cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:2px solid #8b1633 !important;outline-offset:2px !important;}