/* CAREKA DIGITAL V112.4 — TIPOGRAFIA GLOBAL OFICIAL
   Títulos: Inter Regular 400
   Textos e controles: Inter
*/

:root {
  --title: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --body: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --cd-font: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --cd-font-display: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-title: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-display: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-title: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --ck75-display: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --ip99-display: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --sv101-display: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html,
body {
  font-family: var(--body) !important;
}

html body h1:not(#careka-v112-never),
html body h2:not(#careka-v112-never),
html body h3:not(#careka-v112-never),
html body h4:not(#careka-v112-never),
html body h5:not(#careka-v112-never),
html body h6:not(#careka-v112-never),
html body .title:not(#careka-v112-never),
html body [class*="__title" i]:not(#careka-v112-never),
html body [class*="-title" i]:not(#careka-v112-never),
html body [class*="heading" i]:not(#careka-v112-never) {
  font-family: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
}

html body :is(
  button,
  input,
  select,
  textarea,
  [role="button"],
  .button,
  [class*="button" i],
  [class*="btn" i]
):not(#careka-v112-never) {
  font-family: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-synthesis: none !important;
}

html body :is(
  .eyebrow,
  .kicker,
  .menu-label,
  [class*="eyebrow" i],
  [class*="kicker" i],
  [class*="label" i],
  [class*="meta" i]
):not(#careka-v112-never) {
  font-family: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-synthesis: none !important;
}

/* Títulos das páginas de projetos */
html body main.hero .title:not(#careka-v112-never),
html body .case-page .title:not(#careka-v112-never),
html body > main .title:not(#careka-v112-never) {
  color: var(--text, #f4f0e8) !important;
  font-family: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  font-size: clamp(40px, 4.3vw, 64px) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  word-spacing: normal !important;
  text-transform: none !important;
  text-wrap: balance !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  max-width: min(100%, 18ch) !important;
}

html[data-theme="light"] body main.hero .title:not(#careka-v112-never),
html[data-theme="light"] body .case-page .title:not(#careka-v112-never),
html[data-theme="light"] body > main .title:not(#careka-v112-never) {
  color: var(--text, #181716) !important;
}

@media (max-width: 760px) {
  html body main.hero .title:not(#careka-v112-never),
  html body .case-page .title:not(#careka-v112-never),
  html body > main .title:not(#careka-v112-never) {
    font-size: clamp(38px, 10.8vw, 48px) !important;
    line-height: 0.98 !important;
    max-width: 100% !important;
  }
}