@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(brand/fontes/ibm-plex-mono-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(brand/fontes/ibm-plex-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(brand/fontes/ibm-plex-sans-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(brand/fontes/ibm-plex-sans-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(brand/fontes/ibm-plex-sans-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


  :root { --bg: #FFFFFF; --bg-alt: #F4F6FA; --text: #1B2233; --muted: #5A6478; --caption: #627282; --border: #DDE3ED; --hair: #E7ECF4; --accent: #0B3E76; --accent-strong: #06294F; --btn-bg: #0B3E76; --btn-bg-hover: #06294F; --btn-text: #FFFFFF; --btn2-border: #808EA3; --btn2-hover: #F4F8FC; --card: #FFFFFF; --card-shadow: 0 8px 24px rgba(6,41,79,0.10); --show-light: block; --show-dark: none; color-scheme: light; }
  [data-theme="dark"] { --bg: #0F1726; --bg-alt: #131D32; --text: #E8EDF5; --muted: #BAC4D6; --caption: #AEB9CC; --border: #2A3A57; --hair: #1F2D47; --accent: #7FB3E6; --accent-strong: #0B3E76; --btn-bg: #7FB3E6; --btn-bg-hover: #A9C9E6; --btn-text: #06294F; --btn2-border: #4A5E80; --btn2-hover: #16213A; --card: #131D32; --card-shadow: 0 8px 24px rgba(0,0,0,0.35); --show-light: none; --show-dark: block; color-scheme: dark; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #0F1726; --bg-alt: #131D32; --text: #E8EDF5; --muted: #BAC4D6; --caption: #AEB9CC; --border: #2A3A57; --hair: #1F2D47; --accent: #7FB3E6; --accent-strong: #0B3E76; --btn-bg: #7FB3E6; --btn-bg-hover: #A9C9E6; --btn-text: #06294F; --btn2-border: #4A5E80; --btn2-hover: #16213A; --card: #131D32; --card-shadow: 0 8px 24px rgba(0,0,0,0.35); --show-light: none; --show-dark: block; color-scheme: dark; } }
  html { scroll-behavior: smooth; font-size: var(--escala, 100%); }
  a:focus-visible, button:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
  #contato a:focus-visible, footer a:focus-visible { outline-color: #FFFFFF; }
  @media (prefers-contrast: more) {
    :root { --muted: #2B3445; --caption: #2B3445; --border: #5A6478; --hair: #5A6478; }
    [data-theme="dark"] { --muted: #F2F5FA; --caption: #F2F5FA; --border: #7F8FAA; --hair: #7F8FAA; --accent: #A9C9E6; }
    nav a, #contato a, footer a { text-decoration: underline; text-underline-offset: 3px; }
  }
  @media (forced-colors: active) {
    a, button { forced-color-adjust: auto; }
    [data-reveal="pop"], [data-reveal="x"] { background: CanvasText !important; }
    a:focus-visible, button:focus-visible { outline: 3px solid Highlight; }
  }
  nav a[aria-current="true"] { color: var(--accent); border-bottom-color: var(--accent); }
  #btn-menu { display: none !important; }
  @media (max-width: 1023px) {
    #btn-menu { display: inline-flex !important; flex: none; }
    header img { height: auto !important; width: 100% !important; max-width: 290px !important; aspect-ratio: 470 / 80; }
    #nav-principal { display: none !important; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column !important; align-items: stretch !important; gap: 4px !important; padding: 12px clamp(20px, 5vw, 64px) 20px; background: var(--bg); border-bottom: 1px solid var(--hair); box-shadow: 0 16px 32px -20px rgba(0,0,0,.35); margin-left: 0 !important; }
    header[data-menu="aberto"] #nav-principal { display: flex !important; }
    #nav-principal > a { padding: 14px 4px !important; font-size: 1.063rem !important; border-bottom-color: var(--hair) !important; }
    #nav-principal > a:last-child { justify-content: center !important; margin-top: 8px; }
    #nav-controles { justify-content: space-between !important; padding: 12px 0 4px; }
    #nav-controles > div { margin-left: 0 !important; }
  }
  @media (max-width: 900px) {
    main h1, main h2, main h3, main p, main li, main figcaption, main blockquote, footer, footer p { text-align: center !important; }
    main [data-reveal], main ul, main ol { margin-left: auto !important; margin-right: auto !important; }
    main > section > div, main > section > div > div { justify-content: center !important; justify-items: stretch !important; align-items: center !important; }
    main > section > div > div > [data-reveal], main > section > div > [data-reveal] { width: 100%; max-width: 100%; box-sizing: border-box; }
    main img { max-width: 100%; }
    main ul, main ol { list-style-position: inside; padding-left: 0 !important; }
    [data-reveal="x"] { transform-origin: center !important; margin-left: auto !important; margin-right: auto !important; }
    footer > div, footer nav { justify-content: center !important; text-align: center !important; }
    main h1 { font-size: clamp(1.875rem, 8.5vw, 2.5rem) !important; letter-spacing: -0.02em !important; }
    main h2 { font-size: clamp(1.5rem, 6.5vw, 2rem) !important; }
    main h1, main h2, main h3 { overflow-wrap: anywhere; hyphens: auto; }
    #sobre-foto { order: 2; }
    #sobre-img { aspect-ratio: 4 / 3 !important; max-height: 320px !important; }
    #fazemos-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
    #fazemos-grid > div > div:first-child { justify-content: center; height: 14px; }
    #fazemos-grid > div > div:first-child > div:not(:first-child) { display: none !important; }
    #fazemos-grid > div > div:first-child > div:first-child { margin: 0 !important; }
    #topo { overflow-x: clip; }
  }
  @media (max-width: 480px) {
    main h1 { font-size: 1.875rem !important; line-height: 1.15 !important; }
    main h2 { font-size: 1.5rem !important; }
    main [data-reveal] > a, main > section a[href^="#"], #contato a { width: 100%; justify-content: center; text-align: center; box-sizing: border-box; white-space: normal; }
  }
  .pular { position: absolute; left: 16px; top: -200px; z-index: 100; background: var(--btn-bg); color: var(--btn-text); padding: 12px 18px; border-radius: 6px; font-weight: 600; text-decoration: none; }
  .pular:focus { top: 16px; color: var(--btn-text); }
  .pular + .pular:focus { left: 220px; }
  body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); transition: background .3s ease, color .3s ease; }
  a { color: var(--accent); transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; }
  a:hover { color: var(--accent-strong); }
  [data-reveal] { clip-path: inset(-20% -5% 100% -5%); transform: translateY(14px); transition: clip-path .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
  [data-reveal="x"] { clip-path: inset(-50% 100% -50% 0); transform: none; }
  [data-reveal="pop"] { clip-path: circle(0% at 50% 50%); transform: none; }
  [data-reveal].in { clip-path: inset(-20% -5% -20% -5%); transform: none; }
  [data-reveal="x"].in { clip-path: inset(-50% 0 -50% 0); }
  [data-reveal="pop"].in { clip-path: circle(75% at 50% 50%); }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } [data-reveal] { clip-path: none; transform: none; transition: none; } }

  header[data-menu="aberto"] .ic-abrir, header[data-menu="fechado"] .ic-fechar { display: none; }
.hv0:hover { background: var(--bg-alt) !important; border-color: var(--accent) !important; }
.hv1:hover { color: var(--accent) !important; border-bottom-color: var(--accent) !important; }
.hv2:hover { background: var(--bg-alt) !important; }
.hv3:hover { background: var(--btn-bg-hover) !important; color: var(--btn-text) !important; }
.hv4:hover { background: var(--btn2-hover) !important; border-color: var(--accent) !important; }
.hv5:hover { border-color: var(--accent) !important; box-shadow: var(--card-shadow) !important; }
.hv6:hover { background: #E3EDF8 !important; color: #06294F !important; }
.hv7:hover { color: #FFFFFF !important; border-bottom-color: #FFFFFF !important; }
.hv8:hover { color: #FFFFFF !important; }