/* Generated by scripts/build.mjs (scripts/lib/a11y-standalone.mjs) from src/assets/css/site.css. Do not edit. */
:root {
  --link: #B8410E;
  --navy: #1B2A4A;
  --header-h: 72px;
  --navy-light: #2D3F5E;
  --focus: #1D4ED8;
  --text: #1B2A4A;
  --border-strong: rgba(27, 42, 74, .14);
  --radius: 14px;
  --shadow-xl: 0 24px 64px rgba(27, 42, 74, .12);
  --bg-alt: #F8F9FC;
  --border: rgba(27, 42, 74, .08);
  --text-muted: #51617D;
  --radius-pill: 50px;
}
/* Undo the host page's <button> styles inside the menu (same specificity as "button", so the menu rules win). */
:where(.a11y) button, :where(.a11y) output { all: revert !important; }
.sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* ── Accessibility menu (src/layout/base.html, scripts/lib/site-a11y.js) ── */
/* Same options as www.dinamic5.com. Settings are classes on <html>: a filter on the root element does not trap
   position:fixed elements (Filter Effects 1), so the button never leaves the screen. On site pages it is stacked above
   the WhatsApp button at a constant height (--float-base, defined with .wa-float), so the cookie banner never covers it. */
html.a11y-contrast { filter: contrast(1.4) !important; }
html.a11y-grayscale { filter: grayscale(1) !important; }
html.a11y-contrast.a11y-grayscale { filter: contrast(1.4) grayscale(1) !important; }
html.a11y-links a { outline: 3px solid var(--link) !important; outline-offset: 2px !important; text-decoration: underline !important; }
html.a11y-noanim *, html.a11y-noanim *::before, html.a11y-noanim *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.a11y-readable body, html.a11y-readable body * { font-family: Arial, Helvetica, sans-serif !important; }
html.a11y-lh body, html.a11y-lh body * { line-height: var(--a11y-lh) !important; }
.a11y[hidden], .a11y-panel[hidden] { display: none !important; }
.a11y-open {
  position: fixed !important;
  inset-block-end: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  inset-inline-end: calc(1rem + 4px + max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))) !important;
  z-index: 90 !important;
  display: grid !important;
  place-items: center !important;
  inline-size: 48px !important;
  block-size: 48px !important;
  padding: 0 !important;
  color: #fff !important;
  background: var(--navy) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .3) !important;
  cursor: pointer !important;
}
body:has(.wa-float) .a11y-open { inset-block-end: calc(var(--float-base) + 56px + .75rem) !important; }
/* Without the WhatsApp button (account pages via a11y-standalone.mjs, or no whatsapp_url): the button and panel sit at
   the bottom and move above the cookie banner while it is open (--consent-h = banner height, set by site-a11y.js). */
body:not(:has(.wa-float)):has(.consent-banner:not([hidden])) .a11y-open { inset-block-end: calc(var(--consent-h, 0px) + 1rem) !important; }
body:not(:has(.wa-float)):has(.consent-banner:not([hidden])) .a11y-panel {
  inset-block-end: calc(var(--consent-h, 0px) + 1rem + 48px + .75rem) !important;
  max-block-size: calc(100dvh - var(--header-h) - var(--consent-h, 0px) - 1rem - 48px - 2rem) !important;
}
.a11y-open:hover { background: var(--navy-light) !important; }
.a11y-open:focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 3px !important; border-radius: 50% !important; }
.a11y-icon { inline-size: 26px !important; block-size: 26px !important; fill: currentColor !important; }
.a11y-panel {
  position: fixed !important;
  inset-block-end: calc(1rem + 48px + .75rem + env(safe-area-inset-bottom, 0px)) !important;
  inset-inline-end: calc(1rem + max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))) !important;
  z-index: 120 !important;
  inline-size: min(20rem, calc(100vw - 2rem)) !important;
  max-block-size: calc(100dvh - var(--header-h) - 1rem - 48px - 2rem) !important;
  overflow-y: auto !important;
  padding: 1rem 1.1rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: var(--text) !important;
  background: #fff !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-xl) !important;
}
body:has(.wa-float) .a11y-panel {
  inset-block-end: calc(var(--float-base) + 56px + .75rem + 48px + .75rem) !important;
  max-block-size: calc(100dvh - var(--header-h) - var(--float-base) - 56px - 48px - 3rem) !important;
}
.a11y-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-block-end: .5rem !important; }
.a11y-title { margin: 0 !important; font-size: 1.15rem !important; font-weight: 800 !important; color: var(--navy) !important; }
.a11y-panel button { font: inherit !important; color: var(--navy) !important; cursor: pointer !important; }
.a11y-close { inline-size: 44px !important; block-size: 44px !important; font-size: 1.6rem !important; line-height: 1 !important; background: none !important; border: 0 !important; border-radius: 50% !important; }
.a11y-close:hover { background: var(--bg-alt) !important; }
.a11y-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .75rem !important; padding-block: .4rem !important; border-block-end: 1px solid var(--border) !important; }
.a11y-step { display: inline-flex !important; align-items: center !important; gap: .35rem !important; }
.a11y-step button { inline-size: 44px !important; block-size: 44px !important; font-size: 1.3rem !important; font-weight: 700 !important; background: var(--bg-alt) !important; border: 1px solid var(--border-strong) !important; border-radius: 10px !important; }
.a11y-step button:hover { color: #fff !important; background: var(--navy) !important; }
.a11y-step button[aria-disabled="true"] { color: var(--text-muted) !important; background: #fff !important; cursor: default !important; }
.a11y-step output { min-inline-size: 3.2rem !important; text-align: center !important; font-weight: 700 !important; }
.a11y-flags { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .5rem !important; margin: .75rem 0 0 !important; padding: 0 !important; list-style: none !important; }
.a11y-flag { inline-size: 100% !important; min-block-size: 44px !important; padding: .35rem .5rem !important; font-size: .9rem !important; font-weight: 600 !important; background: var(--bg-alt) !important; border: 2px solid var(--border-strong) !important; border-radius: 10px !important; }
.a11y-flag:hover { border-color: var(--navy) !important; }
.a11y-flag[aria-pressed="true"] { color: #fff !important; background: var(--navy) !important; border-color: var(--navy) !important; }
.a11y-flag[aria-pressed="true"]::before { content: "✓ " !important; }
.a11y-reset { inline-size: 100% !important; min-block-size: 44px !important; margin-block-start: .75rem !important; font-weight: 700 !important; background: #fff !important; border: 2px solid var(--navy) !important; border-radius: var(--radius-pill) !important; }
.a11y-reset:hover { color: #fff !important; background: var(--navy) !important; }
.a11y-statement { display: inline-block !important; margin-block-start: .6rem !important; padding-block: .5rem !important; font-weight: 600 !important; }
@media print { .a11y { display: none !important; } }