/*
 * Careka Digital — CSS consolidado da página inicial
 * Ordem de cascata preservada a partir dos links e blocos inline da versão auditada.
 * Gerado para reduzir sobreposição histórica e requisições sem alterar o conteúdo visual.
 */

/* ===== Fonte: assets/css/site.css ===== */
:root {
  color-scheme: dark;
  --bg: #0b0d12;
  --bg-elevated: #11141b;
  --surface: rgba(16, 19, 26, 0.9);
  --surface-2: rgba(22, 26, 35, 0.92);
  --surface-3: rgba(28, 34, 45, 0.9);
  --header-bg: rgba(12, 15, 21, 0.78);
  --overlay: rgba(4, 6, 10, 0.6);
  --text: #f5efe6;
  --text-soft: rgba(245, 239, 230, 0.82);
  --text-muted: rgba(245, 239, 230, 0.62);
  --line: rgba(232, 197, 96, 0.16);
  --line-strong: rgba(232, 197, 96, 0.26);
  --accent: #c45d18;
  --accent-2: #e07020;
  --accent-3: #9a4510;
  --gold: #d4a843;
  --gold-2: #e8c560;
  --success: #7ea06f;
  --shadow-sm: 0 12px 28px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 24px 50px rgba(0, 0, 0, 0.22);
  --shadow-lg: 0 42px 96px rgba(0, 0, 0, 0.3);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --max: 1320px;
  --pad: clamp(18px, 3.6vw, 34px);
  --section-space: clamp(36px, 7vw, 84px);
  --title: "Bebas Neue", "Bebas Neue Pro", Impact, Haettenschweiler, sans-serif;
  --body: Inter, Roboto, system-ui, -apple-system, sans-serif;
  --muted: var(--text-soft);
  --muted2: var(--text-muted);
  --burnt: var(--accent);
  --burnt2: var(--accent-2);
  --burnt3: var(--accent-3);
  --r2: var(--radius-md);
  --shadow: var(--shadow-md);
  --smooth: var(--ease-soft);
  --spring: var(--ease-soft);
  --ease: 260ms cubic-bezier(.2,.8,.2,1);
  --ease-soft: 460ms cubic-bezier(.16,1,.3,1);
  --top-offset: clamp(12px, 1.8vw, 20px);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #efe6d9;
  --bg-elevated: #f6efe4;
  --surface: rgba(255, 251, 245, 0.92);
  --surface-2: rgba(247, 239, 226, 0.96);
  --surface-3: rgba(241, 230, 212, 0.94);
  --header-bg: rgba(247, 239, 226, 0.78);
  --overlay: rgba(32, 23, 16, 0.18);
  --text: #201710;
  --text-soft: rgba(32, 23, 16, 0.82);
  --text-muted: rgba(32, 23, 16, 0.62);
  --line: rgba(154, 69, 16, 0.14);
  --line-strong: rgba(154, 69, 16, 0.22);
  --shadow-sm: 0 10px 22px rgba(82, 53, 28, 0.08);
  --shadow-md: 0 22px 44px rgba(82, 53, 28, 0.11);
  --shadow-lg: 0 36px 86px rgba(82, 53, 28, 0.14);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.68;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
body::before {
  background:
    radial-gradient(1200px 720px at 0% -10%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 60%),
    radial-gradient(900px 640px at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 62%),
    radial-gradient(1100px 760px at 50% 110%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 66%);
  opacity: 0.92;
}
body::after {
  background-image: linear-gradient(180deg, rgba(255,255,255,.015), transparent 22%), url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  opacity: .48;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { background: none; border: 0; }
::selection { background: color-mix(in srgb, var(--gold) 35%, transparent); color: var(--text); }

.container {
  width: min(var(--max), 100% - clamp(28px, 6vw, 72px));
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
main.container { padding-bottom: var(--section-space); }
section[id] { scroll-margin-top: 116px; }

#fireCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .22;
  pointer-events: none;
  z-index: 0;
}
html[data-theme="light"] #fireCanvas { display: none; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  padding-top: var(--top-offset);
}
.topbar__in {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(12px, 1.6vw, 16px) clamp(14px, 2vw, 20px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--header-bg) 92%, transparent);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  box-shadow: var(--shadow-sm);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.mark {
  width: clamp(50px, 8vw, 66px);
  height: clamp(50px, 8vw, 66px);
  border-radius: 18px;
  overflow: hidden;
  background: color-mix(in srgb, var(--surface-3) 78%, transparent);
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  flex: 0 0 auto;
}
.mark img { width: 100%; height: 100%; object-fit: cover; }
.brandtxt {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.brandtxt b {
  font-family: var(--title);
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .14em;
  color: var(--gold-2);
}
.brandtxt small {
  color: var(--text-muted);
  font-size: clamp(11px, 1.35vw, 13px);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-link,
.backlink,
.link,
.theme-toggle,
.menu-toggle {
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  color: var(--text-soft);
  transition: background var(--ease), border-color var(--ease), color var(--ease), transform var(--ease), box-shadow var(--ease);
}
.nav-link {
  padding: 11px 16px;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
}
.nav-link.active,
.nav-link[aria-current="page"] {
  color: var(--text);
  border-color: var(--line-strong);
  background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 10%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-mobile-extra { display: none; }
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 46px;
  min-height: 46px;
  padding: 0 14px;
  cursor: pointer;
}
.theme-toggle__icon {
  width: 18px;
  height: 18px;
  position: relative;
  display: inline-block;
}
.theme-toggle__icon::before,
.theme-toggle__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity var(--ease), transform var(--ease);
}
html[data-theme="dark"] .theme-toggle__icon::before {
  inset: 1px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f7d37e, #e1ae3a);
  box-shadow: 0 0 0 4px rgba(212,168,67,.14);
}
html[data-theme="dark"] .theme-toggle__icon::after {
  width: 10px;
  height: 10px;
  right: -1px;
  left: auto;
  top: 1px;
  border-radius: 50%;
  background: var(--surface);
}
html[data-theme="light"] .theme-toggle__icon::before {
  inset: 2px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  background: transparent;
}
html[data-theme="light"] .theme-toggle__icon::after {
  inset: -4px;
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--gold) 58%, transparent);
}
.theme-toggle__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.theme-toggle--wide { width: 100%; justify-content: flex-start; padding: 14px 16px; }
.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.menu-toggle span {
  position: absolute;
  left: 12px;
  right: 12px;
  height: 2px;
  border-radius: 999px;
  background: var(--text);
  transition: transform var(--ease), opacity var(--ease), top var(--ease);
}
.menu-toggle span:nth-child(1) { top: 16px; }
.menu-toggle span:nth-child(2) { top: 22px; }
.menu-toggle span:nth-child(3) { top: 28px; }
.menu-toggle.active span:nth-child(1) { top: 22px; transform: rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { top: 22px; transform: rotate(-45deg); }
.menu-overlay {
  position: fixed;
  inset: 0;
  background: var(--overlay);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--ease), visibility var(--ease);
  z-index: 70;
}
.menu-overlay.active { opacity: 1; visibility: visible; }
body.body-locked { overscroll-behavior: none; }

.hero { padding: clamp(20px, 3vw, 34px) 0 var(--section-space); }
.gridHero {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(310px, .78fr);
  gap: clamp(22px, 3vw, 38px);
  align-items: start;
}
.panel,
.card,
.cardMini,
.port-card,
.toolsPanel,
.stat,
.modal {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 90%, transparent), color-mix(in srgb, var(--surface) 94%, transparent));
  box-shadow: var(--shadow-md);
}
.panel,
.card,
.cardMini,
.port-card,
.toolsPanel,
.stat { border-radius: var(--radius-md); }
.panel {
  padding: clamp(24px, 4vw, 46px);
  position: relative;
  overflow: hidden;
}
.panel::before,
.card::before,
.cardMini::before,
.port-card::before,
.toolsPanel::before,
.stat::before,
.modal::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%);
  opacity: .65;
}
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--accent) 38%, transparent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.kicker b { color: var(--accent-2); }
.h1 {
  margin: 18px 0 18px;
  font-family: var(--title);
  font-size: clamp(40px, 7vw, 78px);
  line-height: .96;
  letter-spacing: .03em;
  font-weight: 400;
  text-wrap: balance;
  max-width: 14ch;
}
.h1 .h-line { display: block; }
.h1 .g { color: var(--gold-2); }
.lead-text {
  display: grid;
  gap: 14px;
  max-width: 66ch;
  color: var(--text-soft);
  font-size: clamp(15px, 1.55vw, 18px);
}
.bullets {
  margin: 22px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 12px;
  color: var(--text-soft);
  font-size: clamp(15px, 1.45vw, 17px);
}
.bullets strong { color: var(--gold-2); }
.divider {
  height: 1px;
  margin: 26px 0 22px;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
}
.ctaRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: transform var(--ease), border-color var(--ease), box-shadow var(--ease), background var(--ease), color var(--ease);
}
.btnP {
  color: #fff9f1;
  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  box-shadow: 0 18px 34px rgba(154,69,16,.24);
}
.btnG {
  color: var(--text);
  border-color: var(--line);
  background: color-mix(in srgb, var(--surface-3) 76%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.btnS { padding-inline: 18px; }
.side { display: grid; gap: 14px; }
.stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.stat { padding: 18px; position: relative; overflow: hidden; }
.stat b {
  display: block;
  margin-bottom: 8px;
  color: var(--gold-2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.stat span { display: block; color: var(--text-soft); font-size: 15px; }
.founder-stat {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
}
.founder-img {
  width: clamp(74px, 10vw, 120px);
  height: clamp(74px, 10vw, 120px);
  border-radius: 22px;
  object-fit: cover;
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-sm);
  flex: 0 0 auto;
}
.founder-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.founder-info b {
  color: var(--gold-2);
  font-size: 11px;
  letter-spacing: .16em;
}
.founder-info span {
  color: var(--text);
  font-family: var(--title);
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1;
}
.founder-info small { color: var(--text-muted); font-size: 15px; }
.cardMini { padding: clamp(20px, 2.4vw, 28px); }
.cardMini h2,
.secHead h2,
.sumTitle b,
.cTitle,
.title-line,
.modalTitle,
.footBrand {
  font-family: var(--title);
  font-weight: 400;
}
.cardMini h2 {
  margin: 0 0 10px;
  font-size: clamp(24px, 3vw, 30px);
  letter-spacing: .08em;
  color: var(--gold-2);
}
.cardMini p { color: var(--text-soft); font-size: 16px; }
.sec { padding: 0 0 var(--section-space); }
.secHead { margin-bottom: 22px; }
.secHead h2 {
  margin: 0;
  font-size: clamp(34px, 5vw, 48px);
  letter-spacing: .06em;
  line-height: .98;
  color: var(--text);
}
.secHead small {
  display: block;
  margin-top: 10px;
  color: var(--text-muted);
  font-size: 16px;
}
.toolsPanel {
  position: relative;
  padding: clamp(16px, 2.4vw, 22px);
  margin-bottom: 18px;
}
.tools {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.inputWrap { flex: 1 1 320px; }
.input {
  width: 100%;
  min-height: 52px;
  padding: 14px 18px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 88%, transparent);
  color: var(--text);
  outline: none;
  font-size: 16px;
}
.input::placeholder { color: var(--text-muted); }
.tagRow { display: flex; flex-wrap: wrap; gap: 8px; }
.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.tag[aria-pressed="true"] {
  color: var(--text);
  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));
}
.count { margin-top: 14px; color: var(--text-muted); font-size: 14px; }

details.acc {
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  box-shadow: var(--shadow-sm);
  overflow: clip;
}
details.acc + details.acc { margin-top: 16px; }
details.acc[open] { border-color: var(--line-strong); }
summary.sum {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(18px, 2.4vw, 24px);
  cursor: pointer;
}
summary.sum::-webkit-details-marker { display: none; }
.sumTitle { display: grid; gap: 8px; }
.sumTitle b {
  font-size: clamp(24px, 3.2vw, 30px);
  letter-spacing: .06em;
  color: var(--gold-2);
}
.sumTitle span { color: var(--text-soft); font-size: 16px; }
.chev {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 80%, transparent);
  color: var(--text-soft);
  font-size: 13px;
  flex: 0 0 auto;
  transition: transform var(--ease), background var(--ease), border-color var(--ease);
}
details[open] .chev {
  transform: rotate(180deg);
  border-color: var(--line-strong);
  color: var(--text);
}
.body { padding: 0 clamp(18px, 2.4vw, 24px) clamp(22px, 2.8vw, 28px); }
.cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}
#portfolioGrid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.card {
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.cHeader,
.cPills,
.cContent,
.cFooter,
.port-content,
.port-footer { position: relative; z-index: 1; }
.cHeader { padding: 20px 20px 0; }
.cNum {
  margin-bottom: 10px;
  color: var(--accent-2);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cTitle {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1;
  letter-spacing: .04em;
  color: var(--text);
}
.cPills {
  padding: 14px 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pill {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 78%, transparent);
  font-size: 11px;
  color: var(--text-soft);
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cContent { padding: 14px 20px 20px; }
.cBriefDesc {
  margin: 0;
  color: var(--text-soft);
  font-size: 15px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cFooter {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 10px;
  padding: 16px 20px 20px;
  margin-top: auto;
}
.port-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: clip;
  position: relative;
}
.port-img-wrapper {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.port-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--ease-soft);
}
.port-glass {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18));
}
html[data-theme="light"] .port-glass { background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(64,40,18,.10)); }
.port-content {
  display: grid;
  gap: 12px;
  padding: 20px;
}
.port-title {
  margin: 0;
  font-family: var(--title);
  font-size: clamp(26px, 2.2vw, 32px);
  line-height: .95;
  letter-spacing: .05em;
  color: var(--text);
}
.port-desc,
.port-delivery span {
  margin: 0;
  color: var(--text-soft);
  font-size: 15px;
  line-height: 1.7;
}
.port-delivery {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 76%, transparent);
}
.port-delivery strong {
  display: block;
  margin-bottom: 6px;
  color: var(--accent-2);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.port-footer {
  padding: 0 20px 20px;
  margin-top: auto;
}
.badge-lock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-height: 50px;
}
.cta-panel {
  text-align: center;
  padding-inline: clamp(22px, 6vw, 72px);
}
.cta-title-block {
  display: grid;
  gap: 4px;
  margin-bottom: 18px;
}
.title-line {
  font-size: clamp(36px, 6vw, 64px);
  line-height: .95;
  letter-spacing: .04em;
  color: var(--text);
}
.lead { color: var(--text-soft); max-width: 52ch; margin-inline: auto; }
.hint {
  color: var(--text-soft);
  font-size: 16px;
  line-height: 1.85;
  margin-bottom: 22px;
}
.hint b,
strong { color: var(--gold-2); }
footer { padding: 26px 0 0; }
.foot {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 20px;
  align-items: center;
}
.footBrand {
  font-size: clamp(22px, 2vw, 28px);
  letter-spacing: .12em;
  color: var(--gold-2);
}
.footlinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.link,
.backlink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.backlink { white-space: nowrap; }
.modalOverlay {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5,8,12,.62);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--ease), visibility var(--ease);
  z-index: 120;
}
.modalOverlay.open { opacity: 1; visibility: visible; pointer-events: auto; }
.modal {
  width: min(760px, 100%);
  max-height: min(88dvh, 860px);
  overflow: auto;
  border-radius: 26px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 96%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));
  transform: translateY(10px) scale(.985);
  transition: transform var(--ease-soft);
}
.modalOverlay.open .modal { transform: translateY(0) scale(1); }
.modalHead,
.modalBody { position: relative; z-index: 1; }
.modalHead { padding: clamp(22px, 4vw, 30px); }
.modalClose {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 80%, transparent);
  color: var(--text);
  font-size: 24px;
  cursor: pointer;
}
.modalKicker {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--accent) 36%, transparent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-2);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.modalTitle {
  margin: 0 0 8px;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: .94;
  letter-spacing: .04em;
  color: var(--text);
}
.modalSub,
.modalSec p,
.modalSec ul { color: var(--text-soft); }
.modalSub { margin: 0 0 18px; font-size: 16px; }
.modalPriceBox {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: end;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 80%, transparent);
}
.modalPriceVal {
  font-family: var(--title);
  font-size: clamp(34px, 5vw, 56px);
  line-height: .9;
  letter-spacing: .04em;
  color: var(--gold-2);
}
.modalPriceMeta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}
.modalBody { padding: 0 clamp(22px, 4vw, 30px) clamp(24px, 4vw, 30px); }
.modalSec + .modalSec {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.modalSec h4 {
  margin: 0 0 10px;
  font-family: var(--title);
  font-size: 24px;
  line-height: 1;
  letter-spacing: .08em;
  color: var(--gold-2);
}
.modalSec ul { margin: 0; padding-left: 20px; }
.modalFeats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.modalFeat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 78%, transparent);
  color: var(--text-soft);
  font-size: 13px;
  font-weight: 700;
}
.modalFeat::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
}
.modalCta {
  margin-top: 26px;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 12px;
}
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .58s ease, transform .58s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.port-card.revealed {
  border-color: var(--line-strong);
  box-shadow: var(--shadow-lg);
}
.port-card.revealed .port-img,
.port-card:hover .port-img { transform: scale(1.03); }

:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--gold) 80%, white 10%);
  outline-offset: 3px;
}
@media (hover: hover) {
  .btn:hover,
  .nav-link:hover,
  .link:hover,
  .backlink:hover,
  .theme-toggle:hover,
  .menu-toggle:hover,
  .tag:hover {
    transform: translateY(-1px);
    border-color: var(--line-strong);
  }
  .btnP:hover { box-shadow: 0 22px 40px rgba(154,69,16,.28); }
  .btnG:hover,
  .theme-toggle:hover,
  .nav-link:hover,
  .link:hover,
  .backlink:hover,
  .tag:hover { background: color-mix(in srgb, var(--surface-3) 88%, transparent); }
}

@media (max-width: 1120px) {
  #portfolioGrid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gridHero { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .topbar__in { padding-right: 12px; }
  .menu-toggle { display: inline-flex; }
  .header-actions { gap: 8px; }
  .nav {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 26px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface-2) 96%, transparent);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity var(--ease), transform var(--ease), visibility var(--ease);
    max-height: min(74dvh, 36rem);
    overflow: auto;
  }
  .nav.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .nav-link {
    min-height: 52px;
    justify-content: flex-start;
    padding-inline: 18px;
    font-size: 14px;
  }
  .nav-mobile-extra { display: block; padding-top: 6px; border-top: 1px solid var(--line); }
  .header-actions > .theme-toggle:not(.theme-toggle--wide) { display: none; }
  .stats,
  .cards,
  #portfolioGrid,
  .modalCta,
  .foot { grid-template-columns: 1fr; }
  .founder-stat { flex-direction: row; }
  .ctaRow { flex-direction: column; align-items: stretch; }
  .ctaRow .btn { width: 100%; }
}
@media (max-width: 640px) {
  .container { width: min(var(--max), 100% - 28px); }
  .topbar { padding-top: 10px; }
  .topbar__in { gap: 12px; align-items: center; }
  .brandtxt small { display: none; }
  .panel,
  .cardMini,
  .toolsPanel { padding-inline: 18px; }
  .panel { padding-block: 20px; }
  .h1 { font-size: clamp(34px, 10vw, 50px); max-width: none; }
  .h1 .h-line { display: inline; }
  .stats { grid-template-columns: 1fr; }
  .founder-stat { flex-direction: column; text-align: center; }
  .sum { align-items: start; }
  .sumTitle b { font-size: clamp(22px, 7vw, 28px); }
  .port-content,
  .cHeader,
  .cPills,
  .cContent,
  .cFooter,
  .port-footer { padding-left: 16px; padding-right: 16px; }
  .cFooter,
  .modalCta { grid-template-columns: 1fr; }
  .title-line { font-size: clamp(28px, 10vw, 42px); }
  .backlink,
  .link,
  .theme-toggle { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* ==========================================================================
   CAREKA DIGITAL — SENIOR PRODUCTION REFINEMENT
   Refinamento final aplicado sobre o design system existente.
   Mantém paleta, tipografia, stack e estrutura sem depender de framework.
   ========================================================================== */

:root {
  --hero-title-size: clamp(42px, 5.75vw, 68px);
  --hero-text-measure: 62ch;
  --card-inner-pad: clamp(18px, 2.2vw, 24px);
  --ambient-line: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 46%, transparent), transparent);
}

html {
  scroll-padding-top: 118px;
}

body {
  text-rendering: geometricPrecision;
}

body.menu-open .modalOverlay,
body.menu-open .floating-actions,
body.menu-open .backTop {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.topbar__in {
  isolation: isolate;
}

.topbar__in::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--radius-lg) - 1px);
  pointer-events: none;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent 38%),
    linear-gradient(270deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 44%);
  opacity: .72;
  z-index: -1;
}

.mark {
  width: clamp(46px, 5vw, 58px);
  height: clamp(46px, 5vw, 58px);
  border-radius: 16px;
}

.brandtxt b {
  letter-spacing: .16em;
}

.nav-link,
.backlink,
.link {
  text-align: center;
}

.hero {
  min-height: calc(100svh - 96px);
  display: grid;
  align-items: center;
  padding-top: clamp(28px, 4.2vw, 64px);
  padding-bottom: clamp(54px, 7vw, 96px);
}

.gridHero {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
  align-items: stretch;
}

.hero .panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(620px, 72svh, 820px);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(760px 420px at 8% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 58%),
    radial-gradient(620px 360px at 96% 16%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 62%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));
}

.hero .panel::after {
  content: "";
  position: absolute;
  left: clamp(24px, 4vw, 48px);
  right: clamp(24px, 4vw, 48px);
  bottom: 0;
  height: 1px;
  background: var(--ambient-line);
  opacity: .85;
}

.h1 {
  font-size: var(--hero-title-size);
  max-width: 15.4ch;
  margin: clamp(20px, 2.5vw, 28px) 0 clamp(18px, 2vw, 24px);
  letter-spacing: .035em;
}

.lead-text {
  max-width: var(--hero-text-measure);
}

.bullets {
  max-width: 68ch;
}

.bullets li::marker {
  color: var(--gold-2);
}

.side {
  align-content: stretch;
}

.stats {
  height: 100%;
}

.stat,
.cardMini,
.toolsPanel,
details.acc,
.card,
.port-card {
  isolation: isolate;
}

.stat,
.cardMini {
  border-radius: var(--radius-lg);
}

.stat {
  min-height: 138px;
}

.founder-stat {
  min-height: 168px;
}

.founder-img {
  border-radius: 24px;
  filter: saturate(.96) contrast(1.02);
}

.sec {
  position: relative;
}

.sec::before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: clamp(28px, 4vw, 44px);
  background: var(--ambient-line);
  opacity: .5;
}

.secHead {
  display: grid;
  gap: 8px;
  max-width: 920px;
}

.secHead h2 {
  letter-spacing: .075em;
}

.toolsPanel {
  border-radius: var(--radius-lg);
}

details.acc {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

summary.sum {
  min-height: 112px;
}

.body {
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface-3) 20%, transparent));
}

.cards {
  align-items: stretch;
}

.card {
  min-height: 100%;
  border-radius: var(--radius-lg);
  transform: translateZ(0);
}

.card::after,
.port-card::after {
  content: "";
  position: absolute;
  inset: auto 18px 0 18px;
  height: 1px;
  background: var(--ambient-line);
  opacity: 0;
  transition: opacity var(--ease);
}

.cHeader {
  padding: var(--card-inner-pad) var(--card-inner-pad) 0;
}

.cPills {
  padding: 16px var(--card-inner-pad) 0;
}

.cContent {
  padding: 16px var(--card-inner-pad) var(--card-inner-pad);
}

.cFooter {
  padding: 0 var(--card-inner-pad) var(--card-inner-pad);
}

.cFooter .btn,
.port-footer .btn {
  width: 100%;
  text-align: center;
}

.cBriefDesc,
.port-desc {
  color: var(--text-soft);
}

#portfolioGrid {
  gap: clamp(18px, 2.4vw, 28px);
}

.port-card {
  border-radius: var(--radius-lg);
  min-height: 100%;
}

.port-img-wrapper {
  aspect-ratio: 16 / 11;
  background:
    radial-gradient(480px 240px at 50% 0%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 62%),
    color-mix(in srgb, var(--surface-3) 86%, transparent);
}

.port-img {
  filter: saturate(.94) contrast(1.04);
}

.port-content {
  padding: var(--card-inner-pad);
}

.port-title {
  font-size: clamp(28px, 2.6vw, 38px);
}

.port-delivery {
  margin-top: 2px;
}

.port-footer {
  padding: 0 var(--card-inner-pad) var(--card-inner-pad);
}

.port-open {
  min-height: 52px;
}

.cta-panel {
  border-radius: var(--radius-xl);
  background:
    radial-gradient(780px 380px at 50% -10%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 62%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 94%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));
}

.title-line {
  text-wrap: balance;
}

.foot {
  border-top: 1px solid var(--line);
  padding-top: 22px;
}

.modal {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--gold) 48%, transparent) transparent;
}

html[data-theme="light"] .btnP {
  color: #fffaf3;
}

html[data-theme="light"] .btnG,
html[data-theme="light"] .tag,
html[data-theme="light"] .link,
html[data-theme="light"] .backlink,
html[data-theme="light"] .nav-link,
html[data-theme="light"] .theme-toggle {
  color: var(--text);
  background: color-mix(in srgb, var(--surface) 92%, transparent);
}

html[data-theme="light"] .port-delivery,
html[data-theme="light"] .deliver,
html[data-theme="light"] .modalPriceBox,
html[data-theme="light"] .modalFeat,
html[data-theme="light"] .pill {
  background: color-mix(in srgb, var(--surface-3) 82%, white 10%);
}

@media (hover: hover) {
  .card:hover,
  .port-card:hover,
  .stat:hover,
  .cardMini:hover,
  details.acc:hover {
    border-color: var(--line-strong);
  }

  .card:hover::after,
  .port-card:hover::after {
    opacity: .78;
  }
}

@media (min-width: 1380px) {
  #portfolioGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .hero {
    min-height: auto;
    align-items: start;
  }

  .hero .panel {
    min-height: auto;
  }

  .gridHero {
    align-items: start;
  }
}

@media (max-width: 860px) {
  .topbar {
    position: sticky;
  }

  .nav {
    position: fixed;
    top: calc(var(--top-offset) + 78px);
    left: 14px;
    right: 14px;
    z-index: 90;
    max-height: calc(100dvh - 108px);
  }

  body.body-locked .topbar {
    z-index: 130;
  }

  body.body-locked {
    touch-action: none;
  }

  .hero {
    padding-top: clamp(22px, 6vw, 38px);
  }

  .h1 {
    max-width: 13.8ch;
  }

  summary.sum {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(var(--max), 100% - 24px);
  }

  .topbar__in {
    border-radius: 22px;
  }

  .brand {
    gap: 10px;
  }

  .mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .brandtxt b {
    font-size: 17px;
    letter-spacing: .11em;
  }

  .hero .panel {
    border-radius: 24px;
  }

  .h1 {
    font-size: clamp(38px, 13.2vw, 56px);
    max-width: 11ch;
    line-height: .92;
  }

  .h1 .h-line {
    display: block;
  }

  .lead-text,
  .bullets {
    font-size: 15px;
  }

  .kicker {
    max-width: 100%;
    white-space: normal;
  }

  .btn {
    min-height: 52px;
    padding-inline: 16px;
  }

  .stats {
    gap: 12px;
  }

  .founder-stat {
    align-items: center;
  }

  .sec::before {
    margin-bottom: 24px;
  }

  .secHead h2 {
    font-size: clamp(34px, 12vw, 48px);
  }

  .port-title {
    font-size: clamp(28px, 9vw, 36px);
  }

  .modalOverlay {
    padding: 12px;
    align-items: end;
  }

  .modal {
    width: 100%;
    max-height: 88dvh;
    border-radius: 24px 24px 18px 18px;
  }
}

/* CAREKA DIGITAL — REFINAMENTO SÊNIOR DOS TÍTULOS DE PROJETO
   Mantém a tipografia oficial da marca, reduz o peso visual e aplica laranja queimado com presença premium. */
:root {
  --project-title-fire: color-mix(in srgb, var(--accent) 84%, var(--gold) 16%);
  --project-title-fire-soft: color-mix(in srgb, var(--accent) 76%, var(--gold) 24%);
}

#portfolio .port-card .port-content .port-title,
.port-card .port-title,
.port-title {
  color: var(--project-title-fire, #c45d18) !important;
  font-family: var(--title, "Bebas Neue", Impact, Haettenschweiler, sans-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(24px, 1.72vw, 31px) !important;
  line-height: .96 !important;
  letter-spacing: .058em !important;
  word-spacing: .025em !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
  text-shadow: 0 10px 34px color-mix(in srgb, var(--accent) 10%, transparent) !important;
  -webkit-text-stroke: 0 transparent !important;
}

#portfolio .port-card--wide .port-title,
.port-card.is-wide .port-title {
  font-size: clamp(28px, 2.55vw, 42px) !important;
  letter-spacing: .054em !important;
}

html[data-theme="light"] #portfolio .port-card .port-content .port-title,
html[data-theme="light"] .port-card .port-title,
html[data-theme="light"] .port-title {
  color: var(--accent-3, #9a4510) !important;
  text-shadow: none !important;
}

@media (max-width: 640px) {
  #portfolio .port-card .port-content .port-title,
  .port-card .port-title,
  .port-title {
    font-size: clamp(26px, 8.6vw, 34px) !important;
    letter-spacing: .052em !important;
  }
}

/* =========================================================
   Ajuste 2026-04 — Portfólio em carrossel + Serviços com imagem
   ========================================================= */
.portfolioCarousel {
  position: relative;
  display: grid;
  gap: clamp(16px, 2vw, 24px);
}

.portfolioCarousel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px clamp(14px, 2vw, 18px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 88%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));
  box-shadow: var(--shadow-soft);
}

.portfolioCarousel__label,
.portfolioCarousel__status {
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.portfolioCarousel__controls {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.carouselBtn {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background:
    radial-gradient(120px 80px at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 62%),
    color-mix(in srgb, var(--surface-3) 90%, transparent);
  color: var(--text);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: transform var(--ease), opacity var(--ease), border-color var(--ease), background var(--ease);
}

.carouselBtn:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: var(--gold);
}

.carouselBtn:disabled {
  cursor: not-allowed;
  opacity: .35;
}

.portfolioViewport {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 2px 2px 18px;
}

.portfolioViewport::-webkit-scrollbar { display: none; }

#portfolioGrid.portfolioTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px, calc((100% - clamp(36px, 4.8vw, 56px)) / 3));
  grid-template-columns: none !important;
  gap: clamp(18px, 2.4vw, 28px);
  align-items: stretch;
}

.port-slide {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.svc-media {
  position: relative;
  margin: clamp(12px, 1.6vw, 16px) clamp(12px, 1.6vw, 16px) 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: calc(var(--radius-lg) - 10px);
  border: 1px solid var(--line);
  background:
    radial-gradient(380px 200px at 50% 0%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 62%),
    color-mix(in srgb, var(--surface-3) 86%, transparent);
}

.svc-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.20));
}

.svc-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.95) contrast(1.04);
  transform: scale(1.001);
  transition: transform var(--ease-soft), filter var(--ease-soft);
}

.card.svc:hover .svc-media img {
  transform: scale(1.035);
  filter: saturate(1) contrast(1.06);
}

.modalServiceMedia {
  margin: 16px 0 18px;
  aspect-ratio: 16 / 8.5;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-3) 86%, transparent);
}

.modalServiceMedia img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

html[data-theme="light"] .svc-media::after,
html[data-theme="light"] .port-glass {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(64,40,18,.12));
}

@media (max-width: 1120px) {
  #portfolioGrid.portfolioTrack {
    grid-auto-columns: minmax(300px, calc((100% - clamp(18px, 3vw, 28px)) / 2));
  }
}

@media (max-width: 720px) {
  .portfolioCarousel__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .portfolioCarousel__controls {
    width: 100%;
    justify-content: space-between;
  }

  #portfolioGrid.portfolioTrack {
    grid-auto-columns: minmax(82vw, 1fr);
  }

  .portfolioViewport {
    margin-inline: calc(var(--container-x, 18px) * -0.2);
    padding-bottom: 14px;
  }

  .modalServiceMedia { aspect-ratio: 16 / 10; }
}


/* =========================================================
   Hotfix 2026-04 — Portfólio sempre visível
   Motivo: o grid do portfólio agora possui HTML pré-renderizado;
   não depende mais exclusivamente do JavaScript para aparecer.
   ========================================================= */
#portfolio .portfolioCarousel {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

#portfolio .portfolioTrack,
#portfolio .port-card,
#portfolio .port-slide {
  visibility: visible !important;
}

#portfolio .portfolioTrack {
  min-height: 1px;
}

#portfolio .port-card {
  opacity: 1;
  transform: none;
}


/* =========================================================
   Refinamento 2026-04 — Portfólio premium em 2 projetos por coluna
   ========================================================= */
#portfolio {
  position: relative;
  overflow: clip;
}

#portfolio::before {
  content: "";
  position: absolute;
  inset: clamp(42px, 7vw, 96px) auto auto 50%;
  width: min(980px, 84vw);
  height: min(420px, 46vw);
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(closest-side at 50% 18%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 72%),
    radial-gradient(closest-side at 18% 64%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 76%);
  filter: blur(18px);
  opacity: .72;
  z-index: 0;
}

#portfolio .secHead,
#portfolio .portfolioCarousel {
  position: relative;
  z-index: 1;
}

#portfolio .portfolioCarousel {
  gap: clamp(18px, 2.4vw, 30px);
}

#portfolio .portfolioCarousel__top {
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  border-color: color-mix(in srgb, var(--line-strong) 72%, transparent);
  box-shadow:
    0 18px 60px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.055);
}

#portfolio .portfolioCarousel__label::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 999px;
  background: var(--gold);
  box-shadow: 0 0 22px color-mix(in srgb, var(--gold) 54%, transparent);
  vertical-align: 1px;
}

#portfolio .portfolioViewport {
  padding: 4px 4px 24px;
  mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%);
}

#portfolioGrid.portfolioTrack {
  grid-auto-flow: column !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-columns: minmax(360px, calc((100% - clamp(20px, 2.6vw, 32px)) / 2)) !important;
  gap: clamp(20px, 2.6vw, 32px) !important;
  align-items: stretch;
}

#portfolio .port-card {
  min-height: clamp(520px, 42vw, 620px);
  border-radius: clamp(24px, 2.4vw, 34px);
  background:
    radial-gradient(540px 220px at 50% -12%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 64%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));
  box-shadow:
    0 20px 58px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.052);
  transform: translate3d(0,0,0);
  transition:
    transform .72s cubic-bezier(.16,1,.3,1),
    border-color .72s cubic-bezier(.16,1,.3,1),
    box-shadow .72s cubic-bezier(.16,1,.3,1),
    background .72s cubic-bezier(.16,1,.3,1),
    filter .72s cubic-bezier(.16,1,.3,1);
}

#portfolio .port-card::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), transparent 24%),
    radial-gradient(360px 120px at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%);
  opacity: .72;
  transition: opacity .72s cubic-bezier(.16,1,.3,1);
}

#portfolio .port-card::after {
  inset: auto 24px 0 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 68%, transparent), transparent);
  opacity: .18;
}

#portfolio .port-img-wrapper {
  aspect-ratio: 16 / 8.7;
  border-bottom-color: color-mix(in srgb, var(--line-strong) 64%, transparent);
}

#portfolio .port-img {
  filter: saturate(.9) contrast(1.04) brightness(.92);
  transform: scale(1.01);
  transition:
    transform 1.08s cubic-bezier(.16,1,.3,1),
    filter 1.08s cubic-bezier(.16,1,.3,1);
}

#portfolio .port-glass {
  background:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.28)),
    radial-gradient(400px 160px at 50% 0%, rgba(255,255,255,.12), transparent 62%);
  opacity: .9;
  transition: opacity .72s cubic-bezier(.16,1,.3,1);
}

#portfolio .port-content {
  gap: 14px;
  padding: clamp(20px, 2.3vw, 28px);
}

#portfolio .port-desc {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#portfolio .port-delivery {
  margin-top: 2px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 80%, transparent), color-mix(in srgb, var(--surface-2) 72%, transparent));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform .72s cubic-bezier(.16,1,.3,1), border-color .72s cubic-bezier(.16,1,.3,1), background .72s cubic-bezier(.16,1,.3,1);
}

#portfolio .port-footer {
  padding: 0 clamp(20px, 2.3vw, 28px) clamp(20px, 2.3vw, 28px);
}

#portfolio .port-open,
#portfolio .badge-lock {
  min-height: 54px;
  border-radius: 999px;
  justify-content: center;
  letter-spacing: .11em;
  transition:
    transform .58s cubic-bezier(.16,1,.3,1),
    box-shadow .58s cubic-bezier(.16,1,.3,1),
    border-color .58s cubic-bezier(.16,1,.3,1),
    background .58s cubic-bezier(.16,1,.3,1);
}

@media (hover: hover) {
  #portfolio .port-card:hover {
    transform: translateY(-10px) scale(1.012);
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line-strong));
    box-shadow:
      0 34px 90px rgba(0,0,0,.34),
      0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent),
      inset 0 1px 0 rgba(255,255,255,.075);
  }

  #portfolio .port-card:hover::before {
    opacity: 1;
  }

  #portfolio .port-card:hover .port-img {
    transform: scale(1.075);
    filter: saturate(1.02) contrast(1.08) brightness(1);
  }

  #portfolio .port-card:hover .port-glass {
    opacity: .68;
  }

  #portfolio .port-card:hover .port-delivery {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--gold) 34%, var(--line));
  }

  #portfolio .port-open:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--gold) 18%, transparent);
  }
}

#portfolio .port-card.revealed {
  animation: ckPortfolioIn .82s cubic-bezier(.16,1,.3,1) both;
  animation-delay: calc(var(--stagger, 0) * 55ms);
}

@keyframes ckPortfolioIn {
  from {
    opacity: .55;
    transform: translateY(20px) scale(.985);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

html[data-theme="light"] #portfolio::before {
  opacity: .46;
}

html[data-theme="light"] #portfolio .port-card {
  background:
    radial-gradient(540px 220px at 50% -12%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 64%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 94%, white 7%), color-mix(in srgb, var(--surface) 97%, white 8%));
}

@media (max-width: 1120px) {
  #portfolioGrid.portfolioTrack {
    grid-auto-columns: minmax(330px, calc((100% - clamp(18px, 3vw, 28px)) / 2)) !important;
  }
}

@media (max-width: 860px) {
  #portfolioGrid.portfolioTrack {
    grid-auto-columns: minmax(76vw, 1fr) !important;
  }

  #portfolio .port-card {
    min-height: 500px;
  }
}

@media (max-width: 720px) {
  #portfolio .portfolioViewport {
    mask-image: none;
    -webkit-mask-image: none;
  }

  #portfolioGrid.portfolioTrack {
    grid-template-rows: 1fr !important;
    grid-auto-columns: minmax(84vw, 1fr) !important;
  }

  #portfolio .port-card {
    min-height: auto;
  }

  #portfolio .port-img-wrapper {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 520px) {
  #portfolio .portfolioCarousel__label,
  #portfolio .portfolioCarousel__status {
    font-size: 11px;
    letter-spacing: .105em;
  }

  #portfolio .carouselBtn {
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #portfolio .port-card,
  #portfolio .port-img,
  #portfolio .port-delivery,
  #portfolio .port-open {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   Refinamento 2026-04 — Portfólio em carrossel premium
   ========================================================= */
#portfolio .portfolioCarousel__controls {
  flex-wrap: nowrap;
}

#portfolio .carouselBtn--pause {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
}

#portfolio .portfolioCarousel__progress {
  position: relative;
  overflow: hidden;
  height: 2px;
  margin: calc(clamp(18px, 2.4vw, 30px) * -0.55) clamp(16px, 2vw, 20px) 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line-strong) 45%, transparent);
  transform: translateZ(0);
}

#portfolio .portfolioCarousel__progress span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  border-radius: inherit;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--gold) 26%, transparent),
    color-mix(in srgb, var(--gold) 92%, var(--accent) 8%),
    color-mix(in srgb, var(--accent) 64%, transparent));
  box-shadow: 0 0 24px color-mix(in srgb, var(--gold) 34%, transparent);
}

#portfolio .portfolioViewport {
  scroll-behavior: smooth;
}

#portfolio .port-card.is-in-view {
  border-color: color-mix(in srgb, var(--gold) 28%, var(--line-strong));
}

@media (hover: hover) {
  #portfolio .portfolioViewport.is-autoplaying .port-card.is-in-view:not(:hover) {
    box-shadow:
      0 24px 70px rgba(0,0,0,.28),
      0 0 0 1px color-mix(in srgb, var(--gold) 8%, transparent),
      inset 0 1px 0 rgba(255,255,255,.06);
  }
}

@media (max-width: 720px) {
  #portfolio .portfolioCarousel__controls {
    gap: 8px;
  }

  #portfolio .portfolioCarousel__progress {
    margin-top: -8px;
    margin-inline: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #portfolio .portfolioCarousel__progress span {
    transition: none !important;
    transform: scaleX(0) !important;
  }
}


/* =========================================================
   Hotfix definitivo — Portfólio em carrossel paginado real
   Força o componente a funcionar como slider horizontal,
   evitando que os projetos apareçam empilhados verticalmente.
   ========================================================= */
#portfolio .portfolioCarousel {
  position: relative !important;
  display: grid !important;
  gap: clamp(16px, 2vw, 24px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#portfolio .portfolioCarousel__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px clamp(14px, 2vw, 18px) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 88%, transparent), color-mix(in srgb, var(--surface) 92%, transparent)) !important;
  box-shadow: var(--shadow-soft) !important;
}

#portfolio .portfolioViewport {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  padding: 2px 2px clamp(16px, 2vw, 22px) !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
}

#portfolioGrid.portfolioTrack {
  display: flex !important;
  grid-auto-flow: unset !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  grid-auto-columns: unset !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  will-change: transform !important;
  transform: translate3d(0,0,0);
  transition: transform .95s cubic-bezier(.16,1,.3,1) !important;
}

#portfolio .portfolioPage {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
  align-items: stretch !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

#portfolio .portfolioPage[aria-hidden="true"] {
  pointer-events: none !important;
}

#portfolio .portfolioPage.is-active {
  pointer-events: auto !important;
}

#portfolio .portfolioTrack > .port-card {
  flex: 0 0 calc((100% - clamp(18px, 2.4vw, 30px)) / 2) !important;
  width: calc((100% - clamp(18px, 2.4vw, 30px)) / 2) !important;
  margin-right: clamp(18px, 2.4vw, 30px) !important;
}

#portfolio .portfolioPage .port-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  scroll-snap-align: unset !important;
}

#portfolio .port-card {
  min-height: clamp(510px, 40vw, 610px) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#portfolio .portfolioCarousel__progress {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  height: 2px !important;
  border-radius: 999px !important;
}

#portfolio .portfolioCarousel__progress span {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  transform-origin: left center !important;
}

#portfolio .carouselBtn {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
}

@media (max-width: 720px) {
  #portfolio .portfolioCarousel__top {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  #portfolio .portfolioCarousel__controls {
    width: 100% !important;
    justify-content: space-between !important;
  }
  #portfolio .portfolioViewport {
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  #portfolio .portfolioPage {
    grid-template-columns: 1fr !important;
  }
  #portfolio .portfolioTrack > .port-card {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  #portfolio .port-card {
    min-height: auto !important;
  }
}



/* =========================================================
   Correção final — Portfólio em carrossel real, 1 projeto por vez
   ========================================================= */
#portfolio .portfolioCarousel__top{
  justify-content:flex-end!important;
}
#portfolio .portfolioViewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:2px 2px clamp(16px,2vw,22px)!important;
  scroll-snap-type:none!important;
}
#portfolioGrid.portfolioTrack{
  display:flex!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  transform:translate3d(0,0,0);
  transition:transform .95s cubic-bezier(.16,1,.3,1)!important;
  will-change:transform!important;
}
#portfolio .portfolioPage,
#portfolio .portfolioTrack > .port-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:2px!important;
  box-sizing:border-box!important;
}
#portfolio .portfolioPage .port-card,
#portfolio .portfolioTrack > .port-card{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
}
#portfolio .port-card{
  min-height:clamp(510px,40vw,640px)!important;
  opacity:1!important;
  visibility:visible!important;
}
#portfolio .portfolioPage[aria-hidden="true"]{
  pointer-events:none!important;
}
#portfolio .portfolioPage.is-active{
  pointer-events:auto!important;
}
@media (max-width:720px){
  #portfolio .portfolioCarousel__controls{
    width:100%!important;
    justify-content:space-between!important;
  }
  #portfolio .port-card{
    min-height:auto!important;
  }
}



/* =========================================================
   SERVIÇOS — V10 SEM COLUNAS / 4 PILARES EMPILHADOS
   Objetivo: impedir definitivamente que pilares e catálogo
   renderizem em colunas, grades lado a lado ou cards empilhados
   em duas colunas.
   ========================================================= */

.servicesNoColumnsV10{
  position:relative;
  isolation:isolate;
}

.servicesNoColumnsV10 .servicesIntro{
  max-width:1080px;
  margin-inline:auto;
  margin-bottom:clamp(34px,5vw,72px);
  text-align:left;
}

.servicesNoColumnsV10 .servicesIntro h2{
  max-width:1040px;
  text-wrap:balance;
}

.servicesNoColumnsV10 .servicesIntro small{
  display:block;
  max-width:900px;
  color:var(--text-soft);
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.72;
}

.pillarStackV10{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:clamp(30px,5vw,64px);
  align-items:stretch;
}

.pillarPanelV10{
  width:100%;
  min-width:0;
  overflow:hidden;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:clamp(28px,3vw,44px);
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--surface-2) 92%,transparent), color-mix(in srgb,var(--surface) 98%,transparent)),
    radial-gradient(760px 260px at 50% 0%, color-mix(in srgb,var(--gold) 8%,transparent), transparent 72%);
  box-shadow:var(--shadow-md);
  transition:transform .45s cubic-bezier(.19,1,.22,1), border-color .35s ease, box-shadow .45s ease, opacity .35s ease, filter .35s ease;
}

.pillarPanelV10:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--gold-2) 36%,transparent);
  box-shadow:var(--shadow-lg);
}

.pillarPanelV10.is-dimmed{
  opacity:.44;
  filter:saturate(.72);
}

.pillarPanelV10.is-filtered{
  border-color:color-mix(in srgb,var(--gold-2) 62%,transparent);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--gold-2) 16%,transparent),
    var(--shadow-lg);
}

.pillarPanelMediaV10{
  position:relative;
  width:100%;
  min-height:clamp(330px,42vw,560px);
  aspect-ratio:16/7.2;
  overflow:hidden;
  background:color-mix(in srgb,var(--surface-3) 82%,transparent);
}

.pillarPanelMediaV10 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.92) contrast(1.06) brightness(.78);
  transform:scale(1.015);
  transition:transform .75s cubic-bezier(.19,1,.22,1), filter .75s ease;
}

.pillarPanelV10:hover .pillarPanelMediaV10 img{
  transform:scale(1.045);
  filter:saturate(1) contrast(1.08) brightness(.86);
}

.pillarPanelShadeV10{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 36%, rgba(0,0,0,.72)),
    linear-gradient(90deg, rgba(0,0,0,.26), transparent 62%);
}

.pillarPanelIndexV10{
  position:absolute;
  left:clamp(22px,3vw,42px);
  bottom:clamp(18px,2.5vw,34px);
  color:rgba(255,250,243,.94);
  font-family:var(--title);
  font-size:clamp(58px,9vw,132px);
  line-height:.78;
  letter-spacing:.02em;
  font-weight:400;
  text-shadow:0 20px 50px rgba(0,0,0,.38);
}

.pillarPanelBodyV10{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  gap:clamp(18px,2.6vw,32px);
  padding:clamp(24px,4vw,56px);
}

.pillarPanelTopV10{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding-bottom:clamp(14px,1.8vw,22px);
  border-bottom:1px solid var(--line);
  color:var(--text-muted);
  font-size:11px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.pillarPanelTopV10 span{
  color:var(--gold-2);
}

.pillarPanelTopV10 small{
  color:var(--text-muted);
  font-size:11px;
  font-weight:820;
  white-space:nowrap;
}

.pillarPanelBodyV10 h3{
  max-width:900px;
  margin:0;
  color:var(--text);
  font-family:var(--title);
  font-size:clamp(40px,6.6vw,92px);
  line-height:.88;
  letter-spacing:.035em;
  font-weight:400;
  text-wrap:balance;
}

.pillarPanelBodyV10 p{
  max-width:760px;
  margin:0;
  color:var(--text-soft);
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.76;
}

.pillarPanelServicesV10{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:10px;
  align-self:stretch;
}

.pillarSolutionButtonV10{
  width:100%;
  min-height:70px;
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  gap:clamp(12px,1.8vw,22px);
  padding:clamp(14px,1.8vw,20px) clamp(15px,2.2vw,26px);
  border:1px solid var(--line);
  border-radius:clamp(18px,2vw,26px);
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--surface-3) 58%,transparent), color-mix(in srgb,var(--surface-2) 76%,transparent));
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .28s ease, border-color .28s ease, background .28s ease;
}

.pillarSolutionButtonV10:hover{
  transform:translateX(8px);
  border-color:color-mix(in srgb,var(--gold-2) 42%,transparent);
  background:color-mix(in srgb,var(--gold) 10%,transparent);
}

.pillarSolutionButtonV10 span{
  flex:0 0 auto;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--gold-2) 42%,transparent);
  color:var(--gold-2);
  font-family:var(--title);
  font-size:18px;
  line-height:1;
}

.pillarSolutionButtonV10 strong{
  min-width:0;
  display:block;
  color:var(--text);
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.32;
  font-weight:760;
}

.pillarPanelFooterV10{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  padding-top:clamp(16px,2vw,26px);
  border-top:1px solid var(--line);
}

.pillarPanelFooterV10 .btn{
  min-height:46px;
}

.servicesCatalog{
  max-width:1180px;
  margin:clamp(40px,6vw,82px) auto 0;
}

.servicesCatalog.is-open .servicesTools,
.servicesCatalog.is-open .servicesCatalogListV10{
  display:block;
}

.servicesCatalog.is-collapsed .servicesTools,
.servicesCatalog.is-collapsed .servicesCatalogListV10{
  display:none !important;
}

.servicesCatalogListV10{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:clamp(14px,1.6vw,20px);
}

.serviceCatalogCard{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  min-height:0;
  border-radius:clamp(20px,2vw,30px);
}

.serviceCatalogCard .serviceCardMedia{
  width:100%;
  min-height:clamp(190px,26vw,320px);
  aspect-ratio:16/6.4;
}

.serviceCatalogCard .serviceCardMedia img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
}

.serviceCardBody{
  display:flex !important;
  flex-direction:column !important;
  gap:12px;
  padding:clamp(18px,2.4vw,30px);
}

.serviceCardBody h4{
  font-size:clamp(28px,3.6vw,52px);
}

.serviceCardBody p{
  max-width:760px;
  font-size:14px;
  line-height:1.68;
}

.serviceCardBottom{
  display:flex !important;
  flex-direction:column !important;
  gap:14px;
}

.serviceCardActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.serviceCardActions .btn{
  flex:0 1 auto;
  min-width:150px;
}

html[data-theme="light"] .pillarPanelV10,
html[data-theme="light"] .pillarSolutionButtonV10,
html[data-theme="light"] .serviceCatalogCard{
  background:color-mix(in srgb,var(--surface) 92%,white 8%);
}

@media (max-width:820px){
  .pillarStackV10{
    gap:28px;
  }

  .pillarPanelMediaV10{
    min-height:240px;
    aspect-ratio:16/9;
  }

  .pillarPanelBodyV10{
    padding:22px;
  }

  .pillarPanelTopV10{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .pillarPanelBodyV10 h3{
    font-size:clamp(34px,12vw,58px);
  }

  .pillarPanelFooterV10,
  .serviceCardActions{
    flex-direction:column;
    align-items:stretch;
  }

  .pillarPanelFooterV10 .btn,
  .serviceCardActions .btn{
    width:100%;
    justify-content:center;
  }

  .pillarSolutionButtonV10:hover{
    transform:translateY(-2px);
  }

  .serviceCatalogCard .serviceCardMedia{
    min-height:180px;
    aspect-ratio:16/9;
  }
}

@media (max-width:560px){
  .pillarPanelMediaV10{
    min-height:210px;
  }

  .pillarPanelIndexV10{
    font-size:64px;
  }

  .pillarSolutionButtonV10{
    align-items:flex-start;
    flex-direction:column;
  }

  .pillarSolutionButtonV10 span{
    width:36px;
    height:36px;
  }
}

/* =========================================================
   SERVIÇOS — V11 / PILARES COM ABERTURA INTERNA
   Correção: o clique no pilar abre as soluções completas
   dentro da própria caixa correspondente, sem colunas.
   ========================================================= */

.pillarPanelV11{
  position:relative;
}

.pillarPanelV11.is-open{
  border-color:color-mix(in srgb,var(--gold-2) 62%,transparent);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--gold-2) 16%,transparent),
    0 38px 120px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.pillarPanelV11.is-open .pillarPanelMediaV11 img{
  transform:scale(1.045);
  filter:saturate(1) contrast(1.08) brightness(.86);
}

.pillarToggleButtonV11{
  min-width:min(100%,280px);
}

.pillarToggleButtonV11 .pillarToggleCloseV11{
  display:none;
}

.pillarPanelV11.is-open .pillarToggleButtonV11 .pillarToggleOpenV11{
  display:none;
}

.pillarPanelV11.is-open .pillarToggleButtonV11 .pillarToggleCloseV11{
  display:inline;
}

.pillarSolutionsDrawerV11{
  width:100%;
  display:block;
  border-top:1px solid color-mix(in srgb,var(--gold-2) 22%,var(--line));
  background:
    radial-gradient(780px 280px at 50% 0%, color-mix(in srgb,var(--gold) 9%,transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface) 94%,transparent), color-mix(in srgb,var(--surface-2) 96%,transparent));
  padding:clamp(22px,4vw,54px);
}

.pillarSolutionsDrawerV11[hidden]{
  display:none !important;
}

.pillarSolutionsHeaderV11{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  max-width:900px;
  margin:0 0 clamp(22px,3vw,40px);
}

.pillarSolutionsHeaderV11 span{
  color:var(--gold-2);
  font-size:11px;
  font-weight:820;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.pillarSolutionsHeaderV11 h4{
  margin:0;
  color:var(--text);
  font-family:var(--title);
  font-size:clamp(34px,5vw,72px);
  line-height:.88;
  letter-spacing:.04em;
  font-weight:400;
  text-transform:uppercase;
}

.pillarSolutionsHeaderV11 p{
  margin:0;
  max-width:760px;
  color:var(--text-soft);
  font-size:clamp(14px,1.1vw,17px);
  line-height:1.72;
}

.pillarSolutionsListV11{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:clamp(18px,2.2vw,28px);
}

.pillarServiceFullCardV11{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:clamp(22px,2.4vw,34px);
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--surface-2) 92%,transparent), color-mix(in srgb,var(--surface) 98%,transparent));
  box-shadow:0 20px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}

.pillarServiceMediaV11{
  position:relative;
  width:100%;
  min-height:clamp(210px,27vw,390px);
  aspect-ratio:16/6.4;
  overflow:hidden;
  background:color-mix(in srgb,var(--surface-3) 86%,transparent);
}

.pillarServiceMediaV11 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.94) contrast(1.04) brightness(.82);
}

.pillarServiceMediaV11::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, transparent 42%, rgba(0,0,0,.64));
}

.pillarServiceMediaV11 span{
  position:absolute;
  left:clamp(16px,2vw,28px);
  bottom:clamp(14px,1.8vw,24px);
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:rgba(255,250,243,.92);
  font-size:11px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.pillarServiceContentV11{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:clamp(16px,2vw,24px);
  padding:clamp(20px,3.2vw,44px);
}

.pillarServiceHeaderV11{
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  max-width:880px;
}

.pillarServiceKickerV11{
  color:var(--gold-2);
  font-size:11px;
  font-weight:820;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.pillarServiceHeaderV11 h4{
  margin:0;
  color:var(--text);
  font-family:var(--title);
  font-weight:400;
  font-size:clamp(32px,4.8vw,70px);
  line-height:.9;
  letter-spacing:.036em;
  text-transform:uppercase;
  text-wrap:balance;
}

.pillarServiceHeaderV11 p,
.pillarServiceNarrativeV11 p,
.pillarServiceNoteV11 p,
.pillarServicePriceDetailsV11{
  margin:0;
  color:var(--text-soft);
  font-size:clamp(14px,1.08vw,17px);
  line-height:1.72;
}

.pillarServicePillsV11,
.pillarServiceFeaturesV11{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
}

.pillarServicePillsV11 span,
.pillarServiceFeaturesV11 span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--gold-2) 22%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--gold) 8%,transparent);
  color:var(--text-soft);
  font-size:11px;
  font-weight:760;
  letter-spacing:.04em;
}

.pillarServiceNarrativeV11,
.pillarServiceBlockV11,
.pillarServiceNoteV11{
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  padding:clamp(15px,2vw,22px);
  border:1px solid var(--line);
  border-radius:clamp(16px,1.8vw,24px);
  background:color-mix(in srgb,var(--surface-3) 46%,transparent);
}

.pillarServiceNarrativeV11 strong,
.pillarServiceBlockV11 strong,
.pillarServiceNoteV11 strong{
  color:var(--text);
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pillarServiceBlockV11 ul{
  display:flex !important;
  flex-direction:column !important;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.pillarServiceBlockV11 li{
  position:relative;
  padding-left:18px;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.58;
}

.pillarServiceBlockV11 li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold-2);
  box-shadow:0 0 18px color-mix(in srgb,var(--gold-2) 44%,transparent);
}

.pillarServiceVariationsV11{
  width:100%;
  display:flex !important;
  flex-direction:column !important;
  gap:8px;
}

.pillarServiceVariationsV11 div{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}

.pillarServiceVariationsV11 div:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.pillarServiceVariationsV11 span{
  min-width:0;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.45;
}

.pillarServiceVariationsV11 b{
  flex:0 0 auto;
  color:var(--gold-2);
  font-family:var(--title);
  font-size:clamp(18px,2vw,26px);
  line-height:1;
  letter-spacing:.035em;
  font-weight:400;
  text-align:right;
}

.pillarServicePriceV11{
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  padding:clamp(16px,2vw,24px);
  border:1px solid color-mix(in srgb,var(--gold-2) 28%,var(--line));
  border-radius:clamp(18px,2vw,26px);
  background:
    radial-gradient(420px 140px at 0% 0%, color-mix(in srgb,var(--gold) 13%,transparent), transparent 66%),
    color-mix(in srgb,var(--surface-3) 60%,transparent);
}

.pillarServicePriceV11 div{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}

.pillarServicePriceV11 small{
  color:var(--text-muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pillarServicePriceV11 b{
  color:var(--gold-2);
  font-family:var(--title);
  font-size:clamp(22px,3vw,40px);
  line-height:.95;
  letter-spacing:.035em;
  font-weight:400;
  text-align:right;
}

.pillarServiceActionsV11{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:clamp(4px,1vw,10px);
}

.pillarServiceActionsV11 .btn{
  min-height:48px;
}

html[data-theme="light"] .pillarSolutionsDrawerV11,
html[data-theme="light"] .pillarServiceFullCardV11,
html[data-theme="light"] .pillarServiceNarrativeV11,
html[data-theme="light"] .pillarServiceBlockV11,
html[data-theme="light"] .pillarServiceNoteV11,
html[data-theme="light"] .pillarServicePriceV11{
  background:color-mix(in srgb,var(--surface) 92%,white 8%);
}

@media (max-width:820px){
  .pillarSolutionsDrawerV11{
    padding:20px;
  }

  .pillarServiceMediaV11{
    min-height:190px;
    aspect-ratio:16/9;
  }

  .pillarServiceContentV11{
    padding:20px;
  }

  .pillarServicePriceV11 div,
  .pillarServiceVariationsV11 div{
    flex-direction:column;
    align-items:flex-start;
  }

  .pillarServicePriceV11 b,
  .pillarServiceVariationsV11 b{
    text-align:left;
  }

  .pillarServiceActionsV11{
    flex-direction:column;
    align-items:stretch;
  }

  .pillarServiceActionsV11 .btn{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:560px){
  .pillarSolutionsDrawerV11{
    padding:16px;
  }

  .pillarServiceContentV11{
    padding:17px;
  }

  .pillarServiceNarrativeV11,
  .pillarServiceBlockV11,
  .pillarServiceNoteV11,
  .pillarServicePriceV11{
    padding:15px;
  }

  .pillarServiceHeaderV11 h4{
    font-size:clamp(30px,11vw,46px);
  }

  .pillarSolutionsHeaderV11 h4{
    font-size:clamp(31px,11vw,48px);
  }
}


/* =========================================================
   SERVIÇOS — V15 FINAL / 4 PILARES 2x2 + CONTEÚDO INTERNO
   Correção definitiva:
   - remove catálogo externo da experiência visual;
   - desktop em 2 pilares por linha;
   - pilar aberto ocupa a largura total;
   - detalhes completos só aparecem dentro do pilar correspondente;
   - mobile/tablet sem quebra, sem colunas apertadas.
   ========================================================= */

.servicesNoColumnsV10{
  --pillar-card-radius: clamp(24px, 2.8vw, 38px);
}

.servicesNoColumnsV10 .servicesIntro{
  max-width: 1240px;
  margin-bottom: clamp(28px, 4vw, 54px);
}

.servicesNoColumnsV10 .servicesIntro h2{
  max-width: 920px;
  font-size: clamp(34px, 5vw, 76px);
}

.servicesNoColumnsV10 .servicesIntro small{
  max-width: 820px;
}

.pillarStackV10{
  max-width: 1280px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.8vw, 36px) !important;
  align-items: start !important;
}

.pillarPanelV10{
  min-width: 0 !important;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  border-radius: var(--pillar-card-radius) !important;
}

.pillarPanelV10:hover{
  transform: translateY(-3px);
}

.pillarPanelV11.is-open{
  grid-column: 1 / -1 !important;
  height: auto;
}

.pillarPanelV11.is-dimmed{
  opacity: .72;
  filter: saturate(.86) brightness(.92);
}

.pillarPanelMediaV10{
  min-height: clamp(220px, 23vw, 350px) !important;
  aspect-ratio: 16 / 8.6 !important;
}

.pillarPanelV11.is-open .pillarPanelMediaV10{
  min-height: clamp(280px, 30vw, 460px) !important;
  aspect-ratio: 16 / 7.1 !important;
}

.pillarPanelIndexV10{
  font-size: clamp(56px, 7vw, 104px) !important;
}

.pillarPanelBodyV10{
  flex: 1 1 auto;
  padding: clamp(22px, 3vw, 42px) !important;
  gap: clamp(15px, 2vw, 24px) !important;
}

.pillarPanelBodyV10 h3{
  max-width: 720px;
  font-size: clamp(36px, 4.9vw, 68px) !important;
  line-height: .9 !important;
}

.pillarPanelBodyV10 p{
  max-width: 660px;
  font-size: clamp(14px, 1.05vw, 16px) !important;
}

.pillarPanelServicesV10{
  gap: 9px !important;
}

.pillarSolutionButtonV10{
  min-height: 60px !important;
  padding: 13px 16px !important;
}

.pillarSolutionButtonV10 span{
  width: 34px !important;
  height: 34px !important;
  font-size: 15px !important;
}

.pillarSolutionButtonV10 strong{
  font-size: clamp(13px, 1vw, 15px) !important;
}

.pillarPanelFooterV10{
  margin-top: auto;
}

.pillarSolutionsDrawerV11{
  padding: clamp(22px, 4vw, 52px) !important;
}

.pillarSolutionsHeaderV11{
  max-width: 920px;
}

.pillarSolutionsHeaderV11 h4{
  font-size: clamp(34px, 5vw, 74px) !important;
}

.pillarSolutionsListV11{
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(18px, 2.2vw, 28px) !important;
}

.pillarServiceFullCardV11{
  display: grid !important;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr) !important;
  align-items: stretch;
  overflow: hidden;
}

.pillarServiceMediaV11{
  min-height: 100% !important;
  aspect-ratio: auto !important;
}

.pillarServiceMediaV11 img{
  min-height: 100%;
}

.pillarServiceContentV11{
  padding: clamp(22px, 3vw, 42px) !important;
}

.pillarServiceHeaderV11 h4{
  font-size: clamp(30px, 4vw, 58px) !important;
}

.pillarServicePriceV11{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.pillarServiceActionsV11{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.servicesCatalog,
#servicesCatalogArea,
#servicesCatalog,
.servicesTools,
.catalogHead,
.catalogActions,
.catalogSummary{
  display: none !important;
}

@media (max-width: 1100px){
  .pillarStackV10{
    max-width: 920px !important;
    grid-template-columns: 1fr !important;
  }

  .pillarPanelV11.is-open{
    grid-column: auto !important;
  }

  .pillarPanelMediaV10,
  .pillarPanelV11.is-open .pillarPanelMediaV10{
    min-height: clamp(240px, 42vw, 420px) !important;
    aspect-ratio: 16 / 8.2 !important;
  }

  .pillarServiceFullCardV11{
    grid-template-columns: 1fr !important;
  }

  .pillarServiceMediaV11{
    min-height: clamp(220px, 36vw, 360px) !important;
    aspect-ratio: 16 / 8.4 !important;
  }
}

@media (max-width: 720px){
  .servicesNoColumnsV10 .servicesIntro{
    margin-bottom: 26px;
  }

  .servicesNoColumnsV10 .servicesIntro h2{
    font-size: clamp(32px, 11vw, 54px);
  }

  .pillarStackV10{
    gap: 22px !important;
  }

  .pillarPanelV10{
    border-radius: 24px !important;
  }

  .pillarPanelMediaV10,
  .pillarPanelV11.is-open .pillarPanelMediaV10{
    min-height: 210px !important;
    aspect-ratio: 16 / 10 !important;
  }

  .pillarPanelIndexV10{
    font-size: 62px !important;
  }

  .pillarPanelBodyV10{
    padding: 20px !important;
  }

  .pillarPanelBodyV10 h3{
    font-size: clamp(32px, 12vw, 50px) !important;
  }

  .pillarPanelTopV10{
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .pillarSolutionButtonV10{
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  .pillarPanelFooterV10,
  .pillarServiceActionsV11{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .pillarPanelFooterV10 .btn,
  .pillarServiceActionsV11 .btn{
    width: 100% !important;
    justify-content: center !important;
  }

  .pillarSolutionsDrawerV11{
    padding: 20px !important;
  }

  .pillarSolutionsHeaderV11 h4{
    font-size: clamp(30px, 11vw, 50px) !important;
  }

  .pillarServiceMediaV11{
    min-height: 190px !important;
    aspect-ratio: 16 / 10 !important;
  }

  .pillarServiceContentV11{
    padding: 20px !important;
  }

  .pillarServicePriceV11{
    grid-template-columns: 1fr !important;
  }

  .pillarServiceVariationsV11{
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1101px){
  .pillarPanelV11:not(.is-open) .pillarSolutionsDrawerV11{
    display: none !important;
  }
}

/* =========================================================
   CAREKA DIGITAL — REFINO GLOBAL V16
   Ajuste de respiro, responsividade, leitura e serviços.
   ========================================================= */
:root{
  --section-space: clamp(56px, 8.2vw, 124px);
  --section-inner: clamp(22px, 3.1vw, 52px);
  --content-gap: clamp(18px, 2.6vw, 36px);
  --card-gap: clamp(16px, 2vw, 28px);
  --safe-gutter: clamp(18px, 5vw, 74px);
}

html{scroll-padding-top:clamp(92px,10vw,132px);}
body{line-height:1.66;}
.container{width:min(var(--max),100% - var(--safe-gutter));}
main.container{padding-bottom:clamp(54px,8vw,118px);}
section[id]{scroll-margin-top:clamp(96px,10vw,132px);}
.sec{padding:clamp(18px,2vw,28px) 0 var(--section-space)!important;}
.sec + .sec{margin-top:clamp(8px,1.8vw,24px);}
.secHead{margin-bottom:clamp(22px,3.4vw,48px)!important;display:grid;gap:clamp(10px,1.1vw,16px);}
.secHead h2{max-width:960px;font-size:clamp(38px,5.6vw,86px)!important;line-height:.92!important;letter-spacing:.045em!important;text-wrap:balance;}
.secHead small{max-width:760px;font-size:clamp(15px,1.15vw,18px)!important;line-height:1.72!important;color:var(--text-soft)!important;text-wrap:pretty;}
.panel,.port-card,.pillarPanelV10,.modal,.cta-panel{box-shadow:0 38px 120px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);}
.panel{padding:clamp(24px,4vw,58px)!important;border-radius:clamp(22px,2.5vw,36px)!important;}
.lead,.lead-text,p{overflow-wrap:anywhere;}
.btn{min-height:48px;padding-inline:clamp(16px,2vw,24px);}

#portfolio{padding-top:clamp(34px,5vw,70px)!important;}
#portfolio .portfolioViewport{margin-top:clamp(18px,2vw,30px)!important;}
#portfolio .port-card{min-height:clamp(470px,39vw,660px)!important;}
#portfolio .port-content{padding:clamp(22px,3vw,42px)!important;gap:clamp(12px,1.8vw,22px)!important;}
#portfolio .port-desc,#portfolio .port-delivery{max-width:72ch;line-height:1.68!important;}
#portfolio .port-footer{padding:0 clamp(22px,3vw,42px) clamp(22px,3vw,42px)!important;}

#pilares{padding-top:clamp(48px,7vw,108px)!important;}
.servicesNoColumnsV10 .servicesIntro{max-width:1120px!important;margin-bottom:clamp(34px,4.8vw,72px)!important;}
.servicesNoColumnsV10 .servicesIntro h2{font-size:clamp(38px,5.3vw,82px)!important;line-height:.93!important;letter-spacing:.05em!important;max-width:980px!important;}
.servicesNoColumnsV10 .servicesIntro small{font-size:clamp(15px,1.12vw,18px)!important;line-height:1.76!important;max-width:840px!important;}
.pillarStackV10{gap:clamp(24px,3.2vw,44px)!important;}
.pillarPanelV10{transition:transform .42s var(--ease-soft),opacity .42s var(--ease-soft),filter .42s var(--ease-soft),border-color .42s var(--ease-soft)!important;}
.pillarPanelV10:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--gold) 34%,var(--line))!important;}
.pillarPanelV11.is-open{transform:none!important;}
.pillarPanelMediaV10{min-height:clamp(240px,23vw,380px)!important;}
.pillarPanelV11.is-open .pillarPanelMediaV10{min-height:clamp(300px,31vw,500px)!important;}
.pillarPanelBodyV10{padding:clamp(26px,3.3vw,50px)!important;}
.pillarPanelBodyV10 h3{font-size:clamp(40px,4.8vw,76px)!important;line-height:.92!important;letter-spacing:.045em!important;text-wrap:balance;}
.pillarPanelBodyV10 p{font-size:clamp(15px,1.06vw,17px)!important;line-height:1.72!important;color:var(--text-soft)!important;}
.pillarPanelServicesV10{gap:clamp(10px,1vw,14px)!important;margin-top:clamp(4px,1vw,14px)!important;}
.pillarSolutionButtonV10{border-radius:clamp(14px,1.5vw,22px)!important;min-height:64px!important;transition:transform .34s var(--ease-soft),border-color .34s var(--ease-soft),background .34s var(--ease-soft)!important;}
.pillarSolutionButtonV10:hover{transform:translateX(3px);}
.pillarPanelFooterV10{padding-top:clamp(18px,2.2vw,34px)!important;margin-top:clamp(8px,1vw,16px)!important;}
.pillarSolutionsDrawerV11{margin:0 clamp(18px,2.6vw,40px) clamp(24px,3vw,46px)!important;max-height:none!important;overflow:visible!important;scroll-behavior:auto!important;}
.pillarSolutionsHeaderV11{margin-bottom:clamp(20px,3vw,42px)!important;}
.pillarSolutionsHeaderV11 p{max-width:760px;line-height:1.7;}
.pillarServiceFullCardV11{border-radius:clamp(18px,2vw,28px)!important;}
.pillarServiceContentV11{display:grid;gap:clamp(14px,1.8vw,24px)!important;}
.pillarServiceHeaderV11 h4{line-height:.94!important;letter-spacing:.038em!important;text-wrap:balance;}
.pillarServiceNarrativeV11 p,.pillarServiceBlockV11 li,.pillarServiceNoteV11 p,.pillarServicePriceDetailsV11{line-height:1.7!important;}
.pillarServicePriceV11,.pillarServiceVariationsV11{gap:clamp(10px,1.2vw,16px)!important;}

#cta-final{padding-top:clamp(18px,4vw,64px)!important;}
.cta-panel{text-align:center;display:grid;justify-items:center;gap:clamp(18px,2.4vw,32px);}
.cta-title-block{display:grid;gap:.08em;max-width:1000px;}
.cta-title-block .title-line{font-size:clamp(38px,5.5vw,88px)!important;line-height:.9!important;text-wrap:balance;}
#contato{padding-bottom:clamp(28px,5vw,80px)!important;}
#contato .panel{padding-bottom:clamp(24px,3vw,44px)!important;}
.foot{gap:clamp(18px,2vw,34px)!important;}

.modalOverlay.open{display:grid;place-items:center;padding:clamp(12px,3vw,34px);}
.modal{max-height:min(88svh,920px)!important;overflow:auto!important;scroll-behavior:auto!important;overscroll-behavior:contain;}
.modalBody{scroll-behavior:auto!important;}
.modalTitle{font-size:clamp(36px,4.4vw,72px)!important;line-height:.94!important;text-wrap:balance;}
.modalServiceMedia{aspect-ratio:16/8.4;overflow:hidden;border-radius:clamp(14px,1.6vw,22px);}
.modalServiceMedia img{width:100%;height:100%;object-fit:cover;}

@media (min-width:1600px){
  :root{--max:1440px;}
  .container{width:min(var(--max),100% - clamp(80px,7vw,150px));}
  #portfolio .port-card{min-height:clamp(560px,34vw,720px)!important;}
}
@media (max-width:1180px){
  :root{--section-space:clamp(52px,8vw,96px);}
  .container{width:min(100% - clamp(26px,5vw,56px),1120px);}
  .secHead h2{font-size:clamp(36px,7vw,70px)!important;}
  .pillarStackV10{grid-template-columns:1fr!important;max-width:980px!important;}
  .pillarPanelV11.is-open{grid-column:auto!important;}
}
@media (max-width:760px){
  :root{--section-space:clamp(46px,12vw,78px);--safe-gutter:clamp(24px,7vw,34px);}
  .topbar{padding-top:10px;}
  .topbar__in{border-radius:20px;padding:10px 12px;}
  .mark{width:46px;height:46px;border-radius:14px;}
  .brandtxt b{font-size:18px;letter-spacing:.10em;}
  .brandtxt small{font-size:10px;letter-spacing:.10em;}
  .sec{padding-top:12px!important;}
  .secHead{margin-bottom:24px!important;}
  .secHead h2{font-size:clamp(34px,11vw,54px)!important;line-height:.95!important;letter-spacing:.035em!important;}
  .secHead small{font-size:15px!important;line-height:1.68!important;}
  .panel{padding:20px!important;border-radius:22px!important;}
  .btn{width:100%;justify-content:center;min-height:50px;}
  #portfolio .portfolioViewport{border-radius:22px!important;}
  #portfolio .port-content{padding:22px!important;}
  #portfolio .port-footer{padding:0 22px 22px!important;}
  .servicesNoColumnsV10 .servicesIntro h2{font-size:clamp(32px,11vw,52px)!important;}
  .pillarPanelMediaV10,.pillarPanelV11.is-open .pillarPanelMediaV10{min-height:clamp(210px,62vw,360px)!important;aspect-ratio:16/10!important;}
  .pillarPanelBodyV10{padding:22px!important;}
  .pillarPanelBodyV10 h3{font-size:clamp(34px,12vw,54px)!important;line-height:.94!important;}
  .pillarSolutionsDrawerV11{margin:0 14px 18px!important;padding:18px!important;border-radius:20px!important;}
  .pillarServiceFullCardV11{grid-template-columns:1fr!important;}
  .pillarServiceMediaV11{min-height:clamp(180px,54vw,300px)!important;aspect-ratio:16/10!important;}
  .pillarServiceContentV11{padding:18px!important;}
  .pillarServiceHeaderV11 h4{font-size:clamp(30px,10vw,46px)!important;}
  .pillarServicePriceV11{grid-template-columns:1fr!important;}
  .modalOverlay.open{padding:10px;align-items:end;}
  .modal{width:100%;max-height:92svh!important;border-radius:22px 22px 0 0!important;}
  .modalHead,.modalBody{padding-inline:18px!important;}
}
@media (max-width:390px){
  :root{--safe-gutter:20px;}
  .brandtxt small{display:none;}
  .pillarPanelBodyV10,.pillarServiceContentV11{padding:16px!important;}
  .pillarSolutionButtonV10{padding:13px 14px!important;}
  .pillarSolutionsDrawerV11{margin-inline:8px!important;padding:14px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}


/* =========================================================
   HIERARQUIA GLOBAL V18 — respiro premium controlado
   ========================================================= */
:root{
  --section-space: clamp(52px, 8vw, 112px);
  --top-offset: clamp(14px, 2vw, 24px);
}
main.container{padding-bottom:clamp(54px,7vw,108px);}
section[id]{scroll-margin-top:124px;}
.sec-head,
.section-head,
.headBlock{
  margin-bottom:clamp(18px,2.2vw,30px);
}
.panel,
.card,
.port-card,
.contactCard,
.cta-panel{
  border-radius:clamp(18px,1.6vw,28px);
}


/* =========================================================
   HEADER + MEGA MENU V27 — barra premium minimalista
   ========================================================= */
:root{
  --ck-header-space: clamp(86px, 7.2vw, 118px);
  --ck-menu-ease: cubic-bezier(.16,1,.3,1);
}
body{
  padding-top:var(--ck-header-space)!important;
}
.topbar{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  z-index:120!important;
  padding-top:clamp(10px,1.25vw,18px)!important;
  pointer-events:none!important;
}
.topbar .container{pointer-events:auto!important;}
.topbar__in{
  min-height:clamp(66px,5vw,82px)!important;
  padding:clamp(10px,1vw,14px) clamp(12px,1.7vw,18px)!important;
  border-radius:clamp(18px,1.45vw,28px)!important;
  border:1px solid rgba(212,168,67,.14)!important;
  background:linear-gradient(180deg,rgba(10,12,16,.72),rgba(6,7,10,.64))!important;
  backdrop-filter:blur(20px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.22)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:min-height .42s var(--ck-menu-ease),padding .42s var(--ck-menu-ease),border-color .42s var(--ck-menu-ease),background .42s var(--ck-menu-ease),box-shadow .42s var(--ck-menu-ease)!important;
}
body.is-scrolled .topbar__in{
  min-height:clamp(58px,4.5vw,72px)!important;
  background:linear-gradient(180deg,rgba(8,10,14,.84),rgba(4,5,7,.76))!important;
  border-color:rgba(212,168,67,.20)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.brand{gap:clamp(10px,1vw,14px)!important;}
.mark{
  width:clamp(44px,4vw,58px)!important;
  height:clamp(44px,4vw,58px)!important;
  border-radius:clamp(14px,1vw,18px)!important;
}
.brandtxt b{font-size:clamp(17px,1.5vw,21px)!important;letter-spacing:.15em!important;}
.brandtxt small{font-size:clamp(10px,.84vw,12px)!important;letter-spacing:.16em!important;}
.header-actions{gap:clamp(8px,.8vw,12px)!important;}
.nav{gap:clamp(6px,.65vw,10px)!important;}
.nav-link{
  min-height:42px!important;
  padding:10px clamp(13px,1.1vw,18px)!important;
  border-radius:999px!important;
  font-size:12px!important;
  letter-spacing:.15em!important;
  background:rgba(255,255,255,.018)!important;
}
.theme-toggle,
.menu-toggle{
  display:inline-flex!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.022)!important;
}
.menu-toggle{
  width:46px!important;
  height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.menu-toggle::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 0%,rgba(212,168,67,.12),transparent 62%);
  opacity:.85;
  pointer-events:none;
}
.menu-toggle span{
  left:13px!important;
  right:13px!important;
  height:1.5px!important;
  background:linear-gradient(90deg,var(--gold-2),var(--text))!important;
  transform-origin:center!important;
}
.menu-toggle span:nth-child(1){top:16px!important;}
.menu-toggle span:nth-child(2){top:22px!important;width:14px!important;left:auto!important;}
.menu-toggle span:nth-child(3){top:28px!important;}
.menu-toggle.active span:nth-child(1){top:22px!important;transform:rotate(42deg)!important;}
.menu-toggle.active span:nth-child(2){opacity:0!important;transform:translateX(8px)!important;}
.menu-toggle.active span:nth-child(3){top:22px!important;transform:rotate(-42deg)!important;}
@media (hover:hover){
  .nav-link:hover,.theme-toggle:hover,.menu-toggle:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(212,168,67,.30)!important;
    background:rgba(212,168,67,.055)!important;
  }
}
.menu-overlay{display:none!important;}

.megaMenu,
.megaMenu *{box-sizing:border-box;}
.megaMenu{
  position:fixed!important;
  inset:0!important;
  z-index:110!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(92px,8vw,124px) clamp(18px,4vw,70px) clamp(22px,4vw,70px)!important;
  background:rgba(3,4,6,.88)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .54s var(--ck-menu-ease),visibility .54s var(--ck-menu-ease)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.megaMenu.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.megaMenu__atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(780px 420px at 12% 12%,rgba(212,168,67,.09),transparent 66%),
    radial-gradient(760px 440px at 92% 0%,rgba(196,93,24,.10),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%);
}
.megaMenu__shell{
  position:relative;
  z-index:1;
  width:min(100%,1480px);
  min-height:min(720px,calc(100dvh - clamp(126px,12vw,170px)));
  display:grid;
  grid-template-rows:auto 1fr;
  gap:clamp(22px,2.4vw,34px);
  padding:clamp(22px,2.6vw,42px);
  border:1px solid rgba(212,168,67,.16);
  border-radius:clamp(24px,2.2vw,38px);
  background:
    radial-gradient(880px 320px at 0% 0%,rgba(212,168,67,.08),transparent 62%),
    radial-gradient(720px 420px at 100% 100%,rgba(196,93,24,.06),transparent 64%),
    linear-gradient(145deg,rgba(12,14,18,.98),rgba(4,4,6,.96));
  box-shadow:0 44px 140px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045);
  transform:translateY(18px) scale(.985);
  transition:transform .64s var(--ck-menu-ease),opacity .64s var(--ck-menu-ease);
  opacity:.72;
}
.megaMenu.is-open .megaMenu__shell{
  transform:translateY(0) scale(1);
  opacity:1;
}
.megaMenu__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:clamp(16px,1.6vw,24px);
  border-bottom:1px solid rgba(212,168,67,.13);
}
.megaMenu__brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
}
.megaMenu__mark{
  width:52px;
  height:52px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(212,168,67,.18);
}
.megaMenu__mark img{width:100%;height:100%;object-fit:cover;}
.megaMenu__brand span:last-child{display:grid;gap:4px;}
.megaMenu__brand b,.megaMenu__editorial strong,.megaMenu__nav strong{
  font-family:var(--title);
  font-weight:400;
  text-transform:uppercase;
  color:var(--text);
}
.megaMenu__brand b{font-size:24px;letter-spacing:.14em;line-height:.9;color:var(--gold-2);}
.megaMenu__brand small{font:700 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);}
.megaMenu__close{
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(212,168,67,.18);
  color:var(--text-soft);
  background:rgba(255,255,255,.025);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
  cursor:pointer;
  transition:transform .32s var(--ck-menu-ease),border-color .32s var(--ck-menu-ease),background .32s var(--ck-menu-ease);
}
.megaMenu__grid{
  display:grid;
  grid-template-columns:minmax(280px,.95fr) minmax(360px,1.15fr) minmax(280px,.9fr);
  gap:clamp(20px,2.2vw,34px);
  align-items:stretch;
}
.megaMenu__editorial,.megaMenu__aside{display:grid;gap:clamp(16px,1.6vw,24px);align-content:start;}
.megaMenu__editorial small,.megaMenu__card b{
  color:var(--gold-2);
  font:800 12px/1 var(--body);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.megaMenu__editorial strong{
  font-size:clamp(36px,4vw,68px);
  line-height:.9;
  letter-spacing:.035em;
  text-wrap:balance;
}
.megaMenu__editorial p,.megaMenu__card p,.megaMenu__nav small{
  color:var(--text-soft);
  line-height:1.65;
  margin:0;
}
.megaMenu__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.megaMenu__nav{display:grid;gap:10px;align-content:start;}
.megaMenu__nav a{
  position:relative;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px 18px;
  min-height:94px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(212,168,67,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));
  transition:transform .42s var(--ck-menu-ease),border-color .42s var(--ck-menu-ease),background .42s var(--ck-menu-ease);
}
.megaMenu__nav span{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(212,168,67,.24);
  color:var(--gold-2);
  font:800 12px/1 var(--body);
}
.megaMenu__nav strong{font-size:clamp(26px,2.2vw,38px);line-height:.9;letter-spacing:.06em;}
.megaMenu__card{
  padding:clamp(18px,1.6vw,24px);
  border-radius:22px;
  border:1px solid rgba(212,168,67,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));
  display:grid;
  gap:12px;
}
.megaMenu__card a{color:var(--gold-2);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px;}
.megaMenu__card--quiet{opacity:.82;}
@media (hover:hover){
  .megaMenu__close:hover,.megaMenu__nav a:hover,.megaMenu__card a:hover{
    transform:translateY(-2px);
  }
  .megaMenu__nav a:hover{border-color:rgba(212,168,67,.28);background:rgba(212,168,67,.045);}
  .megaMenu__close:hover{border-color:rgba(212,168,67,.30);background:rgba(212,168,67,.055);}
}
body.menu-open .topbar__in{border-color:rgba(212,168,67,.28)!important;background:rgba(7,8,10,.78)!important;}
@media (max-width:1180px){
  .megaMenu__grid{grid-template-columns:1fr 1fr;}
  .megaMenu__editorial{grid-column:1 / -1;}
}
@media (max-width:860px){
  :root{--ck-header-space:76px;}
  .topbar .container{width:min(100% - 22px,760px)!important;}
  .topbar__in{min-height:58px!important;border-radius:20px!important;padding:8px 10px!important;}
  .brandtxt small{display:none!important;}
  .nav{display:none!important;}
  .theme-toggle{display:none!important;}
  .menu-toggle{display:inline-flex!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;}
  .megaMenu{padding:82px 12px 12px!important;}
  .megaMenu__shell{min-height:calc(100dvh - 94px);padding:18px;border-radius:24px;overflow:auto;}
  .megaMenu__top{align-items:flex-start;}
  .megaMenu__grid{grid-template-columns:1fr;gap:16px;}
  .megaMenu__editorial strong{font-size:clamp(34px,12vw,54px);}
  .megaMenu__actions{display:grid;grid-template-columns:1fr;}
  .megaMenu__nav a{min-height:78px;padding:15px 16px;border-radius:18px;}
  .megaMenu__nav strong{font-size:clamp(24px,7vw,32px);}
  .megaMenu__aside{gap:12px;}
}
@media (max-width:420px){
  .brandtxt b{font-size:16px!important;letter-spacing:.12em!important;}
  .mark{width:42px!important;height:42px!important;}
  .megaMenu__brand b{font-size:20px;}
  .megaMenu__mark{width:46px;height:46px;}
  .megaMenu__close{padding:0 13px;font-size:12px;}
}
@media (prefers-reduced-motion:reduce){
  .megaMenu,.megaMenu__shell,.topbar__in,.menu-toggle span,.nav-link,.megaMenu__nav a{transition:none!important;}
}


/* CAREKA DIGITAL — PERFORMANCE FLUIDITY V29 */
body::after{display:none!important;}
#fireCanvas{display:none!important;}
.reveal{transition:opacity .34s ease,transform .34s cubic-bezier(.16,1,.3,1)!important;}
.motion-ready .motion-reveal{will-change:auto!important;}
#portfolioGrid.portfolioTrack{transition:transform .48s cubic-bezier(.19,1,.22,1)!important;will-change:auto!important;}
#portfolio .port-img{transition:transform .42s cubic-bezier(.19,1,.22,1),filter .28s ease!important;will-change:auto!important;}
.pillarPanelV10,.pillarSolutionButtonV10,.topbar__in,.megaMenu__shell{will-change:auto!important;}
@media (max-width:760px){#portfolioGrid.portfolioTrack{transition:transform .32s cubic-bezier(.19,1,.22,1)!important;}.panel,.port-card,.pillarPanelV10,.cta-panel{box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;}}


/* =========================================================
   CTA FINAL — Fundação Digital premium
   ========================================================= */
#cta-final{
  padding-top:clamp(18px,4vw,64px)!important;
}
.cta-panel--foundation{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  text-align:center;
  display:grid;
  justify-items:center;
  gap:clamp(18px,2.6vw,34px);
  padding:clamp(34px,6vw,82px) clamp(20px,6vw,78px)!important;
  border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));
  background:
    radial-gradient(760px 360px at 50% -14%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 64%),
    radial-gradient(620px 300px at 12% 88%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 99%,transparent));
}
.cta-panel--foundation::before{
  content:"";
  position:absolute;
  inset:clamp(10px,1.5vw,18px);
  border:1px solid color-mix(in srgb,var(--gold) 12%,transparent);
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
}
.cta-panel--foundation::after{
  content:"";
  position:absolute;
  width:min(520px,70vw);
  height:1px;
  left:50%;
  top:clamp(18px,3vw,36px);
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 54%,transparent),transparent);
  opacity:.72;
  pointer-events:none;
}
.cta-title-block--foundation{
  max-width:1080px;
  margin:0 auto;
}
.ctaFoundationTitle{
  margin:0;
  color:var(--text);
  font-family:var(--title,"Bebas Neue",Impact,Haettenschweiler,sans-serif);
  font-weight:400;
  font-size:clamp(28px,3.05vw,48px);
  line-height:1.04;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-wrap:balance;
  text-shadow:0 18px 50px color-mix(in srgb,var(--gold) 12%,transparent);
}
.ctaFoundationTitle span{
  display:block;
}
.ctaFoundationTitle span:nth-child(2),
.ctaFoundationTitle span:nth-child(4){
  color:var(--gold-2);
}
.ctaFoundationCopy{
  display:grid;
  gap:clamp(12px,1.25vw,16px);
  max-width:920px;
  margin:0 auto;
  color:var(--text-soft);
  font-size:clamp(15px,1.06vw,17px);
  line-height:1.76;
  font-weight:340;
}
.ctaFoundationCopy p{
  margin:0;
}
.ctaFoundationQuestion{
  max-width:850px;
  margin:0 auto;
  padding-top:clamp(12px,1.8vw,22px);
  color:var(--text);
  font-size:clamp(18px,1.48vw,24px);
  line-height:1.36;
  font-weight:460;
  text-wrap:balance;
}
.ctaFoundationActions{
  justify-content:center!important;
  margin-top:clamp(2px,.8vw,10px);
}
.ctaFoundationButton{
  min-height:56px;
  padding-inline:clamp(20px,3vw,34px);
}
html[data-theme="light"] .cta-panel--foundation{
  border-color:color-mix(in srgb,var(--accent-3) 18%,var(--line));
  background:
    radial-gradient(760px 360px at 50% -14%,color-mix(in srgb,var(--accent-3) 10%,transparent),transparent 64%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 98%,white),var(--surface));
}
html[data-theme="light"] .ctaFoundationTitle,
html[data-theme="light"] .ctaFoundationQuestion{
  color:var(--ink,#17120d);
  text-shadow:none;
}
html[data-theme="light"] .ctaFoundationTitle span:nth-child(2),
html[data-theme="light"] .ctaFoundationTitle span:nth-child(4){
  color:var(--accent-3,#9a4510);
}
@media(max-width:720px){
  .cta-panel--foundation{
    padding:clamp(30px,9vw,48px) clamp(18px,5vw,26px)!important;
  }
  .ctaFoundationTitle{
    font-size:clamp(28px,8.8vw,40px);
    line-height:1;
    letter-spacing:.038em;
  }
  .ctaFoundationCopy{
    font-size:15px;
    line-height:1.72;
  }
  .ctaFoundationQuestion{
    font-size:clamp(18px,5.4vw,23px);
  }
  .ctaFoundationButton{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}


/* Hard guard: impede que qualquer bloco antigo do CTA final volte gigante via i18n/cache. */
#cta-final .title-line{
  font-family:var(--title,"Bebas Neue",Impact,Haettenschweiler,sans-serif);
  font-size:clamp(27px,3.35vw,52px)!important;
  line-height:1.01!important;
  letter-spacing:.04em!important;
  font-weight:400!important;
  text-transform:uppercase;
}
@media(max-width:720px){
  #cta-final .title-line{font-size:clamp(28px,8.8vw,40px)!important;}
}



/* CTA FINAL — travamento definitivo da Fundação Digital */
#cta-final .ctaFoundationTitle,
#cta-final .ctaFoundationTitle span,
#cta-final h2.ctaFoundationTitle,
#cta-final h2.ctaFoundationTitle span{
  font-family:var(--title,"Bebas Neue",Impact,Haettenschweiler,sans-serif)!important;
  font-weight:400!important;
  text-transform:uppercase!important;
}
#cta-final .ctaFoundationTitle{
  font-size:clamp(28px,3.05vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:.04em!important;
  max-width:1080px!important;
}
#cta-final .ctaFoundationTitle .title-line,
#cta-final .title-line{
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}

/* =========================================================
   CAREKA DIGITAL V34 — AUDITORIA UX/UI + SOLUÇÕES RESTAURADAS
   Objetivo: restaurar a seção de soluções com todos os dados,
   impedir colunas genéricas nos pilares e padronizar a hierarquia
   de títulos com impacto, respiro e legibilidade premium.
   ========================================================= */
:root{
  --ck-title-hero-v34: clamp(42px, 6.15vw, 92px);
  --ck-title-section-v34: clamp(36px, 4.7vw, 74px);
  --ck-title-panel-v34: clamp(34px, 4.15vw, 64px);
  --ck-title-card-v34: clamp(28px, 3.35vw, 52px);
  --ck-copy-v34: clamp(15px, 1.04vw, 17px);
  --ck-copy-wide-v34: min(840px, 100%);
}

.hero-title-block{
  font-size: var(--ck-title-hero-v34)!important;
  line-height: .91!important;
  letter-spacing: clamp(.025em, .36vw, .052em)!important;
  text-wrap: balance!important;
  max-width: 1050px!important;
}
.hero-lead-copy{
  max-width: 760px!important;
  font-size: clamp(16px, 1.12vw, 19px)!important;
  line-height: 1.72!important;
  text-wrap: pretty!important;
}

.secHead h2,
.servicesNoColumnsV10 .servicesIntro h2,
.blogEngine--focus h2,
.aboutSignature__title{
  font-size: var(--ck-title-section-v34)!important;
  line-height: .94!important;
  letter-spacing: .042em!important;
  text-wrap: balance!important;
  max-width: 980px!important;
}
.secHead small,
.servicesNoColumnsV10 .servicesIntro small,
.blogEngine__lead,
.aboutSignature__copy,
.aboutSignature__copy p{
  max-width: var(--ck-copy-wide-v34)!important;
  font-size: var(--ck-copy-v34)!important;
  line-height: 1.74!important;
  text-wrap: pretty!important;
}

#pilares{
  padding-top: clamp(54px, 7vw, 116px)!important;
}
#pilares .servicesIntro{
  display: grid!important;
  gap: clamp(10px, 1.35vw, 18px)!important;
  max-width: 1120px!important;
  margin-bottom: clamp(34px, 4.8vw, 68px)!important;
}
#pilares .servicesIntro__kicker{
  width: fit-content!important;
  padding: 9px 13px!important;
  border: 1px solid color-mix(in srgb, var(--gold) 18%, var(--line))!important;
  border-radius: 999px!important;
  background: color-mix(in srgb, var(--gold) 7%, transparent)!important;
  color: var(--gold-2)!important;
  font-size: 11px!important;
  font-weight: 820!important;
  letter-spacing: .16em!important;
  text-transform: uppercase!important;
}

#pilares .pillarStackV10{
  width: 100%!important;
  max-width: 1180px!important;
  margin-inline: auto!important;
  display: flex!important;
  flex-direction: column!important;
  grid-template-columns: none!important;
  gap: clamp(28px, 3.8vw, 52px)!important;
  align-items: stretch!important;
}
#pilares .pillarPanelV10,
#pilares .pillarPanelV11,
#pilares .pillarPanelV11.is-open{
  width: 100%!important;
  max-width: 100%!important;
  min-width: 0!important;
  grid-column: auto!important;
}
#pilares .pillarPanelV10{
  border-radius: clamp(24px, 2.8vw, 40px)!important;
  border-color: color-mix(in srgb, var(--gold) 16%, var(--line))!important;
  background:
    radial-gradient(980px 420px at 15% 0%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 62%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, transparent), color-mix(in srgb, var(--surface) 98%, transparent))!important;
}
#pilares .pillarPanelMediaV10{
  min-height: clamp(260px, 28vw, 430px)!important;
  aspect-ratio: 16 / 6.9!important;
}
#pilares .pillarPanelBodyV10{
  padding: clamp(24px, 3.4vw, 50px)!important;
  gap: clamp(16px, 2vw, 26px)!important;
}
#pilares .pillarPanelBodyV10 h3{
  max-width: 860px!important;
  font-size: var(--ck-title-panel-v34)!important;
  line-height: .94!important;
  letter-spacing: .04em!important;
  text-wrap: balance!important;
}
#pilares .pillarPanelBodyV10 p{
  max-width: 760px!important;
  font-size: var(--ck-copy-v34)!important;
  line-height: 1.72!important;
}
#pilares .pillarPanelServicesV10{
  display: flex!important;
  flex-direction: column!important;
  grid-template-columns: none!important;
  gap: clamp(10px, 1.1vw, 14px)!important;
}
#pilares .pillarSolutionButtonV10{
  width: 100%!important;
  display: flex!important;
  flex-direction: row!important;
  align-items: center!important;
  min-height: 64px!important;
  border-color: color-mix(in srgb, var(--gold) 13%, var(--line))!important;
  background: rgba(255,255,255,.025)!important;
}
#pilares .pillarSolutionsDrawerV11{
  max-height: none!important;
  overflow: visible!important;
  margin: 0 clamp(16px, 2.4vw, 38px) clamp(22px, 3vw, 42px)!important;
  padding: clamp(22px, 3.4vw, 46px)!important;
  border-radius: clamp(20px, 2.2vw, 32px)!important;
  border: 1px solid color-mix(in srgb, var(--gold) 14%, var(--line))!important;
  background: color-mix(in srgb, var(--surface) 88%, transparent)!important;
}
#pilares .pillarSolutionsHeaderV11 h4,
#pilares .pillarServiceHeaderV11 h4{
  font-size: var(--ck-title-card-v34)!important;
  line-height: .96!important;
  letter-spacing: .038em!important;
  text-wrap: balance!important;
}
#pilares .pillarSolutionsListV11{
  display: flex!important;
  flex-direction: column!important;
  grid-template-columns: none!important;
  gap: clamp(18px, 2.2vw, 30px)!important;
}
#pilares .pillarServiceFullCardV11{
  width: 100%!important;
  border-radius: clamp(18px, 2vw, 28px)!important;
}
#pilares .pillarServiceNarrativeV11 p,
#pilares .pillarServiceBlockV11 li,
#pilares .pillarServiceNoteV11 p,
#pilares .pillarServicePriceDetailsV11{
  font-size: clamp(14.5px, 1vw, 16px)!important;
  line-height: 1.7!important;
  text-wrap: pretty!important;
}

.blogFeatured__body--minimal h3{
  font-family: var(--title, "Bebas Neue", Impact, sans-serif)!important;
  font-size: clamp(30px, 3.55vw, 56px)!important;
  line-height: .96!important;
  letter-spacing: .04em!important;
  text-transform: uppercase!important;
  text-wrap: balance!important;
}
.blogFeatured__body--minimal h3 strong{
  color: var(--gold-2)!important;
  font-weight: 400!important;
}

#cta-final .ctaFoundationTitle{
  font-size: clamp(30px, 3.35vw, 54px)!important;
  line-height: 1.02!important;
  letter-spacing: .04em!important;
  max-width: 1040px!important;
}
.modalTitle{
  font-size: clamp(34px, 4.1vw, 66px)!important;
}

@media (min-width: 1100px){
  #pilares .pillarServiceFullCardV11{
    display: grid!important;
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr)!important;
  }
}
@media (max-width: 760px){
  :root{
    --ck-title-hero-v34: clamp(36px, 12.4vw, 56px);
    --ck-title-section-v34: clamp(32px, 10.6vw, 50px);
    --ck-title-panel-v34: clamp(31px, 10.4vw, 48px);
    --ck-title-card-v34: clamp(28px, 9vw, 42px);
  }
  #pilares .pillarPanelMediaV10{
    min-height: clamp(210px, 58vw, 340px)!important;
    aspect-ratio: 16 / 10!important;
  }
  #pilares .pillarSolutionButtonV10{
    flex-direction: column!important;
    align-items: flex-start!important;
  }
  #pilares .pillarSolutionsDrawerV11{
    margin-inline: 10px!important;
    padding: 18px!important;
  }
  #pilares .pillarServiceFullCardV11{
    display: grid!important;
    grid-template-columns: 1fr!important;
  }
  #cta-final .ctaFoundationTitle{
    font-size: clamp(28px, 8.6vw, 40px)!important;
  }
}

/* =========================================================
   V69 — SERVIÇOS / PILARES EM 2 COLUNAS RESPONSIVAS
   Objetivo:
   - manter os pilares em 2 colunas em tablet/notebook/desktop;
   - evitar quebra visual, cortes e desalinhamentos;
   - organizar as caixas internas em 2 colunas quando houver espaço;
   - manter 1 coluna apenas em celulares menores.
   ========================================================= */

.servicesNoColumnsV10 .pillarStackV10{
  width: min(1320px, calc(100vw - clamp(26px, 4vw, 84px))) !important;
  max-width: min(1320px, calc(100vw - clamp(26px, 4vw, 84px))) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.2vw, 32px) !important;
  align-items: stretch !important;
}

.servicesNoColumnsV10 .pillarPanelV10,
.servicesNoColumnsV10 .pillarPanelV11{
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.servicesNoColumnsV10 .pillarPanelV11.is-open{
  grid-column: 1 / -1 !important;
}

.servicesNoColumnsV10 .pillarPanelMediaV10{
  min-height: clamp(210px, 22vw, 300px) !important;
  aspect-ratio: 16 / 8.8 !important;
}

.servicesNoColumnsV10 .pillarPanelV11.is-open .pillarPanelMediaV10{
  min-height: clamp(260px, 28vw, 420px) !important;
  aspect-ratio: 16 / 7.4 !important;
}

.servicesNoColumnsV10 .pillarPanelBodyV10{
  padding: clamp(20px, 2.2vw, 34px) !important;
  gap: clamp(14px, 1.6vw, 22px) !important;
}

.servicesNoColumnsV10 .pillarPanelTopV10{
  gap: 10px !important;
}

.servicesNoColumnsV10 .pillarPanelBodyV10 h3{
  max-width: 100% !important;
  font-size: clamp(28px, 3.3vw, 56px) !important;
  line-height: .96 !important;
  letter-spacing: -.02em !important;
}

.servicesNoColumnsV10 .pillarPanelBodyV10 p{
  max-width: 100% !important;
  font-size: clamp(13px, .95vw, 16px) !important;
}

.servicesNoColumnsV10 .pillarPanelServicesV10{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.servicesNoColumnsV10 .pillarSolutionButtonV10{
  min-width: 0 !important;
  min-height: 64px !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 14px 16px !important;
}

.servicesNoColumnsV10 .pillarSolutionButtonV10 strong{
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.28 !important;
  font-size: clamp(13px, .98vw, 15px) !important;
  text-align: left !important;
}

.servicesNoColumnsV10 .pillarPanelFooterV10{
  margin-top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.servicesNoColumnsV10 .pillarPanelFooterV10 .btn{
  flex: 0 0 auto !important;
}

@media (max-width: 980px){
  .servicesNoColumnsV10 .pillarStackV10{
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: min(100%, calc(100vw - 28px)) !important;
    gap: 18px !important;
  }

  .servicesNoColumnsV10 .pillarPanelMediaV10{
    min-height: clamp(190px, 27vw, 250px) !important;
  }

  .servicesNoColumnsV10 .pillarPanelV11.is-open .pillarPanelMediaV10{
    min-height: clamp(220px, 32vw, 320px) !important;
  }

  .servicesNoColumnsV10 .pillarPanelBodyV10{
    padding: 20px !important;
  }

  .servicesNoColumnsV10 .pillarPanelBodyV10 h3{
    font-size: clamp(24px, 4vw, 42px) !important;
  }

  .servicesNoColumnsV10 .pillarPanelServicesV10{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .servicesNoColumnsV10 .pillarSolutionButtonV10{
    min-height: 62px !important;
    padding: 12px 14px !important;
  }

  .servicesNoColumnsV10 .pillarSolutionButtonV10 span{
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 720px){
  .servicesNoColumnsV10 .pillarStackV10{
    width: min(100%, calc(100vw - 22px)) !important;
    max-width: min(100%, calc(100vw - 22px)) !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .servicesNoColumnsV10 .pillarPanelV11.is-open{
    grid-column: auto !important;
  }

  .servicesNoColumnsV10 .pillarPanelMediaV10,
  .servicesNoColumnsV10 .pillarPanelV11.is-open .pillarPanelMediaV10{
    min-height: 210px !important;
    aspect-ratio: 16 / 10 !important;
  }

  .servicesNoColumnsV10 .pillarPanelBodyV10{
    padding: 18px !important;
  }

  .servicesNoColumnsV10 .pillarPanelBodyV10 h3{
    font-size: clamp(28px, 9vw, 44px) !important;
  }

  .servicesNoColumnsV10 .pillarPanelServicesV10{
    grid-template-columns: 1fr !important;
  }

  .servicesNoColumnsV10 .pillarSolutionButtonV10{
    min-height: 60px !important;
  }

  .servicesNoColumnsV10 .pillarPanelFooterV10,
  .servicesNoColumnsV10 .pillarServiceActionsV11{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .servicesNoColumnsV10 .pillarPanelFooterV10 .btn,
  .servicesNoColumnsV10 .pillarServiceActionsV11 .btn{
    width: 100% !important;
    justify-content: center !important;
  }
}


/* =========================================================
   V85 — PILARES 2x2 DEFINITIVO
   Objetivo:
   - organizar os 4 pilares em 2 colunas por 2 linhas;
   - manter alinhamento visual premium;
   - preservar leitura, respiro e proporção em desktop e tablet;
   - cair para 1 coluna somente em telas menores.
   ========================================================= */

#pilares .pillarStackV10{
  width:min(1320px, calc(100vw - clamp(28px, 4vw, 92px)))!important;
  max-width:min(1320px, calc(100vw - clamp(28px, 4vw, 92px)))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:clamp(24px, 2.5vw, 34px)!important;
  align-items:stretch!important;
  grid-auto-flow:row!important;
}

#pilares .pillarPanelV10,
#pilares .pillarPanelV11,
#pilares .pillarPanelV11.is-open{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  grid-column:auto!important;
}

#pilares .pillarPanelV10{
  overflow:hidden!important;
}

#pilares .pillarPanelMediaV10{
  min-height:clamp(224px, 19vw, 310px)!important;
  aspect-ratio:16/8.6!important;
}

#pilares .pillarPanelBodyV10{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:clamp(22px, 2.4vw, 34px)!important;
  gap:clamp(14px, 1.35vw, 20px)!important;
}

#pilares .pillarPanelTopV10{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

#pilares .pillarPanelBodyV10 h3{
  max-width:100%!important;
  font-size:clamp(30px, 2.95vw, 48px)!important;
  line-height:.94!important;
  letter-spacing:.036em!important;
  text-wrap:balance!important;
}

#pilares .pillarPanelBodyV10 p{
  max-width:100%!important;
  font-size:clamp(14px, .92vw, 16px)!important;
  line-height:1.68!important;
}

#pilares .pillarPanelServicesV10{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:4px!important;
}

#pilares .pillarSolutionButtonV10{
  width:100%!important;
  min-height:60px!important;
  padding:12px 14px!important;
}

#pilares .pillarSolutionButtonV10 strong{
  font-size:clamp(13px, .9vw, 15px)!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
}

#pilares .pillarPanelFooterV10{
  margin-top:auto!important;
  padding-top:clamp(18px, 1.8vw, 24px)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

#pilares .pillarPanelFooterV10 .btn{
  flex:0 0 auto!important;
}

#pilares .pillarPanelV11.is-open{
  grid-column:1 / -1!important;
}

#pilares .pillarPanelV11.is-open .pillarPanelMediaV10{
  min-height:clamp(250px, 24vw, 360px)!important;
  aspect-ratio:16/7.2!important;
}

#pilares .pillarSolutionsDrawerV11{
  margin:0 clamp(14px, 2vw, 28px) clamp(18px, 2.4vw, 32px)!important;
}

@media (max-width: 1180px){
  #pilares .pillarStackV10{
    width:min(100%, calc(100vw - 34px))!important;
    max-width:min(100%, calc(100vw - 34px))!important;
    gap:22px!important;
  }
  #pilares .pillarPanelMediaV10{
    min-height:clamp(212px, 25vw, 280px)!important;
  }
  #pilares .pillarPanelBodyV10{
    padding:22px!important;
  }
  #pilares .pillarPanelBodyV10 h3{
    font-size:clamp(28px, 3.7vw, 42px)!important;
  }
}

@media (max-width: 860px){
  #pilares .pillarStackV10{
    grid-template-columns:1fr!important;
    width:min(100%, calc(100vw - 24px))!important;
    max-width:min(100%, calc(100vw - 24px))!important;
    gap:20px!important;
  }
  #pilares .pillarPanelV11.is-open{
    grid-column:auto!important;
  }
  #pilares .pillarPanelMediaV10,
  #pilares .pillarPanelV11.is-open .pillarPanelMediaV10{
    min-height:clamp(220px, 58vw, 320px)!important;
    aspect-ratio:16/10!important;
  }
  #pilares .pillarPanelBodyV10{
    padding:20px!important;
    gap:16px!important;
  }
  #pilares .pillarPanelBodyV10 h3{
    font-size:clamp(30px, 7vw, 44px)!important;
  }
  #pilares .pillarPanelBodyV10 p{
    font-size:15px!important;
  }
  #pilares .pillarPanelFooterV10{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  #pilares .pillarPanelFooterV10 .btn{
    width:100%!important;
    justify-content:center!important;
  }
}

@media (max-width: 560px){
  #pilares .pillarStackV10{
    width:min(100%, calc(100vw - 18px))!important;
    max-width:min(100%, calc(100vw - 18px))!important;
    gap:18px!important;
  }
  #pilares .pillarPanelBodyV10{
    padding:18px!important;
  }
  #pilares .pillarPanelBodyV10 h3{
    font-size:clamp(28px, 8.8vw, 40px)!important;
  }
  #pilares .pillarPanelServicesV10{
    gap:9px!important;
  }
  #pilares .pillarSolutionButtonV10{
    min-height:56px!important;
    padding:11px 12px!important;
  }
  #pilares .pillarPanelFooterV10{
    grid-template-columns:1fr!important;
  }
}

/* ===== Fonte: assets/css/blog-editorial.css ===== */
/* =========================================================
   CAREKA DIGITAL — EDITORIAL PREMIUM V42
   Blog + postagens internas + cards conectados
   ========================================================= */
.blogShell{width:min(100% - clamp(32px,5vw,92px),1320px);margin-inline:auto;}
.blogEditorial{background:#06080c;color:var(--text);}
.blogEditorial::before{background:radial-gradient(900px 520px at 8% 0%,rgba(212,168,67,.10),transparent 58%),radial-gradient(760px 500px at 92% 10%,rgba(196,93,24,.12),transparent 62%),linear-gradient(180deg,#080b10,#050609 70%,#07090d)!important;}
.blogEditorial .topbar{padding-top:clamp(8px,1vw,14px)!important;}
.ckOfficialHeader .topbar__in{border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;max-width:none!important;background:linear-gradient(180deg,rgba(7,10,14,.92),rgba(7,10,14,.78))!important;box-shadow:0 1px 0 rgba(212,168,67,.20),0 16px 38px rgba(0,0,0,.22)!important;}
.ckOfficialNav .nav-link{border:0!important;background:transparent!important;position:relative;text-transform:none!important;letter-spacing:.01em!important;font-size:15px!important;font-weight:700!important;min-height:42px!important;color:rgba(245,239,230,.76)!important;}
.ckOfficialNav .nav-link.active{color:var(--gold-2)!important;box-shadow:none!important;}
.ckOfficialNav .nav-link.active::after{content:"";position:absolute;left:16px;right:16px;bottom:-14px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-2),var(--accent-2));}
.ckHeaderCta{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(212,168,67,.46);border-radius:14px;padding:13px 22px;text-decoration:none;color:var(--text);font-weight:800;font-size:14px;background:linear-gradient(180deg,rgba(212,168,67,.11),rgba(196,93,24,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:nowrap;transition:transform .3s ease,border-color .3s ease,background .3s ease;}
.ckHeaderCta:hover{transform:translateY(-2px);border-color:rgba(232,197,96,.70);background:linear-gradient(135deg,rgba(212,168,67,.18),rgba(196,93,24,.13));}
.ckBlogMain,.ckArticleMain{position:relative;z-index:1;}
.ckBlogHero,.ckArticleHero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,.82fr);gap:clamp(32px,5vw,76px);align-items:center;padding:clamp(34px,5vw,84px) 0 clamp(28px,4.2vw,72px);}
.ckBlogHero__copy,.ckArticleHero__copy{display:grid;gap:clamp(16px,2vw,24px);}
.ckKicker{display:inline-flex;align-items:center;gap:14px;color:var(--gold-2);font-size:clamp(.78rem,.9vw,.92rem);font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.ckKicker::after{content:"";width:58px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-2),transparent);}
.ckBlogHero h1,.ckArticleHero h1{font-family:var(--title);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:.91;margin:0;color:#f6eee4;text-wrap:balance;text-shadow:0 22px 58px rgba(0,0,0,.42);}
.ckBlogHero h1{font-size:clamp(4.2rem,8vw,9.2rem);max-width:10.8ch;}
.ckArticleHero h1{font-size:clamp(3.6rem,7.2vw,8.4rem);max-width:11ch;}
.ckBlogHero p,.ckArticleHero p{margin:0;max-width:800px;color:rgba(245,239,230,.78);font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.72;}
.ckSearch{display:grid;grid-template-columns:1fr auto;width:min(100%,720px);gap:8px;padding:8px;border-radius:999px;border:1px solid rgba(212,168,67,.20);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.ckSearch input{min-width:0;border:0;background:transparent;color:var(--text);padding:0 18px;outline:0;font:500 1rem var(--body);}
.ckSearch button,.ckEditorialCta a,.ckSideCta a,.ckInsightBox--cta a{border:0;border-radius:999px;padding:14px 22px;background:linear-gradient(135deg,var(--gold-2),var(--accent-2));color:#130d08;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.78rem;box-shadow:0 16px 42px rgba(224,112,32,.20);display:inline-flex;align-items:center;justify-content:center;}
.ckBlogHero__media,.ckArticleHero__image,.ckPostCard__media{display:block;position:relative;overflow:hidden;border:1px solid rgba(212,168,67,.26);background:#0d1015;box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.02) inset;}
.ckBlogHero__media{border-radius:30px;aspect-ratio:1672/941;}
.ckBlogHero__media img,.ckArticleHero__image img,.ckPostCard__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.03);transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s ease;}
.ckBlogHero__media:hover img,.ckPostCard:hover .ckPostCard__media img{transform:scale(1.035);filter:saturate(1.04) contrast(1.05);}
.ckArticleHero__image{border-radius:24px;aspect-ratio:1672/941;margin:0;align-self:end;}
.ckArticleHero__image figcaption{position:absolute;left:18px;right:18px;bottom:16px;margin:0;color:rgba(245,239,230,.72);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;}
.ckArticleHero__image::after,.ckBlogHero__media::after,.ckPostCard__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.54));pointer-events:none;}
.ckBreadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:rgba(245,239,230,.50);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;}
.ckBreadcrumb a{color:rgba(245,239,230,.62);text-decoration:none;}.ckBreadcrumb strong{color:var(--gold-2);font-weight:800;}
.ckArticleMeta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;}
.ckArticleMeta span,.ckPostCard__meta span{display:inline-flex;align-items:center;border:1px solid rgba(212,168,67,.18);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.028);color:rgba(245,239,230,.68);font-size:.78rem;font-weight:700;}
.ckCategoryBar{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,26px);align-items:center;margin-bottom:clamp(28px,4vw,54px);}
.ckCategoryBar a{position:relative;color:rgba(245,239,230,.62);text-decoration:none;font-size:1.02rem;font-weight:600;padding:0 0 10px;}.ckCategoryBar a.is-active,.ckCategoryBar a:hover{color:var(--text)}.ckCategoryBar a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--gold-2),var(--accent-2));transition:transform .32s ease}.ckCategoryBar a.is-active::after,.ckCategoryBar a:hover::after{transform:scaleX(1)}.ckCategoryBar span{flex:1;min-width:160px;height:1px;background:linear-gradient(90deg,rgba(212,168,67,.26),transparent)}
.ckFeaturedEditorial{display:grid;gap:16px;margin-bottom:clamp(44px,6vw,78px)}.ckFeaturedEditorial__label,.ckSectionTitle span,.ckEditorialCta span,.ckSideCta span{color:var(--gold-2);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;}
.ckPostCard{overflow:hidden;border:1px solid rgba(212,168,67,.18);border-radius:24px;background:radial-gradient(340px 200px at 90% 0%,rgba(212,168,67,.10),transparent 66%),linear-gradient(180deg,rgba(16,19,26,.76),rgba(8,10,14,.92));box-shadow:0 22px 68px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.ckPostCard:hover{transform:translateY(-5px);border-color:rgba(212,168,67,.34);box-shadow:0 28px 86px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)}
.ckPostCard__media{border:0;border-bottom:1px solid rgba(212,168,67,.14);border-radius:0;aspect-ratio:16/9;box-shadow:none;}
.ckPostCard__body{display:grid;gap:14px;padding:clamp(22px,2.4vw,32px);}.ckPostCard__cat{color:var(--gold-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;}.ckPostCard h3{margin:0;font-family:var(--title);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:.96;font-size:clamp(2.1rem,3vw,3.8rem);}.ckPostCard h3 a{text-decoration:none;color:var(--text)}.ckPostCard p{margin:0;color:rgba(245,239,230,.72);font-size:.98rem;line-height:1.62}.ckPostCard__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ckReadLink{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;margin-top:6px;}.ckReadLink span{transition:transform .3s ease}.ckReadLink:hover span{transform:translateX(4px)}
.ckPostCard--featured{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:stretch}.ckPostCard--featured .ckPostCard__media{height:100%;min-height:430px;border-bottom:0;border-right:1px solid rgba(212,168,67,.14)}.ckPostCard--featured .ckPostCard__body{align-content:center;padding:clamp(34px,4vw,58px)}.ckPostCard--featured h3{font-size:clamp(3.2rem,5vw,6.2rem);max-width:11ch}.ckCardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}.ckCardsGrid--compact{grid-template-columns:repeat(4,minmax(0,1fr));}.ckCardsGrid--compact .ckPostCard h3{font-size:clamp(1.7rem,2vw,2.5rem)}
.ckSectionTitle{display:grid;gap:8px;margin-bottom:clamp(22px,3vw,34px)}.ckSectionTitle h2{margin:0;font-family:var(--title);font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:.96;font-size:clamp(2.4rem,4vw,4.8rem);}.ckNoResults{color:var(--text-soft);font-size:1.1rem}
.ckArticleLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:clamp(28px,4vw,54px);align-items:start;padding-bottom:clamp(44px,7vw,90px)}.ckArticleProse{border:1px solid rgba(212,168,67,.20);border-radius:28px;background:linear-gradient(180deg,rgba(16,19,26,.68),rgba(8,10,14,.86));padding:clamp(28px,4vw,56px);box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}.ckArticleProse h2{font-family:var(--title);font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:1.02;color:var(--gold-2);font-size:clamp(2.3rem,3.4vw,4.2rem);margin:clamp(42px,5vw,62px) 0 18px}.ckArticleProse h2:first-child{margin-top:0}.ckArticleProse p{max-width:76ch;margin:0 0 18px;color:rgba(245,239,230,.78);font-size:clamp(1rem,1.05vw,1.12rem);line-height:1.82}.ckArticleProse strong{color:#fff}.ckArticleProse ul{max-width:76ch;margin:20px 0 28px;padding:0;display:grid;gap:12px;list-style:none}.ckArticleProse li{position:relative;padding-left:28px;color:rgba(245,239,230,.76);line-height:1.7}.ckArticleProse li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--accent-2));box-shadow:0 0 0 6px rgba(212,168,67,.08)}
.ckInsightBox,.ckPullquote,.ckChecklist{max-width:840px;border:1px solid rgba(212,168,67,.28);border-radius:22px;background:radial-gradient(240px 120px at 0% 0%,rgba(212,168,67,.12),transparent 70%),rgba(255,255,255,.035);padding:clamp(20px,2.5vw,30px);margin:clamp(24px,3vw,38px) 0;color:rgba(245,239,230,.82);}.ckInsightBox span{display:block;color:var(--gold-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;margin-bottom:10px}.ckPullquote{font-size:clamp(1.18rem,1.7vw,1.62rem);line-height:1.55;font-style:italic;color:#f9f0e6;border-left:3px solid var(--gold-2)}.ckChecklist{padding-left:clamp(20px,2.5vw,30px)!important}.ckInsightBox--cta a{margin-top:10px}.ckInsightBox--cta p{margin-bottom:14px!important}
.ckArticleSidebar{position:sticky;top:112px;display:grid;gap:22px}.ckSidebarBox{border:1px solid rgba(212,168,67,.20);border-radius:22px;background:linear-gradient(180deg,rgba(18,20,24,.74),rgba(9,11,15,.88));padding:24px;box-shadow:0 24px 68px rgba(0,0,0,.22)}.ckSidebarHead{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.ckSidebarHead strong{letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:.86rem}.ckSidebarHead span{font-size:.78rem;color:var(--gold-2);font-weight:900}.ckProgressLine{height:7px;border-radius:999px;background:rgba(212,168,67,.14);overflow:hidden;margin-bottom:22px}.ckProgressLine span,.ckReadProgress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-2),var(--accent-2));border-radius:999px}.ckToc ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.ckToc a{display:grid;grid-template-columns:34px 1fr;gap:10px;text-decoration:none;color:rgba(245,239,230,.74);padding:10px 0;border-bottom:1px solid rgba(212,168,67,.10);font-size:.92rem;line-height:1.35}.ckToc a:hover{color:var(--text)}.ckToc a span{color:var(--gold-2);font-weight:900}.ckSideCta{background:radial-gradient(260px 210px at 100% 12%,rgba(212,168,67,.13),transparent 70%),linear-gradient(180deg,rgba(18,20,24,.78),rgba(9,11,15,.94))}.ckSideCta h2{font-family:var(--title);font-weight:400;text-transform:uppercase;line-height:1.02;font-size:clamp(2rem,2.5vw,3rem);margin:14px 0;color:var(--text)}.ckSideCta p{color:rgba(245,239,230,.72);line-height:1.65}.ckReadProgress{position:fixed;left:0;right:0;top:0;height:3px;z-index:160;background:rgba(212,168,67,.08)}
.ckRelatedBlock{padding:clamp(12px,2vw,18px) 0 clamp(44px,6vw,78px)}.ckEditorialCta{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(212,168,67,.22);border-radius:28px;background:radial-gradient(390px 240px at 100% 0%,rgba(212,168,67,.16),transparent 68%),linear-gradient(180deg,rgba(16,19,26,.74),rgba(8,10,14,.92));padding:clamp(28px,4vw,48px);margin-bottom:clamp(46px,7vw,90px);box-shadow:0 28px 80px rgba(0,0,0,.22)}.ckEditorialCta h2{margin:10px 0 10px;font-family:var(--title);text-transform:uppercase;font-weight:400;font-size:clamp(2.3rem,4vw,4.8rem);line-height:.96;max-width:740px}.ckEditorialCta p{margin:0;color:rgba(245,239,230,.72);max-width:680px}.ckEditorialFooter{position:relative;z-index:1;border-top:1px solid rgba(212,168,67,.14);padding:clamp(42px,6vw,70px) 0 26px;background:linear-gradient(180deg,rgba(5,7,10,.15),rgba(4,5,7,.82))}.ckEditorialFooter__grid{display:grid;grid-template-columns:1.2fr .55fr .9fr;gap:clamp(24px,4vw,60px);align-items:start}.ckEditorialFooter p{color:rgba(245,239,230,.60);max-width:560px}.ckEditorialFooter nav{display:grid;gap:12px}.ckEditorialFooter a{color:rgba(245,239,230,.76);text-decoration:none}.ckEditorialFooter a:hover{color:var(--gold-2)}.ckEditorialFooter__cta{border:1px solid rgba(212,168,67,.18);border-radius:22px;padding:22px;background:rgba(255,255,255,.03);display:grid;gap:14px}.ckEditorialFooter__cta strong{font-family:var(--title);font-size:2rem;line-height:1;text-transform:uppercase;font-weight:400}.ckEditorialFooter__cta a{color:#120c08;background:linear-gradient(135deg,var(--gold-2),var(--accent-2));border-radius:999px;padding:12px 16px;text-align:center;font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.ckEditorialFooter__bottom{display:flex;justify-content:space-between;gap:20px;color:rgba(245,239,230,.48);font-size:.82rem;margin-top:34px;padding-top:22px;border-top:1px solid rgba(212,168,67,.10)}
@media (max-width:1120px){.ckBlogHero,.ckArticleHero{grid-template-columns:1fr}.ckArticleLayout{grid-template-columns:1fr}.ckArticleSidebar{position:relative;top:auto;grid-template-columns:1fr 1fr}.ckCardsGrid,.ckCardsGrid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ckPostCard--featured{grid-template-columns:1fr}.ckPostCard--featured .ckPostCard__media{min-height:auto;border-right:0;border-bottom:1px solid rgba(212,168,67,.14)}}
@media (max-width:900px){.ckOfficialNav,.ckHeaderCta{display:none!important}.blogShell{width:min(100% - 32px,1320px)}.ckArticleSidebar{grid-template-columns:1fr}.ckBlogHero h1,.ckArticleHero h1{max-width:100%;font-size:clamp(3.6rem,16vw,6.2rem)}.ckCardsGrid,.ckCardsGrid--compact{grid-template-columns:1fr}.ckEditorialCta{display:grid}.ckEditorialFooter__grid{grid-template-columns:1fr}.ckEditorialFooter__bottom{display:grid}.ckArticleProse{padding:24px;border-radius:22px}.ckArticleHero__image figcaption{display:none}.ckBlogHero__media,.ckArticleHero__image{border-radius:20px}.ckCategoryBar span{flex-basis:100%}}
@media (max-width:520px){.ckSearch{grid-template-columns:1fr;border-radius:22px}.ckSearch input{min-height:46px}.ckSearch button{width:100%}.ckArticleMeta span{width:100%;justify-content:center}.ckPostCard__body{padding:22px}.ckPostCard h3{font-size:2.35rem}.ckPostCard--featured h3{font-size:3rem}.ckArticleProse h2{font-size:2.5rem}.ckEditorialCta h2{font-size:2.8rem}.ckBlogHero,.ckArticleHero{padding-top:22px}.ckOfficialHeader .brandtxt small{display:none}.ckOfficialHeader .mark{width:44px!important;height:44px!important}.ckArticleProse p{font-size:1rem;line-height:1.74}}
html[data-theme="light"] .blogEditorial{background:#f3eadc;color:#201710}html[data-theme="light"] .blogEditorial::before{background:radial-gradient(900px 520px at 8% 0%,rgba(196,93,24,.12),transparent 58%),linear-gradient(180deg,#f4eadc,#efe3d0)!important}html[data-theme="light"] .ckBlogHero h1,html[data-theme="light"] .ckArticleHero h1,html[data-theme="light"] .ckPostCard h3 a,html[data-theme="light"] .ckSectionTitle h2,html[data-theme="light"] .ckEditorialCta h2,html[data-theme="light"] .ckSideCta h2{color:#21160e}html[data-theme="light"] .ckBlogHero p,html[data-theme="light"] .ckArticleHero p,html[data-theme="light"] .ckArticleProse p,html[data-theme="light"] .ckPostCard p{color:rgba(32,23,16,.74)}html[data-theme="light"] .ckPostCard,html[data-theme="light"] .ckArticleProse,html[data-theme="light"] .ckSidebarBox,html[data-theme="light"] .ckEditorialCta{background:linear-gradient(180deg,rgba(255,251,244,.94),rgba(244,232,214,.92));border-color:rgba(154,69,16,.16);box-shadow:0 22px 60px rgba(67,42,21,.09)}


/* CAREKA DIGITAL — V43 LONGFORM EDITORIAL REFINEMENTS */
.ckArticleProse{font-size:clamp(1rem,.98vw,1.095rem);line-height:1.86;}
.ckArticleProse p{margin:0 0 1.18rem;}
.ckArticleProse h2{margin-top:clamp(2.8rem,4vw,4.4rem);margin-bottom:clamp(1rem,1.4vw,1.35rem);letter-spacing:.035em;}
.ckArticleProse h3{margin-top:1.65rem;color:var(--gold-2);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.96rem;}
.ckAnswerBox,.ckInsightBox,.ckMidCta{position:relative;margin:clamp(1.8rem,3vw,2.6rem) 0;padding:clamp(1.25rem,2vw,1.7rem);border:1px solid rgba(197,160,89,.28);border-radius:24px;background:radial-gradient(360px 180px at 0% 0%,rgba(197,160,89,.12),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 44px rgba(0,0,0,.16)}
.ckAnswerBox strong,.ckInsightBox strong,.ckMidCta span{display:block;margin-bottom:.75rem;color:var(--gold-2);font:800 .82rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;}
.ckMidCta h3{font-family:var(--title);font-size:clamp(2rem,3vw,3.2rem);line-height:.96;color:var(--text);margin:.2rem 0 .9rem;text-transform:uppercase;}
.ckMidCta a{display:inline-flex;margin-top:.7rem;padding:.9rem 1.15rem;border-radius:999px;border:1px solid rgba(197,160,89,.36);color:var(--text);background:linear-gradient(135deg,rgba(197,160,89,.22),rgba(196,93,24,.14));font-weight:800;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;}
.ckChecklist{display:grid;gap:.75rem;margin:1.2rem 0 0;padding:0;list-style:none;}
.ckChecklist li{position:relative;padding-left:1.65rem;color:var(--text-soft);}
.ckChecklist li::before{content:"";position:absolute;left:0;top:.72em;width:.55rem;height:.55rem;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--accent-2));box-shadow:0 0 0 5px rgba(197,160,89,.07)}
.ckArticleProse blockquote{margin:clamp(1.8rem,3vw,2.5rem) 0;padding:clamp(1.1rem,2vw,1.5rem) clamp(1.2rem,2vw,1.8rem);border-left:2px solid var(--gold-2);border-radius:0 20px 20px 0;background:rgba(197,160,89,.055);font-size:clamp(1.1rem,1.35vw,1.35rem);line-height:1.65;color:var(--text);font-style:italic;}
.ckArticleHero__image img{object-fit:cover;object-position:center;}
.ckArticleSidebar{align-self:start;}
@media(max-width:900px){.ckArticleProse{font-size:1rem;line-height:1.78}.ckArticleProse h2{margin-top:2.4rem}.ckMidCta h3{font-size:2rem}}

/* =========================================================
   CAREKA DIGITAL — V44 HERO POSTAGENS REFINADO
   Ajuste fino solicitado: H1 menor, primeira dobra mais equilibrada
   e imagens de capa completas, sem cortes agressivos.
   ========================================================= */
.ckArticleHero{
  grid-template-columns:minmax(0,.92fr) minmax(420px,.88fr)!important;
  gap:clamp(28px,4.2vw,62px)!important;
  align-items:center!important;
  padding:clamp(26px,4.2vw,64px) 0 clamp(28px,4.2vw,62px)!important;
}
.ckArticleHero__copy{gap:clamp(12px,1.45vw,19px)!important;align-content:center!important;}
.ckArticleHero .ckBreadcrumb{margin-bottom:clamp(2px,.45vw,6px)!important;}
.ckArticleHero .ckKicker{font-size:clamp(.72rem,.78vw,.86rem)!important;letter-spacing:.17em!important;}
.ckArticleHero h1{font-size:clamp(3.05rem,5.55vw,6.65rem)!important;line-height:.94!important;max-width:12.9ch!important;letter-spacing:.014em!important;}
.ckArticleHero p{max-width:720px!important;font-size:clamp(.98rem,1.08vw,1.14rem)!important;line-height:1.68!important;}
.ckArticleHero .ckArticleMeta{margin-top:clamp(2px,.4vw,6px)!important;gap:10px!important;}
.ckArticleHero .ckArticleMeta span{padding:8px 11px!important;font-size:.74rem!important;}
.ckArticleHero__image{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;align-self:center!important;
  aspect-ratio:1672/941!important;min-height:clamp(280px,28vw,460px)!important;max-height:clamp(340px,34vw,540px)!important;width:100%!important;margin:0!important;padding:clamp(12px,1.5vw,18px)!important;
  border-radius:clamp(22px,2vw,30px)!important;background:radial-gradient(520px 260px at 80% 0%,rgba(212,168,67,.12),transparent 62%),linear-gradient(180deg,rgba(15,18,24,.94),rgba(7,10,15,.98))!important;
  box-shadow:0 28px 84px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.ckArticleHero__image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;border-radius:clamp(16px,1.4vw,22px)!important;background:#07090d!important;filter:saturate(1.01) contrast(1.04)!important;}
.ckArticleHero__image::after{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.10))!important;border-radius:inherit!important;}
.ckArticleHero__image figcaption{position:absolute!important;left:clamp(18px,2vw,26px)!important;right:clamp(18px,2vw,26px)!important;bottom:clamp(12px,1.2vw,18px)!important;opacity:.62!important;font-size:clamp(.64rem,.68vw,.74rem)!important;line-height:1.35!important;text-shadow:0 6px 20px rgba(0,0,0,.55)!important;pointer-events:none!important;}
html[data-theme="light"] .ckArticleHero__image{background:radial-gradient(520px 260px at 80% 0%,rgba(197,160,89,.12),transparent 62%),linear-gradient(180deg,rgba(255,251,244,.96),rgba(244,232,214,.92))!important;border-color:rgba(154,69,16,.18)!important;box-shadow:0 22px 64px rgba(67,42,21,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;}
html[data-theme="light"] .ckArticleHero__image img{background:#f1e4d0!important;}
@media (max-width:1120px){.ckArticleHero{grid-template-columns:1fr!important;gap:clamp(22px,4vw,38px)!important;padding-top:clamp(24px,4vw,46px)!important;}.ckArticleHero h1{font-size:clamp(3.15rem,9vw,6rem)!important;max-width:13.8ch!important;}.ckArticleHero p{max-width:780px!important;}.ckArticleHero__image{min-height:auto!important;max-height:none!important;width:min(100%,980px)!important;justify-self:start!important;}}
@media (max-width:900px){.ckArticleHero{padding-top:clamp(18px,4vw,28px)!important;padding-bottom:clamp(26px,6vw,44px)!important;}.ckArticleHero h1{font-size:clamp(2.9rem,12.4vw,5.35rem)!important;line-height:.95!important;max-width:100%!important;}.ckArticleHero__copy{gap:14px!important;}.ckArticleHero__image{padding:clamp(10px,2.7vw,14px)!important;border-radius:20px!important;}.ckArticleHero__image img{border-radius:16px!important;}.ckArticleHero__image figcaption{display:none!important;}}
@media (max-width:520px){.ckArticleHero h1{font-size:clamp(2.35rem,10.8vw,3.65rem)!important;line-height:.98!important;letter-spacing:.012em!important;}.ckArticleHero p{font-size:1rem!important;line-height:1.68!important;}.ckArticleHero .ckArticleMeta span{width:auto!important;justify-content:flex-start!important;padding:8px 10px!important;}.ckArticleHero__image{padding:10px!important;border-radius:18px!important;}}

/* =========================================================
   CAREKA DIGITAL — V45 IMAGENS EDITORIAIS DO BLOG
   WEBP aplicado em hero, cards e mobile com enquadramento premium.
   ========================================================= */
.ckBlogHero__media picture,
.ckArticleHero__image picture,
.ckPostCard__media picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.ckBlogHero__media img,
.ckPostCard__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.ckArticleHero__image picture{
  position:relative!important;
  z-index:1!important;
}
.ckArticleHero__image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.ckArticleHero__image::after{z-index:2!important;}
.ckArticleHero__image figcaption{z-index:3!important;}
.ckPostCard__media img{
  background:#07090d!important;
}
.ckPostCard__media::after,
.ckBlogHero__media::after{
  z-index:2!important;
}
.ckPostCard__media:hover img,
.ckBlogHero__media:hover img{
  transform:scale(1.025)!important;
}
@media (max-width:768px){
  .ckArticleHero__image img{object-fit:contain!important;}
  .ckArticleHero__image{padding:10px!important;}
}

/* ===== Fonte: ck-carousel-real-hotfix ===== */
/* =========================================================
   Correção final — Portfólio em carrossel real, 1 projeto por vez
   ========================================================= */
#portfolio .portfolioCarousel__top{
  justify-content:flex-end!important;
}
#portfolio .portfolioViewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:2px 2px clamp(16px,2vw,22px)!important;
  scroll-snap-type:none!important;
}
#portfolioGrid.portfolioTrack{
  display:flex!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  transform:translate3d(0,0,0);
  transition:transform .55s cubic-bezier(.16,1,.3,1)!important;
  will-change:transform!important;
}
#portfolio .portfolioPage,
#portfolio .portfolioTrack > .port-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:2px!important;
  box-sizing:border-box!important;
}
#portfolio .portfolioPage .port-card,
#portfolio .portfolioTrack > .port-card{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
}
#portfolio .port-card{
  min-height:clamp(510px,40vw,640px)!important;
  opacity:1!important;
  visibility:visible!important;
}
#portfolio .portfolioPage[aria-hidden="true"]{
  pointer-events:none!important;
}
#portfolio .portfolioPage.is-active{
  pointer-events:auto!important;
}
@media (max-width:720px){
  #portfolio .portfolioCarousel__controls{
    width:100%!important;
    justify-content:space-between!important;
  }
  #portfolio .port-card{
    min-height:auto!important;
  }
}

/* ===== Fonte: ck-project-title-refinement ===== */
/* Cache-safe refinement: títulos de projeto com Bebas Neue, laranja queimado e peso visual controlado. */
#portfolio .port-card .port-content .port-title,
.port-card .port-title,
.port-title{
  color:var(--project-title-fire,var(--accent,#c45d18))!important;
  font-family:var(--title,"Bebas Neue",Impact,Haettenschweiler,sans-serif)!important;
  font-weight:400!important;
  font-size:clamp(24px,1.72vw,31px)!important;
  line-height:.96!important;
  letter-spacing:.058em!important;
  word-spacing:.025em!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
  text-shadow:0 10px 34px color-mix(in srgb,var(--accent) 10%,transparent)!important;
  -webkit-text-stroke:0 transparent!important;
}
html[data-theme="light"] #portfolio .port-card .port-content .port-title,
html[data-theme="light"] .port-card .port-title,
html[data-theme="light"] .port-title{color:var(--accent-3,#9a4510)!important;text-shadow:none!important;}
main.hero .title,.case-page .title,body>main .title,.title{
  color:var(--project-title-fire,var(--accent,#c45d18))!important;
  font-family:var(--title,"Bebas Neue",Impact,Haettenschweiler,sans-serif)!important;
  font-weight:400!important;
  font-size:clamp(40px,5.15vw,66px)!important;
  line-height:.92!important;
  letter-spacing:.052em!important;
  word-spacing:.025em!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
  text-shadow:0 14px 42px color-mix(in srgb,var(--accent) 11%,transparent)!important;
  -webkit-text-stroke:0 transparent!important;
}
html[data-theme="light"] main.hero .title,html[data-theme="light"] .case-page .title,html[data-theme="light"] body>main .title,html[data-theme="light"] .title{color:var(--accent-3,#9a4510)!important;text-shadow:none!important;}
@media(max-width:640px){#portfolio .port-card .port-content .port-title,.port-card .port-title,.port-title{font-size:clamp(26px,8.6vw,34px)!important;letter-spacing:.052em!important;}main.hero .title,.case-page .title,body>main .title,.title{font-size:clamp(36px,13vw,52px)!important;letter-spacing:.046em!important;}}

/* ===== Fonte: ck-portfolio-one-project-final ===== */
/* Ajuste solicitado: um projeto por vez no carrossel e sem rótulo textual acima dos controles. */
#portfolio .portfolioCarousel__label{display:none!important;}
#portfolio .portfolioCarousel__top{justify-content:flex-end!important;}
#portfolio .portfolioPage{grid-template-columns:minmax(0,1fr)!important;}
#portfolio .portfolioPage .port-card{width:100%!important;max-width:100%!important;margin:0 auto!important;}
#portfolio .portfolioTrack>.port-card{flex:0 0 100%!important;width:100%!important;margin-right:0!important;}
@media (max-width:720px){#portfolio .portfolioCarousel__top{align-items:flex-end!important;}#portfolio .portfolioCarousel__controls{width:auto!important;}}

/* ===== Fonte: ck-portfolio-luxury-carousel-controls ===== */
/* =========================================================
   Refinamento final — carrossel de portfólio sem barra superior
   Controles micro detalhados sobre a imagem + transição premium
   ========================================================= */
#portfolio .portfolioCarousel{
  position:relative!important;
  display:block!important;
  overflow:visible!important;
  isolation:isolate!important;
}
#portfolio .portfolioCarousel__top,
#portfolio .portfolioCarousel__progress{
  display:none!important;
}
#portfolio .portfolioSrOnly,
#portfolio #portfolioStatus,
#portfolio #portfolioToggle{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#portfolio #portfolioToggle{
  pointer-events:none!important;
}
#portfolio .portfolioViewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:clamp(24px,2.9vw,40px)!important;
  border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line))!important;
  background:
    radial-gradient(920px 460px at 50% -12%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 64%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 90%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))!important;
  box-shadow:
    0 36px 120px rgba(0,0,0,.44),
    0 12px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
  scroll-snap-type:none!important;
  -webkit-overflow-scrolling:auto!important;
}
#portfolio .portfolioViewport::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.36),transparent 12%,transparent 88%,rgba(0,0,0,.36)),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%,transparent 80%,rgba(0,0,0,.16))!important;
  mix-blend-mode:normal!important;
}
#portfolioGrid.portfolioTrack{
  display:flex!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  transform:translate3d(0,0,0);
  transition:transform 1.15s cubic-bezier(.19,1,.22,1)!important;
  will-change:transform!important;
  align-items:stretch!important;
}
#portfolio .portfolioPage,
#portfolio .portfolioTrack > .port-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#portfolio .portfolioPage .port-card,
#portfolio .portfolioTrack > .port-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
#portfolio .port-card{
  min-height:clamp(560px,48vw,760px)!important;
  border-radius:inherit!important;
  border:0!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))!important;
  box-shadow:none!important;
  transform:translateZ(0)!important;
  transition:
    opacity .85s cubic-bezier(.19,1,.22,1),
    transform 1.15s cubic-bezier(.19,1,.22,1),
    filter 1.15s cubic-bezier(.19,1,.22,1)!important;
}
#portfolio .portfolioPage[aria-hidden="true"]{
  pointer-events:none!important;
}
#portfolio .portfolioPage[aria-hidden="true"] .port-card{
  opacity:.48!important;
  transform:scale(.986) translateY(8px)!important;
  filter:saturate(.82) contrast(.94)!important;
}
#portfolio .portfolioPage.is-active{
  pointer-events:auto!important;
}
#portfolio .portfolioPage.is-active .port-card{
  animation:ckPortfolioLuxuryEnter 1.08s cubic-bezier(.19,1,.22,1) both!important;
}
@keyframes ckPortfolioLuxuryEnter{
  0%{opacity:.78;transform:scale(.988) translateY(10px);filter:saturate(.84) contrast(.94);}
  100%{opacity:1;transform:scale(1) translateY(0);filter:saturate(1) contrast(1);}
}
#portfolio .port-img-wrapper{
  position:relative!important;
  aspect-ratio:16/9!important;
  min-height:clamp(340px,39vw,610px)!important;
  overflow:hidden!important;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,var(--line))!important;
  background:
    radial-gradient(680px 360px at 50% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 66%),
    color-mix(in srgb,var(--surface-3) 90%,transparent)!important;
}
#portfolio .port-img-wrapper::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    radial-gradient(720px 320px at 50% 0%,rgba(255,255,255,.08),transparent 62%),
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.22)),
    linear-gradient(180deg,transparent 54%,rgba(0,0,0,.22))!important;
}
#portfolio .port-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.94) contrast(1.045) brightness(.93)!important;
  transform:scale(1.006)!important;
  transition:
    transform 9s cubic-bezier(.19,1,.22,1),
    filter 1.15s cubic-bezier(.19,1,.22,1)!important;
  will-change:transform!important;
}
#portfolio .portfolioPage.is-active .port-img{
  transform:scale(1.035)!important;
  filter:saturate(.98) contrast(1.065) brightness(.96)!important;
}
#portfolio .port-glass{
  z-index:3!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20))!important;
}
#portfolio .port-content{
  padding:clamp(22px,2.4vw,34px)!important;
}
#portfolio .port-footer{
  padding:0 clamp(22px,2.4vw,34px) clamp(24px,2.6vw,36px)!important;
}
#portfolio .portfolioNav{
  position:absolute!important;
  top:clamp(168px,28vw,332px)!important;
  z-index:30!important;
  width:clamp(46px,4.1vw,62px)!important;
  height:clamp(46px,4.1vw,62px)!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--gold) 42%,rgba(255,255,255,.12))!important;
  background:
    radial-gradient(120% 120% at 50% 0%,rgba(255,239,196,.22),transparent 54%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),
    color-mix(in srgb,var(--surface) 58%,transparent)!important;
  color:var(--text)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  padding:0!important;
  opacity:.86!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.42),
    0 8px 22px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  transform:translateY(-50%) translateZ(0)!important;
  transition:
    transform .55s cubic-bezier(.19,1,.22,1),
    opacity .45s ease,
    border-color .45s ease,
    background .45s ease,
    box-shadow .55s cubic-bezier(.19,1,.22,1)!important;
}
#portfolio .portfolioNav::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.09)!important;
  pointer-events:none!important;
}
#portfolio .portfolioNav::after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:inherit!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--gold) 18%,transparent),transparent 66%)!important;
  opacity:0!important;
  transition:opacity .45s ease!important;
  pointer-events:none!important;
}
#portfolio .portfolioNav span{
  position:relative!important;
  z-index:2!important;
  font-size:clamp(20px,1.8vw,26px)!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  transition:transform .45s cubic-bezier(.19,1,.22,1)!important;
}
#portfolio .portfolioNav--prev{
  left:clamp(12px,2vw,28px)!important;
}
#portfolio .portfolioNav--next{
  right:clamp(12px,2vw,28px)!important;
}
#portfolio .portfolioNav:hover:not(:disabled),
#portfolio .portfolioNav:focus-visible{
  opacity:1!important;
  border-color:color-mix(in srgb,var(--gold) 78%,white 8%)!important;
  transform:translateY(-50%) scale(1.045) translateZ(0)!important;
  box-shadow:
    0 30px 76px rgba(0,0,0,.50),
    0 0 0 1px color-mix(in srgb,var(--gold) 20%,transparent),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  outline:none!important;
}
#portfolio .portfolioNav:hover::after,
#portfolio .portfolioNav:focus-visible::after{
  opacity:1!important;
}
#portfolio .portfolioNav--prev:hover span,
#portfolio .portfolioNav--prev:focus-visible span{
  transform:translate(-3px,-1px)!important;
}
#portfolio .portfolioNav--next:hover span,
#portfolio .portfolioNav--next:focus-visible span{
  transform:translate(3px,-1px)!important;
}
#portfolio .portfolioNav:active{
  transform:translateY(-50%) scale(.985) translateZ(0)!important;
}
#portfolio .portfolioNav:disabled{
  opacity:.28!important;
  cursor:not-allowed!important;
}
html[data-theme="light"] #portfolio .portfolioViewport{
  background:
    radial-gradient(920px 460px at 50% -12%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 64%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))!important;
  box-shadow:
    0 30px 92px rgba(77,45,18,.18),
    0 12px 32px rgba(77,45,18,.12),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}
html[data-theme="light"] #portfolio .portfolioViewport::before{
  background:
    linear-gradient(90deg,rgba(120,78,34,.12),transparent 13%,transparent 87%,rgba(120,78,34,.12)),
    linear-gradient(180deg,rgba(255,255,255,.40),transparent 24%,transparent 82%,rgba(120,78,34,.06))!important;
}
html[data-theme="light"] #portfolio .portfolioNav{
  color:var(--text)!important;
  background:
    radial-gradient(120% 120% at 50% 0%,rgba(255,239,196,.60),transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.36)),
    color-mix(in srgb,var(--surface-2) 72%,transparent)!important;
  box-shadow:
    0 18px 46px rgba(86,53,18,.20),
    0 7px 18px rgba(86,53,18,.12),
    inset 0 1px 0 rgba(255,255,255,.85)!important;
}
@media (max-width:720px){
  #portfolio .portfolioViewport{
    border-radius:24px!important;
  }
  #portfolio .port-card{
    min-height:auto!important;
  }
  #portfolio .port-img-wrapper{
    min-height:clamp(220px,58vw,360px)!important;
  }
  #portfolio .portfolioNav{
    top:clamp(116px,32vw,190px)!important;
    width:44px!important;
    height:44px!important;
  }
  #portfolio .portfolioNav--prev{left:8px!important;}
  #portfolio .portfolioNav--next{right:8px!important;}
}
@media (prefers-reduced-motion:reduce){
  #portfolioGrid.portfolioTrack,
  #portfolio .port-card,
  #portfolio .port-img,
  #portfolio .portfolioNav{
    transition:none!important;
    animation:none!important;
  }
}

/* ===== Fonte: ck-portfolio-scroll-freedom ===== */
/* =========================================================
   Careka Digital — correção final de carrossel + responsivo
   1) remove travamento de scroll vertical
   2) mantém passadores funcionais
   3) impede estouro lateral em desktop/tablet/mobile
   ========================================================= */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
img,video,iframe,canvas,svg{max-width:100%;}
#portfolio{overflow:hidden!important;}
#portfolio .portfolioCarousel,
#portfolio .portfolioViewport,
#portfolio #portfolioGrid.portfolioTrack{
  width:100%!important;
  max-width:100%!important;
}
#portfolio .portfolioCarousel,
#portfolio .portfolioViewport,
#portfolio #portfolioGrid.portfolioTrack,
#portfolio .portfolioPage,
#portfolio .port-card,
#portfolio .port-img-wrapper,
#portfolio .port-img,
#portfolio .port-content,
#portfolio .port-footer{
  touch-action:pan-y pinch-zoom!important;
  overscroll-behavior-y:auto!important;
}
#portfolio .portfolioViewport{
  position:relative!important;
  overflow:hidden!important;
  min-height:auto!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
#portfolio #portfolioGrid.portfolioTrack{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  align-items:stretch!important;
}
#portfolio .portfolioPage,
#portfolio .portfolioTrack>.port-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
}
#portfolio .port-card{
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  min-width:0!important;
}
#portfolio .port-img-wrapper{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:clamp(260px,48vw,560px)!important;
  max-height:680px!important;
  overflow:hidden!important;
}
#portfolio .port-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#portfolio .port-title,
#portfolio .port-desc,
#portfolio .port-delivery,
#portfolio .port-delivery span{
  overflow-wrap:anywhere!important;
}
#portfolio .portfolioNav{touch-action:manipulation!important;}
@media (max-width:1024px){
  .wrap,.sec,section{max-width:100%!important;}
  #portfolio .port-img-wrapper{min-height:clamp(240px,52vw,460px)!important;}
  #portfolio .portfolioNav{width:52px!important;height:52px!important;}
}
@media (max-width:720px){
  #portfolio .portfolioViewport{border-radius:24px!important;}
  #portfolio .port-card{border-radius:24px!important;}
  #portfolio .port-img-wrapper{
    aspect-ratio:4/5!important;
    min-height:clamp(360px,92vw,560px)!important;
  }
  #portfolio .port-content{padding:22px 18px 16px!important;}
  #portfolio .port-footer{padding:0 18px 22px!important;}
  #portfolio .port-open{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #portfolio .portfolioNav{
    top:auto!important;
    bottom:18px!important;
    width:48px!important;
    height:48px!important;
    transform:none!important;
  }
  #portfolio .portfolioNav:hover:not(:disabled),
  #portfolio .portfolioNav:focus-visible{transform:scale(1.04) translateZ(0)!important;}
  #portfolio .portfolioNav--prev{left:16px!important;}
  #portfolio .portfolioNav--next{right:16px!important;}
}
@media (max-width:420px){
  #portfolio .port-img-wrapper{min-height:clamp(320px,88vw,440px)!important;}
  #portfolio .port-title{font-size:clamp(24px,8vw,32px)!important;line-height:.96!important;}
  #portfolio .port-desc,
  #portfolio .port-delivery{font-size:13px!important;line-height:1.55!important;}
  #portfolio .portfolioNav{bottom:14px!important;width:44px!important;height:44px!important;}
}

/* ===== Fonte: assets/css/animations.css ===== */
@keyframes ckHeroAtmosphere{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.14}50%{transform:translate3d(28px,-18px,0) scale(1.04);opacity:.2}}
@keyframes ckHeroSweep{0%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes ckHeroProgress{to{transform:scaleX(1)}}
@keyframes ckHeroMessageDepth{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes ckHeroLetterEmerge{0%{opacity:.42;transform:translateY(16px) translateZ(-28px) rotateX(42deg);filter:blur(6px)}14%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0)}72%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0)}100%{opacity:.5;transform:translateY(-6px) translateZ(-10px) rotateX(-10deg);filter:blur(3px)}}

[data-hero-reveal]{opacity:0;transform:translateY(24px);filter:blur(6px);will-change:transform,opacity,filter;transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1),filter .82s cubic-bezier(.16,1,.3,1)}
[data-hero-prologue].is-visible [data-hero-reveal]{opacity:1;transform:translateY(0);filter:blur(0)}
[data-hero-prologue].is-visible [data-hero-reveal]:nth-child(2){transition-delay:.12s}

@media (prefers-reduced-motion:reduce){
  .hero-atmosphere__orb,.hero-progress span,.hero-supreme-message__stage::before,.hero-word span,[data-hero-reveal],.hero-cta::after{animation:none!important;transition:none!important;will-change:auto!important}
  [data-hero-reveal]{opacity:1!important;transform:none!important;filter:none!important}
  .hero-progress span{transform:scaleX(1)!important}
  .hero-word span{opacity:1!important;transform:none!important;filter:none!important}
}

/* =========================================================
   CAREKA DIGITAL — MOTION SYSTEM V23
   Camada premium de transições, microinterações e performance
   ========================================================= */
:root{
  --ck-motion-fast:200ms;
  --ck-motion-mid:400ms;
  --ck-motion-smooth:600ms;
  --ck-motion-reveal:900ms;
  --ck-motion-ease:cubic-bezier(.16,1,.3,1);
  --ck-motion-state:cubic-bezier(.4,0,.2,1);
  --ck-motion-soft:cubic-bezier(.19,1,.22,1);
  --ck-motion-distance:22px;
  --ck-motion-blur:8px;
}

html.motion-ready{scroll-behavior:smooth;}
html.motion-ready body{--motion-delay:0ms;}
.motion-ready .motion-reveal{
  opacity:0;
  transform:translate3d(0,var(--ck-motion-distance),0);
  filter:blur(var(--ck-motion-blur));
  transition:
    opacity var(--ck-motion-reveal) var(--ck-motion-ease),
    transform var(--ck-motion-reveal) var(--ck-motion-ease),
    filter var(--ck-motion-smooth) var(--ck-motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform,filter;
}
.motion-ready .motion-reveal.is-visible,
.motion-ready .motion-reveal.revealed{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.motion-ready .motion-reveal.revealed{will-change:auto;}

.topbar,
.topbar__in,
.nav-link,
.theme-toggle,
.menu-toggle{
  transition:
    transform var(--ck-motion-mid) var(--ck-motion-ease),
    opacity var(--ck-motion-mid) var(--ck-motion-state),
    background-color var(--ck-motion-mid) var(--ck-motion-state),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    box-shadow var(--ck-motion-mid) var(--ck-motion-ease),
    backdrop-filter var(--ck-motion-mid) var(--ck-motion-state);
}
body.is-scrolled .topbar__in{
  transform:translate3d(0,-2px,0) scale(.992);
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
  background:color-mix(in srgb,var(--header-bg) 96%,transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}
body.is-scroll-down.is-scrolled .topbar{transform:translate3d(0,-4px,0);}

.nav-link:hover,
.nav-link:focus-visible,
.theme-toggle:hover,
.theme-toggle:focus-visible,
.menu-toggle:hover,
.menu-toggle:focus-visible{
  transform:translate3d(0,-2px,0);
  border-color:color-mix(in srgb,var(--gold) 40%,var(--line));
  box-shadow:0 14px 34px rgba(0,0,0,.20), 0 0 0 1px rgba(212,168,67,.035);
  outline:none;
}
.nav-link:active,
.theme-toggle:active,
.menu-toggle:active{transform:translate3d(0,0,0) scale(.98);}
body.is-keyboard :focus-visible{outline:2px solid color-mix(in srgb,var(--gold) 72%,white 8%);outline-offset:4px;}

.btn,
.btnP,
.btnG,
.port-open,
.badge-lock,
.pillarPrimaryActionV10,
.pillarSecondaryActionV10,
.pillarServiceActionsV11 .btn,
.modalClose{
  transition:
    transform var(--ck-motion-mid) var(--ck-motion-ease),
    box-shadow var(--ck-motion-mid) var(--ck-motion-ease),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    background var(--ck-motion-mid) var(--ck-motion-state),
    color var(--ck-motion-mid) var(--ck-motion-state),
    opacity var(--ck-motion-fast) var(--ck-motion-state);
  will-change:transform;
}
.btn:hover,
.btn:focus-visible,
.port-open:hover,
.port-open:focus-visible,
.pillarPrimaryActionV10:hover,
.pillarPrimaryActionV10:focus-visible,
.pillarSecondaryActionV10:hover,
.pillarSecondaryActionV10:focus-visible,
.pillarServiceActionsV11 .btn:hover,
.pillarServiceActionsV11 .btn:focus-visible,
.modalClose:hover,
.modalClose:focus-visible{
  transform:translate3d(0,-3px,0);
  outline:none;
}
.btn:active,
.port-open:active,
.pillarPrimaryActionV10:active,
.pillarSecondaryActionV10:active,
.pillarServiceActionsV11 .btn:active,
.modalClose:active{transform:scale(.97);}

.btnP:hover,
.btnP:focus-visible,
.hero-cta--primary:hover,
.hero-cta--primary:focus-visible{
  box-shadow:0 18px 44px rgba(196,93,24,.24),0 0 0 1px rgba(232,197,96,.08),inset 0 1px 0 rgba(255,255,255,.09);
}
.btnG:hover,
.btnG:focus-visible,
.port-open:hover,
.port-open:focus-visible{
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 0 1px rgba(212,168,67,.06),inset 0 1px 0 rgba(255,255,255,.055);
}

.panel,
.port-card,
.pillarPanelV10,
.pillarServiceFullCardV11,
.pillarSolutionButtonV10,
.hero-signature-panel,
.contactCard,
.cta-panel{
  transition:
    transform var(--ck-motion-smooth) var(--ck-motion-ease),
    opacity var(--ck-motion-smooth) var(--ck-motion-state),
    filter var(--ck-motion-smooth) var(--ck-motion-ease),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    box-shadow var(--ck-motion-smooth) var(--ck-motion-ease),
    background var(--ck-motion-mid) var(--ck-motion-state);
}
@media (hover:hover){
  .panel:hover,
  .pillarPanelV10:hover,
  .hero-signature-panel:hover,
  .contactCard:hover,
  .cta-panel:hover{
    transform:translate3d(0,-4px,0);
    border-color:color-mix(in srgb,var(--gold) 26%,var(--line));
  }
  .pillarSolutionButtonV10:hover{transform:translate3d(4px,0,0);}
  #portfolio .port-card:hover .port-img{transform:scale(1.024)!important;filter:saturate(1) contrast(1.07) brightness(.97)!important;}
  #portfolio .port-card:hover .port-delivery{border-color:color-mix(in srgb,var(--gold) 26%,var(--line));}
}

input,
textarea,
select,
.searchInput,
#busca{
  transition:border-color var(--ck-motion-mid) var(--ck-motion-state),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),background var(--ck-motion-mid) var(--ck-motion-state),transform var(--ck-motion-mid) var(--ck-motion-ease);
}
input:focus,
textarea:focus,
select:focus,
.searchInput:focus,
#busca:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--gold) 46%,var(--line));
  box-shadow:0 0 0 4px rgba(212,168,67,.08),0 16px 36px rgba(0,0,0,.20);
}

.hero-copy-main,
.hero-signature-panel,
.hero-title-block span,
.hero-lead-copy,
.hero-cta-row{
  transition:transform var(--ck-motion-reveal) var(--ck-motion-ease),opacity var(--ck-motion-reveal) var(--ck-motion-state),filter var(--ck-motion-smooth) var(--ck-motion-ease);
}
.hero-atmosphere__orb{will-change:transform,opacity;}

.pillarPanelV11.is-open{
  border-color:color-mix(in srgb,var(--gold) 34%,var(--line));
  box-shadow:0 38px 110px rgba(0,0,0,.34),0 0 0 1px rgba(212,168,67,.045),inset 0 1px 0 rgba(255,255,255,.05);
}
.pillarSolutionsDrawerV11{
  transition:opacity var(--ck-motion-smooth) var(--ck-motion-ease),transform var(--ck-motion-smooth) var(--ck-motion-ease),filter var(--ck-motion-smooth) var(--ck-motion-ease);
  scroll-behavior:auto!important;
}
.pillarPanelV11:not(.is-open) .pillarSolutionsDrawerV11{opacity:0;transform:translate3d(0,12px,0);filter:blur(4px);}
.pillarPanelV11.is-open .pillarSolutionsDrawerV11{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
.pillarServiceFullCardV11{transform-origin:center top;}
.pillarServiceFullCardV11:hover{border-color:color-mix(in srgb,var(--gold) 24%,var(--line));}

.modalOverlay{transition:opacity var(--ck-motion-mid) var(--ck-motion-state);}
.modalOverlay .modal{opacity:0;transform:translate3d(0,22px,0) scale(.985);filter:blur(8px);transition:opacity var(--ck-motion-smooth) var(--ck-motion-ease),transform var(--ck-motion-smooth) var(--ck-motion-ease),filter var(--ck-motion-smooth) var(--ck-motion-ease);}
.modalOverlay.open .modal{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}
.modal,.modalBody{scroll-behavior:auto!important;}

#portfolio .portfolioViewport.is-navigating .port-img{filter:saturate(.92) contrast(1.04) brightness(.93)!important;}
#portfolio .portfolioNav{transition:transform var(--ck-motion-mid) var(--ck-motion-ease),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),border-color var(--ck-motion-mid) var(--ck-motion-state),opacity var(--ck-motion-mid) var(--ck-motion-state),background var(--ck-motion-mid) var(--ck-motion-state)!important;}
#portfolio .port-delivery{transition:transform var(--ck-motion-mid) var(--ck-motion-ease),border-color var(--ck-motion-mid) var(--ck-motion-state),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),background var(--ck-motion-mid) var(--ck-motion-state)!important;}

@media (hover:none){
  .btn:hover,.port-open:hover,.panel:hover,.pillarPanelV10:hover,.contactCard:hover,.hero-signature-panel:hover{transform:none!important;}
}

@media (prefers-reduced-motion:reduce){
  html.motion-ready{scroll-behavior:auto!important;}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .motion-ready .motion-reveal,
  [data-hero-reveal],
  .modalOverlay .modal,
  .pillarPanelV11:not(.is-open) .pillarSolutionsDrawerV11{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  .hero-atmosphere__orb,#fireCanvas{display:none!important;}
}

/* ===== Fonte: ck-portfolio-luxury-refinement-v19 ===== */
/* =========================================================
   PORTFÓLIO V19 — hierarquia refinada + resultado em destaque
   ========================================================= */
#portfolio .portfolioViewport{
  border-radius:clamp(22px,2.2vw,30px)!important;
  border-color:color-mix(in srgb,var(--gold) 16%,var(--line))!important;
  box-shadow:
    0 34px 96px rgba(0,0,0,.38),
    0 10px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#portfolio .portfolioViewport::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 15%,transparent 85%,rgba(0,0,0,.22)),
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 16%,transparent 78%,rgba(0,0,0,.14))!important;
}
#portfolio .port-card{
  min-height:clamp(560px,45vw,720px)!important;
  background:
    linear-gradient(180deg, rgba(10,12,17,.98), rgba(7,10,16,.99))!important;
}
#portfolio .port-img-wrapper{
  aspect-ratio:16/8.5!important;
  min-height:clamp(320px,35vw,520px)!important;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,var(--line))!important;
}
#portfolio .port-img-wrapper::after{
  background:
    radial-gradient(780px 300px at 50% 0%, rgba(255,255,255,.055), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.16) 55%, rgba(0,0,0,.22)),
    linear-gradient(90deg, rgba(0,0,0,.16), transparent 18%, transparent 82%, rgba(0,0,0,.16))!important;
}
#portfolio .port-content{
  display:grid!important;
  gap:clamp(14px,1.35vw,18px)!important;
  padding:clamp(26px,2.6vw,38px)!important;
}
#portfolio .port-delivery{
  order:-1!important;
  display:grid!important;
  gap:10px!important;
  width:min(100%, 760px)!important;
  margin:0 0 clamp(2px,.5vw,6px)!important;
  padding:clamp(16px,1.5vw,22px) clamp(18px,1.8vw,24px)!important;
  border-radius:clamp(16px,1.1vw,22px)!important;
  border:1px solid color-mix(in srgb,var(--gold) 14%,var(--line))!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb,var(--gold) 9%,transparent), transparent 46%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 30px rgba(0,0,0,.16)!important;
}
#portfolio .port-delivery strong{
  display:block!important;
  margin:0!important;
  font-size:clamp(11px,.74vw,13px)!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  color:var(--accent-2)!important;
}
#portfolio .port-delivery span{
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.62!important;
  color:rgba(245,239,230,.86)!important;
  max-width:62ch!important;
}
#portfolio .port-title{
  color:var(--accent)!important;
  font-size:clamp(28px,2.2vw,42px)!important;
  line-height:.95!important;
  letter-spacing:.065em!important;
  margin:0!important;
  text-shadow:none!important;
}
#portfolio .port-desc{
  max-width:60ch!important;
  margin:0!important;
  font-size:clamp(15px,1vw,18px)!important;
  line-height:1.72!important;
  color:rgba(245,239,230,.78)!important;
}
#portfolio .port-footer{
  padding:0 clamp(26px,2.6vw,38px) clamp(28px,2.8vw,40px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
#portfolio .port-open,
#portfolio .badge-lock{
  width:auto!important;
  min-width:clamp(220px,18vw,280px)!important;
  padding:16px 24px!important;
  border-radius:16px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
}
#portfolio .portfolioNav{
  top:auto!important;
  bottom:clamp(258px,20vw,318px)!important;
  width:clamp(48px,3.7vw,58px)!important;
  height:clamp(48px,3.7vw,58px)!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--gold) 32%,rgba(255,255,255,.08))!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
    radial-gradient(120% 120% at 50% 0%, rgba(232,197,96,.14), transparent 58%),
    rgba(9,12,18,.56)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.44),
    0 8px 22px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
  opacity:.94!important;
}
#portfolio .portfolioNav::before{
  inset:4px!important;
  border-radius:14px!important;
  border-color:rgba(255,255,255,.07)!important;
}
#portfolio .portfolioNav::after{
  inset:-10px!important;
  border-radius:22px!important;
  background:radial-gradient(circle, rgba(212,168,67,.16), transparent 70%)!important;
}
#portfolio .portfolioNav span{
  font-size:20px!important;
}
#portfolio .portfolioNav:hover:not(:disabled),
#portfolio .portfolioNav:focus-visible{
  transform:scale(1.04) translateZ(0)!important;
  border-color:color-mix(in srgb,var(--gold) 58%,white 10%)!important;
}
#portfolio .portfolioNav--prev{left:clamp(16px,1.6vw,24px)!important;}
#portfolio .portfolioNav--next{right:clamp(16px,1.6vw,24px)!important;}

html[data-theme="light"] #portfolio .port-delivery{
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.46)),
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb,var(--gold) 12%,transparent), transparent 46%)!important;
}
html[data-theme="light"] #portfolio .port-delivery span,
html[data-theme="light"] #portfolio .port-desc{
  color:rgba(32,23,16,.82)!important;
}

@media (max-width: 1024px){
  #portfolio .portfolioNav{bottom:clamp(234px,26vw,278px)!important;}
}

@media (max-width: 720px){
  #portfolio .portfolioViewport{
    border-radius:24px!important;
  }
  #portfolio .port-card{
    min-height:auto!important;
  }
  #portfolio .port-img-wrapper{
    aspect-ratio:4/5!important;
    min-height:clamp(380px,92vw,540px)!important;
  }
  #portfolio .port-content{
    gap:14px!important;
    padding:22px 18px 16px!important;
  }
  #portfolio .port-delivery{
    padding:14px 16px!important;
    border-radius:18px!important;
    gap:8px!important;
  }
  #portfolio .port-delivery strong{
    font-size:10px!important;
    letter-spacing:.22em!important;
  }
  #portfolio .port-delivery span{
    font-size:14px!important;
    line-height:1.58!important;
  }
  #portfolio .port-title{
    font-size:clamp(24px,8.2vw,34px)!important;
    letter-spacing:.058em!important;
  }
  #portfolio .port-desc{
    font-size:14px!important;
    line-height:1.64!important;
  }
  #portfolio .port-footer{
    padding:0 18px 20px!important;
  }
  #portfolio .port-open,
  #portfolio .badge-lock{
    width:100%!important;
    min-width:0!important;
    border-radius:15px!important;
    padding:15px 18px!important;
  }
  #portfolio .portfolioNav{
    bottom:auto!important;
    top:clamp(18px,4vw,24px)!important;
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
      radial-gradient(140% 140% at 50% 0%, rgba(232,197,96,.15), transparent 58%),
      rgba(8,10,15,.50)!important;
    box-shadow:
      0 14px 36px rgba(0,0,0,.40),
      0 6px 18px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 0 1px rgba(232,197,96,.04)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
  }
  #portfolio .portfolioNav--prev{left:14px!important;}
  #portfolio .portfolioNav--next{right:14px!important;}
  #portfolio .portfolioNav:hover:not(:disabled),
  #portfolio .portfolioNav:focus-visible{
    transform:scale(1.035) translateZ(0)!important;
  }
}

@media (max-width: 420px){
  #portfolio .port-img-wrapper{
    min-height:clamp(330px,90vw,430px)!important;
  }
  #portfolio .portfolioNav{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
}

/* ===== Fonte: ck-portfolio-two-column-v20 ===== */
/* =========================================================
   PORTFÓLIO V20 — duas colunas + passadores centralizados na imagem
   ========================================================= */
#portfolio .port-content{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
  gap:clamp(18px,2vw,28px) clamp(24px,2.4vw,38px)!important;
  align-items:start!important;
}
#portfolio .port-title{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
}
#portfolio .port-desc{
  grid-column:1!important;
  grid-row:2!important;
  max-width:60ch!important;
}
#portfolio .port-delivery{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(18px,1.8vw,24px) clamp(18px,1.9vw,24px)!important;
  min-height:100%!important;
  justify-content:flex-start!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--gold) 16%,var(--line))!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb,var(--gold) 10%,transparent), transparent 46%)!important;
  box-shadow:
    0 12px 36px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#portfolio .port-delivery strong{
  margin:0 0 10px!important;
}
#portfolio .port-footer{
  padding-top:0!important;
}
#portfolio .portfolioNav{
  top:calc(clamp(320px,35vw,520px) / 2)!important;
  bottom:auto!important;
  transform:translateY(-50%) translateZ(0)!important;
  border-radius:16px!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.46),
    0 8px 22px rgba(0,0,0,.28),
    0 0 0 1px rgba(212,168,67,.06),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
}
#portfolio .portfolioNav:hover:not(:disabled),
#portfolio .portfolioNav:focus-visible{
  transform:translateY(-50%) scale(1.04) translateZ(0)!important;
}
#portfolio .portfolioNav:active{
  transform:translateY(-50%) scale(.985) translateZ(0)!important;
}
#portfolio .portfolioNav--prev{
  left:clamp(14px,1.6vw,22px)!important;
}
#portfolio .portfolioNav--next{
  right:clamp(14px,1.6vw,22px)!important;
}

@media (max-width: 980px){
  #portfolio .port-content{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  #portfolio .port-title{
    grid-column:1!important;
    grid-row:1!important;
  }
  #portfolio .port-desc{
    grid-column:1!important;
    grid-row:2!important;
  }
  #portfolio .port-delivery{
    grid-column:1!important;
    grid-row:3!important;
    min-height:0!important;
  }
}

@media (max-width: 720px){
  #portfolio .port-content{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #portfolio .port-delivery{
    grid-column:1!important;
    grid-row:3!important;
    padding:14px 16px!important;
    border-radius:18px!important;
  }
  #portfolio .portfolioNav{
    top:calc(clamp(380px,92vw,540px) / 2)!important;
    bottom:auto!important;
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    transform:translateY(-50%) translateZ(0)!important;
  }
  #portfolio .portfolioNav:hover:not(:disabled),
  #portfolio .portfolioNav:focus-visible{
    transform:translateY(-50%) scale(1.035) translateZ(0)!important;
  }
  #portfolio .portfolioNav:active{
    transform:translateY(-50%) scale(.985) translateZ(0)!important;
  }
  #portfolio .portfolioNav--prev{left:14px!important;}
  #portfolio .portfolioNav--next{right:14px!important;}
}

@media (max-width: 420px){
  #portfolio .portfolioNav{
    top:calc(clamp(330px,90vw,430px) / 2)!important;
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
}

/* ===== Fonte: ck-portfolio-two-column-v21 ===== */
/* =========================================================
   PORTFÓLIO V21 — título/descrição + resultado lado a lado
   ========================================================= */
#portfolio .port-content{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:clamp(18px,2vw,30px)!important;
  align-items:stretch!important;
}
#portfolio .port-copy{
  display:grid!important;
  align-content:start!important;
  gap:clamp(14px,1.4vw,18px)!important;
  min-width:0!important;
}
#portfolio .port-title,
#portfolio .port-desc{
  margin:0!important;
}
#portfolio .port-delivery{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  display:grid!important;
  align-content:start!important;
  gap:clamp(10px,.9vw,14px)!important;
  padding:clamp(18px,1.8vw,24px)!important;
  border-radius:20px!important;
  order:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
#portfolio .port-footer{
  justify-content:flex-start!important;
}
#portfolio .portfolioNav{
  top:calc(clamp(320px,35vw,520px) / 2)!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
#portfolio .portfolioNav:hover:not(:disabled),
#portfolio .portfolioNav:focus-visible{
  transform:translateY(-50%) scale(1.04)!important;
}
#portfolio .portfolioNav:active{
  transform:translateY(-50%) scale(.985)!important;
}
#portfolio .portfolioNav--prev{left:clamp(14px,1.4vw,22px)!important;}
#portfolio .portfolioNav--next{right:clamp(14px,1.4vw,22px)!important;}

@media (max-width: 1120px){
  #portfolio .port-content{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #portfolio .port-delivery{
    min-height:0!important;
  }
}

@media (max-width: 720px){
  #portfolio .port-content{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #portfolio .port-copy{gap:12px!important;}
  #portfolio .port-delivery{
    padding:14px 16px!important;
    border-radius:18px!important;
  }
  #portfolio .portfolioNav{
    top:calc(clamp(380px,92vw,540px) / 2)!important;
    transform:translateY(-50%)!important;
  }
  #portfolio .portfolioNav:hover:not(:disabled),
  #portfolio .portfolioNav:focus-visible{
    transform:translateY(-50%) scale(1.035)!important;
  }
  #portfolio .portfolioNav:active{
    transform:translateY(-50%) scale(.985)!important;
  }
}

@media (max-width: 420px){
  #portfolio .portfolioNav{
    top:calc(clamp(330px,90vw,430px) / 2)!important;
  }
}

/* ===== Fonte: ck-portfolio-alignment-v22 ===== */
/* =========================================================
   PORTFÓLIO V22 — ajuste fino de alinhamento vertical
   ========================================================= */
#portfolio .port-card{
  grid-template-rows:auto auto auto !important;
  align-content:start !important;
}
#portfolio .port-content{
  align-items:start !important;
  padding-bottom:clamp(10px,1.1vw,16px) !important;
  margin-bottom:clamp(4px,.5vw,10px) !important;
}
#portfolio .port-copy{
  padding-top:clamp(4px,.4vw,8px) !important;
}
#portfolio .port-delivery{
  align-self:start !important;
}
#portfolio .port-footer{
  padding-top:0 !important;
  margin-top:clamp(-6px,-.35vw,-10px) !important;
  align-self:start !important;
}
@media (max-width: 1120px){
  #portfolio .port-footer{
    margin-top:0 !important;
  }
}

/* ===== Fonte: ck-portfolio-image-interaction-v25 ===== */
/* =========================================================
   PORTFÓLIO V25 — passadores no centro real da imagem + imagem mais visível
   ========================================================= */
#portfolio .portfolioViewport{
  --portfolio-media-height: clamp(320px,35vw,520px);
  cursor:default!important;
}
#portfolio .port-img-wrapper,
#portfolio .port-img{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  touch-action:pan-y pinch-zoom!important;
}
#portfolio .portfolioViewport.is-dragging .port-img-wrapper,
#portfolio .portfolioViewport.is-dragging .port-img{
  cursor:grabbing!important;
}
#portfolio .port-img{
  filter:saturate(1.04) contrast(1.035) brightness(1.03)!important;
}
#portfolio .portfolioPage.is-active .port-img{
  filter:saturate(1.06) contrast(1.045) brightness(1.045)!important;
}
#portfolio .port-img-wrapper::after{
  background:
    radial-gradient(760px 320px at 50% 0%,rgba(255,255,255,.035),transparent 60%),
    linear-gradient(90deg,rgba(0,0,0,.10),transparent 18%,transparent 82%,rgba(0,0,0,.10)),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.06) 52%,rgba(0,0,0,.12))!important;
}
#portfolio .port-glass{
  background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.08))!important;
  opacity:.72!important;
}
#portfolio .portfolioNav{
  top:calc(var(--portfolio-media-height) / 2)!important;
  bottom:auto!important;
  transform:translateY(-50%) translateZ(0)!important;
  z-index:60!important;
  border-radius:16px!important;
  opacity:.96!important;
}
#portfolio .portfolioNav:hover:not(:disabled),
#portfolio .portfolioNav:focus-visible{
  transform:translateY(-50%) scale(1.04) translateZ(0)!important;
}
#portfolio .portfolioNav:active{
  transform:translateY(-50%) scale(.985) translateZ(0)!important;
}
#portfolio .portfolioNav--prev{left:clamp(14px,1.5vw,24px)!important;}
#portfolio .portfolioNav--next{right:clamp(14px,1.5vw,24px)!important;}
@media (max-width:720px){
  #portfolio .portfolioViewport{--portfolio-media-height: clamp(380px,92vw,540px);}
  #portfolio .portfolioNav{
    top:calc(var(--portfolio-media-height) / 2)!important;
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
  }
}
@media (max-width:420px){
  #portfolio .portfolioViewport{--portfolio-media-height: clamp(330px,90vw,430px);}
  #portfolio .portfolioNav{width:42px!important;height:42px!important;border-radius:14px!important;}
}

/* ===== Fonte: ck-header-megamenu-clean-v28 ===== */
/* =========================================================
   HEADER + MEGA MENU V28 — header limpo + menu sem duplicação
   ========================================================= */
.topbar .nav{
  display:none!important;
}
.header-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,.9vw,14px)!important;
}
.header-actions > .theme-toggle,
.header-actions > .menu-toggle{
  display:inline-flex!important;
  flex:0 0 auto!important;
}
@media (max-width:860px){
  .theme-toggle{
    display:inline-flex!important;
    min-width:44px!important;
    min-height:44px!important;
    width:44px!important;
    height:44px!important;
  }
}

.megaMenu{
  z-index:115!important;
  place-items:start center!important;
  padding:calc(var(--ck-header-space) + clamp(10px,1.8vw,26px)) clamp(16px,4vw,70px) clamp(18px,4vw,54px)!important;
}
.megaMenu__shell{
  min-height:auto!important;
  max-height:calc(100dvh - var(--ck-header-space) - clamp(30px,5vw,76px))!important;
  overflow:auto!important;
  grid-template-rows:1fr!important;
  padding:clamp(18px,2.2vw,34px)!important;
  width:min(100%,1240px)!important;
  border-radius:clamp(22px,2vw,34px)!important;
}
.megaMenu__top,
.megaMenu__editorial,
.megaMenu__brand,
.megaMenu__close{
  display:none!important;
}
.megaMenu__grid,
.megaMenu__grid--clean{
  display:grid!important;
  grid-template-columns:minmax(360px,1.08fr) minmax(300px,.72fr)!important;
  gap:clamp(18px,2vw,34px)!important;
  align-items:start!important;
}
.megaMenu__nav{
  display:grid!important;
  gap:clamp(10px,1vw,14px)!important;
}
.megaMenu__nav a{
  min-height:clamp(74px,6.1vw,96px)!important;
  padding:clamp(15px,1.45vw,20px)!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  border-radius:clamp(18px,1.5vw,24px)!important;
}
.megaMenu__aside{
  display:grid!important;
  gap:clamp(12px,1.2vw,18px)!important;
  align-content:start!important;
}
.megaMenu__card{
  border-radius:clamp(18px,1.45vw,24px)!important;
  padding:clamp(18px,1.7vw,24px)!important;
}
.megaMenu__diagnostic{
  width:100%!important;
  justify-content:center!important;
  min-height:54px!important;
  margin-top:clamp(2px,.8vw,10px)!important;
}
body.menu-open .topbar{
  z-index:130!important;
}
body.menu-open .topbar__in{
  background:linear-gradient(180deg,rgba(8,9,12,.92),rgba(4,5,7,.84))!important;
  border-color:rgba(212,168,67,.30)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
@media (max-width:900px){
  .megaMenu{
    padding:calc(var(--ck-header-space) + 12px) 12px 12px!important;
  }
  .megaMenu__shell{
    max-height:calc(100dvh - var(--ck-header-space) - 24px)!important;
    padding:16px!important;
    border-radius:24px!important;
  }
  .megaMenu__grid,
  .megaMenu__grid--clean{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .megaMenu__nav a{
    min-height:76px!important;
    padding:15px 16px!important;
  }
  .megaMenu__aside{
    gap:12px!important;
  }
}
@media (max-width:420px){
  .header-actions{gap:8px!important;}
  .theme-toggle,.menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  .megaMenu__nav a{grid-template-columns:40px minmax(0,1fr)!important;gap:8px 12px!important;}
  .megaMenu__nav span{width:34px!important;height:34px!important;}
}

/* ===== Fonte: assets/css/light-editorial.css ===== */
/* =========================================================
   CAREKA DIGITAL — TEMA CLARO EDITORIAL PREMIUM V34
   Escopo: somente html[data-theme="light"].
   Objetivo: camada clara autoral, quente, premium e consistente.
   ========================================================= */

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f0e5d6;
  --bg-elevated:#f7f0e5;
  --surface:rgba(255,250,241,.90);
  --surface-2:rgba(249,241,228,.94);
  --surface-3:rgba(239,226,207,.90);
  --header-bg:rgba(248,240,226,.76);
  --overlay:rgba(45,30,18,.22);
  --text:#21160f;
  --text-soft:rgba(33,22,15,.82);
  --text-muted:rgba(33,22,15,.60);
  --line:rgba(136,80,35,.16);
  --line-strong:rgba(136,80,35,.28);
  --accent:#b65318;
  --accent-2:#c76623;
  --accent-3:#8f3f12;
  --gold:#b98a2d;
  --gold-2:#9f6f18;
  --success:#687d55;
  --shadow-sm:0 12px 30px rgba(67,42,21,.075),0 1px 0 rgba(255,255,255,.70) inset;
  --shadow-md:0 24px 62px rgba(67,42,21,.115),0 1px 0 rgba(255,255,255,.66) inset;
  --shadow-lg:0 44px 112px rgba(67,42,21,.15),0 1px 0 rgba(255,255,255,.68) inset;
  --ck-paper:#fff8ed;
  --ck-paper-2:#f6ead8;
  --ck-ink:#21160f;
  --ck-ink-soft:rgba(33,22,15,.76);
  --ck-warm-line:rgba(129,78,37,.18);
  --ck-editorial-glow:rgba(190,124,45,.13);
}

html[data-theme="light"],
html[data-theme="light"] body{
  background:#f0e5d6!important;
  color:var(--text)!important;
}

html[data-theme="light"] body{
  background:
    radial-gradient(1180px 740px at -12% -16%,rgba(191,142,59,.17),transparent 64%),
    radial-gradient(920px 620px at 104% -6%,rgba(177,79,24,.12),transparent 62%),
    radial-gradient(1020px 680px at 50% 112%,rgba(120,75,38,.10),transparent 68%),
    linear-gradient(180deg,#f6edde 0%,#efe2d0 48%,#f8f1e6 100%)!important;
}

html[data-theme="light"] body::before{
  background:
    radial-gradient(1000px 560px at 8% 0%,rgba(185,138,45,.15),transparent 66%),
    radial-gradient(780px 520px at 92% 2%,rgba(182,83,24,.11),transparent 64%),
    linear-gradient(180deg,rgba(255,251,244,.70),rgba(255,251,244,0) 38%,rgba(224,204,174,.22) 100%)!important;
  opacity:.92!important;
}

html[data-theme="light"] body::after{
  mix-blend-mode:multiply!important;
  opacity:.18!important;
}

html[data-theme="light"] ::selection{
  background:rgba(159,111,24,.24)!important;
  color:#21160f!important;
}

/* Base editorial surfaces */
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .cardMini,
html[data-theme="light"] .toolsPanel,
html[data-theme="light"] .stat,
html[data-theme="light"] .contactCard,
html[data-theme="light"] .cta-panel,
html[data-theme="light"] .hero-copy-main,
html[data-theme="light"] .ckFounderDockV24__panel,
html[data-theme="light"] .hero-profile-card,
html[data-theme="light"] .hero-info-card{
  border-color:var(--ck-warm-line)!important;
  background:
    radial-gradient(760px 240px at 0% 0%,rgba(185,138,45,.105),transparent 64%),
    linear-gradient(180deg,rgba(255,250,241,.94),rgba(247,237,222,.90))!important;
  box-shadow:var(--shadow-md)!important;
}

html[data-theme="light"] .panel::before,
html[data-theme="light"] .card::before,
html[data-theme="light"] .cardMini::before,
html[data-theme="light"] .toolsPanel::before,
html[data-theme="light"] .stat::before,
html[data-theme="light"] .port-card::before,
html[data-theme="light"] .modal::before,
html[data-theme="light"] .hero-copy-main::before,
html[data-theme="light"] .ckFounderDockV24__panel::before{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 30%)!important;
  opacity:.72!important;
}

html[data-theme="light"] .divider,
html[data-theme="light"] .section::after{
  background:linear-gradient(90deg,transparent,rgba(137,83,37,.22),transparent)!important;
}

/* Header claro — barra editorial premium */
html[data-theme="light"] .topbar__in{
  border-color:rgba(128,78,37,.16)!important;
  background:
    linear-gradient(180deg,rgba(255,251,244,.78),rgba(246,235,219,.66))!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  box-shadow:0 18px 58px rgba(65,41,22,.10),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] body.is-scrolled .topbar__in,
html[data-theme="light"] body.menu-open .topbar__in{
  border-color:rgba(128,78,37,.22)!important;
  background:
    linear-gradient(180deg,rgba(255,251,244,.88),rgba(246,235,219,.78))!important;
  box-shadow:0 20px 68px rgba(65,41,22,.13),0 1px 0 rgba(255,255,255,.80) inset!important;
}

html[data-theme="light"] .mark,
html[data-theme="light"] .megaMenu__mark{
  border-color:rgba(128,78,37,.18)!important;
  box-shadow:0 10px 24px rgba(72,44,22,.12)!important;
}

html[data-theme="light"] .brandtxt b,
html[data-theme="light"] .megaMenu__brand b,
html[data-theme="light"] .footBrand{
  color:#2b1b11!important;
  text-shadow:none!important;
}

html[data-theme="light"] .brandtxt small,
html[data-theme="light"] .megaMenu__brand small,
html[data-theme="light"] .theme-toggle__label,
html[data-theme="light"] .langToggle__code{
  color:rgba(33,22,15,.62)!important;
}

html[data-theme="light"] .nav-link,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .langToggle,
html[data-theme="light"] .link,
html[data-theme="light"] .backlink{
  color:#24160e!important;
  border-color:rgba(128,78,37,.16)!important;
  background:linear-gradient(180deg,rgba(255,251,244,.76),rgba(241,229,210,.58))!important;
  box-shadow:0 10px 24px rgba(67,42,21,.055),0 1px 0 rgba(255,255,255,.70) inset!important;
}

html[data-theme="light"] .menu-toggle span{
  background:linear-gradient(90deg,#8f3f12,#21160f)!important;
}

html[data-theme="light"] .theme-toggle__icon{
  background:rgba(255,248,236,.94)!important;
  border-color:rgba(128,78,37,.14)!important;
}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .menu-toggle:hover,
html[data-theme="light"] .langToggle:hover,
html[data-theme="light"] .link:hover,
html[data-theme="light"] .backlink:hover{
  border-color:rgba(143,63,18,.28)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.96),rgba(238,221,196,.76))!important;
  box-shadow:0 16px 38px rgba(90,54,24,.11),0 0 0 1px rgba(185,138,45,.08) inset!important;
}

/* Mega menu claro */
html[data-theme="light"] .megaMenu{
  background:rgba(56,38,25,.18)!important;
  backdrop-filter:blur(20px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.06)!important;
}

html[data-theme="light"] .megaMenu__atmosphere{
  background:
    radial-gradient(820px 420px at 10% 8%,rgba(185,138,45,.17),transparent 68%),
    radial-gradient(760px 440px at 94% 0%,rgba(182,83,24,.12),transparent 64%),
    linear-gradient(180deg,rgba(255,251,244,.30),rgba(239,226,207,.12))!important;
}

html[data-theme="light"] .megaMenu__shell{
  border-color:rgba(128,78,37,.18)!important;
  background:
    radial-gradient(900px 300px at 0% 0%,rgba(185,138,45,.11),transparent 64%),
    radial-gradient(760px 360px at 100% 100%,rgba(182,83,24,.08),transparent 64%),
    linear-gradient(145deg,rgba(255,250,241,.97),rgba(244,232,214,.95))!important;
  box-shadow:0 46px 132px rgba(65,41,22,.20),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] .megaMenu__nav a,
html[data-theme="light"] .megaMenu__card,
html[data-theme="light"] .megaLangOption,
html[data-theme="light"] .langHeaderMenu,
html[data-theme="light"] .langHeaderOption,
html[data-theme="light"] .languageOption{
  border-color:rgba(128,78,37,.15)!important;
  background:linear-gradient(180deg,rgba(255,251,244,.76),rgba(241,229,210,.58))!important;
  box-shadow:0 12px 34px rgba(67,42,21,.07),0 1px 0 rgba(255,255,255,.70) inset!important;
}

html[data-theme="light"] .megaMenu__nav a:hover,
html[data-theme="light"] .megaMenu__nav a:focus-visible,
html[data-theme="light"] .megaLangOption:hover,
html[data-theme="light"] .megaLangOption:focus-visible,
html[data-theme="light"] .megaLangOption.is-active,
html[data-theme="light"] .langHeaderOption:hover,
html[data-theme="light"] .langHeaderOption:focus-visible,
html[data-theme="light"] .langHeaderOption.is-active,
html[data-theme="light"] .languageOption:hover,
html[data-theme="light"] .languageOption:focus-visible,
html[data-theme="light"] .languageOption.is-active{
  border-color:rgba(143,63,18,.30)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.98),rgba(238,220,195,.78))!important;
  box-shadow:0 18px 44px rgba(90,54,24,.12),0 0 0 1px rgba(185,138,45,.10) inset!important;
}

html[data-theme="light"] .megaMenu__nav span,
html[data-theme="light"] .megaLangOption__flag{
  border-color:rgba(143,63,18,.22)!important;
  color:#8f3f12!important;
  background:rgba(185,138,45,.08)!important;
}

html[data-theme="light"] .megaMenu__nav strong,
html[data-theme="light"] .megaMenu__card strong,
html[data-theme="light"] .megaLangOption strong,
html[data-theme="light"] .languageOption strong,
html[data-theme="light"] .langHeaderOption strong{
  color:#24160e!important;
}

html[data-theme="light"] .megaMenu__nav small,
html[data-theme="light"] .megaMenu__card p,
html[data-theme="light"] .megaLangOption small,
html[data-theme="light"] .languageOption small,
html[data-theme="light"] .langHeaderOption small{
  color:rgba(33,22,15,.64)!important;
}

/* Modal de idioma claro */
html[data-theme="light"] .languageModal__backdrop{
  background:rgba(56,38,25,.22)!important;
  backdrop-filter:blur(18px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
}

html[data-theme="light"] .languageModal__panel{
  border-color:rgba(128,78,37,.18)!important;
  background:
    radial-gradient(760px 280px at 18% 0%,rgba(185,138,45,.12),transparent 64%),
    radial-gradient(540px 260px at 100% 100%,rgba(182,83,24,.08),transparent 64%),
    linear-gradient(160deg,rgba(255,250,241,.98),rgba(244,232,214,.96))!important;
  box-shadow:0 42px 128px rgba(65,41,22,.20),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] .languageModal__close{
  border-color:rgba(128,78,37,.16)!important;
  background:rgba(255,250,241,.72)!important;
  color:#2b1b11!important;
}

/* Hero claro — capa editorial */
html[data-theme="light"] .hero-prologue{
  background:transparent!important;
}

html[data-theme="light"] .hero-atmosphere__orb--gold{
  background:radial-gradient(circle,rgba(185,138,45,.28),transparent 68%)!important;
  opacity:.72!important;
}

html[data-theme="light"] .hero-atmosphere__orb--fire{
  background:radial-gradient(circle,rgba(182,83,24,.18),transparent 68%)!important;
  opacity:.62!important;
}

html[data-theme="light"] .hero-atmosphere__grain{
  opacity:.18!important;
  mix-blend-mode:multiply!important;
}

html[data-theme="light"] .hero-copy-main{
  border-color:rgba(128,78,37,.18)!important;
  background:
    radial-gradient(980px 320px at 5% -6%,rgba(185,138,45,.15),transparent 64%),
    radial-gradient(780px 300px at 100% 100%,rgba(182,83,24,.08),transparent 62%),
    linear-gradient(160deg,rgba(255,250,241,.96),rgba(245,234,216,.92))!important;
  box-shadow:0 32px 96px rgba(67,42,21,.14),0 1px 0 rgba(255,255,255,.82) inset!important;
}

html[data-theme="light"] .hero-copy-main::after{
  background:linear-gradient(90deg,transparent,rgba(159,111,24,.38),rgba(143,63,18,.24),transparent)!important;
  opacity:.74!important;
}

html[data-theme="light"] .hero-title-block{
  color:#21160f!important;
  text-shadow:none!important;
}

html[data-theme="light"] .hero-title-block em{
  background:linear-gradient(180deg,#b98a2d 0%,#8f3f12 82%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
}

html[data-theme="light"] .hero-lead-copy,
html[data-theme="light"] .lead-text,
html[data-theme="light"] .lead,
html[data-theme="light"] .hero-copy-main p{
  color:rgba(33,22,15,.76)!important;
}

html[data-theme="light"] .ckFounderDockV24__panel{
  border-color:rgba(128,78,37,.17)!important;
  background:
    radial-gradient(680px 220px at 0% 0%,rgba(185,138,45,.12),transparent 64%),
    linear-gradient(180deg,rgba(255,250,241,.94),rgba(242,229,210,.90))!important;
}

html[data-theme="light"] .ckFounderDockV24__image{
  border-color:rgba(128,78,37,.18)!important;
  filter:saturate(.98) contrast(1.02)!important;
}

html[data-theme="light"] .ckFounderDockV24__copy strong,
html[data-theme="light"] .ckFounderDockV24__item b{
  color:#24160e!important;
}

html[data-theme="light"] .ckFounderDockV24__copy b{
  color:#8f3f12!important;
}

html[data-theme="light"] .ckFounderDockV24__copy span,
html[data-theme="light"] .ckFounderDockV24__item span{
  color:rgba(33,22,15,.66)!important;
}

/* Botões e estados */
html[data-theme="light"] .btnP{
  color:#fff9f1!important;
  border-color:rgba(143,63,18,.34)!important;
  background:linear-gradient(180deg,#c76b27 0%,#a34816 100%)!important;
  box-shadow:0 18px 38px rgba(143,63,18,.20),0 1px 0 rgba(255,255,255,.20) inset!important;
}

html[data-theme="light"] .btnG,
html[data-theme="light"] .btnS{
  color:#24160e!important;
  border-color:rgba(128,78,37,.18)!important;
  background:linear-gradient(180deg,rgba(255,251,244,.84),rgba(238,224,203,.68))!important;
  box-shadow:0 12px 30px rgba(67,42,21,.075),0 1px 0 rgba(255,255,255,.75) inset!important;
}

html[data-theme="light"] .btn:hover{
  transform:translateY(-2px)!important;
}

html[data-theme="light"] .btnP:hover{
  box-shadow:0 24px 48px rgba(143,63,18,.26),0 0 0 1px rgba(255,255,255,.18) inset!important;
}

html[data-theme="light"] .btnG:hover,
html[data-theme="light"] .btnS:hover{
  border-color:rgba(143,63,18,.30)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.98),rgba(234,214,186,.76))!important;
  box-shadow:0 18px 42px rgba(90,54,24,.12),0 0 0 1px rgba(185,138,45,.10) inset!important;
}

html[data-theme="light"] a:focus-visible,
html[data-theme="light"] button:focus-visible,
html[data-theme="light"] input:focus-visible,
html[data-theme="light"] textarea:focus-visible{
  outline:2px solid rgba(143,63,18,.45)!important;
  outline-offset:3px!important;
}

/* Portfólio claro */
html[data-theme="light"] #portfolio::before{
  opacity:.34!important;
}

html[data-theme="light"] #portfolio .portfolioViewport{
  border-color:rgba(128,78,37,.17)!important;
  background:
    radial-gradient(920px 400px at 50% -12%,rgba(185,138,45,.12),transparent 66%),
    linear-gradient(180deg,rgba(255,250,241,.88),rgba(241,227,207,.78))!important;
  box-shadow:0 34px 106px rgba(67,42,21,.15),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] #portfolio .portfolioViewport::before{
  background:
    linear-gradient(90deg,rgba(79,49,24,.10),transparent 12%,transparent 88%,rgba(79,49,24,.10)),
    linear-gradient(180deg,rgba(255,255,255,.34),transparent 26%,transparent 82%,rgba(139,84,39,.08))!important;
}

html[data-theme="light"] #portfolio .port-card,
html[data-theme="light"] .port-card{
  border-color:rgba(128,78,37,.16)!important;
  background:
    radial-gradient(680px 220px at 50% -10%,rgba(185,138,45,.11),transparent 66%),
    linear-gradient(180deg,rgba(255,250,241,.94),rgba(244,232,214,.90))!important;
  box-shadow:0 28px 82px rgba(67,42,21,.13),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] #portfolio .port-img-wrapper,
html[data-theme="light"] .port-img-wrapper{
  border-color:rgba(128,78,37,.13)!important;
  background:#ede0cc!important;
}

html[data-theme="light"] #portfolio .port-img,
html[data-theme="light"] .port-img{
  filter:saturate(1.02) contrast(1.02) brightness(1.01)!important;
}

html[data-theme="light"] #portfolio .port-glass,
html[data-theme="light"] .port-glass{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(73,45,22,.08))!important;
  opacity:.55!important;
}

html[data-theme="light"] #portfolio .port-title,
html[data-theme="light"] .port-card .port-title,
html[data-theme="light"] .port-title{
  color:#8f3f12!important;
  text-shadow:none!important;
}

html[data-theme="light"] #portfolio .port-desc,
html[data-theme="light"] #portfolio .port-delivery span,
html[data-theme="light"] .port-desc,
html[data-theme="light"] .port-delivery span{
  color:rgba(33,22,15,.70)!important;
}

html[data-theme="light"] #portfolio .port-delivery,
html[data-theme="light"] .port-delivery,
html[data-theme="light"] .deliver,
html[data-theme="light"] .pill,
html[data-theme="light"] .tag{
  border-color:rgba(128,78,37,.14)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.68),rgba(235,218,194,.48))!important;
  box-shadow:0 10px 26px rgba(67,42,21,.055),0 1px 0 rgba(255,255,255,.64) inset!important;
}

html[data-theme="light"] #portfolio .port-delivery strong,
html[data-theme="light"] .port-delivery strong,
html[data-theme="light"] .deliver strong,
html[data-theme="light"] .kicker b,
html[data-theme="light"] .modalKicker{
  color:#8f3f12!important;
}

html[data-theme="light"] #portfolio .portfolioNav{
  color:#24160e!important;
  border-color:rgba(128,78,37,.18)!important;
  background:rgba(255,250,241,.82)!important;
  box-shadow:0 18px 42px rgba(67,42,21,.14),0 1px 0 rgba(255,255,255,.78) inset!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05)!important;
}

html[data-theme="light"] #portfolio .portfolioNav:hover:not(:disabled),
html[data-theme="light"] #portfolio .portfolioNav:focus-visible{
  border-color:rgba(143,63,18,.32)!important;
  background:rgba(255,250,241,.96)!important;
  box-shadow:0 22px 50px rgba(67,42,21,.18),0 0 0 1px rgba(185,138,45,.12) inset!important;
}

/* Serviços / pilares claros */
html[data-theme="light"] .servicesIntro__kicker,
html[data-theme="light"] .pillarPanelEyebrowV10,
html[data-theme="light"] .pillarSolutionsHeaderV11 span,
html[data-theme="light"] .pillarServiceKickerV11{
  color:#8f3f12!important;
}

html[data-theme="light"] .secHead h2,
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .headBlock h2,
html[data-theme="light"] .title-line,
html[data-theme="light"] .section h2,
html[data-theme="light"] .pillarPanelBodyV10 h3,
html[data-theme="light"] .pillarSolutionsHeaderV11 h4,
html[data-theme="light"] .pillarServiceHeaderV11 h4,
html[data-theme="light"] .modalTitle,
html[data-theme="light"] main.hero .title,
html[data-theme="light"] .case-page .title,
html[data-theme="light"] body > main .title{
  color:#21160f!important;
  text-shadow:none!important;
}

html[data-theme="light"] .secHead small,
html[data-theme="light"] .servicesIntro small,
html[data-theme="light"] .pillarPanelBodyV10 p,
html[data-theme="light"] .pillarSolutionsHeaderV11 p,
html[data-theme="light"] .pillarServiceHeaderV11 p,
html[data-theme="light"] .pillarServiceNarrativeV11 p,
html[data-theme="light"] .pillarServiceNoteV11 p,
html[data-theme="light"] .pillarServiceBlockV11 li,
html[data-theme="light"] .pillarServicePriceDetailsV11,
html[data-theme="light"] .hint,
html[data-theme="light"] .modalSub,
html[data-theme="light"] .modalSec p,
html[data-theme="light"] .modalSec ul{
  color:rgba(33,22,15,.72)!important;
}

html[data-theme="light"] .pillarPanelV10,
html[data-theme="light"] .pillarPanelV11,
html[data-theme="light"] .pillarSolutionButtonV10,
html[data-theme="light"] .serviceCatalogCard,
html[data-theme="light"] .pillarSolutionsDrawerV11,
html[data-theme="light"] .pillarServiceFullCardV11,
html[data-theme="light"] .pillarServiceNarrativeV11,
html[data-theme="light"] .pillarServiceBlockV11,
html[data-theme="light"] .pillarServiceNoteV11,
html[data-theme="light"] .pillarServicePriceV11,
html[data-theme="light"] .modalPriceBox,
html[data-theme="light"] .modalFeat{
  border-color:rgba(128,78,37,.15)!important;
  background:
    radial-gradient(640px 220px at 0% 0%,rgba(185,138,45,.09),transparent 66%),
    linear-gradient(180deg,rgba(255,250,241,.88),rgba(241,227,207,.70))!important;
  box-shadow:0 20px 58px rgba(67,42,21,.10),0 1px 0 rgba(255,255,255,.68) inset!important;
}

html[data-theme="light"] .pillarPanelV11.is-open,
html[data-theme="light"] .pillarPanelV10:hover,
html[data-theme="light"] .pillarSolutionButtonV10:hover,
html[data-theme="light"] .serviceCatalogCard:hover{
  border-color:rgba(143,63,18,.30)!important;
  box-shadow:0 28px 78px rgba(67,42,21,.14),0 0 0 1px rgba(185,138,45,.10) inset!important;
}

html[data-theme="light"] .pillarPanelMediaV10,
html[data-theme="light"] .pillarPanelMediaV11,
html[data-theme="light"] .pillarServiceMediaV11,
html[data-theme="light"] .modalServiceMedia,
html[data-theme="light"] .media,
html[data-theme="light"] .case-shot{
  border-color:rgba(128,78,37,.14)!important;
  background:#eadcc6!important;
  box-shadow:0 18px 50px rgba(67,42,21,.10)!important;
}

html[data-theme="light"] .pillarPanelMediaV10 img,
html[data-theme="light"] .pillarPanelMediaV11 img,
html[data-theme="light"] .pillarServiceMediaV11 img,
html[data-theme="light"] .modalServiceMedia img,
html[data-theme="light"] .media img,
html[data-theme="light"] .case-shot img{
  filter:saturate(1.0) contrast(1.02) brightness(1.02)!important;
}

html[data-theme="light"] .pillarServiceMediaV11::after,
html[data-theme="light"] .media::after,
html[data-theme="light"] .case-shot::after{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(65,39,20,.12))!important;
}

html[data-theme="light"] .pillarServicePillsV11 span,
html[data-theme="light"] .pillarServiceFeaturesV11 span,
html[data-theme="light"] .modalFeat{
  color:rgba(33,22,15,.72)!important;
  border-color:rgba(143,63,18,.17)!important;
  background:rgba(185,138,45,.08)!important;
}

html[data-theme="light"] .pillarServicePriceV11 b,
html[data-theme="light"] .pillarServiceVariationsV11 b,
html[data-theme="light"] .modalPriceVal,
html[data-theme="light"] .modalSec h4,
html[data-theme="light"] strong,
html[data-theme="light"] .hint b{
  color:#8f3f12!important;
}

/* Modais claros */
html[data-theme="light"] .modalOverlay{
  background:rgba(56,38,25,.24)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
}

html[data-theme="light"] .modal{
  border-color:rgba(128,78,37,.18)!important;
  background:
    radial-gradient(800px 260px at 18% 0%,rgba(185,138,45,.12),transparent 66%),
    linear-gradient(180deg,rgba(255,250,241,.98),rgba(244,232,214,.96))!important;
  box-shadow:0 42px 124px rgba(65,41,22,.22),0 1px 0 rgba(255,255,255,.78) inset!important;
}

html[data-theme="light"] .modalClose{
  color:#24160e!important;
  border-color:rgba(128,78,37,.16)!important;
  background:rgba(255,250,241,.72)!important;
  box-shadow:0 10px 24px rgba(67,42,21,.08)!important;
}

html[data-theme="light"] .modalSec + .modalSec,
html[data-theme="light"] .pillarServiceVariationsV11 div{
  border-color:rgba(128,78,37,.14)!important;
}

/* CTA, contato e footer */
html[data-theme="light"] #cta-final .cta-panel{
  background:
    radial-gradient(1000px 320px at 50% -10%,rgba(185,138,45,.15),transparent 66%),
    radial-gradient(800px 360px at 100% 100%,rgba(182,83,24,.08),transparent 64%),
    linear-gradient(180deg,rgba(255,250,241,.96),rgba(242,228,208,.92))!important;
}

html[data-theme="light"] #contato .panel,
html[data-theme="light"] .case-site-foot .foot{
  border-color:rgba(128,78,37,.14)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.82),rgba(241,227,207,.66))!important;
}

html[data-theme="light"] footer,
html[data-theme="light"] .case-site-foot{
  color:rgba(33,22,15,.66)!important;
}

/* Páginas internas / cases */
html[data-theme="light"] main.hero > .panel.section:first-child,
html[data-theme="light"] main.hero > .section,
html[data-theme="light"] .case-page .panel,
html[data-theme="light"] .case-page .section{
  border-color:rgba(128,78,37,.16)!important;
  background:
    radial-gradient(820px 260px at 0% 0%,rgba(185,138,45,.11),transparent 66%),
    linear-gradient(180deg,rgba(255,250,241,.94),rgba(244,232,214,.90))!important;
  box-shadow:0 28px 86px rgba(67,42,21,.13),0 1px 0 rgba(255,255,255,.76) inset!important;
}

html[data-theme="light"] .mini-grid .stat,
html[data-theme="light"] .foot-card,
html[data-theme="light"] .case-gallery figure,
html[data-theme="light"] .case-gallery .case-shot{
  border-color:rgba(128,78,37,.14)!important;
  background:linear-gradient(180deg,rgba(255,250,241,.82),rgba(241,227,207,.66))!important;
}

html[data-theme="light"] .title,
html[data-theme="light"] .h1{
  color:#21160f!important;
  text-shadow:none!important;
}

html[data-theme="light"] .h1 .g,
html[data-theme="light"] .kicker,
html[data-theme="light"] .modalKicker{
  color:#8f3f12!important;
}

html[data-theme="light"] .kicker{
  border-color:rgba(143,63,18,.18)!important;
  background:rgba(185,138,45,.08)!important;
}

/* Inputs, selects e formulários futuros */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .input{
  color:#21160f!important;
  border-color:rgba(128,78,37,.16)!important;
  background:rgba(255,250,241,.82)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.70) inset!important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .input::placeholder{
  color:rgba(33,22,15,.48)!important;
}

/* Micro-ajustes mobile */
@media (max-width:720px){
  html[data-theme="light"] .topbar__in{
    background:linear-gradient(180deg,rgba(255,251,244,.88),rgba(246,235,219,.78))!important;
  }
  html[data-theme="light"] .hero-copy-main,
  html[data-theme="light"] .ckFounderDockV24__panel,
  html[data-theme="light"] .panel,
  html[data-theme="light"] #portfolio .portfolioViewport{
    box-shadow:0 20px 58px rgba(67,42,21,.12),0 1px 0 rgba(255,255,255,.72) inset!important;
  }
}

/* ===== Fonte: ck-fluid-performance-v29 ===== */
/* Performance de produção: remove animação contínua pesada e deixa as transições mais leves. */
body::after{display:none!important;}
#fireCanvas{display:none!important;}
.reveal{transition:opacity .34s ease,transform .34s cubic-bezier(.16,1,.3,1)!important;}
.motion-ready .motion-reveal{will-change:auto!important;}
#portfolioGrid.portfolioTrack{transition:transform .48s cubic-bezier(.19,1,.22,1)!important;will-change:auto!important;}
#portfolio .port-img{transition:transform .42s cubic-bezier(.19,1,.22,1),filter .28s ease!important;will-change:auto!important;}
#portfolio .port-img-wrapper,#portfolio .portfolioNav,.pillarPanelV10,.pillarSolutionButtonV10,.topbar__in,.megaMenu__shell{will-change:auto!important;backface-visibility:hidden;}
.pillarPanelV10{transition:transform .28s cubic-bezier(.19,1,.22,1),opacity .28s ease,border-color .28s ease!important;}
.pillarSolutionButtonV10{transition:transform .24s ease,border-color .24s ease,background .24s ease!important;}
@media (max-width:760px){
  #portfolioGrid.portfolioTrack{transition:transform .32s cubic-bezier(.19,1,.22,1)!important;}
  .blogEngine,.panel,.port-card,.pillarPanelV10,.cta-panel{box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;}
}

/* ===== Fonte: assets/css/performance-fluid.css ===== */
/* =========================================================
   Careka Digital — Performance Fluid Layer
   Objetivo: manter a estética premium reduzindo jank, loops e pintura cara.
   ========================================================= */

html.perf-optimized {
  scroll-behavior: smooth;
}

html.is-hidden-by-tab *,
html.is-hidden-by-tab *::before,
html.is-hidden-by-tab *::after {
  animation-play-state: paused !important;
  transition: none !important;
}

#fireCanvas,
canvas#fireCanvas {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Evita renderização antecipada das seções longas sem quebrar a navegação por âncora. */
main > section.sec:not(:first-child) {
  content-visibility: auto;
  contain-intrinsic-size: 920px;
}

/* A primeira tela e a área ativa do portfólio precisam permanecer sempre prontas. */
main > section.sec:first-child,
#portfolio,
#cta-final {
  content-visibility: visible;
}

/* Contenção de pintura nos blocos mais pesados. */
.panel,
.port-card,
.blogFeatured,
.blogMiniCard,
.pillarPanelV11,
.pillarServiceFullCardV11,
.serviceCatalogCard,
.modal,
.megaMenu {
  contain: layout paint style;
  backface-visibility: hidden;
}

.port-img,
.pillarMediaV11 img,
.serviceCatalogCard img,
.blogFeatured img {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Transições mais rápidas: continuam sofisticadas, mas deixam a página responder melhor. */
.reveal,
.motion-reveal,
.port-card,
.panel,
.blogFeatured,
.blogMiniCard,
.pillarPanelV11,
.serviceCatalogCard,
.btn,
.topbar,
.topbar__in {
  transition-duration: .42s !important;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
}

.portfolioTrack {
  will-change: auto !important;
}

.portfolioViewport.is-navigating .portfolioTrack,
.portfolioViewport.is-dragging .portfolioTrack {
  will-change: transform !important;
}

/* Menos pintura em efeitos decorativos globais. */
body::before {
  opacity: .018 !important;
  background-image: none !important;
}

.port-glass {
  opacity: .42;
}

/* Título final com impacto, porém sem ocupar tela demais. */
.ctaFoundationTitle {
  font-size: clamp(2.7rem, 5.7vw, 6.2rem) !important;
  line-height: .94 !important;
  letter-spacing: .038em !important;
  max-width: 1120px !important;
}

/* Mobile: reduz blur/backdrop-filter, que é um dos maiores vilões de travamento. */
@media (hover: none), (max-width: 920px) {
  html.perf-lean {
    scroll-behavior: auto;
  }

  .panel,
  .port-card,
  .blogFeatured,
  .blogMiniCard,
  .pillarPanelV11,
  .pillarServiceFullCardV11,
  .serviceCatalogCard,
  .modal,
  .megaMenu,
  .topbar__in {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .port-glass,
  .hero-noise,
  .grain,
  .noise {
    display: none !important;
  }

  .reveal,
  .motion-reveal,
  .port-card,
  .panel,
  .blogFeatured,
  .blogMiniCard,
  .pillarPanelV11,
  .serviceCatalogCard {
    transition-duration: .32s !important;
  }

  main > section.sec:not(:first-child) {
    contain-intrinsic-size: 780px;
  }

  .ctaFoundationTitle {
    font-size: clamp(2.35rem, 12vw, 4.4rem) !important;
    line-height: .96 !important;
    letter-spacing: .032em !important;
  }
}

/* Respeita redução de movimento do sistema e evita travamento em aparelhos mais fracos. */
@media (prefers-reduced-motion: reduce) {
  html,
  html.motion-ready {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  .reveal,
  .motion-reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}

/* ===== Fonte: assets/css/careka-menu-v76-aplicado.css ===== */
/* CAREKA DIGITAL — V76 MENU PREMIUM APLICADO NO SITE
   Header + Mega Menu responsivo seguindo protótipos desktop/tablet/mobile.
   Classes isoladas para evitar conflito com versões antigas.
*/

:root{
  --ck75-bg:#030405;
  --ck75-panel:#080b10;
  --ck75-gold:#f2bd3f;
  --ck75-gold-2:#ffd66c;
  --ck75-orange:#e7791f;
  --ck75-white:#fff8ec;
  --ck75-muted:rgba(255,248,236,.68);
  --ck75-muted-2:rgba(255,248,236,.48);
  --ck75-line:rgba(242,189,63,.34);
  --ck75-line-2:rgba(242,189,63,.20);
  --ck75-green:#1fac5a;
  --ck75-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --ck75-display:"Bebas Neue","Arial Narrow","Roboto Condensed","HelveticaNeue-CondensedBold",Impact,sans-serif;
}

html.ck-v76-menu-ready{scroll-behavior:smooth}
body.ck-v76-menu-open{
  overflow:hidden!important;
  position:fixed!important;
  width:100%!important;
}
body.ck-v76-menu-open .ck-mega-v75{overscroll-behavior:contain!important}

.ck-header-v75,
.ck-header-v75 *,
.ck-mega-v75,
.ck-mega-v75 *{
  box-sizing:border-box;
}

.ck-header-v75 a,
.ck-mega-v75 a{
  color:inherit;
}

.ck-header-v75 button,
.ck-mega-v75 button,
.ck-header-v75 a,
.ck-mega-v75 a{
  -webkit-tap-highlight-color:rgba(242,189,63,.18);
}

.ck-header-v75{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
  width:100%!important;
  padding:14px clamp(16px,3.2vw,42px)!important;
  border-bottom:1px solid var(--ck75-line-2)!important;
  background:linear-gradient(180deg,rgba(4,6,9,.96),rgba(4,6,9,.82))!important;
  backdrop-filter:blur(18px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}

.ck-brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  color:var(--ck75-gold-2)!important;
}

.ck-brand__mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--ck75-line)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 16px 40px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
}

.ck-brand__mark img{
  width:76%!important;
  height:76%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 0 14px rgba(242,189,63,.16))!important;
}

.ck-brand__text{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
  line-height:1!important;
}

.ck-brand__text b{
  display:block!important;
  white-space:nowrap!important;
  color:var(--ck75-gold-2)!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  font-size:clamp(17px,1.45vw,26px)!important;
  letter-spacing:.18em!important;
  line-height:1!important;
}

.ck-brand__text small{
  display:block!important;
  white-space:nowrap!important;
  color:rgba(255,248,236,.86)!important;
  font-family:var(--ck75-font)!important;
  font-size:clamp(7px,.62vw,10px)!important;
  font-weight:900!important;
  letter-spacing:.24em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

.ck-header-v75__actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
}

.ck-header-v75__cta{
  min-height:52px!important;
  padding:0 24px!important;
  border:1px solid rgba(255,214,108,.34)!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#f49c34,#d96c17)!important;
  box-shadow:0 14px 34px rgba(231,121,31,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

 .ck-menu-toggle-v75{
  width:36px!important;
  height:28px!important;
  min-width:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ck75-gold-2)!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  touch-action:manipulation!important;
  box-shadow:none!important;
  outline:none!important;
}

.ck-menu-toggle-v75 span{
  grid-area:1 / 1!important;
  width:28px!important;
  height:1.8px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--ck75-gold-2),var(--ck75-orange))!important;
  transition:transform .22s ease, opacity .18s ease, width .18s ease!important;
}
.ck-menu-toggle-v75 span:nth-child(1){transform:translateY(-8px)!important}
.ck-menu-toggle-v75 span:nth-child(2){width:22px!important}
.ck-menu-toggle-v75 span:nth-child(3){transform:translateY(8px)!important}

.ck-menu-toggle-v75[aria-expanded="true"] span:nth-child(1){transform:translateY(0) rotate(45deg)!important}
.ck-menu-toggle-v75[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.ck-menu-toggle-v75[aria-expanded="true"] span:nth-child(3){transform:translateY(0) rotate(-45deg)!important}

.ck-mega-v75{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  padding:18px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:auto!important;
  background:radial-gradient(circle at 50% 0%,rgba(242,189,63,.13),transparent 33%),rgba(0,0,0,.78)!important;
  backdrop-filter:blur(22px)!important;
  transition:opacity .2s ease,visibility .2s ease!important;
}

.ck-mega-v75.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.ck-mega-v75__shell{
  width:min(100%,1880px)!important;
  min-height:calc(100dvh - 36px)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid rgba(242,189,63,.42)!important;
  border-radius:30px!important;
  background:linear-gradient(rgba(242,189,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,189,63,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(7,10,14,.985),rgba(2,3,5,.99))!important;
  background-size:42px 42px,42px 42px,100% 100%!important;
  box-shadow:0 30px 110px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.ck-mega-v75__head{
  min-height:116px!important;
  padding:22px clamp(22px,2.6vw,38px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-bottom:1px solid rgba(242,189,63,.25)!important;
  background:linear-gradient(180deg,rgba(9,12,16,.92),rgba(4,6,9,.80))!important;
}

.ck-mega-v75__close{
  position:relative!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  border-radius:16px!important;
  border:1px solid var(--ck75-line)!important;
  background:rgba(255,255,255,.02)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}

.ck-mega-v75__close span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:27px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--ck75-gold-2),var(--ck75-orange))!important;
}

.ck-mega-v75__close span:first-child{transform:translate(-50%,-50%) rotate(45deg)!important}
.ck-mega-v75__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)!important}

.ck-mega-v75__grid{
  padding:clamp(16px,1.5vw,26px)!important;
  display:grid!important;
  grid-template-columns:minmax(250px,.95fr) minmax(270px,1fr) minmax(360px,1.32fr) minmax(270px,1fr) minmax(260px,.95fr)!important;
  gap:clamp(14px,1.1vw,22px)!important;
  align-items:stretch!important;
}

.ck-v75-card{
  min-width:0!important;
  border:1px solid var(--ck75-line-2)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(13,18,23,.80),rgba(5,8,12,.92))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}

.ck-v75-list{
  padding:clamp(16px,1.35vw,24px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

.ck-v75-card__title,
.ck-v75-cta__label{
  position:relative!important;
  margin:0 0 12px!important;
  padding-bottom:16px!important;
  color:var(--ck75-gold-2)!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  font-size:clamp(13px,.92vw,17px)!important;
  line-height:1.1!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
}

.ck-v75-card__title::after,
.ck-v75-cta__label::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:min(82%,230px)!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(242,189,63,.72),transparent)!important;
  box-shadow:0 0 18px rgba(242,189,63,.22)!important;
}

.ck-v75-menu-card{
  position:relative!important;
  min-height:78px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:42px 34px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid var(--ck75-line-2)!important;
  border-radius:18px!important;
  color:var(--ck75-white)!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,rgba(14,20,26,.76),rgba(3,5,8,.72))!important;
  overflow:hidden!important;
  touch-action:manipulation!important;
}

.ck-v75-menu-card--icon{grid-template-columns:44px minmax(0,1fr) 18px!important}

.ck-v75-menu-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:radial-gradient(circle at 76% 44%,rgba(242,189,63,.08),transparent 36%)!important;
}

.ck-v75-menu-card::after{
  content:"›"!important;
  z-index:1!important;
  justify-self:end!important;
  color:var(--ck75-gold-2)!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:900!important;
}

.ck-v75-menu-card:hover,
.ck-v75-menu-card:focus-visible{
  outline:none!important;
  border-color:rgba(242,189,63,.58)!important;
  background:linear-gradient(180deg,rgba(24,30,36,.88),rgba(6,9,13,.84))!important;
}

.ck-v75-num,
.ck-v75-line-icon{
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border:1px solid rgba(242,189,63,.34)!important;
  border-radius:16px!important;
  color:var(--ck75-gold-2)!important;
  background:rgba(0,0,0,.18)!important;
  font-weight:900!important;
  font-size:14px!important;
}

.ck-v75-line-icon{font-size:17px!important}

.ck-v75-menu-card__text{
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

.ck-v75-menu-card__text strong{
  color:var(--ck75-white)!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  font-size:clamp(14px,.92vw,18px)!important;
  line-height:1.16!important;
}

.ck-v75-menu-card__text small{
  color:var(--ck75-muted)!important;
  font-family:var(--ck75-font)!important;
  font-weight:600!important;
  font-size:clamp(11px,.74vw,14px)!important;
  line-height:1.38!important;
}

.ck-v75-feature{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(38px,3.7vw,70px) clamp(20px,2.2vw,34px)!important;
  text-align:center!important;
  border-color:rgba(242,189,63,.42)!important;
  background:linear-gradient(rgba(242,189,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(242,189,63,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(12,16,20,.86),rgba(3,5,8,.96))!important;
  background-size:38px 38px,38px 38px,100% 100%!important;
}

.ck-v75-feature__inner{width:100%!important;max-width:620px!important;margin:auto!important}

.ck-v75-feature__kicker{
  margin-bottom:clamp(22px,2.5vw,40px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:var(--ck75-gold-2)!important;
  font-family:var(--ck75-font)!important;
  font-size:clamp(10px,.8vw,13px)!important;
  font-weight:900!important;
  letter-spacing:.30em!important;
  text-transform:uppercase!important;
}

.ck-v75-feature__kicker::before,
.ck-v75-feature__kicker::after{
  content:""!important;
  width:34px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--ck75-gold))!important;
}
.ck-v75-feature__kicker::after{background:linear-gradient(90deg,var(--ck75-gold),transparent)!important}

.ck-v75-feature h2{
  margin:0!important;
  font-family:var(--ck75-display)!important;
  color:var(--ck75-white)!important;
  font-size:clamp(48px,4.35vw,88px)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
  text-shadow:0 14px 36px rgba(0,0,0,.55)!important;
}

.ck-v75-feature h2 span,
.ck-v75-feature h2 em{display:block!important}

.ck-v75-feature h2 em{
  color:var(--ck75-gold)!important;
  font-style:normal!important;
}

.ck-v75-feature__divider{
  position:relative!important;
  width:min(58%,260px)!important;
  height:1px!important;
  margin:clamp(20px,2vw,30px) auto!important;
  background:linear-gradient(90deg,transparent,rgba(242,189,63,.72),transparent)!important;
}

.ck-v75-feature__divider::after{
  content:"◇"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:0 8px!important;
  color:var(--ck75-gold-2)!important;
  background:#080b0f!important;
  font-size:12px!important;
}

.ck-v75-feature p{
  max-width:52ch!important;
  margin:0 auto!important;
  color:rgba(255,248,236,.78)!important;
  font-family:var(--ck75-font)!important;
  font-size:clamp(13px,.9vw,16px)!important;
  line-height:1.58!important;
}

.ck-v75-feature__actions{
  width:min(100%,500px)!important;
  margin:clamp(24px,2vw,34px) auto 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

.ck-v75-btn{
  min-height:56px!important;
  padding:12px 18px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:1px solid var(--ck75-line)!important;
  color:var(--ck75-white)!important;
  text-align:center!important;
  text-decoration:none!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:1.15!important;
  touch-action:manipulation!important;
}

.ck-v75-btn--gold{
  color:#171108!important;
  background:linear-gradient(135deg,#f8d95f,#ef9b2f)!important;
  box-shadow:0 18px 44px rgba(231,121,31,.18),inset 0 1px 0 rgba(255,255,255,.34)!important;
}

.ck-v75-btn--dark{background:rgba(0,0,0,.14)!important}

.ck-v75-btn--whatsapp{
  color:#fff!important;
  border-color:rgba(110,255,175,.34)!important;
  background:linear-gradient(135deg,#158c47,#22bd60)!important;
  box-shadow:0 18px 54px rgba(31,184,94,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.ck-v75-cta{
  padding:clamp(22px,1.8vw,34px)!important;
  display:grid!important;
  align-content:center!important;
  gap:clamp(16px,1.2vw,22px)!important;
}

.ck-v75-cta h2{
  margin:0!important;
  color:var(--ck75-white)!important;
  font-family:var(--ck75-font)!important;
  font-size:clamp(24px,1.8vw,36px)!important;
  line-height:1.10!important;
  letter-spacing:-.045em!important;
}

.ck-v75-cta p{
  margin:0!important;
  color:var(--ck75-muted)!important;
  font-family:var(--ck75-font)!important;
  font-size:clamp(13px,.9vw,16px)!important;
  line-height:1.58!important;
}

.ck-v75-cta__divider{
  width:100%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(242,189,63,.60),transparent)!important;
}

.ck-v75-cta small{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--ck75-muted-2)!important;
  font-family:var(--ck75-font)!important;
  font-size:13px!important;
  line-height:1.5!important;
}

.ck-v75-quickbar{
  margin:0 clamp(16px,1.5vw,26px) clamp(16px,1.5vw,26px)!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  border:1px solid var(--ck75-line-2)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(13,18,23,.78),rgba(4,6,9,.86))!important;
}

.ck-v75-quickbar__label{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--ck75-gold-2)!important;
  font-family:var(--ck75-font)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.ck-v75-quickbar__label span{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--ck75-line)!important;
  border-radius:16px!important;
}

.ck-v75-quickbar__links{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;
}

.ck-v75-quickbar__links a{
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid var(--ck75-line-2)!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:var(--ck75-white)!important;
  text-decoration:none!important;
  font-family:var(--ck75-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  background:rgba(0,0,0,.15)!important;
}

.ck-v75-quickbar__links a span{color:var(--ck75-gold-2)!important}

@media (min-width:1900px){
  .ck-mega-v75__grid{
    grid-template-columns:minmax(300px,.95fr) minmax(320px,1fr) minmax(480px,1.35fr) minmax(320px,1fr) minmax(320px,.95fr)!important;
  }
}

@media (max-width:1250px){
  .ck-mega-v75__shell{width:min(100%,980px)!important}
  .ck-mega-v75__grid{grid-template-columns:1fr 1fr!important}
  .ck-v75-feature{grid-column:1/-1!important;min-height:360px!important}
  .ck-v75-quickbar{grid-template-columns:1fr!important}
  .ck-v75-quickbar__links{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media (max-width:860px){
  .ck-header-v75{padding:14px!important}
  .ck-header-v75__cta{display:none!important}
  .ck-brand{gap:11px!important}
  .ck-brand__mark{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important}
  .ck-brand__text b{font-size:clamp(16px,5.2vw,22px)!important;letter-spacing:.13em!important}
  .ck-brand__text small{font-size:7.5px!important;letter-spacing:.20em!important}
  .ck-menu-toggle-v75{width:50px!important;height:50px!important;min-width:50px!important}
  .ck-mega-v75{padding:8px!important}
  .ck-mega-v75__shell{width:100%!important;min-height:auto!important;border-radius:20px!important}
  .ck-mega-v75__head{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    min-height:82px!important;
    padding:14px!important;
    background:linear-gradient(180deg,rgba(7,10,14,.98),rgba(7,10,14,.92))!important;
    backdrop-filter:blur(18px)!important;
  }
  .ck-mega-v75__head .ck-brand{max-width:calc(100% - 58px)!important}
  .ck-mega-v75__close{width:46px!important;height:46px!important;min-width:46px!important}
  .ck-mega-v75__grid{display:flex!important;flex-direction:column!important;gap:12px!important;padding:12px!important}
  .ck-v75-list,.ck-v75-feature,.ck-v75-cta{padding:14px!important;border-radius:18px!important}
  .ck-v75-card__title,.ck-v75-cta__label{
    margin-bottom:10px!important;
    font-size:14px!important;
    letter-spacing:.18em!important;
    writing-mode:horizontal-tb!important;
  }
  .ck-v75-menu-card,.ck-v75-menu-card--icon{
    min-height:64px!important;
    grid-template-columns:36px minmax(0,1fr) 16px!important;
    gap:10px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
  }
  .ck-v75-list--nav .ck-v75-menu-card{grid-template-columns:34px 30px minmax(0,1fr) 16px!important}
  .ck-v75-num,.ck-v75-line-icon{width:34px!important;height:34px!important;min-width:34px!important;font-size:12px!important}
  .ck-v75-list--nav .ck-v75-line-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important}
  .ck-v75-menu-card__text strong{font-size:14px!important;line-height:1.18!important}
  .ck-v75-menu-card__text small{font-size:10.5px!important;line-height:1.34!important}
  .ck-v75-menu-card::after{font-size:22px!important}
  .ck-v75-feature{padding:34px 14px!important;min-height:auto!important}
  .ck-v75-feature__kicker{margin-bottom:18px!important;font-size:10px!important;letter-spacing:.22em!important}
  .ck-v75-feature h2{font-size:clamp(33px,10.3vw,48px)!important;line-height:.90!important}
  .ck-v75-feature p{max-width:32ch!important;font-size:12.5px!important;line-height:1.55!important}
  .ck-v75-feature__actions{grid-template-columns:1fr!important;width:100%!important}
  .ck-v75-cta{text-align:center!important}
  .ck-v75-cta__label{margin-inline:auto!important}
  .ck-v75-cta h2{font-size:clamp(23px,7.4vw,34px)!important}
  .ck-v75-cta small{justify-content:center!important}
  .ck-v75-quickbar{margin:0 12px 12px!important;padding:14px!important;border-radius:18px!important}
  .ck-v75-quickbar__label{white-space:normal!important}
  .ck-v75-quickbar__links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ck-v75-quickbar__links a{min-height:44px!important;white-space:normal!important}
}

@media (max-width:420px){
  .ck-brand__mark{width:44px!important;height:44px!important;min-width:44px!important}
  .ck-brand__text b{font-size:15px!important;letter-spacing:.105em!important}
  .ck-brand__text small{font-size:7px!important;letter-spacing:.17em!important}
  .ck-v75-menu-card,.ck-v75-menu-card--icon{grid-template-columns:34px minmax(0,1fr) 14px!important;gap:9px!important;padding:10px!important}
  .ck-v75-list--nav .ck-v75-menu-card{grid-template-columns:32px 28px minmax(0,1fr) 14px!important}
  .ck-v75-num,.ck-v75-line-icon{width:32px!important;height:32px!important;min-width:32px!important}
  .ck-v75-quickbar__links{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .ck-header-v75 *,
  .ck-mega-v75 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}


/* V77 refinements: premium proportions in header */
.ck-header-v75__cta{font-size:14px!important;letter-spacing:.01em!important}
.ck-v75-btn,.ck-v75-quickbar__links a{border-radius:12px!important}
.ck-v75-feature__actions .ck-v75-btn,.ck-v75-cta .ck-v75-btn{min-height:54px!important}
.ck-menu-toggle-v75:hover span,.ck-menu-toggle-v75:focus-visible span{filter:drop-shadow(0 0 8px rgba(242,189,63,.25))!important}
@media (max-width:860px){
  .ck-header-v75{padding:12px 14px!important;gap:10px!important}
  .ck-brand{gap:10px!important}
  .ck-brand__mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important}
  .ck-brand__text b{font-size:clamp(14px,4.3vw,18px)!important;letter-spacing:.11em!important}
  .ck-brand__text small{font-size:6.6px!important;letter-spacing:.16em!important}
  .ck-menu-toggle-v75{width:32px!important;height:24px!important;min-width:32px!important}
  .ck-menu-toggle-v75 span{width:24px!important}
  .ck-menu-toggle-v75 span:nth-child(1){transform:translateY(-7px)!important}
  .ck-menu-toggle-v75 span:nth-child(2){width:18px!important}
  .ck-menu-toggle-v75 span:nth-child(3){transform:translateY(7px)!important}
}
@media (max-width:420px){
  .ck-header-v75{padding:11px 12px!important}
  .ck-brand__text b{font-size:13px!important;letter-spacing:.10em!important}
  .ck-brand__text small{font-size:6.2px!important;letter-spacing:.14em!important}
  .ck-menu-toggle-v75{width:30px!important;height:22px!important;min-width:30px!important}
  .ck-menu-toggle-v75 span{width:22px!important}
  .ck-menu-toggle-v75 span:nth-child(2){width:16px!important}
}


/* =========================================================
   V86 — MEGA MENU FULL VIEWPORT FIT
   Objetivo:
   - conteúdo completo do mega menu visível dentro da tela;
   - preserva visual premium preto/dourado;
   - reduz excesso vertical em desktop/notebook;
   - mantém rolagem interna segura quando a tela for muito baixa;
   - mobile continua em coluna única.
   ========================================================= */

@media (min-width: 1261px){
  body.ck-v76-menu-open{
    overflow:hidden!important;
  }

  .ck-mega-v75{
    padding:clamp(8px,1vw,14px)!important;
    overflow:hidden!important;
    align-items:center!important;
  }

  .ck-mega-v75__shell{
    width:min(100%,1880px)!important;
    height:calc(100dvh - clamp(16px,2vw,28px))!important;
    min-height:0!important;
    max-height:calc(100dvh - clamp(16px,2vw,28px))!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
    border-radius:clamp(20px,1.5vw,28px)!important;
  }

  .ck-mega-v75__head{
    min-height:clamp(74px,8.4vh,102px)!important;
    padding:clamp(14px,1.25vw,22px) clamp(18px,2vw,34px)!important;
  }

  .ck-mega-v75__head .ck-brand__mark{
    width:clamp(44px,3vw,54px)!important;
    height:clamp(44px,3vw,54px)!important;
    min-width:clamp(44px,3vw,54px)!important;
  }

  .ck-mega-v75__head .ck-brand__text b{
    font-size:clamp(17px,1.25vw,25px)!important;
    letter-spacing:.18em!important;
  }

  .ck-mega-v75__head .ck-brand__text small{
    font-size:clamp(7px,.55vw,9.5px)!important;
    letter-spacing:.23em!important;
  }

  .ck-mega-v75__close{
    width:clamp(48px,3.3vw,60px)!important;
    height:clamp(48px,3.3vw,60px)!important;
    min-width:clamp(48px,3.3vw,60px)!important;
  }

  .ck-mega-v75__grid{
    min-height:0!important;
    overflow:hidden!important;
    padding:clamp(12px,1.15vw,20px)!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.92fr) minmax(226px,.98fr) minmax(340px,1.30fr) minmax(226px,.98fr) minmax(242px,.92fr)!important;
    gap:clamp(10px,.85vw,16px)!important;
    align-items:stretch!important;
  }

  .ck-v75-card{
    min-height:0!important;
    border-radius:clamp(16px,1.2vw,22px)!important;
  }

  .ck-v75-list{
    min-height:0!important;
    padding:clamp(12px,.95vw,18px)!important;
    gap:clamp(8px,.65vw,10px)!important;
    overflow:hidden!important;
  }

  .ck-v75-card__title,
  .ck-v75-cta__label{
    margin:0 0 clamp(8px,.65vw,12px)!important;
    padding-bottom:clamp(10px,.7vw,13px)!important;
    font-size:clamp(11px,.75vw,14px)!important;
    letter-spacing:.24em!important;
  }

  .ck-v75-menu-card{
    min-height:clamp(55px,7.1vh,72px)!important;
    padding:clamp(9px,.75vw,12px)!important;
    grid-template-columns:clamp(30px,2vw,38px) clamp(28px,1.9vw,34px) minmax(0,1fr) 14px!important;
    gap:clamp(7px,.62vw,10px)!important;
    border-radius:clamp(12px,.9vw,16px)!important;
  }

  .ck-v75-menu-card--icon{
    grid-template-columns:clamp(30px,2vw,38px) minmax(0,1fr) 14px!important;
  }

  .ck-v75-num,
  .ck-v75-line-icon{
    width:clamp(28px,1.9vw,36px)!important;
    height:clamp(28px,1.9vw,36px)!important;
    min-width:clamp(28px,1.9vw,36px)!important;
    border-radius:12px!important;
    font-size:clamp(10px,.72vw,13px)!important;
  }

  .ck-v75-list--nav .ck-v75-line-icon{
    width:clamp(26px,1.75vw,32px)!important;
    height:clamp(26px,1.75vw,32px)!important;
    min-width:clamp(26px,1.75vw,32px)!important;
  }

  .ck-v75-menu-card::after{
    font-size:clamp(20px,1.45vw,26px)!important;
  }

  .ck-v75-menu-card__text{
    gap:3px!important;
  }

  .ck-v75-menu-card__text strong{
    font-size:clamp(12.5px,.82vw,16px)!important;
    line-height:1.12!important;
  }

  .ck-v75-menu-card__text small{
    font-size:clamp(9.5px,.66vw,12.5px)!important;
    line-height:1.28!important;
  }

  .ck-v75-feature{
    min-height:0!important;
    padding:clamp(18px,1.6vw,34px) clamp(14px,1.25vw,24px)!important;
    align-content:center!important;
  }

  .ck-v75-feature__inner{
    max-width:520px!important;
  }

  .ck-v75-feature__kicker{
    margin-bottom:clamp(16px,1.4vw,26px)!important;
    font-size:clamp(9px,.66vw,11.5px)!important;
    letter-spacing:.26em!important;
  }

  .ck-v75-feature h2{
    font-size:clamp(42px,3.45vw,68px)!important;
    line-height:.88!important;
  }

  .ck-v75-feature__divider{
    margin:clamp(14px,1.25vw,22px) auto!important;
  }

  .ck-v75-feature p{
    max-width:44ch!important;
    font-size:clamp(11.5px,.78vw,14.5px)!important;
    line-height:1.48!important;
  }

  .ck-v75-feature__actions{
    margin-top:clamp(16px,1.4vw,24px)!important;
    width:min(100%,440px)!important;
    gap:10px!important;
  }

  .ck-v75-btn{
    min-height:clamp(44px,5.5vh,52px)!important;
    padding:10px 14px!important;
    border-radius:11px!important;
    font-size:clamp(12px,.78vw,14px)!important;
  }

  .ck-v75-cta{
    min-height:0!important;
    align-content:center!important;
    padding:clamp(16px,1.25vw,24px)!important;
    gap:clamp(12px,.9vw,17px)!important;
  }

  .ck-v75-cta h2{
    font-size:clamp(22px,1.55vw,32px)!important;
    line-height:1.05!important;
  }

  .ck-v75-cta p{
    font-size:clamp(11.5px,.78vw,14.5px)!important;
    line-height:1.5!important;
  }

  .ck-v75-cta small{
    font-size:clamp(10.5px,.72vw,13px)!important;
    line-height:1.42!important;
  }

  .ck-v75-quickbar{
    min-height:auto!important;
    margin:0 clamp(12px,1.15vw,20px) clamp(12px,1.15vw,20px)!important;
    padding:clamp(10px,.85vw,14px)!important;
    gap:clamp(12px,1vw,18px)!important;
    border-radius:clamp(14px,1vw,18px)!important;
  }

  .ck-v75-quickbar__label span{
    width:clamp(34px,2.2vw,40px)!important;
    height:clamp(34px,2.2vw,40px)!important;
  }

  .ck-v75-quickbar__links{
    gap:clamp(8px,.65vw,12px)!important;
  }

  .ck-v75-quickbar__links a{
    min-height:clamp(38px,4.8vh,44px)!important;
    padding:8px 10px!important;
    font-size:clamp(11.5px,.72vw,13px)!important;
    border-radius:11px!important;
  }
}

/* Notebook baixo / telas com pouca altura: deixa ainda mais compacto e mostra tudo */
@media (min-width:1261px) and (max-height:820px){
  .ck-mega-v75{
    padding:8px!important;
  }

  .ck-mega-v75__shell{
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }

  .ck-mega-v75__head{
    min-height:68px!important;
    padding:10px 18px!important;
  }

  .ck-mega-v75__head .ck-brand__mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  .ck-mega-v75__head .ck-brand__text b{
    font-size:17px!important;
  }

  .ck-mega-v75__grid{
    padding:10px!important;
    gap:10px!important;
    grid-template-columns:minmax(205px,.92fr) minmax(218px,.98fr) minmax(315px,1.22fr) minmax(218px,.98fr) minmax(230px,.9fr)!important;
  }

  .ck-v75-list{
    padding:12px!important;
    gap:7px!important;
  }

  .ck-v75-card__title,
  .ck-v75-cta__label{
    margin-bottom:7px!important;
    padding-bottom:9px!important;
    font-size:11px!important;
  }

  .ck-v75-menu-card{
    min-height:54px!important;
    padding:8px 10px!important;
  }

  .ck-v75-num,
  .ck-v75-line-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  .ck-v75-menu-card__text strong{
    font-size:12.5px!important;
  }

  .ck-v75-menu-card__text small{
    font-size:9.5px!important;
    line-height:1.22!important;
  }

  .ck-v75-feature{
    padding:18px 14px!important;
  }

  .ck-v75-feature h2{
    font-size:clamp(38px,3.1vw,58px)!important;
  }

  .ck-v75-feature p{
    font-size:11.5px!important;
    line-height:1.42!important;
  }

  .ck-v75-feature__actions{
    margin-top:14px!important;
  }

  .ck-v75-btn{
    min-height:42px!important;
    font-size:12px!important;
  }

  .ck-v75-cta{
    padding:14px!important;
    gap:10px!important;
  }

  .ck-v75-cta h2{
    font-size:clamp(20px,1.4vw,28px)!important;
  }

  .ck-v75-quickbar{
    margin:0 10px 10px!important;
    padding:10px!important;
  }
}

/* Tablet: mantém duas colunas respirando, sem cortar o rodapé */
@media (min-width:861px) and (max-width:1260px){
  .ck-mega-v75{
    padding:10px!important;
  }

  .ck-mega-v75__shell{
    width:min(100%,1040px)!important;
    height:calc(100dvh - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }

  .ck-mega-v75__head{
    min-height:76px!important;
    padding:12px 18px!important;
  }

  .ck-mega-v75__grid{
    min-height:0!important;
    overflow:auto!important;
    padding:12px!important;
    gap:12px!important;
    grid-template-columns:1fr 1fr!important;
  }

  .ck-v75-list{
    padding:14px!important;
    gap:10px!important;
  }

  .ck-v75-menu-card{
    min-height:60px!important;
    padding:10px 12px!important;
  }

  .ck-v75-feature{
    grid-column:1/-1!important;
    min-height:auto!important;
    padding:28px 18px!important;
  }

  .ck-v75-feature h2{
    font-size:clamp(42px,6vw,66px)!important;
  }

  .ck-v75-cta{
    text-align:left!important;
  }

  .ck-v75-quickbar{
    margin:0 12px 12px!important;
    padding:12px!important;
  }

  .ck-v75-quickbar__links{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Mobile: todo conteúdo aparece em fluxo limpo com rolagem vertical natural */
@media (max-width:860px){
  .ck-mega-v75{
    overflow:auto!important;
  }

  .ck-mega-v75__shell{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .ck-mega-v75__grid{
    overflow:visible!important;
  }
}

/* ===== Fonte: assets/css/careka-v93-editorial-image-webp-seo.css ===== */
/* =========================================================
   CAREKA DIGITAL — V93 EDITORIAL IMAGE WEBP SEO
   Imagem vertical aprovada aplicada com otimização visual e responsiva.
   ========================================================= */

body #blog .editorialFeatured__media{
  min-height:auto!important;
  aspect-ratio:4 / 5!important;
  padding:clamp(14px,1.8vw,24px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(520px 420px at 50% 18%,rgba(242,189,63,.10),transparent 66%),
    linear-gradient(180deg,rgba(10,13,18,.96),rgba(3,5,8,.99))!important;
}

body #blog .editorialFeatured__media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:clamp(18px,1.6vw,28px)!important;
  filter:saturate(1.02) contrast(1.03) brightness(.94)!important;
  transition:transform .72s cubic-bezier(.22,1,.36,1), filter .72s cubic-bezier(.22,1,.36,1)!important;
}

body #blog .editorialFeatured__media:hover img{
  transform:scale(1.025)!important;
  filter:saturate(1.06) contrast(1.05) brightness(.98)!important;
}

@media (max-width:980px){
  body #blog .editorialFeatured__media{
    width:100%!important;
    max-width:560px!important;
    margin-inline:auto!important;
    aspect-ratio:4 / 5!important;
  }

  body #blog .editorialFeatured__media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

@media (max-width:640px){
  body #blog .editorialFeatured__media{
    max-width:min(100%,430px)!important;
    padding:10px!important;
    border-radius:24px!important;
  }
}


/* V93b — aplica também quando a mídia é link/âncora */
body #blog a.editorialFeatured__media{
  text-decoration:none!important;
}

body #blog .editorialFeatured__screen{
  position:absolute!important;
  inset:clamp(14px,1.8vw,24px)!important;
  border-radius:clamp(18px,1.6vw,28px)!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 22%,transparent 74%,rgba(0,0,0,.22)),
    radial-gradient(360px 260px at 50% 18%,rgba(242,189,63,.10),transparent 70%)!important;
  box-shadow:inset 0 0 0 1px rgba(242,189,63,.18)!important;
  opacity:.9!important;
}

body #blog .editorialFeatured__media img{
  position:relative!important;
  z-index:1!important;
}

/* ===== Fonte: assets/css/careka-v105-hero-layout-video-exato.css ===== */
/* =========================================================
   CAREKA DIGITAL — V105 HERO LAYOUT EXATO COM VÍDEO
   Objetivo:
   - reproduzir o layout aprovado do print;
   - manter vídeo real no fundo;
   - título, legenda, CTA e card institucional perfeitamente visíveis;
   - comportamento responsivo para smartphone, tablet, notebook e desktop.
   ========================================================= */

:root{
  --ck105-header-h: 86px;
  --ck105-gold: #F5A623;
  --ck105-gold-soft: #FFD76A;
  --ck105-orange: #E7791F;
  --ck105-white: #F9F4EC;
  --ck105-muted: rgba(249,244,236,.90);
  --ck105-line: rgba(245,166,35,.20);
  --ck105-line-strong: rgba(245,166,35,.34);
  --ck105-shadow: 0 28px 90px rgba(0,0,0,.42);
}

html body #hero.ckHeroV103{
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: 100vw !important;
  min-height: calc(100svh - var(--ck105-header-h)) !important;
  margin: 0 !important;
  padding: clamp(12px, 1.2vw, 18px) clamp(18px, 2.25vw, 34px) clamp(20px, 2vw, 30px) !important;
  overflow: hidden !important;
  background: #020202 !important;
  border: 0 !important;
}

html body #hero.ckHeroV103 > .ckHeroFinal__video{
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: brightness(.48) contrast(1.08) saturate(1.03) !important;
  transform: scale(1.02) !important;
  opacity: 1 !important;
}

html body #hero.ckHeroV103 > .ckHeroFinal__overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.82) 31%, rgba(0,0,0,.54) 58%, rgba(0,0,0,.74) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.26) 52%, rgba(0,0,0,.50) 100%),
    radial-gradient(900px 500px at 72% 54%, rgba(245,166,35,.12), transparent 70%) !important;
}

html body #hero.ckHeroV103::before{
  content: "" !important;
  position: absolute !important;
  inset: clamp(12px,1.2vw,18px) clamp(18px,2.25vw,34px) clamp(20px,2vw,30px) !important;
  z-index: 1 !important;
  border: 1px solid rgba(245,166,35,.12) !important;
  border-radius: 0 0 26px 26px !important;
  pointer-events: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

html body #hero.ckHeroV103 > .ckHeroFinal__layout{
  position: relative !important;
  z-index: 3 !important;
  width: min(100%, 1620px) !important;
  min-height: calc(100svh - var(--ck105-header-h) - clamp(32px, 3.2vw, 48px)) !important;
  margin: 0 auto !important;
  padding: clamp(42px, 4.2vw, 70px) clamp(28px, 2.2vw, 40px) clamp(28px, 2vw, 36px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: clamp(26px, 2.2vw, 34px) clamp(44px, 3.8vw, 80px) !important;
  align-items: stretch !important;
  align-content: stretch !important;
  overflow: visible !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy{
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  display: grid !important;
  gap: clamp(18px, 1.8vw, 26px) !important;
  margin: 0 !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy h1{
  margin: 0 !important;
  color: var(--ck105-white) !important;
  font-family: var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  line-height: .91 !important;
  font-size: clamp(64px, 5.3vw, 90px) !important;
  max-width: none !important;
  text-wrap: initial !important;
  text-shadow: 0 20px 50px rgba(0,0,0,.52) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy h1 span{
  color: var(--ck105-gold) !important;
  background: linear-gradient(180deg, var(--ck105-gold-soft) 0%, var(--ck105-gold) 55%, var(--ck105-orange) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy h1 .ckHeroFinal__titleLine{
  display: block !important;
  white-space: nowrap !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--ck105-white) !important;
  color: var(--ck105-white) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy h1 .ckHeroFinal__titleLine > span{
  color: var(--ck105-gold) !important;
  background: linear-gradient(180deg, var(--ck105-gold-soft) 0%, var(--ck105-gold) 55%, var(--ck105-orange) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__copy p{
  margin: 0 !important;
  width: min(100%, 790px) !important;
  max-width: 790px !important;
  color: var(--ck105-muted) !important;
  font-size: clamp(17px, 1.08vw, 22px) !important;
  line-height: 1.58 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.42) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__cta{
  position: relative !important;
  width: min(100%, 460px) !important;
  min-height: 74px !important;
  padding: 0 78px 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,215,106,.40) !important;
  background: linear-gradient(135deg, #FFD76A 0%, #F5B935 40%, #E78322 100%) !important;
  color: #070707 !important;
  font-size: clamp(13px, .86vw, 16px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 16px 44px rgba(245,166,35,.18), inset 0 1px 0 rgba(255,255,255,.32) !important;
  transition: transform .24s ease, box-shadow .24s ease, filter .24s ease !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__cta::after{
  content: "→" !important;
  position: absolute !important;
  right: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #0a0a0a !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__cta:hover,
html body #hero.ckHeroV103 .ckHeroFinal__cta:focus-visible{
  transform: translateY(-2px) !important;
  filter: brightness(1.03) saturate(1.03) !important;
  box-shadow: 0 20px 54px rgba(245,166,35,.24), inset 0 1px 0 rgba(255,255,255,.40) !important;
  outline: none !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__card{
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  justify-self: end !important;
  position: relative !important;
  width: min(100%, 950px) !important;
  max-width: 950px !important;
  margin: 0 !important;
  padding: clamp(16px, 1.2vw, 22px) !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 1fr) minmax(360px, .92fr) !important;
  gap: clamp(18px, 1.6vw, 26px) !important;
  border-radius: 24px !important;
  border: 1px solid var(--ck105-line-strong) !important;
  background: linear-gradient(135deg, rgba(11,11,11,.80), rgba(7,7,7,.72)) !important;
  box-shadow: var(--ck105-shadow), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 32%), linear-gradient(90deg, rgba(245,166,35,.04), transparent 36%) !important;
  pointer-events: none !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__identity,
html body #hero.ckHeroV103 .ckHeroFinal__meta{
  position: relative !important;
  z-index: 1 !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__identity{
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 122px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__photo{
  width: 122px !important;
  height: 122px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  border: 1px solid rgba(245,166,35,.28) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.28) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__person{
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__person b,
html body #hero.ckHeroV103 .ckHeroFinal__metaItem b{
  display: block !important;
  margin: 0 !important;
  color: var(--ck105-gold-soft) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__person strong{
  display: block !important;
  margin: 0 !important;
  color: var(--ck105-white) !important;
  font-family: var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif) !important;
  font-size: clamp(34px, 2.4vw, 48px) !important;
  line-height: .92 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__person span,
html body #hero.ckHeroV103 .ckHeroFinal__metaItem span,
html body #hero.ckHeroV103 .ckHeroFinal__metaItem small{
  display: block !important;
  margin: 0 !important;
  color: rgba(249,244,236,.92) !important;
  font-size: clamp(14px, .9vw, 18px) !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__meta{
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__metaItem{
  min-width: 0 !important;
  padding: 10px 22px !important;
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__metaItem:first-child{
  border-left: 1px solid rgba(245,166,35,.28) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__metaItem + .ckHeroFinal__metaItem{
  border-left: 1px solid rgba(245,166,35,.28) !important;
}

html body #hero.ckHeroV103 .ckHeroFinal__metaItem:last-child span,
html body #hero.ckHeroV103 .ckHeroFinal__metaItem:last-child small{
  white-space: nowrap !important;
}

@media (max-width: 1480px){
  html body #hero.ckHeroV103 > .ckHeroFinal__layout{
    grid-template-columns: minmax(0,1fr) minmax(300px,.82fr) !important;
    padding-inline: clamp(24px, 2vw, 34px) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy h1{
    font-size: clamp(58px, 4.7vw, 82px) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__card{
    width: min(100%, 900px) !important;
  }
}

@media (max-width: 1220px){
  html body #hero.ckHeroV103{
    min-height: auto !important;
  }

  html body #hero.ckHeroV103 > .ckHeroFinal__layout{
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    padding-top: clamp(34px, 4vw, 48px) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy{
    width: min(100%, 900px) !important;
    max-width: 900px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy h1{
    max-width: none !important;
    font-size: clamp(52px, 6vw, 72px) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__card{
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 860px){
  html body #hero.ckHeroV103{
    padding: 10px 14px 18px !important;
  }

  html body #hero.ckHeroV103::before{
    inset: 10px 14px 18px !important;
    border-radius: 0 0 22px 22px !important;
  }

  html body #hero.ckHeroV103 > .ckHeroFinal__layout{
    padding: 28px 18px 20px !important;
    gap: 22px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy h1{
    font-size: clamp(34px, 7vw, 52px) !important;
    max-width: none !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy p{
    font-size: 16px !important;
    line-height: 1.56 !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__cta{
    width: min(100%, 420px) !important;
    min-height: 66px !important;
    padding: 0 68px 0 22px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__cta::after{
    right: 22px !important;
    font-size: 28px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__card{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__identity{
    grid-template-columns: 88px minmax(0,1fr) !important;
    gap: 14px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__photo{
    width: 88px !important;
    height: 88px !important;
    border-radius: 14px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__person strong{
    font-size: clamp(28px, 7vw, 40px) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__meta{
    grid-template-columns: 1fr 1fr !important;
    border-top: 1px solid rgba(245,166,35,.18) !important;
    padding-top: 4px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__metaItem:first-child{
    border-left: 0 !important;
  }
}

@media (max-width: 560px){
  html body #hero.ckHeroV103{
    min-height: auto !important;
    padding: 8px 10px 16px !important;
  }

  html body #hero.ckHeroV103::before{
    inset: 8px 10px 16px !important;
    border-radius: 0 0 18px 18px !important;
  }

  html body #hero.ckHeroV103 > .ckHeroFinal__layout{
    min-height: auto !important;
    padding: 22px 14px 16px !important;
    gap: 18px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy{
    gap: 16px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy h1{
    font-size: clamp(28px, 7.8vw, 40px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    max-width: none !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__copy p{
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__cta{
    width: 100% !important;
    min-height: 62px !important;
    padding: 0 56px 0 18px !important;
    font-size: 12px !important;
    letter-spacing: .06em !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__cta::after{
    right: 18px !important;
    font-size: 24px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__meta{
    grid-template-columns: 1fr !important;
    padding-top: 6px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__metaItem{
    padding: 12px 0 !important;
    gap: 8px !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__metaItem + .ckHeroFinal__metaItem{
    border-left: 0 !important;
    border-top: 1px solid rgba(245,166,35,.20) !important;
  }

  html body #hero.ckHeroV103 .ckHeroFinal__metaItem:last-child span,
  html body #hero.ckHeroV103 .ckHeroFinal__metaItem:last-child small{
    white-space: normal !important;
  }
}

/* ===== Fonte: assets/css/careka-senior-ux-v106.css ===== */
/* ========================================================================== 
   CAREKA DIGITAL — Senior UX/UI System V106
   Camada final de direção de arte, hierarquia, responsividade e acessibilidade.
   Mantém o conteúdo consolidado e reorganiza a experiência visual.
   ========================================================================== */

:root{
  --ux-bg:#050607;
  --ux-bg-2:#090b0f;
  --ux-surface:#0d1016;
  --ux-surface-2:#121620;
  --ux-ink:#f4eee5;
  --ux-ink-soft:rgba(244,238,229,.78);
  --ux-ink-muted:rgba(244,238,229,.55);
  --ux-copper:#d97424;
  --ux-copper-bright:#f1973d;
  --ux-gold:#d7af5e;
  --ux-line:rgba(215,175,94,.18);
  --ux-line-strong:rgba(215,175,94,.34);
  --ux-radius-s:14px;
  --ux-radius-m:22px;
  --ux-radius-l:30px;
  --ux-radius-xl:42px;
  --ux-shadow-1:0 18px 52px rgba(0,0,0,.28);
  --ux-shadow-2:0 36px 110px rgba(0,0,0,.44);
  --ux-max:1440px;
  --ux-gutter:clamp(20px,4.2vw,64px);
  --ux-section:clamp(104px,10vw,168px);
  --ux-ease:cubic-bezier(.16,1,.3,1);
}

html{
  background:var(--ux-bg)!important;
  scroll-padding-top:96px;
}

body{
  background:
    radial-gradient(1100px 680px at 82% -8%,rgba(217,116,36,.10),transparent 62%),
    radial-gradient(900px 620px at -10% 35%,rgba(215,175,94,.055),transparent 65%),
    linear-gradient(180deg,#050607 0%,#050608 44%,#07090d 100%)!important;
  color:var(--ux-ink)!important;
  font-size:clamp(15px,.24vw + 14px,17px)!important;
  line-height:1.65!important;
  letter-spacing:-.012em;
  text-rendering:optimizeLegibility;
}

body::before{
  opacity:.5!important;
  background:
    radial-gradient(900px 520px at 78% 2%,rgba(217,116,36,.08),transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 30%)!important;
}
body::after{opacity:.18!important;mix-blend-mode:soft-light!important;}

:where(h1,h2,h3,h4,p,small,strong,span,a,li){overflow-wrap:anywhere;}
:where(h1,h2,h3,h4){text-wrap:balance;}
:where(p,li){text-wrap:pretty;}
:where(a,button,input,textarea,select):focus-visible{
  outline:2px solid var(--ux-copper-bright)!important;
  outline-offset:4px!important;
}

.container{
  width:min(var(--ux-max),calc(100% - (var(--ux-gutter) * 2)))!important;
  max-width:none!important;
}
main.container{padding-bottom:clamp(72px,8vw,120px)!important;}

/* Header principal --------------------------------------------------------- */
body:has(.ck-header-v75){padding-top:76px!important;}
.ck-header-v75{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1000!important;
  width:100%!important;
  min-height:76px!important;
  padding:11px max(var(--ux-gutter),calc((100vw - var(--ux-max))/2))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:linear-gradient(180deg,rgba(5,6,7,.96),rgba(5,6,7,.86))!important;
  border-bottom:1px solid rgba(215,175,94,.13)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  box-shadow:0 12px 42px rgba(0,0,0,.2)!important;
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.ck-header-v75.is-scrolled{
  background:rgba(5,6,7,.94)!important;
  border-color:rgba(215,175,94,.22)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.34)!important;
}
.ck-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
.ck-brand__mark{
  width:44px!important;height:44px!important;min-width:44px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(215,175,94,.24)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(215,175,94,.09),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.ck-brand__mark img{width:100%!important;height:100%!important;object-fit:cover!important;}
.ck-brand__text{display:grid!important;gap:2px!important;}
.ck-brand__text b{
  color:#f0be68!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.21em!important;
  font-weight:700!important;
}
.ck-brand__text small{
  color:rgba(244,238,229,.56)!important;
  font-size:9px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.19em!important;
}
.ck-header-v75__actions{display:flex!important;align-items:center!important;gap:12px!important;}
.ck-header-v75__cta{
  min-height:44px!important;
  padding:0 18px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,170,77,.5)!important;
  background:linear-gradient(135deg,#e7832d,#c95d16)!important;
  color:#fff8ee!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.02em!important;
  box-shadow:0 14px 34px rgba(201,93,22,.22),inset 0 1px rgba(255,255,255,.22)!important;
  transition:transform .35s var(--ux-ease),filter .35s ease,box-shadow .35s ease!important;
}
.ck-header-v75__cta:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 18px 42px rgba(201,93,22,.31)!important;}
.ck-menu-toggle-v75{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:13px!important;
  border:1px solid rgba(215,175,94,.16)!important;
  background:rgba(255,255,255,.025)!important;
  display:grid!important;place-content:center!important;gap:4px!important;
  cursor:pointer!important;
}
.ck-menu-toggle-v75 span{width:18px!important;height:1px!important;background:#e8b963!important;display:block!important;transition:.3s var(--ux-ease)!important;}

/* Hero -------------------------------------------------------------------- */
#hero.ckHeroFinal{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:clamp(650px,calc(100svh - 96px),900px)!important;
  margin:18px 0 0!important;
  border:1px solid rgba(215,175,94,.18)!important;
  border-radius:clamp(24px,2.4vw,38px)!important;
  overflow:hidden!important;
  background:#050607!important;
  box-shadow:var(--ux-shadow-2),inset 0 1px rgba(255,255,255,.045)!important;
}
#hero .ckHeroFinal__video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  opacity:.68!important;filter:saturate(.86) contrast(1.08) brightness(.72)!important;
  transform:scale(1.015)!important;
}
#hero .ckHeroFinal__overlay{
  position:absolute!important;inset:0!important;z-index:1!important;
  background:
    linear-gradient(90deg,rgba(3,4,5,.98) 0%,rgba(3,4,5,.90) 36%,rgba(3,4,5,.42) 68%,rgba(3,4,5,.55) 100%),
    linear-gradient(180deg,rgba(3,4,5,.1) 0%,rgba(3,4,5,.16) 58%,rgba(3,4,5,.93) 100%),
    radial-gradient(620px 420px at 67% 48%,rgba(217,116,36,.13),transparent 68%)!important;
}
#hero::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 24%,transparent 72%,rgba(215,175,94,.04))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
#hero .ckHeroFinal__layout{
  position:relative!important;z-index:3!important;
  min-height:inherit!important;
  padding:clamp(54px,6.4vw,98px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)!important;
  grid-template-rows:1fr auto!important;
  gap:clamp(32px,4.5vw,76px)!important;
  align-items:center!important;
}
#hero .ckHeroFinal__copy{
  grid-column:1!important;grid-row:1 / span 2!important;
  align-self:center!important;
  max-width:850px!important;
  padding-top:clamp(10px,2vw,28px)!important;
}
#hero .ckHeroFinal__copy::before{
  content:"Engenharia visual · presença digital · autoridade online"!important;
  display:inline-flex!important;align-items:center!important;
  margin-bottom:clamp(18px,2.2vw,28px)!important;
  color:#e6b55f!important;
  font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.19em!important;
}
#hero .ckHeroFinal__copy::after{
  content:""!important;display:block!important;width:86px!important;height:1px!important;
  margin-top:clamp(28px,3vw,42px)!important;
  background:linear-gradient(90deg,var(--ux-copper),transparent)!important;
}
#hero .ckHeroFinal__title{
  margin:0!important;
  max-width:880px!important;
  color:#f6f0e8!important;
  font-family:var(--title,"Bebas Neue",sans-serif)!important;
  font-weight:400!important;
  font-size:clamp(54px,5.35vw,86px)!important;
  line-height:.88!important;
  letter-spacing:.005em!important;
  text-transform:uppercase!important;
  text-shadow:0 24px 56px rgba(0,0,0,.38)!important;
}
#hero .ckHeroFinal__titleLine{display:block!important;}
#hero .ckHeroFinal__title span span{color:var(--ux-copper-bright)!important;text-shadow:0 16px 40px rgba(217,116,36,.20)!important;}
#hero .ckHeroFinal__copy>p{
  margin:clamp(22px,2.6vw,34px) 0 0!important;
  max-width:680px!important;
  color:rgba(244,238,229,.78)!important;
  font-size:clamp(14px,.55vw + 10px,17px)!important;
  line-height:1.72!important;
  letter-spacing:-.01em!important;
}
#hero .ckHeroFinal__cta{
  min-height:54px!important;
  margin-top:clamp(26px,3vw,38px)!important;
  padding:0 26px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;
  border:1px solid rgba(255,178,91,.58)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ef9a3f 0%,#d66b20 54%,#bd4f10 100%)!important;
  color:#fffaf4!important;
  font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.12em!important;
  box-shadow:0 18px 52px rgba(200,84,12,.25),inset 0 1px rgba(255,255,255,.24)!important;
  transition:transform .4s var(--ux-ease),box-shadow .4s var(--ux-ease),filter .4s ease!important;
}
#hero .ckHeroFinal__cta::after{content:"→";font-size:18px;line-height:1;transition:transform .35s var(--ux-ease);}
#hero .ckHeroFinal__cta:hover{transform:translateY(-3px)!important;filter:brightness(1.06)!important;box-shadow:0 24px 64px rgba(200,84,12,.34)!important;}
#hero .ckHeroFinal__cta:hover::after{transform:translateX(5px);}
#hero .ckHeroFinal__card{
  grid-column:2!important;grid-row:2!important;align-self:end!important;justify-self:end!important;
  width:min(100%,660px)!important;
  min-width:0!important;
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)!important;
  gap:0!important;
  padding:12px!important;
  border:1px solid rgba(215,175,94,.23)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(11,13,17,.91),rgba(9,10,13,.78))!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  box-shadow:0 30px 72px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045)!important;
}
#hero .ckHeroFinal__identity{
  display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;
  padding:4px 18px 4px 4px!important;
  border-right:1px solid rgba(215,175,94,.15)!important;
}
#hero .ckHeroFinal__photo{
  width:72px!important;height:88px!important;min-width:72px!important;
  border-radius:14px!important;object-fit:cover!important;object-position:center top!important;
  border:1px solid rgba(215,175,94,.24)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}
#hero .ckHeroFinal__person{display:grid!important;min-width:0!important;}
#hero .ckHeroFinal__person b,#hero .ckHeroFinal__metaItem b{
  color:#dcb15b!important;font-size:8px!important;line-height:1.2!important;letter-spacing:.18em!important;text-transform:uppercase!important;
}
#hero .ckHeroFinal__person strong{
  margin-top:5px!important;color:#f6efe6!important;font-family:var(--title)!important;font-weight:400!important;
  font-size:clamp(27px,2vw,34px)!important;line-height:.86!important;letter-spacing:.025em!important;text-transform:uppercase!important;
}
#hero .ckHeroFinal__person span{margin-top:7px!important;color:rgba(244,238,229,.68)!important;font-size:10px!important;line-height:1.35!important;}
#hero .ckHeroFinal__meta{
  display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;
}
#hero .ckHeroFinal__metaItem{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;padding:10px 15px!important;min-width:0!important;}
#hero .ckHeroFinal__metaItem+ .ckHeroFinal__metaItem{border-left:1px solid rgba(215,175,94,.12)!important;}
#hero .ckHeroFinal__metaItem span{color:#f1e8dd!important;font-size:10px!important;line-height:1.4!important;}
#hero .ckHeroFinal__metaItem small{color:rgba(244,238,229,.55)!important;font-size:9px!important;line-height:1.45!important;}

/* Estrutura de seções ------------------------------------------------------ */
.sec{
  position:relative!important;
  margin:0!important;
  padding-top:var(--ux-section)!important;
}
.sec+.sec::before{
  content:"";position:absolute;top:clamp(44px,5vw,72px);left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(215,175,94,.13) 16%,rgba(215,175,94,.13) 84%,transparent);
}
.secHead{
  margin:0 0 clamp(36px,4.4vw,62px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;
  align-items:end!important;
  gap:clamp(24px,6vw,100px)!important;
}
.secHead h2{
  margin:0!important;
  max-width:900px!important;
  color:#f3ede5!important;
  font-family:var(--title,"Bebas Neue",sans-serif)!important;
  font-size:clamp(54px,5vw,82px)!important;
  line-height:.9!important;
  font-weight:400!important;
  letter-spacing:.018em!important;
  text-transform:uppercase!important;
}
.secHead small{
  position:relative!important;
  display:block!important;
  padding:0 0 4px 30px!important;
  color:var(--ux-ink-muted)!important;
  font-size:clamp(13px,.35vw + 11px,15px)!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
.secHead small::before{content:"";position:absolute;left:0;top:.75em;width:16px;height:1px;background:var(--ux-copper);}

/* Portfolio ---------------------------------------------------------------- */
#portfolio .portfolioCarousel{position:relative!important;isolation:isolate!important;}
#portfolio .portfolioViewport{
  border-radius:clamp(24px,2.7vw,40px)!important;
  border:1px solid rgba(215,175,94,.2)!important;
  background:linear-gradient(180deg,#0d1015,#090b0f)!important;
  box-shadow:var(--ux-shadow-2),inset 0 1px rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
#portfolio .portfolioViewport::before{
  background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 10%,transparent 90%,rgba(0,0,0,.18))!important;
  opacity:.72!important;
}
#portfolio .port-card{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(440px,clamp(480px,48vw,690px)) auto auto!important;
  background:#0a0c10!important;
  border-radius:inherit!important;
}
#portfolio .port-img-wrapper{
  position:relative!important;
  min-height:clamp(440px,48vw,690px)!important;
  overflow:hidden!important;
  background:#07090c!important;
}
#portfolio .port-img-wrapper::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 64%,rgba(4,5,7,.68)),linear-gradient(90deg,rgba(3,4,5,.12),transparent 32%);
}
#portfolio .port-img{
  width:100%!important;height:100%!important;min-height:inherit!important;
  object-fit:cover!important;object-position:center top!important;
  filter:saturate(.92) contrast(1.03) brightness(.92)!important;
  transform:scale(1.002)!important;
  transition:transform 1.2s var(--ux-ease),filter 1s ease!important;
}
#portfolio .port-card:hover .port-img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.04) brightness(.98)!important;}
#portfolio .port-glass{display:none!important;}
#portfolio .port-content{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  gap:clamp(26px,5vw,80px)!important;
  align-items:start!important;
  padding:clamp(26px,3.5vw,48px)!important;
  border-top:1px solid rgba(215,175,94,.12)!important;
  background:linear-gradient(180deg,rgba(18,21,28,.98),rgba(10,12,16,.98))!important;
}
#portfolio .port-copy{max-width:700px!important;}
#portfolio .port-title{
  margin:0 0 14px!important;
  color:#e5964e!important;
  font-family:var(--title)!important;
  font-size:clamp(32px,3vw,48px)!important;
  line-height:.94!important;
  font-weight:400!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
#portfolio .port-desc{
  margin:0!important;max-width:660px!important;
  color:rgba(244,238,229,.68)!important;
  font-size:clamp(13px,.28vw + 12px,15px)!important;line-height:1.72!important;
}
#portfolio .port-delivery{
  position:relative!important;
  min-height:100%!important;
  padding:20px 22px 20px 24px!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:center!important;
  border:1px solid rgba(215,175,94,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(215,175,94,.025))!important;
}
#portfolio .port-delivery::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--ux-copper),transparent);border-radius:2px;}
#portfolio .port-delivery strong{color:#dca65d!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.18em!important;}
#portfolio .port-delivery span{color:rgba(244,238,229,.72)!important;font-size:13px!important;line-height:1.65!important;}
#portfolio .port-footer{
  padding:0 clamp(26px,3.5vw,48px) clamp(28px,3.5vw,44px)!important;
  background:#0a0c10!important;
}
#portfolio .port-open{min-width:190px!important;}
#portfolio .portfolioNav{
  top:clamp(210px,24vw,345px)!important;
  width:48px!important;height:48px!important;
  border-radius:15px!important;
  border:1px solid rgba(215,175,94,.27)!important;
  background:rgba(6,7,9,.72)!important;
  color:#f0c475!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
  transition:transform .35s var(--ux-ease),background .35s ease!important;
}
#portfolio .portfolioNav:hover{transform:translateY(-50%) scale(1.05)!important;background:rgba(14,16,21,.94)!important;}
#portfolio .portfolioNav--prev{left:18px!important;}
#portfolio .portfolioNav--next{right:18px!important;}

/* Botões globais ----------------------------------------------------------- */
.btn,
.ckEditorialCta>a,
.ckSearch button{
  min-height:46px!important;
  padding:0 20px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  border-radius:13px!important;
  font-size:10px!important;font-weight:800!important;line-height:1.2!important;
  text-transform:uppercase!important;letter-spacing:.12em!important;
  transition:transform .35s var(--ux-ease),box-shadow .35s var(--ux-ease),border-color .35s ease,background .35s ease!important;
}
.btnP{
  border:1px solid rgba(246,157,69,.52)!important;
  background:linear-gradient(135deg,#e98531,#c95b16)!important;
  color:#fff8ef!important;
  box-shadow:0 14px 34px rgba(201,91,22,.2),inset 0 1px rgba(255,255,255,.18)!important;
}
.btnG{
  border:1px solid rgba(215,175,94,.16)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(244,238,229,.78)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.btn:hover{transform:translateY(-2px)!important;}
.btnP:hover{box-shadow:0 20px 46px rgba(201,91,22,.29)!important;filter:brightness(1.06)!important;}
.btnG:hover{border-color:rgba(215,175,94,.36)!important;background:rgba(215,175,94,.055)!important;color:#f6efe7!important;}

/* Soluções / pilares ------------------------------------------------------- */
#pilares .secHead{margin-bottom:clamp(42px,5vw,70px)!important;}
#pilares .pillarStackV10{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(24px,2.6vw,36px)!important;
  max-width:none!important;
}
#pilares .pillarPanelV10{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  border:1px solid rgba(215,175,94,.17)!important;
  border-radius:clamp(22px,2vw,30px)!important;
  background:linear-gradient(180deg,#10131a,#0b0d12)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
  transition:transform .5s var(--ux-ease),border-color .4s ease,box-shadow .5s var(--ux-ease)!important;
}
#pilares .pillarPanelV10:hover{transform:translateY(-6px)!important;border-color:rgba(215,175,94,.3)!important;box-shadow:0 34px 90px rgba(0,0,0,.38)!important;}
#pilares .pillarPanelMediaV10{
  position:relative!important;
  height:clamp(260px,24vw,380px)!important;
  min-height:260px!important;
  overflow:hidden!important;
  background:#07090c!important;
}
#pilares .pillarPanelMediaV10 img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.82) contrast(1.08) brightness(.82)!important;transition:transform 1s var(--ux-ease),filter .7s ease!important;}
#pilares .pillarPanelV10:hover .pillarPanelMediaV10 img{transform:scale(1.035)!important;filter:saturate(.95) contrast(1.08) brightness(.9)!important;}
#pilares .pillarPanelShadeV10{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 45%,rgba(6,7,10,.72))!important;}
#pilares .pillarPanelIndexV10{
  position:absolute!important;left:clamp(22px,2.4vw,36px)!important;bottom:16px!important;
  color:#f7f1e8!important;font-family:var(--title)!important;font-size:clamp(58px,5.2vw,86px)!important;line-height:.8!important;font-weight:400!important;
  text-shadow:0 12px 36px rgba(0,0,0,.4)!important;
}
#pilares .pillarPanelBodyV10{padding:clamp(26px,3vw,42px)!important;}
#pilares .pillarPanelTopV10{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important;color:#d5a85b!important;}
#pilares .pillarPanelTopV10 span,#pilares .pillarPanelTopV10 small{font-size:9px!important;font-weight:700!important;letter-spacing:.17em!important;text-transform:uppercase!important;}
#pilares .pillarPanelBodyV10>h3{
  margin:0!important;color:#f2ece4!important;font-family:var(--title)!important;font-weight:400!important;
  font-size:clamp(38px,3.3vw,54px)!important;line-height:.92!important;letter-spacing:.02em!important;text-transform:uppercase!important;
}
#pilares .pillarPanelBodyV10>p{margin:16px 0 24px!important;color:rgba(244,238,229,.62)!important;font-size:13px!important;line-height:1.72!important;}
#pilares .pillarPanelServicesV10{display:grid!important;gap:8px!important;}
#pilares .pillarSolutionButtonV10{
  width:100%!important;min-height:48px!important;padding:10px 14px!important;
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;text-align:left!important;
  border:1px solid rgba(215,175,94,.12)!important;border-radius:13px!important;background:rgba(255,255,255,.018)!important;color:rgba(244,238,229,.76)!important;
  transition:transform .3s var(--ux-ease),background .3s ease,border-color .3s ease!important;
}
#pilares .pillarSolutionButtonV10:hover{transform:translateX(4px)!important;background:rgba(215,175,94,.045)!important;border-color:rgba(215,175,94,.25)!important;}
#pilares .pillarSolutionButtonV10 span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:1px solid rgba(215,175,94,.18)!important;border-radius:999px!important;color:#d7ab5e!important;font-size:8px!important;}
#pilares .pillarSolutionButtonV10 strong{font-size:12px!important;font-weight:600!important;line-height:1.35!important;}
#pilares .pillarPanelFooterV10{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important;padding-top:20px!important;border-top:1px solid rgba(215,175,94,.1)!important;}
#pilares .pillarSolutionsDrawerV11{margin:0!important;padding:clamp(24px,3vw,40px)!important;border-top:1px solid rgba(215,175,94,.16)!important;background:#090b10!important;}
#pilares .pillarSolutionsHeaderV11 h4{color:#f1ebe3!important;font-family:var(--title)!important;font-size:clamp(34px,3vw,46px)!important;line-height:.95!important;font-weight:400!important;}
#pilares .pillarSolutionsListV11{display:grid!important;gap:18px!important;}
#pilares .pillarServiceFullCardV11{border:1px solid rgba(215,175,94,.14)!important;border-radius:20px!important;background:#0e1117!important;overflow:hidden!important;}

/* Editorial --------------------------------------------------------------- */
#blog.editorialSection{padding-top:var(--ux-section)!important;}
#blog .editorialShell{max-width:none!important;}
#blog .editorialHeader{margin-bottom:clamp(38px,5vw,68px)!important;}
#blog .editorialHeader__intro{max-width:980px!important;}
#blog .editorialKicker,.aboutSignature__kicker{
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  color:#dcb15d!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2em!important;text-transform:uppercase!important;
}
#blog .editorialKicker::after,.aboutSignature__kicker::after{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--ux-copper),transparent);}
#blog .editorialHeader h2{
  margin:16px 0 20px!important;max-width:950px!important;color:#f3ede5!important;font-family:var(--title)!important;
  font-size:clamp(58px,6vw,94px)!important;line-height:.88!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:uppercase!important;
}
#blog .editorialIntro{max-width:760px!important;}
#blog .editorialIntro p{color:rgba(244,238,229,.62)!important;font-size:clamp(14px,.35vw + 12px,16px)!important;line-height:1.78!important;}
#blog .editorialFilters{margin-top:clamp(28px,3vw,42px)!important;display:flex!important;flex-wrap:wrap!important;gap:8px 20px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(215,175,94,.12)!important;}
#blog .editorialFilters a{padding:8px 0!important;color:rgba(244,238,229,.5)!important;font-size:11px!important;transition:color .3s ease!important;}
#blog .editorialFilters a:hover,#blog .editorialFilters a.is-active{color:#f3c271!important;}
#blog .editorialLayout{display:grid!important;gap:clamp(24px,3vw,42px)!important;}
#blog .editorialFeatured{
  display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr)!important;
  min-height:clamp(580px,48vw,760px)!important;
  border:1px solid rgba(215,175,94,.17)!important;border-radius:clamp(24px,2.5vw,36px)!important;overflow:hidden!important;
  background:linear-gradient(145deg,#0f1218,#090b10)!important;box-shadow:var(--ux-shadow-2)!important;
}
#blog .editorialFeatured__copy{padding:clamp(34px,4.5vw,68px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
#blog .editorialTag{color:#d9ad5c!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
#blog .editorialFeatured h3{
  margin:18px 0 22px!important;color:#f3ece3!important;font-family:var(--title)!important;font-size:clamp(48px,4.8vw,76px)!important;line-height:.9!important;font-weight:400!important;text-transform:uppercase!important;
}
#blog .editorialFeatured p{color:rgba(244,238,229,.62)!important;font-size:13px!important;line-height:1.75!important;}
#blog .editorialImpactList{display:grid!important;gap:10px!important;margin:24px 0!important;padding:0!important;list-style:none!important;}
#blog .editorialImpactList li{position:relative!important;padding-left:18px!important;color:rgba(244,238,229,.66)!important;font-size:12px!important;line-height:1.5!important;}
#blog .editorialImpactList li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--ux-copper-bright);box-shadow:0 0 14px rgba(241,151,61,.5);}
#blog .editorialFeatured__media{position:relative!important;min-height:100%!important;overflow:hidden!important;background:#080a0d!important;}
#blog .editorialFeatured__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,16,.2),transparent 38%),linear-gradient(180deg,transparent 68%,rgba(5,6,8,.36));pointer-events:none;}
#blog .editorialFeatured__media img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.88) contrast(1.07) brightness(.82)!important;transition:transform 1s var(--ux-ease),filter .7s ease!important;}
#blog .editorialFeatured:hover .editorialFeatured__media img{transform:scale(1.025)!important;filter:saturate(.98) contrast(1.08) brightness(.9)!important;}
#blog .editorialRecent{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,2vw,26px)!important;}
#blog .editorialCard{
  min-height:290px!important;padding:clamp(26px,2.8vw,38px)!important;
  display:flex!important;flex-direction:column!important;
  border:1px solid rgba(215,175,94,.13)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(16,19,26,.96),rgba(10,12,17,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
  transition:transform .45s var(--ux-ease),border-color .35s ease!important;
}
#blog .editorialCard:hover{transform:translateY(-6px)!important;border-color:rgba(215,175,94,.28)!important;}
#blog .editorialCard h3{margin:20px 0 16px!important;color:#f1ebe3!important;font-family:var(--title)!important;font-size:clamp(34px,3vw,48px)!important;line-height:.93!important;font-weight:400!important;text-transform:uppercase!important;}
#blog .editorialCard p{margin:0 0 24px!important;color:rgba(244,238,229,.56)!important;font-size:12px!important;line-height:1.7!important;}
#blog .editorialLink{margin-top:auto!important;color:#dfb467!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase!important;}

/* Sobre ------------------------------------------------------------------- */
#sobre .aboutSignature{padding:0!important;}
#sobre .aboutSignature__grid{
  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:clamp(52px,8vw,132px)!important;align-items:center!important;
  padding:clamp(12px,2vw,28px) 0!important;
}
#sobre .aboutSignature__title{
  margin:18px 0 30px!important;max-width:870px!important;color:#f2ece4!important;
  font-family:var(--body)!important;font-size:clamp(42px,4.5vw,72px)!important;line-height:1.03!important;font-weight:600!important;letter-spacing:-.045em!important;text-transform:none!important;
}
#sobre .aboutSignature__copy{max-width:760px!important;display:grid!important;gap:14px!important;}
#sobre .aboutSignature__copy p{margin:0!important;color:rgba(244,238,229,.62)!important;font-size:clamp(14px,.35vw + 12px,16px)!important;line-height:1.78!important;}
#sobre .aboutSignature__panel{
  position:relative!important;padding:clamp(26px,3vw,42px)!important;
  border:1px solid rgba(215,175,94,.17)!important;border-radius:28px!important;
  background:radial-gradient(480px 320px at 100% 0%,rgba(217,116,36,.08),transparent 70%),linear-gradient(145deg,#11141b,#0a0c11)!important;
  box-shadow:var(--ux-shadow-1),inset 0 1px rgba(255,255,255,.035)!important;
}
#sobre .aboutSignature__panel::before{content:"Método de construção";display:block;margin-bottom:22px;color:#d7aa59;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
#sobre .aboutSignature__meta{display:grid!important;gap:0!important;}
#sobre .aboutSignature__meta span{
  min-height:74px!important;padding:18px 0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;
  color:rgba(244,238,229,.72)!important;font-size:13px!important;line-height:1.5!important;
  border-top:1px solid rgba(215,175,94,.11)!important;
}
#sobre .aboutSignature__meta span:first-child{border-top:0!important;}
#sobre .aboutSignature__meta b{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid rgba(215,175,94,.2)!important;border-radius:12px!important;color:#dcae5d!important;font-size:9px!important;letter-spacing:.1em!important;}

/* CTA final ---------------------------------------------------------------- */
#cta-final .cta-panel--foundation{
  position:relative!important;overflow:hidden!important;
  padding:clamp(48px,6vw,88px)!important;
  border:1px solid rgba(215,175,94,.2)!important;border-radius:clamp(26px,3vw,42px)!important;
  background:
    radial-gradient(760px 420px at 50% -10%,rgba(217,116,36,.11),transparent 68%),
    linear-gradient(145deg,#121620,#0a0c11)!important;
  box-shadow:var(--ux-shadow-2),inset 0 1px rgba(255,255,255,.045)!important;
  text-align:center!important;
}
#cta-final .cta-panel--foundation::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);}
#cta-final .ctaFoundationTitle{
  margin:0 auto!important;max-width:1000px!important;color:#f3ece3!important;
  font-family:var(--title)!important;font-size:clamp(46px,5vw,78px)!important;line-height:.9!important;font-weight:400!important;letter-spacing:.018em!important;text-transform:uppercase!important;
}
#cta-final .ctaFoundationTitle span{display:block!important;}
#cta-final .ctaFoundationTitle span:nth-child(2),#cta-final .ctaFoundationTitle span:nth-child(4){color:#e2ad59!important;}
#cta-final .ctaFoundationCopy{max-width:900px!important;margin:clamp(28px,3vw,42px) auto 0!important;display:grid!important;gap:12px!important;}
#cta-final .ctaFoundationCopy p{margin:0!important;color:rgba(244,238,229,.58)!important;font-size:13px!important;line-height:1.78!important;}
#cta-final .ctaFoundationQuestion{max-width:840px!important;margin:clamp(28px,3vw,42px) auto 0!important;color:#f2e9df!important;font-size:clamp(16px,.75vw + 12px,22px)!important;font-weight:600!important;line-height:1.45!important;}
#cta-final .ctaFoundationActions{justify-content:center!important;margin-top:clamp(26px,3vw,38px)!important;}
#cta-final .ctaFoundationButton{min-height:52px!important;padding-inline:28px!important;}

/* Contato e rodapé --------------------------------------------------------- */
#contato .panel{
  padding:clamp(36px,5vw,72px)!important;
  border:1px solid rgba(215,175,94,.18)!important;border-radius:clamp(24px,2.7vw,38px)!important;
  background:linear-gradient(145deg,#11141b,#090b10)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
#contato .secHead{margin-bottom:30px!important;}
#contato .secHead h2{font-size:clamp(50px,5vw,76px)!important;}
#contato .contactHint{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px 18px!important;
  padding:24px!important;border:1px solid rgba(215,175,94,.12)!important;border-radius:18px!important;background:rgba(255,255,255,.018)!important;
  color:rgba(244,238,229,.68)!important;
}
#contato .contactHint br{display:none!important;}
#contato .contactHint__label{color:#d6a958!important;font-size:9px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;align-self:center!important;}
#contato .contactHint b{font-size:13px!important;font-weight:500!important;}
#contato footer{margin-top:34px!important;padding-top:28px!important;border-top:1px solid rgba(215,175,94,.1)!important;}
.footBrand{color:#edbd69!important;font-family:var(--title)!important;font-size:24px!important;letter-spacing:.12em!important;}
.footlinks{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.footlinks .link{padding:9px 13px!important;border:1px solid rgba(215,175,94,.1)!important;border-radius:999px!important;color:rgba(244,238,229,.58)!important;font-size:10px!important;}

/* Mega menu ---------------------------------------------------------------- */
.ck-mega-v75{background:rgba(4,5,7,.82)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;}
.ck-mega-v75__shell{background:linear-gradient(180deg,#0a0c10,#060709)!important;border:1px solid rgba(215,175,94,.18)!important;box-shadow:0 50px 140px rgba(0,0,0,.58)!important;}
.ck-v75-card{border-color:rgba(215,175,94,.14)!important;background:linear-gradient(145deg,rgba(18,21,28,.94),rgba(9,11,15,.98))!important;border-radius:20px!important;}
.ck-v75-menu-card{border-color:rgba(215,175,94,.1)!important;border-radius:14px!important;}
.ck-v75-menu-card:hover{border-color:rgba(215,175,94,.26)!important;background:rgba(215,175,94,.045)!important;transform:translateX(3px)!important;}

/* Blog / páginas editoriais globais --------------------------------------- */
.blogShell{width:min(1320px,calc(100% - (var(--ux-gutter)*2)))!important;}
.ckBlogMain{padding-top:clamp(30px,4vw,64px)!important;padding-bottom:clamp(80px,9vw,140px)!important;}
.ckBlogHero{gap:clamp(40px,7vw,110px)!important;align-items:center!important;}
.ckBlogHero__copy h1{
  color:#f3ede5!important;font-family:var(--title)!important;font-size:clamp(58px,6.4vw,102px)!important;line-height:.87!important;font-weight:400!important;letter-spacing:.008em!important;text-transform:uppercase!important;
}
.ckBlogHero__copy p{max-width:680px!important;color:rgba(244,238,229,.62)!important;font-size:15px!important;line-height:1.75!important;}
.ckBlogHero__media{border-radius:28px!important;border:1px solid rgba(215,175,94,.18)!important;overflow:hidden!important;box-shadow:var(--ux-shadow-2)!important;}
.ckSearch{border-radius:16px!important;border-color:rgba(215,175,94,.16)!important;background:#0f1218!important;padding:6px!important;}
.ckSearch input{color:#f3ede5!important;}
.ckCardsGrid{gap:clamp(18px,2.2vw,30px)!important;}
.ckPostCard{border-radius:24px!important;border-color:rgba(215,175,94,.14)!important;background:linear-gradient(145deg,#11141a,#0a0c11)!important;box-shadow:0 20px 60px rgba(0,0,0,.24)!important;transition:transform .45s var(--ux-ease),border-color .35s ease!important;}
.ckPostCard:hover{transform:translateY(-6px)!important;border-color:rgba(215,175,94,.3)!important;}
.ckSectionTitle h2,.ckEditorialCta h2{color:#f2ece4!important;font-family:var(--title)!important;font-weight:400!important;line-height:.92!important;text-transform:uppercase!important;}

/* Cases / páginas de projeto ---------------------------------------------- */
body:has(main.hero) .topbar{position:sticky!important;top:0!important;z-index:100!important;padding:12px 0!important;background:rgba(5,6,7,.9)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(215,175,94,.12)!important;}
body:has(main.hero) .topbar__in{border-radius:18px!important;border-color:rgba(215,175,94,.16)!important;background:linear-gradient(145deg,rgba(17,20,27,.92),rgba(8,10,14,.96))!important;}
main.hero{padding-top:clamp(30px,4vw,60px)!important;}
main.hero .panel{
  border-radius:clamp(24px,2.5vw,38px)!important;border-color:rgba(215,175,94,.18)!important;
  background:linear-gradient(145deg,#11141b,#090b10)!important;box-shadow:var(--ux-shadow-2)!important;
}
main.hero .grid{gap:clamp(42px,7vw,110px)!important;align-items:center!important;}
main.hero .title{
  margin:14px 0 24px!important;color:#e58c3d!important;font-family:var(--title)!important;font-size:clamp(58px,6vw,96px)!important;line-height:.88!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:uppercase!important;text-shadow:none!important;
}
main.hero .lead p{color:rgba(244,238,229,.68)!important;font-size:14px!important;line-height:1.78!important;}
main.hero .media{border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(215,175,94,.16)!important;box-shadow:0 24px 70px rgba(0,0,0,.36)!important;}
main.hero .media img{width:100%!important;height:100%!important;object-fit:cover!important;}
.mini-grid{gap:18px!important;}
.stat{border-radius:18px!important;border-color:rgba(215,175,94,.13)!important;background:linear-gradient(145deg,#11141a,#0a0c11)!important;padding:24px!important;}

/* Microinterações opcionais ------------------------------------------------ */
[data-ux-glow]{position:relative!important;isolation:isolate!important;}
[data-ux-glow]::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(420px circle at var(--ux-x,50%) var(--ux-y,50%),rgba(215,175,94,.07),transparent 55%);
  opacity:0;transition:opacity .35s ease;
}
[data-ux-glow]:hover::after{opacity:1;}

/* Responsividade ----------------------------------------------------------- */
@media (max-width:1100px){
  #hero .ckHeroFinal__layout{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;align-content:center!important;}
  #hero .ckHeroFinal__copy{grid-column:1!important;grid-row:1!important;max-width:900px!important;}
  #hero .ckHeroFinal__card{grid-column:1!important;grid-row:2!important;justify-self:start!important;width:min(100%,760px)!important;}
  #hero .ckHeroFinal__overlay{background:linear-gradient(90deg,rgba(3,4,5,.96),rgba(3,4,5,.72) 68%,rgba(3,4,5,.5)),linear-gradient(180deg,transparent 54%,rgba(3,4,5,.93))!important;}
  #blog .editorialFeatured{grid-template-columns:1fr 1fr!important;}
  #sobre .aboutSignature__grid{grid-template-columns:1fr!important;gap:48px!important;}
  #sobre .aboutSignature__panel{max-width:760px!important;}
}

@media (max-width:860px){
  :root{--ux-gutter:clamp(16px,4.5vw,28px);--ux-section:clamp(82px,13vw,116px);}
  body:has(.ck-header-v75){padding-top:68px!important;}
  .ck-header-v75{min-height:68px!important;padding-top:9px!important;padding-bottom:9px!important;}
  .ck-brand__mark{width:40px!important;height:40px!important;min-width:40px!important;}
  .ck-header-v75__cta{display:none!important;}
  #hero.ckHeroFinal{margin-top:12px!important;min-height:auto!important;}
  #hero .ckHeroFinal__layout{padding:clamp(38px,8vw,64px)!important;gap:38px!important;}
  #hero .ckHeroFinal__title{font-size:clamp(48px,10vw,72px)!important;}
  #hero .ckHeroFinal__card{grid-template-columns:1fr!important;}
  #hero .ckHeroFinal__identity{border-right:0!important;border-bottom:1px solid rgba(215,175,94,.14)!important;padding-bottom:14px!important;}
  #hero .ckHeroFinal__metaItem{padding:14px!important;}
  .secHead{grid-template-columns:1fr!important;gap:18px!important;}
  .secHead small{max-width:620px!important;}
  #portfolio .port-content{grid-template-columns:1fr!important;gap:24px!important;}
  #pilares .pillarStackV10{grid-template-columns:1fr!important;max-width:760px!important;margin-inline:auto!important;}
  #blog .editorialFeatured{grid-template-columns:1fr!important;}
  #blog .editorialFeatured__media{min-height:440px!important;order:-1!important;}
  #blog .editorialRecent{grid-template-columns:1fr!important;}
  #blog .editorialCard{min-height:250px!important;}
  .ckBlogHero{grid-template-columns:1fr!important;}
}

@media (max-width:600px){
  :root{--ux-gutter:16px;--ux-section:78px;}
  .container,.blogShell{width:calc(100% - 32px)!important;}
  .ck-brand__text b{font-size:13px!important;letter-spacing:.16em!important;}
  .ck-brand__text small{font-size:8px!important;}
  #hero.ckHeroFinal{border-radius:22px!important;}
  #hero .ckHeroFinal__video{object-position:62% center!important;opacity:.46!important;}
  #hero .ckHeroFinal__overlay{background:linear-gradient(180deg,rgba(3,4,5,.88),rgba(3,4,5,.76) 48%,rgba(3,4,5,.96))!important;}
  #hero .ckHeroFinal__layout{padding:36px 22px 24px!important;gap:30px!important;}
  #hero .ckHeroFinal__copy::before{font-size:8px!important;line-height:1.5!important;margin-bottom:17px!important;}
  #hero .ckHeroFinal__title{font-size:clamp(42px,13vw,60px)!important;line-height:.89!important;letter-spacing:.006em!important;}
  #hero .ckHeroFinal__copy>p{font-size:13px!important;line-height:1.68!important;}
  #hero .ckHeroFinal__cta{width:100%!important;min-height:52px!important;padding:0 16px!important;font-size:9px!important;justify-content:space-between!important;}
  #hero .ckHeroFinal__card{padding:10px!important;border-radius:18px!important;}
  #hero .ckHeroFinal__identity{grid-template-columns:62px minmax(0,1fr)!important;padding:2px 4px 12px 2px!important;}
  #hero .ckHeroFinal__photo{width:62px!important;height:76px!important;min-width:62px!important;}
  #hero .ckHeroFinal__person strong{font-size:26px!important;}
  #hero .ckHeroFinal__meta{grid-template-columns:1fr!important;}
  #hero .ckHeroFinal__metaItem+ .ckHeroFinal__metaItem{border-left:0!important;border-top:1px solid rgba(215,175,94,.11)!important;}
  .secHead h2{font-size:clamp(46px,13vw,62px)!important;}
  #portfolio .port-card{grid-template-rows:minmax(300px,70vw) auto auto!important;}
  #portfolio .port-img-wrapper{min-height:300px!important;height:70vw!important;}
  #portfolio .portfolioNav{top:34vw!important;width:42px!important;height:42px!important;}
  #portfolio .portfolioNav--prev{left:10px!important;}
  #portfolio .portfolioNav--next{right:10px!important;}
  #portfolio .port-content{padding:24px 20px!important;}
  #portfolio .port-footer{padding:0 20px 24px!important;}
  #portfolio .port-open{width:100%!important;}
  #pilares .pillarPanelMediaV10{height:230px!important;min-height:230px!important;}
  #pilares .pillarPanelBodyV10{padding:24px 20px!important;}
  #pilares .pillarPanelFooterV10 .btn{width:100%!important;}
  #blog .editorialHeader h2{font-size:clamp(48px,14vw,68px)!important;}
  #blog .editorialFeatured{min-height:0!important;border-radius:22px!important;}
  #blog .editorialFeatured__media{min-height:320px!important;}
  #blog .editorialFeatured__copy{padding:28px 22px!important;}
  #blog .editorialFeatured h3{font-size:clamp(42px,12vw,58px)!important;}
  #sobre .aboutSignature__title{font-size:clamp(38px,11vw,52px)!important;letter-spacing:-.035em!important;}
  #sobre .aboutSignature__panel{padding:24px 20px!important;}
  #cta-final .cta-panel--foundation{padding:40px 20px!important;}
  #cta-final .ctaFoundationTitle{font-size:clamp(38px,11.5vw,54px)!important;}
  #cta-final .ctaFoundationButton{width:100%!important;padding-inline:14px!important;font-size:9px!important;}
  #contato .panel{padding:30px 20px!important;}
  #contato .contactHint{grid-template-columns:1fr!important;gap:5px!important;padding:20px!important;}
  #contato .contactHint b{margin-bottom:8px!important;}
  .foot{gap:24px!important;}
  main.hero .panel{padding:26px 20px!important;}
  main.hero .title{font-size:clamp(48px,14vw,66px)!important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  #hero .ckHeroFinal__video{display:none!important;}
}

/* Garantia de conteúdo sempre visível, mesmo sem animações ou com JS bloqueado. */
.reveal,
.reveal.in,
.reveal.is-visible,
.reveal.visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}

@media (max-width:600px){
  #hero .ckHeroFinal__title,
  #hero .ckHeroFinal__titleLine{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}

@media (max-width:600px){
  html body #hero.ckHeroFinal.ckHeroV103 .ckHeroFinal__title{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(38px,10.5vw,48px)!important;
    line-height:.92!important;
    letter-spacing:.004em!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  html body #hero.ckHeroFinal.ckHeroV103 .ckHeroFinal__title .ckHeroFinal__titleLine,
  html body #hero.ckHeroFinal.ckHeroV103 .ckHeroFinal__title .ckHeroFinal__titleLine span{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}

/* Alinhamento mestre: todas as seções seguem a mesma coluna editorial. */
html body main.container{
  width:min(var(--ux-max),calc(100% - (var(--ux-gutter) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body main.container > .sec,
html body main.container > #hero,
html body main.container #portfolio,
html body main.container #pilares,
html body main.container #blog,
html body main.container #sobre,
html body main.container #cta-final,
html body main.container #contato{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
html body main.container .sec > .secHead,
html body main.container #portfolio > .secHead,
html body main.container #pilares > .secHead{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body main.container #sobre .aboutSignature,
html body main.container #sobre .aboutSignature__grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

/* ===== Fonte: assets/css/careka-v106-senior-luxury-system.css ===== */
/* ========================================================================
   CAREKA DIGITAL — V106 SENIOR LUXURY SYSTEM
   Camada final de direção de arte, hierarquia tipográfica e UX responsiva.
   Mantém conteúdo e funcionalidades existentes, refinando ritmo, contraste,
   legibilidade, densidade visual, estados interativos e consistência global.
   ======================================================================== */

:root{
  --ck106-bg:#030507;
  --ck106-bg-soft:#070a0f;
  --ck106-card:#0b0f16;
  --ck106-card-2:#10151e;
  --ck106-ink:#f4efe7;
  --ck106-copy:rgba(244,239,231,.78);
  --ck106-muted:rgba(244,239,231,.56);
  --ck106-gold:#d3aa58;
  --ck106-gold-soft:#f0d18d;
  --ck106-orange:#dc6b22;
  --ck106-line:rgba(211,170,88,.18);
  --ck106-line-strong:rgba(211,170,88,.34);
  --ck106-radius-sm:14px;
  --ck106-radius-md:22px;
  --ck106-radius-lg:34px;
  --ck106-radius-xl:46px;
  --ck106-section:clamp(88px,9vw,148px);
  --ck106-shell:min(1240px,calc(100vw - clamp(32px,7vw,96px)));
  --ck106-shadow:0 38px 110px rgba(0,0,0,.34),0 10px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045);
  --ck106-ease:cubic-bezier(.16,1,.3,1);
}

html[data-theme="light"]{
  --ck106-bg:#eee5d8;
  --ck106-bg-soft:#f6efe5;
  --ck106-card:#fffaf2;
  --ck106-card-2:#f4e8d8;
  --ck106-ink:#21170f;
  --ck106-copy:rgba(33,23,15,.78);
  --ck106-muted:rgba(33,23,15,.56);
  --ck106-line:rgba(137,83,39,.16);
  --ck106-line-strong:rgba(137,83,39,.28);
  --ck106-shadow:0 34px 90px rgba(82,52,28,.12),0 10px 28px rgba(82,52,28,.07),inset 0 1px 0 rgba(255,255,255,.78);
}

html{
  scroll-padding-top:92px;
  text-rendering:optimizeLegibility;
}

body{
  background:
    radial-gradient(1050px 720px at 100% -8%,rgba(220,107,34,.075),transparent 62%),
    radial-gradient(900px 620px at -8% 26%,rgba(211,170,88,.05),transparent 64%),
    var(--ck106-bg)!important;
  color:var(--ck106-ink);
  letter-spacing:-.008em;
}

body::before{
  background:
    radial-gradient(900px 560px at 14% -6%,rgba(211,170,88,.07),transparent 64%),
    radial-gradient(820px 560px at 102% 13%,rgba(220,107,34,.06),transparent 66%)!important;
  opacity:.78!important;
}

body::after{
  opacity:.18!important;
}

body.careka-v106 main.container{
  width:var(--ck106-shell)!important;
  max-width:none!important;
  padding-bottom:0!important;
}

body.careka-v106 section[id]{
  scroll-margin-top:92px;
}

/* ---------- Accessibility and interaction ---------- */
a,button,input,textarea,select{
  -webkit-tap-highlight-color:transparent;
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--ck106-gold-soft)!important;
  outline-offset:4px!important;
}

.btn,
.ck-header-v75__cta,
.ckHeroFinal__cta,
.ck-v75-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.btn::after,
.ck-header-v75__cta::after,
.ckHeroFinal__cta::after,
.ck-v75-btn::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 46%,transparent 72%);
  transform:translateX(-125%);
  transition:transform .78s var(--ck106-ease);
}

.btn:hover::after,
.ck-header-v75__cta:hover::after,
.ckHeroFinal__cta:hover::after,
.ck-v75-btn:hover::after{
  transform:translateX(125%);
}

/* ---------- Header ---------- */
body.careka-v106 .ck-header-v75{
  min-height:76px!important;
  padding:0 clamp(20px,3.2vw,48px)!important;
  border-bottom:1px solid rgba(211,170,88,.13)!important;
  background:linear-gradient(180deg,rgba(3,5,7,.94),rgba(3,5,7,.82))!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1)!important;
  box-shadow:0 12px 44px rgba(0,0,0,.18)!important;
  transition:min-height .35s var(--ck106-ease),background .35s ease,box-shadow .35s ease!important;
}

body.careka-v106 .ck-header-v75.is-scrolled{
  min-height:68px!important;
  background:rgba(3,5,7,.965)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.3)!important;
}

body.careka-v106 .ck-brand{
  gap:12px!important;
}

body.careka-v106 .ck-brand__mark{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(211,170,88,.22)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.careka-v106 .ck-brand__text b{
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.205em!important;
  color:var(--ck106-gold-soft)!important;
}

body.careka-v106 .ck-brand__text small{
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  color:var(--ck106-muted)!important;
}

body.careka-v106 .ck-header-v75__actions{
  gap:14px!important;
}

body.careka-v106 .ck-header-v75__cta{
  min-height:44px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,199,124,.24)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#ee8a31,#d9651d)!important;
  box-shadow:0 14px 30px rgba(209,92,20,.22),inset 0 1px 0 rgba(255,255,255,.2)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}

body.careka-v106 .ck-menu-toggle-v75{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(211,170,88,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.018)!important;
  transition:background .3s ease,border-color .3s ease,transform .3s var(--ck106-ease)!important;
}

body.careka-v106 .ck-menu-toggle-v75:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(211,170,88,.3)!important;
  background:rgba(211,170,88,.06)!important;
}

body.careka-v106 .ck-menu-toggle-v75 span{
  width:18px!important;
  background:var(--ck106-gold-soft)!important;
}

/* ---------- Hero ---------- */
body.careka-v106 .ckHeroFinal{
  min-height:clamp(720px,calc(100svh - 76px),940px)!important;
  margin-bottom:0!important;
  border-radius:0 0 clamp(30px,3vw,48px) clamp(30px,3vw,48px)!important;
  overflow:hidden!important;
  box-shadow:0 42px 100px rgba(0,0,0,.28)!important;
}

body.careka-v106 .ckHeroFinal::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.28) 100%),
    linear-gradient(180deg,rgba(0,0,0,.14),transparent 34%,rgba(0,0,0,.46));
}

body.careka-v106 .ckHeroFinal__overlay{
  z-index:1!important;
  background:radial-gradient(720px 420px at 18% 38%,rgba(213,112,38,.08),transparent 68%)!important;
}

body.careka-v106 .ckHeroFinal__layout{
  z-index:3!important;
  width:var(--ck106-shell)!important;
  min-height:inherit!important;
  padding:clamp(86px,8vw,132px) 0 clamp(54px,6vw,86px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:space-between!important;
  gap:clamp(38px,5vw,74px)!important;
}

body.careka-v106 .ckHeroFinal__copy{
  max-width:1030px!important;
  align-self:center!important;
}

body.careka-v106 .ckHeroFinal__title{
  margin:0!important;
  max-width:1020px!important;
  font-size:clamp(55px,5.8vw,92px)!important;
  line-height:.89!important;
  letter-spacing:.022em!important;
  word-spacing:.015em!important;
  text-wrap:balance!important;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.38));
}

body.careka-v106 .ckHeroFinal__titleLine{
  display:block!important;
}

body.careka-v106 .ckHeroFinal__titleLine span{
  color:#e77926!important;
  text-shadow:0 10px 38px rgba(214,97,23,.16)!important;
}

body.careka-v106 .ckHeroFinal__copy > p{
  max-width:720px!important;
  margin:clamp(24px,2.4vw,34px) 0 0!important;
  color:rgba(255,250,242,.76)!important;
  font-size:clamp(15px,1.1vw,17px)!important;
  line-height:1.72!important;
  letter-spacing:-.006em!important;
  text-wrap:pretty!important;
}

body.careka-v106 .ckHeroFinal__cta{
  min-height:56px!important;
  margin-top:clamp(26px,2.8vw,38px)!important;
  padding:0 28px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,204,126,.28)!important;
  background:linear-gradient(135deg,#f0b84d 0%,#e77b24 58%,#d9601a 100%)!important;
  box-shadow:0 20px 46px rgba(204,86,15,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
  color:#160c05!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
  transition:transform .35s var(--ck106-ease),box-shadow .35s ease,filter .35s ease!important;
}

body.careka-v106 .ckHeroFinal__cta::before{
  content:"→";
  order:2;
  margin-left:26px;
  font-size:18px;
  line-height:1;
}

body.careka-v106 .ckHeroFinal__cta:hover{
  transform:translateY(-3px)!important;
  filter:saturate(1.08) brightness(1.03)!important;
  box-shadow:0 26px 58px rgba(204,86,15,.32),inset 0 1px 0 rgba(255,255,255,.26)!important;
}

body.careka-v106 .ckHeroFinal__card{
  width:min(760px,78%)!important;
  margin-left:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  align-items:stretch!important;
  border:1px solid rgba(211,170,88,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(7,9,12,.9),rgba(10,13,18,.78))!important;
  backdrop-filter:blur(20px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.05)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}

body.careka-v106 .ckHeroFinal__identity{
  min-width:0!important;
  padding:14px!important;
  gap:16px!important;
  border-right:1px solid rgba(211,170,88,.13)!important;
}

body.careka-v106 .ckHeroFinal__photo{
  width:94px!important;
  height:94px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  border:1px solid rgba(211,170,88,.2)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.28)!important;
}

body.careka-v106 .ckHeroFinal__person b,
body.careka-v106 .ckHeroFinal__metaItem b{
  color:var(--ck106-gold-soft)!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}

body.careka-v106 .ckHeroFinal__person strong{
  margin-top:6px!important;
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:.88!important;
  letter-spacing:.045em!important;
}

body.careka-v106 .ckHeroFinal__person span,
body.careka-v106 .ckHeroFinal__metaItem span,
body.careka-v106 .ckHeroFinal__metaItem small{
  font-size:12px!important;
  line-height:1.48!important;
}

body.careka-v106 .ckHeroFinal__meta{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  padding:0!important;
}

body.careka-v106 .ckHeroFinal__metaItem{
  padding:20px 18px!important;
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
}

body.careka-v106 .ckHeroFinal__metaItem + .ckHeroFinal__metaItem{
  border-left:1px solid rgba(211,170,88,.12)!important;
}

/* ---------- Section rhythm and heading system ---------- */
body.careka-v106 .sec{
  position:relative!important;
  padding:var(--ck106-section) 0!important;
  margin:0!important;
}

body.careka-v106 .sec + .sec{
  margin-top:0!important;
}

body.careka-v106 .sec:not(#portfolio)::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(100%,1120px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(211,170,88,.2) 18%,rgba(211,170,88,.1) 82%,transparent);
  opacity:.7;
}

body.careka-v106 .secHead{
  margin:0 0 clamp(34px,4.5vw,68px)!important;
}

body.careka-v106 .secHead--v106{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.6fr)!important;
  gap:clamp(32px,6vw,90px)!important;
  align-items:end!important;
}

body.careka-v106 .secHead__main{
  display:grid;
  gap:16px;
}

body.careka-v106 .sectionEyebrow,
body.careka-v106 .servicesIntro__kicker,
body.careka-v106 .aboutSignature__kicker,
body.careka-v106 .editorialKicker,
body.careka-v106 .ctaFoundationKicker,
body.careka-v106 .contactPremium__kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  width:max-content!important;
  max-width:100%!important;
  color:var(--ck106-gold-soft)!important;
  font:700 10px/1.2 var(--body,Inter,sans-serif)!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}

body.careka-v106 .sectionEyebrow::before,
body.careka-v106 .servicesIntro__kicker::before,
body.careka-v106 .aboutSignature__kicker::before,
body.careka-v106 .ctaFoundationKicker::before,
body.careka-v106 .contactPremium__kicker::before{
  content:"";
  width:30px;
  height:1px;
  flex:0 0 auto;
  background:linear-gradient(90deg,var(--ck106-orange),var(--ck106-gold));
  box-shadow:0 0 12px rgba(211,170,88,.18);
}

body.careka-v106 .secHead h2,
body.careka-v106 .servicesIntro h2{
  max-width:15ch!important;
  margin:0!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(52px,5.35vw,78px)!important;
  line-height:.92!important;
  letter-spacing:.025em!important;
  text-wrap:balance!important;
  text-shadow:none!important;
}

body.careka-v106 .secHead__copy,
body.careka-v106 .secHead small,
body.careka-v106 .servicesIntro small{
  max-width:48ch!important;
  margin:0!important;
  color:var(--ck106-copy)!important;
  font:400 clamp(15px,1.12vw,17px)/1.75 var(--body,Inter,sans-serif)!important;
  letter-spacing:-.008em!important;
  text-wrap:pretty!important;
}

body.careka-v106 .secHead__copy strong{
  display:block;
  margin-bottom:8px;
  color:var(--ck106-ink);
  font-size:12px;
  line-height:1.35;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* ---------- Portfolio ---------- */
body.careka-v106 #portfolio{
  padding-top:clamp(96px,10vw,156px)!important;
}

body.careka-v106 #portfolio .portfolioCarousel{
  margin-top:0!important;
}

body.careka-v106 #portfolio .portfolioViewport{
  margin-top:0!important;
  border-radius:var(--ck106-radius-xl)!important;
  border:1px solid var(--ck106-line)!important;
  background:
    radial-gradient(800px 400px at 50% -12%,rgba(211,170,88,.075),transparent 68%),
    linear-gradient(180deg,rgba(13,17,24,.96),rgba(6,9,13,.99))!important;
  box-shadow:var(--ck106-shadow)!important;
}

body.careka-v106 #portfolio .portfolioViewport::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.2),transparent 9%,transparent 91%,rgba(0,0,0,.2)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%,transparent 82%,rgba(0,0,0,.12))!important;
}

body.careka-v106 #portfolio .port-card{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  background:transparent!important;
}

body.careka-v106 #portfolio .port-img-wrapper{
  min-height:clamp(430px,49vw,650px)!important;
  max-height:650px!important;
  overflow:hidden!important;
  background:#05070a!important;
}

body.careka-v106 #portfolio .port-img{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:scale(1.002)!important;
  filter:saturate(.92) contrast(1.02) brightness(.9)!important;
  transition:transform 1.1s var(--ck106-ease),filter .7s ease!important;
}

body.careka-v106 #portfolio .portfolioPage.is-active .port-card:hover .port-img{
  transform:scale(1.025)!important;
  filter:saturate(1) contrast(1.04) brightness(.96)!important;
}

body.careka-v106 #portfolio .port-glass{
  background:
    linear-gradient(180deg,transparent 62%,rgba(3,5,8,.72) 100%),
    linear-gradient(90deg,rgba(3,5,8,.2),transparent 20%,transparent 80%,rgba(3,5,8,.2))!important;
}

body.careka-v106 #portfolio .port-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;
  gap:clamp(28px,5vw,80px)!important;
  align-items:start!important;
  padding:clamp(34px,4.2vw,58px) clamp(30px,4.8vw,64px) 24px!important;
  border-top:1px solid rgba(211,170,88,.11)!important;
}

body.careka-v106 #portfolio .port-copy{
  display:grid!important;
  gap:16px!important;
}

body.careka-v106 #portfolio .port-title{
  margin:0!important;
  max-width:16ch!important;
  color:var(--ck106-orange)!important;
  font-size:clamp(34px,3.3vw,50px)!important;
  line-height:.93!important;
  letter-spacing:.038em!important;
  text-shadow:none!important;
}

body.careka-v106 #portfolio .port-desc{
  max-width:64ch!important;
  margin:0!important;
  color:var(--ck106-copy)!important;
  font-size:clamp(15px,1.06vw,17px)!important;
  line-height:1.72!important;
}

body.careka-v106 #portfolio .port-delivery{
  min-height:100%!important;
  padding:22px 24px!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  border:1px solid rgba(211,170,88,.14)!important;
  border-radius:18px!important;
  background:
    radial-gradient(260px 160px at 100% 0%,rgba(211,170,88,.07),transparent 65%),
    rgba(255,255,255,.018)!important;
}

body.careka-v106 #portfolio .port-delivery strong{
  color:var(--ck106-gold-soft)!important;
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

body.careka-v106 #portfolio .port-delivery span{
  color:var(--ck106-copy)!important;
  font-size:14px!important;
  line-height:1.65!important;
}

body.careka-v106 #portfolio .port-footer{
  padding:0 clamp(30px,4.8vw,64px) clamp(34px,4.2vw,54px)!important;
}

body.careka-v106 #portfolio .port-open{
  min-width:190px!important;
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:13px!important;
  border:1px solid rgba(211,170,88,.15)!important;
  background:linear-gradient(180deg,rgba(20,26,36,.9),rgba(13,18,26,.96))!important;
  color:var(--ck106-ink)!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}

body.careka-v106 #portfolio .port-open:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(211,170,88,.34)!important;
  background:linear-gradient(180deg,rgba(27,34,46,.96),rgba(15,20,29,.98))!important;
}

body.careka-v106 #portfolio .portfolioNav{
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  border:1px solid rgba(211,170,88,.24)!important;
  background:rgba(5,8,12,.84)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  color:var(--ck106-gold-soft)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:transform .32s var(--ck106-ease),border-color .32s ease,background .32s ease!important;
}

body.careka-v106 #portfolio .portfolioNav:hover{
  transform:translateY(-50%) scale(1.04)!important;
  border-color:rgba(211,170,88,.48)!important;
  background:rgba(14,18,25,.94)!important;
}

/* ---------- Services / pillars ---------- */
body.careka-v106 #pilares .servicesIntro{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.62fr)!important;
  column-gap:clamp(34px,6vw,90px)!important;
  row-gap:18px!important;
  align-items:end!important;
}

body.careka-v106 #pilares .servicesIntro__kicker{
  grid-column:1/-1!important;
}

body.careka-v106 #pilares .servicesIntro h2{
  grid-column:1!important;
  max-width:14ch!important;
}

body.careka-v106 #pilares .servicesIntro small{
  grid-column:2!important;
  align-self:end!important;
}

body.careka-v106 .pillarStackV10{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(22px,2.6vw,34px)!important;
  align-items:start!important;
}

body.careka-v106 .pillarPanelV10{
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-lg)!important;
  background:linear-gradient(180deg,rgba(14,18,26,.98),rgba(8,11,16,.99))!important;
  box-shadow:0 30px 82px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
  transform:none!important;
}

body.careka-v106 .pillarPanelV10::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(520px 260px at var(--mx,50%) var(--my,0%),rgba(211,170,88,.075),transparent 68%);
  opacity:0;
  transition:opacity .35s ease;
}

body.careka-v106 .pillarPanelV10:hover::after{
  opacity:1;
}

body.careka-v106 .pillarPanelV10:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(211,170,88,.32)!important;
  box-shadow:0 40px 100px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.careka-v106 .pillarPanelV11.is-open{
  grid-column:1/-1!important;
  transform:none!important;
}

body.careka-v106 .pillarPanelMediaV10{
  min-height:clamp(240px,24vw,336px)!important;
  max-height:336px!important;
  border-bottom:1px solid rgba(211,170,88,.1)!important;
}

body.careka-v106 .pillarPanelMediaV10 img{
  filter:saturate(.86) contrast(1.04) brightness(.88)!important;
  transition:transform 1s var(--ck106-ease),filter .65s ease!important;
}

body.careka-v106 .pillarPanelV10:hover .pillarPanelMediaV10 img{
  transform:scale(1.035)!important;
  filter:saturate(.98) contrast(1.05) brightness(.94)!important;
}

body.careka-v106 .pillarPanelShadeV10{
  background:linear-gradient(180deg,transparent 52%,rgba(6,8,12,.72) 100%)!important;
}

body.careka-v106 .pillarPanelIndexV10{
  left:28px!important;
  bottom:24px!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(72px,7vw,106px)!important;
  line-height:.75!important;
  letter-spacing:.015em!important;
  text-shadow:0 14px 34px rgba(0,0,0,.38)!important;
}

body.careka-v106 .pillarPanelBodyV10{
  padding:clamp(30px,3.4vw,46px)!important;
  gap:18px!important;
}

body.careka-v106 .pillarPanelTopV10{
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(211,170,88,.1)!important;
}

body.careka-v106 .pillarPanelTopV10 span,
body.careka-v106 .pillarPanelTopV10 small{
  color:var(--ck106-gold-soft)!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}

body.careka-v106 .pillarPanelBodyV10 h3{
  max-width:14ch!important;
  margin:0!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(42px,4vw,60px)!important;
  line-height:.91!important;
  letter-spacing:.034em!important;
  text-wrap:balance!important;
}

body.careka-v106 .pillarPanelBodyV10 > p{
  max-width:55ch!important;
  color:var(--ck106-copy)!important;
  font-size:15px!important;
  line-height:1.72!important;
}

body.careka-v106 .pillarPanelServicesV10{
  gap:9px!important;
  margin-top:4px!important;
}

body.careka-v106 .pillarSolutionButtonV10{
  min-height:56px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(211,170,88,.11)!important;
  background:rgba(255,255,255,.018)!important;
}

body.careka-v106 .pillarSolutionButtonV10:hover{
  transform:translateX(4px)!important;
  border-color:rgba(211,170,88,.28)!important;
  background:rgba(211,170,88,.045)!important;
}

body.careka-v106 .pillarSolutionButtonV10 span{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  color:var(--ck106-gold-soft)!important;
  font-size:9px!important;
}

body.careka-v106 .pillarSolutionButtonV10 strong{
  font-size:13px!important;
  line-height:1.38!important;
  color:var(--ck106-ink)!important;
}

body.careka-v106 .pillarPanelFooterV10{
  gap:10px!important;
  margin-top:4px!important;
  padding-top:18px!important;
}

body.careka-v106 .pillarPanelFooterV10 .btn{
  min-height:46px!important;
  border-radius:13px!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}

body.careka-v106 .pillarSolutionsDrawerV11{
  margin:0 clamp(24px,3vw,42px) clamp(34px,4vw,54px)!important;
  padding-top:clamp(30px,4vw,52px)!important;
  border-top:1px solid rgba(211,170,88,.12)!important;
}

body.careka-v106 .pillarSolutionsHeaderV11 h4{
  color:var(--ck106-ink)!important;
  font-size:clamp(42px,4.4vw,66px)!important;
  line-height:.92!important;
}

body.careka-v106 .pillarSolutionsHeaderV11 p{
  color:var(--ck106-copy)!important;
  font-size:16px!important;
  line-height:1.72!important;
}

body.careka-v106 .pillarSolutionsListV11{
  gap:18px!important;
}

body.careka-v106 .pillarServiceFullCardV11{
  grid-template-columns:minmax(260px,.45fr) minmax(0,1fr)!important;
  border:1px solid rgba(211,170,88,.12)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,20,29,.95),rgba(9,12,18,.98))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

body.careka-v106 .pillarServiceContentV11{
  padding:clamp(26px,3.2vw,42px)!important;
}

body.careka-v106 .pillarServiceHeaderV11 h4{
  color:var(--ck106-ink)!important;
  font-size:clamp(34px,3.2vw,48px)!important;
}

/* ---------- Editorial ---------- */
body.careka-v106 #blog .editorialShell{
  width:100%!important;
  max-width:none!important;
}

body.careka-v106 #blog .editorialHeader{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.64fr)!important;
  column-gap:clamp(42px,7vw,100px)!important;
  row-gap:clamp(24px,3vw,38px)!important;
  align-items:end!important;
  margin-bottom:clamp(38px,5vw,70px)!important;
}

body.careka-v106 #blog .editorialHeader__intro{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.64fr)!important;
  column-gap:clamp(42px,7vw,100px)!important;
  row-gap:18px!important;
  align-items:end!important;
}

body.careka-v106 #blog .editorialKicker{
  grid-column:1!important;
}

body.careka-v106 #blog .editorialKicker::after{
  width:42px!important;
}

body.careka-v106 #blog .editorialHeader h2{
  grid-column:1!important;
  max-width:12.5ch!important;
  margin:0!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(54px,5.8vw,82px)!important;
  line-height:.9!important;
  letter-spacing:.025em!important;
  text-wrap:balance!important;
}

body.careka-v106 #blog .editorialIntro{
  max-width:49ch!important;
  grid-column:2!important;
  grid-row:1 / 3!important;
  align-self:end!important;
}

body.careka-v106 #blog .editorialIntro p{
  margin:0!important;
  color:var(--ck106-copy)!important;
  font-size:clamp(15px,1.08vw,17px)!important;
  line-height:1.75!important;
}

body.careka-v106 #blog .editorialHeader__intro .editorialIntro{
  grid-column:2!important;
}

body.careka-v106 #blog .editorialFilters{
  grid-column:1/-1!important;
  gap:20px!important;
  row-gap:14px!important;
  padding-top:4px!important;
}

body.careka-v106 #blog .editorialFilters a{
  font-size:11px!important;
  letter-spacing:.045em!important;
}

body.careka-v106 #blog .editorialFeatured--withImage{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.74fr)!important;
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-lg)!important;
  background:
    radial-gradient(700px 320px at 100% 0%,rgba(211,170,88,.075),transparent 66%),
    linear-gradient(180deg,rgba(13,17,24,.97),rgba(7,10,15,.99))!important;
  box-shadow:var(--ck106-shadow)!important;
  overflow:hidden!important;
}

body.careka-v106 #blog .editorialFeatured__copy{
  padding:clamp(38px,5vw,68px)!important;
  gap:20px!important;
}

body.careka-v106 #blog .editorialFeatured h3{
  max-width:10.5ch!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(45px,4.5vw,64px)!important;
  line-height:.92!important;
  letter-spacing:.025em!important;
}

body.careka-v106 #blog .editorialFeatured p{
  max-width:53ch!important;
  color:var(--ck106-copy)!important;
  font-size:15px!important;
  line-height:1.75!important;
}

body.careka-v106 #blog .editorialImpactList{
  gap:10px!important;
}

body.careka-v106 #blog .editorialImpactList li{
  color:var(--ck106-copy)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

body.careka-v106 #blog .editorialFeatured__media{
  min-height:620px!important;
  padding:30px 20px!important;
  border-left:1px solid rgba(211,170,88,.12)!important;
}

body.careka-v106 #blog .editorialFeatured__screen,
body.careka-v106 #blog .editorialFeatured__media img{
  width:min(88%,430px)!important;
  border-radius:24px!important;
}

body.careka-v106 #blog .editorialRecent{
  margin-top:clamp(20px,2.4vw,30px)!important;
  gap:clamp(18px,2.1vw,26px)!important;
}

body.careka-v106 #blog .editorialCard{
  min-height:360px!important;
  padding:clamp(30px,3.2vw,42px)!important;
  border:1px solid rgba(211,170,88,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(12,16,23,.96),rgba(7,10,15,.99))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

body.careka-v106 #blog .editorialCard:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(211,170,88,.3)!important;
  box-shadow:0 34px 80px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.careka-v106 #blog .editorialCard h3{
  max-width:11ch!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(34px,3vw,44px)!important;
  line-height:.94!important;
  letter-spacing:.025em!important;
}

body.careka-v106 #blog .editorialCard p{
  max-width:34ch!important;
  color:var(--ck106-copy)!important;
  font-size:14.5px!important;
  line-height:1.7!important;
}

body.careka-v106 #blog .editorialLink{
  color:var(--ck106-gold-soft)!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
}

/* ---------- About ---------- */
body.careka-v106 #sobre .aboutSignature{
  position:relative!important;
  padding:clamp(48px,6vw,82px)!important;
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-xl)!important;
  background:
    radial-gradient(680px 420px at 0% 0%,rgba(211,170,88,.055),transparent 70%),
    linear-gradient(180deg,rgba(11,15,21,.95),rgba(6,9,13,.98))!important;
  box-shadow:var(--ck106-shadow)!important;
  overflow:hidden!important;
}

body.careka-v106 #sobre .aboutSignature::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(211,170,88,.04) 1px,transparent 1px),
    linear-gradient(rgba(211,170,88,.035) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 72%);
  opacity:.3;
}

body.careka-v106 #sobre .aboutSignature__grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(340px,.64fr)!important;
  gap:clamp(44px,7vw,96px)!important;
  align-items:start!important;
}

body.careka-v106 #sobre .aboutSignature__title{
  max-width:14ch!important;
  margin:18px 0 0!important;
  color:var(--ck106-ink)!important;
  font-family:var(--title,"Bebas Neue",sans-serif)!important;
  font-size:clamp(54px,5.4vw,78px)!important;
  font-weight:400!important;
  line-height:.92!important;
  letter-spacing:.024em!important;
  text-wrap:balance!important;
}

body.careka-v106 #sobre .aboutSignature__copy{
  max-width:61ch!important;
  margin-top:clamp(28px,3vw,42px)!important;
  display:grid!important;
  gap:15px!important;
}

body.careka-v106 #sobre .aboutSignature__copy p{
  margin:0!important;
  color:var(--ck106-copy)!important;
  font-size:clamp(15px,1.08vw,17px)!important;
  line-height:1.78!important;
}

body.careka-v106 #sobre .aboutSignature__panel{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.careka-v106 #sobre .aboutSignature__meta{
  display:grid!important;
  gap:12px!important;
}

body.careka-v106 #sobre .aboutSignature__meta span{
  min-height:84px!important;
  padding:18px 18px!important;
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  align-items:center!important;
  gap:14px!important;
  border:1px solid rgba(211,170,88,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.018)!important;
  color:var(--ck106-copy)!important;
  font-size:13px!important;
  line-height:1.55!important;
  transition:transform .3s var(--ck106-ease),border-color .3s ease,background .3s ease!important;
}

body.careka-v106 #sobre .aboutSignature__meta span:hover{
  transform:translateX(4px)!important;
  border-color:rgba(211,170,88,.28)!important;
  background:rgba(211,170,88,.04)!important;
}

body.careka-v106 #sobre .aboutSignature__meta b{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border:1px solid rgba(211,170,88,.2)!important;
  border-radius:999px!important;
  color:var(--ck106-gold-soft)!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}

/* ---------- Foundation CTA ---------- */
body.careka-v106 #cta-final .cta-panel--foundation{
  padding:clamp(50px,7vw,90px)!important;
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-xl)!important;
  background:
    radial-gradient(780px 380px at 50% -20%,rgba(211,170,88,.11),transparent 67%),
    linear-gradient(180deg,rgba(17,22,31,.98),rgba(9,12,18,.99))!important;
  box-shadow:var(--ck106-shadow)!important;
  overflow:hidden!important;
}

body.careka-v106 #cta-final .cta-panel--foundation::before{
  background:linear-gradient(90deg,transparent,rgba(211,170,88,.42),transparent)!important;
  opacity:.6!important;
}

body.careka-v106 .ctaFoundationKicker{
  margin:0 auto 24px!important;
}

body.careka-v106 .ctaFoundationTitle{
  max-width:17ch!important;
  margin:0 auto!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(48px,5vw,72px)!important;
  line-height:.94!important;
  letter-spacing:.03em!important;
  text-align:center!important;
  text-wrap:balance!important;
}

body.careka-v106 .ctaFoundationTitle span:nth-child(2),
body.careka-v106 .ctaFoundationTitle span:nth-child(4){
  color:var(--ck106-gold-soft)!important;
}

body.careka-v106 .ctaFoundationCopy{
  max-width:990px!important;
  margin:clamp(30px,4vw,54px) auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(24px,4vw,58px)!important;
}

body.careka-v106 .ctaFoundationCopy p{
  margin:0!important;
  color:var(--ck106-copy)!important;
  font-size:15px!important;
  line-height:1.78!important;
  text-align:left!important;
}

body.careka-v106 .ctaFoundationQuestion{
  max-width:840px!important;
  margin:clamp(32px,4vw,54px) auto 0!important;
  padding-top:clamp(28px,3vw,40px)!important;
  border-top:1px solid rgba(211,170,88,.13)!important;
  color:var(--ck106-ink)!important;
  font-size:clamp(19px,1.75vw,24px)!important;
  line-height:1.45!important;
  font-weight:600!important;
  text-align:center!important;
  text-wrap:balance!important;
}

body.careka-v106 .ctaFoundationActions{
  margin-top:clamp(26px,3vw,38px)!important;
}

body.careka-v106 .ctaFoundationButton{
  min-height:54px!important;
  padding:0 28px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,199,124,.22)!important;
  background:linear-gradient(135deg,#ed872f,#d9651d)!important;
  box-shadow:0 18px 42px rgba(201,86,17,.23),inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}

/* ---------- Contact ---------- */
body.careka-v106 #contato{
  padding-bottom:clamp(54px,7vw,96px)!important;
}

body.careka-v106 #contato .panel{
  padding:0!important;
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-xl)!important;
  background:
    radial-gradient(640px 320px at 0% 0%,rgba(220,107,34,.075),transparent 68%),
    linear-gradient(180deg,rgba(12,16,23,.98),rgba(7,10,15,.99))!important;
  box-shadow:var(--ck106-shadow)!important;
  overflow:hidden!important;
}

body.careka-v106 .contactPremium{
  padding:clamp(44px,6vw,78px)!important;
}

body.careka-v106 .contactPremium__head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.58fr)!important;
  gap:clamp(32px,6vw,88px)!important;
  align-items:end!important;
}

body.careka-v106 .contactPremium__titleWrap{
  display:grid!important;
  gap:16px!important;
}

body.careka-v106 .contactPremium h2{
  max-width:11ch!important;
  margin:0!important;
  color:var(--ck106-ink)!important;
  font-family:var(--title,"Bebas Neue",sans-serif)!important;
  font-size:clamp(54px,5.4vw,78px)!important;
  font-weight:400!important;
  line-height:.91!important;
  letter-spacing:.028em!important;
  text-wrap:balance!important;
}

body.careka-v106 .contactPremium__lead{
  margin:0!important;
  color:var(--ck106-copy)!important;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.68!important;
  text-wrap:pretty!important;
}

body.careka-v106 .contactPremium__grid{
  margin-top:clamp(34px,4.5vw,62px)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

body.careka-v106 .contactPremium__card{
  min-height:156px!important;
  padding:22px!important;
  display:grid!important;
  align-content:space-between!important;
  gap:20px!important;
  border:1px solid rgba(211,170,88,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.018)!important;
  transition:transform .35s var(--ck106-ease),border-color .35s ease,background .35s ease!important;
}

body.careka-v106 a.contactPremium__card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(211,170,88,.3)!important;
  background:rgba(211,170,88,.04)!important;
}

body.careka-v106 .contactPremium__cardTop{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body.careka-v106 .contactPremium__label{
  color:var(--ck106-gold-soft)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.careka-v106 .contactPremium__arrow{
  color:var(--ck106-muted)!important;
  font-size:18px!important;
}

body.careka-v106 .contactPremium__value{
  color:var(--ck106-ink)!important;
  font-size:clamp(17px,1.5vw,21px)!important;
  line-height:1.35!important;
  font-weight:600!important;
}

body.careka-v106 .contactPremium__card > span:last-child{
  display:grid!important;
  gap:6px!important;
}

body.careka-v106 .contactPremium__sub{
  display:block!important;
  color:var(--ck106-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

body.careka-v106 .contactPremium__footer{
  margin-top:clamp(34px,4vw,54px)!important;
  padding-top:clamp(24px,3vw,38px)!important;
  border-top:1px solid rgba(211,170,88,.11)!important;
}

body.careka-v106 .contactPremium__footer .foot{
  gap:30px!important;
}

body.careka-v106 .footBrand{
  color:var(--ck106-gold-soft)!important;
  font-size:15px!important;
  letter-spacing:.18em!important;
}

body.careka-v106 .footlinks{
  gap:8px!important;
  flex-wrap:wrap!important;
}

body.careka-v106 .footlinks .link{
  min-height:40px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(211,170,88,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.015)!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  transition:border-color .3s ease,background .3s ease,color .3s ease!important;
}

body.careka-v106 .footlinks .link:hover{
  border-color:rgba(211,170,88,.28)!important;
  background:rgba(211,170,88,.04)!important;
  color:var(--ck106-gold-soft)!important;
}

/* ---------- Modal ---------- */
body.careka-v106 .modalOverlay{
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  background:rgba(2,4,7,.76)!important;
}

body.careka-v106 .modal{
  border:1px solid var(--ck106-line)!important;
  border-radius:var(--ck106-radius-lg)!important;
  background:linear-gradient(180deg,rgba(15,20,28,.995),rgba(7,10,15,.995))!important;
  box-shadow:0 48px 140px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.careka-v106 .modalTitle{
  color:var(--ck106-ink)!important;
  font-size:clamp(42px,5vw,68px)!important;
  line-height:.92!important;
}

body.careka-v106 .modal p,
body.careka-v106 .modal li{
  color:var(--ck106-copy)!important;
  line-height:1.72!important;
}

/* ---------- Global case, blog and content polish ---------- */
body:not(.careka-home) .topbar__in{
  border:1px solid var(--ck106-line)!important;
  border-radius:20px!important;
  background:rgba(7,10,15,.82)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body:not(.careka-home) .panel,
body:not(.careka-home) .stat,
body:not(.careka-home) .article-card,
body:not(.careka-home) .category-card{
  border-color:var(--ck106-line)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body:not(.careka-home) .section > h2,
body:not(.careka-home) .section-head h2,
body:not(.careka-home) .secHead h2{
  color:var(--ck106-ink)!important;
  font-size:clamp(42px,4.8vw,68px)!important;
  line-height:.92!important;
  letter-spacing:.028em!important;
  text-wrap:balance!important;
}

body:not(.careka-home) .lead p,
body:not(.careka-home) .article-body p,
body:not(.careka-home) .section p{
  line-height:1.76!important;
}

/* ---------- Reveal refinement ---------- */
html.js body.careka-v106 .sec[data-v106-observe] .reveal{
  transition:opacity .85s var(--ck106-ease),transform .85s var(--ck106-ease)!important;
}

html.js body.careka-v106 .sec[data-v106-observe]:not(.is-v106-visible) > .reveal,
html.js body.careka-v106 .sec[data-v106-observe]:not(.is-v106-visible) .secHead.reveal{
  opacity:0!important;
  transform:translateY(20px)!important;
}

html.js body.careka-v106 .sec.is-v106-visible > .reveal,
html.js body.careka-v106 .sec.is-v106-visible .secHead.reveal{
  opacity:1!important;
  transform:none!important;
}

/* ---------- Light theme adjustments ---------- */
html[data-theme="light"] body.careka-v106 .ck-header-v75{
  background:rgba(247,239,226,.92)!important;
  border-bottom-color:rgba(137,83,39,.13)!important;
}

html[data-theme="light"] body.careka-v106 .ck-menu-toggle-v75{
  background:rgba(80,42,18,.03)!important;
}

html[data-theme="light"] body.careka-v106 .ck-menu-toggle-v75 span{
  background:#8d4a1c!important;
}

html[data-theme="light"] body.careka-v106 #portfolio .portfolioViewport,
html[data-theme="light"] body.careka-v106 .pillarPanelV10,
html[data-theme="light"] body.careka-v106 #blog .editorialFeatured--withImage,
html[data-theme="light"] body.careka-v106 #blog .editorialCard,
html[data-theme="light"] body.careka-v106 #sobre .aboutSignature,
html[data-theme="light"] body.careka-v106 #cta-final .cta-panel--foundation,
html[data-theme="light"] body.careka-v106 #contato .panel{
  background:linear-gradient(180deg,rgba(255,251,244,.97),rgba(244,232,214,.94))!important;
  box-shadow:var(--ck106-shadow)!important;
}

html[data-theme="light"] body.careka-v106 #portfolio .port-delivery,
html[data-theme="light"] body.careka-v106 .pillarSolutionButtonV10,
html[data-theme="light"] body.careka-v106 #sobre .aboutSignature__meta span,
html[data-theme="light"] body.careka-v106 .contactPremium__card{
  background:rgba(93,53,25,.03)!important;
}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  body.careka-v106 .ckHeroFinal__title{font-size:clamp(54px,6.5vw,82px)!important;}
  body.careka-v106 .ckHeroFinal__card{width:min(820px,88%)!important;}
  body.careka-v106 #portfolio .port-content{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important;}
  body.careka-v106 #blog .editorialFeatured--withImage{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)!important;}
}

@media (max-width:980px){
  :root{--ck106-section:clamp(76px,10vw,112px);}
  body.careka-v106 .secHead--v106,
  body.careka-v106 #pilares .servicesIntro,
  body.careka-v106 #blog .editorialHeader,
  body.careka-v106 #sobre .aboutSignature__grid,
  body.careka-v106 .contactPremium__head{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  body.careka-v106 #blog .editorialHeader__intro{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  body.careka-v106 #blog .editorialKicker,
  body.careka-v106 #blog .editorialHeader h2,
  body.careka-v106 #blog .editorialIntro{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body.careka-v106 #pilares .servicesIntro__kicker,
  body.careka-v106 #pilares .servicesIntro h2,
  body.careka-v106 #pilares .servicesIntro small{
    grid-column:1!important;
  }
  body.careka-v106 .pillarStackV10{grid-template-columns:1fr!important;}
  body.careka-v106 .pillarPanelV11.is-open{grid-column:1!important;}
  body.careka-v106 #portfolio .port-content{grid-template-columns:1fr!important;gap:24px!important;}
  body.careka-v106 #portfolio .port-delivery{min-height:auto!important;}
  body.careka-v106 #blog .editorialFeatured--withImage{grid-template-columns:1fr!important;}
  body.careka-v106 #blog .editorialFeatured__media{
    min-height:520px!important;
    border-left:0!important;
    border-top:1px solid rgba(211,170,88,.12)!important;
  }
  body.careka-v106 #blog .editorialRecent{grid-template-columns:1fr!important;}
  body.careka-v106 #blog .editorialCard{min-height:0!important;}
  body.careka-v106 .contactPremium__grid{grid-template-columns:1fr!important;}
  body.careka-v106 .contactPremium__card{min-height:132px!important;}
  body.careka-v106 .ctaFoundationCopy{grid-template-columns:1fr!important;gap:18px!important;}
  body.careka-v106 .pillarServiceFullCardV11{grid-template-columns:1fr!important;}
}

@media (max-width:760px){
  :root{--ck106-shell:min(100% - 28px,1240px);--ck106-section:72px;}
  body.careka-v106 .ck-header-v75{
    min-height:66px!important;
    padding:0 14px!important;
  }
  body.careka-v106 .ck-brand__mark{width:40px!important;height:40px!important;}
  body.careka-v106 .ck-brand__text b{font-size:13px!important;letter-spacing:.16em!important;}
  body.careka-v106 .ck-brand__text small{font-size:8px!important;}
  body.careka-v106 .ck-header-v75__cta{display:none!important;}
  body.careka-v106 .ck-menu-toggle-v75{width:42px!important;height:42px!important;}
  body.careka-v106 .ckHeroFinal{
    min-height:auto!important;
    border-radius:0 0 28px 28px!important;
  }
  body.careka-v106 .ckHeroFinal__layout{
    padding:clamp(92px,22vw,126px) 0 30px!important;
    gap:34px!important;
  }
  body.careka-v106 .ckHeroFinal__copy{max-width:none!important;}
  body.careka-v106 .ckHeroFinal__title{
    font-size:clamp(43px,12.5vw,62px)!important;
    line-height:.9!important;
    letter-spacing:.012em!important;
  }
  body.careka-v106 .ckHeroFinal__titleLine{display:inline!important;}
  body.careka-v106 .ckHeroFinal__copy > p{font-size:15px!important;line-height:1.68!important;}
  body.careka-v106 .ckHeroFinal__cta{
    width:100%!important;
    min-height:54px!important;
    justify-content:space-between!important;
    padding:0 20px!important;
  }
  body.careka-v106 .ckHeroFinal__card{
    width:100%!important;
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }
  body.careka-v106 .ckHeroFinal__identity{
    border-right:0!important;
    border-bottom:1px solid rgba(211,170,88,.12)!important;
  }
  body.careka-v106 .ckHeroFinal__photo{width:76px!important;height:76px!important;}
  body.careka-v106 .ckHeroFinal__person strong{font-size:27px!important;}
  body.careka-v106 .ckHeroFinal__metaItem{padding:16px 14px!important;}
  body.careka-v106 .secHead h2,
  body.careka-v106 .servicesIntro h2,
  body.careka-v106 #blog .editorialHeader h2,
  body.careka-v106 #sobre .aboutSignature__title,
  body.careka-v106 .contactPremium h2{
    max-width:100%!important;
    font-size:clamp(42px,12vw,58px)!important;
  }
  body.careka-v106 #portfolio .portfolioViewport{border-radius:24px!important;}
  body.careka-v106 #portfolio .port-img-wrapper{min-height:clamp(270px,70vw,420px)!important;}
  body.careka-v106 #portfolio .port-content{padding:26px 22px 18px!important;}
  body.careka-v106 #portfolio .port-title{max-width:100%!important;font-size:clamp(32px,9vw,44px)!important;}
  body.careka-v106 #portfolio .port-footer{padding:0 22px 26px!important;}
  body.careka-v106 #portfolio .port-open{width:100%!important;}
  body.careka-v106 #portfolio .portfolioNav{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }
  body.careka-v106 #portfolio .portfolioNav--prev{left:12px!important;}
  body.careka-v106 #portfolio .portfolioNav--next{right:12px!important;}
  body.careka-v106 .pillarPanelMediaV10{min-height:230px!important;}
  body.careka-v106 .pillarPanelIndexV10{font-size:74px!important;left:20px!important;bottom:18px!important;}
  body.careka-v106 .pillarPanelBodyV10{padding:26px 22px!important;}
  body.careka-v106 .pillarPanelBodyV10 h3{max-width:100%!important;font-size:clamp(38px,11vw,50px)!important;}
  body.careka-v106 .pillarPanelFooterV10{display:grid!important;grid-template-columns:1fr!important;}
  body.careka-v106 .pillarPanelFooterV10 .btn{width:100%!important;}
  body.careka-v106 .pillarSolutionsDrawerV11{margin:0 18px 28px!important;}
  body.careka-v106 #blog .editorialFeatured__copy{padding:28px 22px!important;}
  body.careka-v106 #blog .editorialFeatured h3{max-width:100%!important;font-size:clamp(38px,10.8vw,50px)!important;}
  body.careka-v106 #blog .editorialFeatured__media{min-height:420px!important;padding:22px 12px!important;}
  body.careka-v106 #blog .editorialCard{padding:28px 22px!important;}
  body.careka-v106 #blog .editorialCard h3{max-width:100%!important;font-size:clamp(32px,9vw,42px)!important;}
  body.careka-v106 #sobre .aboutSignature,
  body.careka-v106 #cta-final .cta-panel--foundation,
  body.careka-v106 .contactPremium{padding:32px 22px!important;border-radius:24px!important;}
  body.careka-v106 .ctaFoundationTitle{max-width:100%!important;font-size:clamp(39px,10.8vw,52px)!important;}
  body.careka-v106 .ctaFoundationQuestion{font-size:18px!important;}
  body.careka-v106 .ctaFoundationButton{width:100%!important;min-height:54px!important;padding:0 18px!important;}
  body.careka-v106 .contactPremium__footer .foot{align-items:flex-start!important;}
  body.careka-v106 .footlinks{justify-content:flex-start!important;margin-top:18px!important;}
}

@media (max-width:420px){
  body.careka-v106 .ck-brand__text small{display:none!important;}
  body.careka-v106 .ckHeroFinal__meta{grid-template-columns:1fr!important;}
  body.careka-v106 .ckHeroFinal__metaItem + .ckHeroFinal__metaItem{
    border-left:0!important;
    border-top:1px solid rgba(211,170,88,.12)!important;
  }
  body.careka-v106 .sectionEyebrow,
  body.careka-v106 .servicesIntro__kicker,
  body.careka-v106 .aboutSignature__kicker,
  body.careka-v106 .editorialKicker,
  body.careka-v106 .ctaFoundationKicker,
  body.careka-v106 .contactPremium__kicker{
    font-size:9px!important;
    letter-spacing:.14em!important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  html.js body.careka-v106 .sec[data-v106-observe]:not(.is-v106-visible) > .reveal,
  html.js body.careka-v106 .sec[data-v106-observe]:not(.is-v106-visible) .secHead.reveal{
    opacity:1!important;
    transform:none!important;
  }
}

/* ===== Fonte: assets/css/careka-v107-premium-responsive.css ===== */
/* ========================================================================
   CAREKA DIGITAL — V107 PREMIUM RESPONSIVE QUALITY LAYER
   Consolida correções de responsividade, acessibilidade, estabilidade visual
   e refinamento de interação sem alterar conteúdo ou integrações existentes.
   ======================================================================== */

:root{
  --ck107-header-height:76px;
  --ck107-shell:min(100% - clamp(28px,6vw,96px),1440px);
  --ck107-content:760px;
  --ck107-section:clamp(72px,8vw,136px);
  --ck107-safe-left:max(14px,env(safe-area-inset-left));
  --ck107-safe-right:max(14px,env(safe-area-inset-right));
  --ck107-safe-bottom:max(18px,env(safe-area-inset-bottom));
  --ck107-ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;}

html{
  overflow-x:clip;
  scroll-padding-top:calc(var(--ck107-header-height) + 18px);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.careka-v107{
  min-width:320px;
  padding-top:var(--ck107-header-height)!important;
  overflow-x:clip;
}

.ck-skip-link{
  position:fixed;
  top:10px;
  left:max(10px,env(safe-area-inset-left));
  z-index:100000;
  min-height:44px;
  padding:0 18px;
  display:flex;
  align-items:center;
  border:2px solid #f0d18d;
  border-radius:12px;
  background:#07090d;
  color:#fff;
  font:700 14px/1.2 Inter,sans-serif;
  text-decoration:none;
  transform:translateY(calc(-100% - 24px));
  transition:transform .25s var(--ck107-ease);
}

.ck-skip-link:focus{
  transform:translateY(0);
}

body.careka-v107 main.container{
  width:var(--ck107-shell)!important;
  max-width:none!important;
  margin-inline:auto!important;
}

body.careka-v107 section[id]{
  scroll-margin-top:calc(var(--ck107-header-height) + 18px)!important;
}

body.careka-v107 img,
body.careka-v107 video,
body.careka-v107 svg,
body.careka-v107 canvas{
  max-width:100%;
}

body.careka-v107 img,
body.careka-v107 video{
  display:block;
}

body.careka-v107 :where(p,li,dd){
  overflow-wrap:break-word;
}

body.careka-v107 :where(button,input,select,textarea){
  font:inherit;
}

body.careka-v107 :where(a,button,[role="button"],input,select,textarea):focus-visible{
  outline:3px solid #f0d18d!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(240,209,141,.14)!important;
}

body.careka-v107 :where(a,button,[role="button"]){
  touch-action:manipulation;
}

/* Header --------------------------------------------------------------- */
html body.careka-v107 .ck-header-v75{
  min-height:var(--ck107-header-height)!important;
  padding-left:calc(clamp(18px,3.2vw,48px) + env(safe-area-inset-left))!important;
  padding-right:calc(clamp(18px,3.2vw,48px) + env(safe-area-inset-right))!important;
}

html body.careka-v107 .ck-brand,
html body.careka-v107 .ck-header-v75__cta,
html body.careka-v107 .ck-menu-toggle-v75{
  min-height:44px!important;
}

html body.careka-v107 .ck-header-v75__cta{
  font-size:13px!important;
  line-height:1.25!important;
}

html body.careka-v107 .ck-menu-toggle-v75{
  min-width:44px!important;
}

/* Mega menu ------------------------------------------------------------ */
html body.careka-v107 .ck-mega-v75{
  max-width:100vw!important;
  max-height:100dvh!important;
  padding-left:var(--ck107-safe-left)!important;
  padding-right:var(--ck107-safe-right)!important;
  padding-bottom:var(--ck107-safe-bottom)!important;
  overscroll-behavior:contain;
}

html body.careka-v107 .ck-mega-v75__shell{
  width:min(100%,1680px)!important;
  max-height:calc(100dvh - var(--ck107-header-height) - var(--ck107-safe-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

html body.careka-v107 .ck-mega-v75[aria-hidden="true"]{
  pointer-events:none!important;
  visibility:hidden!important;
}

html body.careka-v107 .ck-mega-v75[aria-hidden="false"]{
  pointer-events:auto!important;
  visibility:visible!important;
}

html body.careka-v107 .ck-v75-menu-card,
html body.careka-v107 .ck-v75-btn,
html body.careka-v107 .ck-mega-v75__close,
html body.careka-v107 .ck-v75-quickbar a{
  min-height:44px!important;
}

/* Hero ----------------------------------------------------------------- */
html body.careka-v107 #hero.ckHeroFinal.ckHeroV103{
  min-height:max(650px,calc(100svh - var(--ck107-header-height)))!important;
  margin-top:0!important;
  padding:0!important;
  border-radius:0 0 clamp(28px,3vw,46px) clamp(28px,3vw,46px)!important;
  contain:layout paint;
}

html body.careka-v107 #hero.ckHeroV103::before{
  inset:0!important;
  border-radius:inherit!important;
}

html body.careka-v107 #hero.ckHeroV103>.ckHeroFinal__video{
  inset:0!important;
  transform:scale(1.01)!important;
}

html body.careka-v107 #hero.ckHeroV103>.ckHeroFinal__layout{
  width:var(--ck107-shell)!important;
  min-height:inherit!important;
  padding:clamp(76px,8vw,126px) 0 clamp(42px,5vw,76px)!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:space-between!important;
  gap:clamp(34px,5vw,72px)!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__copy{
  grid-column:1!important;
  grid-row:1!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  align-self:center!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
  max-width:1030px!important;
  font-size:clamp(54px,5.8vw,92px)!important;
  line-height:.9!important;
  letter-spacing:.015em!important;
  text-wrap:balance!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__titleLine{
  display:block!important;
  white-space:normal!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__copy>p{
  width:min(100%,720px)!important;
  max-width:720px!important;
  font-size:clamp(16px,1.02vw,18px)!important;
  line-height:1.7!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__cta{
  min-height:56px!important;
  padding-inline:28px!important;
  font-size:13px!important;
  line-height:1.25!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__card{
  grid-column:1!important;
  grid-row:2!important;
  align-self:end!important;
  justify-self:end!important;
  width:min(100%,820px)!important;
  max-width:820px!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__person span,
html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__metaItem span{
  font-size:13px!important;
}

html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__metaItem small{
  font-size:12px!important;
}

html body.careka-v107 #hero.is-static>.ckHeroFinal__video{
  display:none!important;
}

html body.careka-v107 #hero.is-static{
  background:#050607 url("../img/hero/careka-digital-hero-loop-poster.webp") center/cover no-repeat!important;
}

/* Sections and readable content --------------------------------------- */
html body.careka-v107 .sec{
  padding-block:var(--ck107-section)!important;
}

html body.careka-v107 .secHead,
html body.careka-v107 .servicesIntro,
html body.careka-v107 .editorialHeader,
html body.careka-v107 .aboutSignature__grid,
html body.careka-v107 .contactPremium__head{
  min-width:0;
}

html body.careka-v107 :where(
  .secHead small,
  .servicesIntro small,
  .port-desc,
  .port-delivery span,
  .pillarPanelBodyV10>p,
  .pillarSolutionsHeaderV11 p,
  .editorialFeatured p,
  .editorialCard p,
  .aboutSignature__copy p,
  .ctaFoundationCopy p,
  .modal p,
  .modal li
){
  font-size:clamp(16px,.35vw + 14.5px,18px)!important;
  line-height:1.72!important;
}

html body.careka-v107 .secHead h2,
html body.careka-v107 .servicesIntro h2,
html body.careka-v107 #blog .editorialHeader h2,
html body.careka-v107 #sobre .aboutSignature__title,
html body.careka-v107 .contactPremium h2{
  text-wrap:balance!important;
  overflow-wrap:normal;
}

/* Portfolio ------------------------------------------------------------ */
html body.careka-v107 #portfolio .portfolioViewport{
  max-width:100%!important;
  touch-action:pan-y pinch-zoom;
}

html body.careka-v107 #portfolio .portfolioTrack{
  min-width:0!important;
}

html body.careka-v107 #portfolio .portfolioPage{
  min-width:100%!important;
}

html body.careka-v107 #portfolio .portfolioPage[aria-hidden="true"]{
  visibility:hidden;
}

html body.careka-v107 #portfolio .portfolioPage[aria-hidden="false"]{
  visibility:visible;
}

html body.careka-v107 #portfolio .port-img-wrapper{
  aspect-ratio:16/9;
  min-height:0!important;
  max-height:none!important;
}

html body.careka-v107 #portfolio .port-img{
  min-height:0!important;
  aspect-ratio:16/9;
}

html body.careka-v107 #portfolio .port-open,
html body.careka-v107 #portfolio .portfolioNav{
  min-height:48px!important;
  font-size:13px!important;
}

/* Services, editorial and contact ------------------------------------- */
html body.careka-v107 .pillarPanelV10,
html body.careka-v107 #blog .editorialFeatured,
html body.careka-v107 #blog .editorialCard,
html body.careka-v107 #sobre .aboutSignature,
html body.careka-v107 #cta-final .cta-panel,
html body.careka-v107 #contato .panel{
  min-width:0!important;
}

html body.careka-v107 .pillarSolutionButtonV10,
html body.careka-v107 .pillarPanelFooterV10 .btn,
html body.careka-v107 .editorialLink,
html body.careka-v107 .ctaFoundationButton,
html body.careka-v107 .footlinks .link{
  min-height:44px!important;
  font-size:13px!important;
  line-height:1.35!important;
}

html body.careka-v107 #blog .editorialFeatured__media{
  min-height:clamp(420px,48vw,620px)!important;
}

html body.careka-v107 #blog .editorialFeatured__screen,
html body.careka-v107 #blog .editorialFeatured__media img{
  max-width:100%!important;
}

html body.careka-v107 .contactPremium__card{
  min-height:148px!important;
}

html body.careka-v107 .contactPremium__sub{
  font-size:13px!important;
}

/* Modal --------------------------------------------------------------- */
html body.careka-v107 .modalOverlay{
  padding:clamp(14px,3vw,36px)!important;
  overscroll-behavior:contain;
}

html body.careka-v107 .modalOverlay[aria-hidden="true"]{
  pointer-events:none!important;
  visibility:hidden!important;
}

html body.careka-v107 .modalOverlay.open[aria-hidden="false"]{
  pointer-events:auto!important;
  visibility:visible!important;
}

html body.careka-v107 .modal{
  width:min(100%,980px)!important;
  max-height:calc(100dvh - clamp(28px,6vw,72px))!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

html body.careka-v107 :where(input,select,textarea){
  min-height:48px;
  font-size:16px!important;
}

/* Tablet --------------------------------------------------------------- */
@media (max-width:1024px){
  :root{--ck107-shell:min(100% - clamp(28px,5vw,56px),1440px);}

  html body.careka-v107 #hero.ckHeroV103>.ckHeroFinal__layout{
    padding-top:clamp(68px,9vw,94px)!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    font-size:clamp(50px,7.4vw,74px)!important;
  }

  html body.careka-v107 #portfolio .port-content,
  html body.careka-v107 #blog .editorialFeatured--withImage,
  html body.careka-v107 #sobre .aboutSignature__grid,
  html body.careka-v107 .contactPremium__head{
    grid-template-columns:1fr!important;
  }
}

/* Mobile --------------------------------------------------------------- */
@media (max-width:760px){
  :root{
    --ck107-header-height:66px;
    --ck107-shell:min(100% - 28px,1440px);
    --ck107-section:clamp(62px,17vw,86px);
  }

  html body.careka-v107 .ck-header-v75{
    padding-left:calc(14px + env(safe-area-inset-left))!important;
    padding-right:calc(14px + env(safe-area-inset-right))!important;
  }

  html body.careka-v107 #hero.ckHeroFinal.ckHeroV103{
    min-height:auto!important;
  }

  html body.careka-v107 #hero.ckHeroV103>.ckHeroFinal__layout{
    min-height:auto!important;
    padding:clamp(76px,20vw,108px) 0 max(28px,env(safe-area-inset-bottom))!important;
    gap:30px!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    max-width:100%!important;
    font-size:clamp(40px,12.1vw,58px)!important;
    line-height:.91!important;
    letter-spacing:.006em!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__titleLine{
    display:inline!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__titleLine::after{
    content:" ";
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__copy>p{
    font-size:16px!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__cta{
    width:100%!important;
    justify-content:space-between!important;
    padding-inline:20px!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__card{
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__identity{
    border-right:0!important;
    border-bottom:1px solid rgba(211,170,88,.14)!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html body.careka-v107 .secHead,
  html body.careka-v107 #pilares .servicesIntro,
  html body.careka-v107 #blog .editorialHeader,
  html body.careka-v107 #blog .editorialHeader__intro,
  html body.careka-v107 #sobre .aboutSignature__grid,
  html body.careka-v107 .contactPremium__head,
  html body.careka-v107 .ctaFoundationCopy,
  html body.careka-v107 .contactPremium__grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  html body.careka-v107 #portfolio .port-img-wrapper,
  html body.careka-v107 #portfolio .port-img{
    aspect-ratio:4/3;
  }

  html body.careka-v107 #portfolio .port-content,
  html body.careka-v107 #portfolio .port-footer,
  html body.careka-v107 .pillarPanelBodyV10,
  html body.careka-v107 #blog .editorialFeatured__copy,
  html body.careka-v107 #blog .editorialCard,
  html body.careka-v107 #sobre .aboutSignature,
  html body.careka-v107 #cta-final .cta-panel--foundation,
  html body.careka-v107 .contactPremium{
    padding-left:clamp(20px,6vw,28px)!important;
    padding-right:clamp(20px,6vw,28px)!important;
  }

  html body.careka-v107 #blog .editorialFeatured__media{
    min-height:clamp(360px,106vw,520px)!important;
  }

  html body.careka-v107 .footlinks{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html body.careka-v107 .footlinks .link{
    justify-content:center!important;
  }
}

@media (max-width:430px){
  :root{--ck107-shell:min(100% - 22px,1440px);}

  html body.careka-v107 .ck-brand__text b{
    font-size:12px!important;
    letter-spacing:.14em!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    font-size:clamp(37px,11.9vw,51px)!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__meta{
    grid-template-columns:1fr!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__metaItem+.ckHeroFinal__metaItem{
    border-left:0!important;
    border-top:1px solid rgba(211,170,88,.14)!important;
  }

  html body.careka-v107 .footlinks{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:360px){
  :root{--ck107-shell:min(100% - 18px,1440px);}

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    font-size:clamp(34px,11.7vw,43px)!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__identity{
    grid-template-columns:70px minmax(0,1fr)!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__photo{
    width:70px!important;
    height:70px!important;
  }
}

/* Short viewports ------------------------------------------------------ */
@media (min-width:761px) and (max-height:740px){
  html body.careka-v107 #hero.ckHeroFinal.ckHeroV103{
    min-height:auto!important;
  }

  html body.careka-v107 #hero.ckHeroV103>.ckHeroFinal__layout{
    min-height:auto!important;
    padding-block:58px 34px!important;
  }

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    font-size:clamp(48px,5vw,68px)!important;
  }
}

/* Ultrawide / 4K / 8K ------------------------------------------------- */
@media (min-width:1920px){
  :root{--ck107-shell:min(100% - 12vw,1600px);}

  html body.careka-v107 #hero.ckHeroV103 .ckHeroFinal__title{
    font-size:92px!important;
  }

  html body.careka-v107 #portfolio .port-img-wrapper{
    max-height:760px!important;
  }
}

@media (min-width:3840px){
  :root{--ck107-shell:1600px;--ck107-section:148px;}

  html body.careka-v107{
    font-size:18px;
  }
}

/* Input modes and user preferences ------------------------------------ */
@media (hover:none),(pointer:coarse){
  html body.careka-v107 :where(
    .port-card,
    .pillarPanelV10,
    .editorialCard,
    .contactPremium__card,
    .aboutSignature__meta span
  ):hover{
    transform:none!important;
  }
}

@media (prefers-contrast:more){
  body.careka-v107{
    --ck106-copy:rgba(255,255,255,.9);
    --ck106-muted:rgba(255,255,255,.76);
    --ck106-line:rgba(240,209,141,.42);
  }
}

@media (forced-colors:active){
  body.careka-v107 :where(a,button,input,select,textarea){
    forced-color-adjust:auto;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
  body.careka-v107 .reveal,
  body.careka-v107 .motion-reveal{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

/* ===== Fonte: ck-editorial-exact-v38 ===== */
/* =========================================================
   CAREKA DIGITAL — EDITORIAL EXACT V38
   Ajuste final para reproduzir a referência visual do usuário.
   ========================================================= */
#blog.editorialSection{
  position:relative!important;
  overflow:visible!important;
  padding:clamp(54px,6vw,92px) 0 clamp(54px,6vw,82px)!important;
}
#blog.editorialSection::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1000px 620px at 12% 0%,rgba(197,160,89,.08),transparent 60%),
    radial-gradient(820px 560px at 100% 12%,rgba(196,93,24,.06),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0));
  pointer-events:none;
}
#blog .editorialShell{
  position:relative!important;
  z-index:1!important;
  width:min(100%,1250px)!important;
  margin:0 auto!important;
  display:grid!important;
  gap:clamp(28px,3.2vw,42px)!important;
}
#blog .editorialHeader{
  display:grid!important;
  gap:clamp(18px,2vw,24px)!important;
}
#blog .editorialHeader__intro{display:grid!important;gap:clamp(14px,1.8vw,18px)!important;max-width:980px!important;}
#blog .editorialKicker{
  display:inline-flex!important;align-items:center!important;gap:14px!important;width:fit-content!important;
  color:var(--gold-2)!important;font:800 clamp(.84rem,.9vw,.96rem)/1 var(--body,Inter,sans-serif)!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
}
#blog .editorialKicker::after{content:"";width:58px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-2),transparent)!important;}
#blog .editorialHeader h2{
  margin:0!important;max-width:990px!important;color:var(--text)!important;
  font-family:var(--title,"Bebas Neue",Impact,sans-serif)!important;font-weight:400!important;text-transform:uppercase!important;
  font-size:clamp(66px,8.5vw,138px)!important;line-height:.9!important;letter-spacing:.01em!important;text-wrap:balance!important;
}
#blog .editorialIntro{max-width:860px!important;display:grid!important;gap:14px!important;}
#blog .editorialIntro p{margin:0!important;color:var(--text-soft)!important;font:400 clamp(16px,1.14vw,19px)/1.72 var(--body,Inter,sans-serif)!important;}
#blog .editorialFilters{
  display:flex!important;align-items:center!important;gap:clamp(18px,2vw,34px)!important;flex-wrap:wrap!important;
}
#blog .editorialFilters a{
  position:relative!important;color:var(--text-muted)!important;text-decoration:none!important;
  font:500 clamp(1rem,1.02vw,1.08rem)/1 var(--body,Inter,sans-serif)!important;letter-spacing:-.01em!important;
  transition:color .3s ease!important;
}
#blog .editorialFilters a::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-2),var(--accent-2))!important;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.16,1,.3,1)!important;}
#blog .editorialFilters a:hover,#blog .editorialFilters a:focus-visible,#blog .editorialFilters a.is-active{color:var(--text)!important;}
#blog .editorialFilters a:hover::after,#blog .editorialFilters a:focus-visible::after,#blog .editorialFilters a.is-active::after{transform:scaleX(1)!important;}
#blog .editorialFilters__line{position:relative!important;flex:1 1 180px!important;min-width:140px!important;height:1px!important;background:linear-gradient(90deg,rgba(197,160,89,.28),rgba(197,160,89,.12) 74%,transparent)!important;}
#blog .editorialFilters__line::after{content:"";position:absolute;right:-2px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:var(--gold-2)!important;box-shadow:0 0 0 7px rgba(197,160,89,.06),0 0 22px rgba(197,160,89,.42)!important;}
#blog .editorialLayout{display:grid!important;grid-template-columns:1fr!important;gap:clamp(24px,2.8vw,30px)!important;}
#blog .editorialFeatured--withImage{
  display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(420px,.86fr)!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;
  border:1px solid rgba(197,160,89,.22)!important;border-radius:clamp(28px,3vw,40px)!important;
  background:
    radial-gradient(840px 380px at 0% 0%,rgba(197,160,89,.06),transparent 62%),
    radial-gradient(680px 360px at 100% 0%,rgba(197,160,89,.08),transparent 64%),
    linear-gradient(180deg,rgba(6,9,14,.98),rgba(6,9,15,.98))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#blog .editorialFeatured__copy{display:grid!important;align-content:center!important;gap:clamp(18px,2vw,28px)!important;padding:clamp(34px,4vw,48px)!important;}
#blog .editorialTag{
  display:inline-flex!important;align-items:center!important;gap:10px!important;width:fit-content!important;
  color:var(--gold-2)!important;font:800 clamp(.78rem,.82vw,.92rem)/1 var(--body,Inter,sans-serif)!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
#blog .editorialTag::before{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:15px;line-height:1;color:var(--gold-2)!important;opacity:.95;}
#blog .editorialTag--spark::before{content:"✧";}
#blog .editorialTag--eye::before{content:"◉";font-size:12px;}
#blog .editorialTag--shield::before{content:"⬡";font-size:12px;}
#blog .editorialTag--star::before{content:"✦";}
#blog .editorialFeatured h3,#blog .editorialCard h3{
  margin:0!important;color:var(--text)!important;font-family:var(--title,"Bebas Neue",Impact,sans-serif)!important;font-weight:400!important;
  text-transform:uppercase!important;letter-spacing:.012em!important;text-wrap:balance!important;
}
#blog .editorialFeatured h3{max-width:11ch!important;font-size:clamp(46px,4.35vw,72px)!important;line-height:.95!important;}
#blog .editorialFeatured p{margin:0!important;max-width:39ch!important;color:var(--text-soft)!important;font:400 clamp(16px,1.06vw,18px)/1.72 var(--body,Inter,sans-serif)!important;}
#blog .editorialImpactList{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:12px!important;}
#blog .editorialImpactList li{position:relative!important;padding-left:28px!important;color:var(--text-soft)!important;font:400 clamp(15px,1vw,17px)/1.56 var(--body,Inter,sans-serif)!important;}
#blog .editorialImpactList li::before{content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--accent-2))!important;box-shadow:0 0 0 5px rgba(197,160,89,.07)!important;}
#blog .editorialLink{display:inline-flex!important;align-items:center!important;gap:10px!important;width:fit-content!important;color:var(--gold-2)!important;text-decoration:none!important;font:800 clamp(.88rem,.88vw,.98rem)/1 var(--body,Inter,sans-serif)!important;letter-spacing:.14em!important;text-transform:uppercase!important;transition:transform .3s ease,color .3s ease!important;}
#blog .editorialLink span{transition:transform .3s ease!important;}
#blog .editorialLink:hover,#blog .editorialLink:focus-visible{color:var(--accent-2)!important;transform:translateX(2px)!important;}
#blog .editorialLink:hover span,#blog .editorialLink:focus-visible span{transform:translateX(4px)!important;}
#blog .editorialFeatured__media{
  position:relative!important;display:grid!important;place-items:center!important;min-height:100%!important;overflow:hidden!important;
  border-left:1px solid rgba(197,160,89,.14)!important;
  background:
    radial-gradient(540px 280px at 50% 8%,rgba(197,160,89,.09),transparent 62%),
    linear-gradient(180deg,rgba(7,10,16,.98),rgba(7,10,15,.98))!important;
}
#blog .editorialFeatured__media::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 0% 100%,rgba(197,160,89,.05),transparent 66%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.16));pointer-events:none;z-index:0;}
#blog .editorialFeatured__screen{position:absolute!important;inset:clamp(18px,2.2vw,24px)!important;border-radius:28px!important;border:1px solid rgba(197,160,89,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;z-index:0!important;}
#blog .editorialFeatured__media img{
  position:relative!important;z-index:1!important;display:block!important;width:min(90%,560px)!important;height:auto!important;max-height:92%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;
  filter:saturate(1.02) contrast(1.03)!important;
}
#blog .editorialRecent{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2vw,24px)!important;}
#blog .editorialCard{
  min-height:100%!important;display:grid!important;align-content:start!important;gap:clamp(16px,1.7vw,22px)!important;padding:clamp(28px,3vw,34px)!important;
  border:1px solid rgba(197,160,89,.18)!important;border-radius:clamp(22px,2vw,28px)!important;
  background:
    radial-gradient(220px 140px at 0% 0%,rgba(197,160,89,.06),transparent 62%),
    linear-gradient(180deg,rgba(6,9,14,.92),rgba(6,9,14,.96))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03)!important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease!important;
}
#blog .editorialCard--visual{background:radial-gradient(180px 160px at 0% 0%,rgba(196,93,24,.18),transparent 42%),linear-gradient(180deg,rgba(6,9,14,.92),rgba(6,9,14,.96))!important;}
#blog .editorialCard--ai::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 72%,rgba(197,160,89,.10) 72%,transparent 84%);pointer-events:none;}
#blog .editorialCard{position:relative!important;overflow:hidden!important;}
#blog .editorialCard:hover,#blog .editorialCard:focus-within{transform:translateY(-4px)!important;border-color:rgba(197,160,89,.28)!important;box-shadow:0 26px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;}
#blog .editorialCard h3{font-size:clamp(34px,2.9vw,48px)!important;line-height:.98!important;max-width:12ch!important;}
#blog .editorialCard p{margin:0!important;max-width:28ch!important;color:var(--text-soft)!important;font:400 clamp(15.5px,1vw,17px)/1.68 var(--body,Inter,sans-serif)!important;}
#blog .editorialCard .editorialLink{margin-top:auto!important;padding-top:4px!important;}
#blog .editorialSection::after{content:"";display:block;width:min(100%,1140px);height:1px;margin:clamp(34px,4vw,44px) auto 0;background:linear-gradient(90deg,transparent,rgba(197,160,89,.30) 18%,rgba(197,160,89,.30) 82%,transparent)!important;}
#blog .editorialShell::after{content:"⌘";position:relative;display:grid;place-items:center;width:28px;height:28px;margin:0 auto;margin-top:calc(clamp(34px,4vw,44px) * -1 - 14px);border-radius:999px;border:1px solid rgba(197,160,89,.30)!important;background:rgba(8,11,16,.98)!important;color:var(--gold-2)!important;font-size:18px;line-height:1;box-shadow:0 0 0 6px rgba(197,160,89,.04)!important;}

html[data-theme="light"] #blog .editorialHeader h2,html[data-theme="light"] #blog .editorialFeatured h3,html[data-theme="light"] #blog .editorialCard h3{color:var(--ck-ink-v36)!important;}
html[data-theme="light"] #blog .editorialIntro p,html[data-theme="light"] #blog .editorialFeatured p,html[data-theme="light"] #blog .editorialCard p,html[data-theme="light"] #blog .editorialImpactList li{color:var(--ck-muted-v36)!important;}
html[data-theme="light"] #blog .editorialKicker,html[data-theme="light"] #blog .editorialTag,html[data-theme="light"] #blog .editorialLink{color:var(--ck-terracotta-v36)!important;}
html[data-theme="light"] #blog .editorialFilters a{color:rgba(33,21,13,.68)!important;}
html[data-theme="light"] #blog .editorialFilters a:hover,html[data-theme="light"] #blog .editorialFilters a:focus-visible,html[data-theme="light"] #blog .editorialFilters a.is-active{color:var(--ck-ink-v36)!important;}
html[data-theme="light"] #blog .editorialKicker::after,html[data-theme="light"] #blog .editorialFilters a::after,html[data-theme="light"] #blog .editorialImpactList li::before{background:linear-gradient(90deg,#C5A059,#C45D18)!important;}
html[data-theme="light"] #blog .editorialFilters__line{background:linear-gradient(90deg,rgba(196,93,24,.22),rgba(197,160,89,.18) 76%,transparent)!important;}
html[data-theme="light"] #blog .editorialFilters__line::after{background:#C45D18!important;box-shadow:0 0 0 7px rgba(196,93,24,.07),0 0 18px rgba(196,93,24,.22)!important;}
html[data-theme="light"] #blog .editorialFeatured--withImage,
html[data-theme="light"] #blog .editorialCard{background:radial-gradient(680px 260px at 100% 0%,rgba(197,160,89,.10),transparent 62%),linear-gradient(180deg,rgba(255,251,244,.96),rgba(244,232,214,.91))!important;border-color:rgba(128,78,37,.18)!important;box-shadow:0 22px 64px rgba(67,42,21,.10),inset 0 1px 0 rgba(255,255,255,.75)!important;}
html[data-theme="light"] #blog .editorialCard--visual{background:radial-gradient(220px 150px at 0% 0%,rgba(196,93,24,.14),transparent 42%),linear-gradient(180deg,rgba(255,251,244,.96),rgba(244,232,214,.91))!important;}
html[data-theme="light"] #blog .editorialFeatured__media{border-left-color:rgba(128,78,37,.14)!important;background:radial-gradient(540px 260px at 50% 8%,rgba(197,160,89,.09),transparent 62%),linear-gradient(180deg,rgba(249,241,228,.98),rgba(242,229,208,.96))!important;}
html[data-theme="light"] #blog .editorialFeatured__screen{border-color:rgba(128,78,37,.12)!important;}
html[data-theme="light"] #blog .editorialSection::after{background:linear-gradient(90deg,transparent,rgba(196,93,24,.22) 18%,rgba(197,160,89,.26) 82%,transparent)!important;}
html[data-theme="light"] #blog .editorialShell::after{background:rgba(255,248,239,.98)!important;border-color:rgba(197,160,89,.24)!important;color:#C45D18!important;}

@media (max-width:1100px){
  #blog .editorialHeader h2{font-size:clamp(58px,8vw,118px)!important;max-width:880px!important;}
  #blog .editorialFeatured--withImage{grid-template-columns:minmax(0,.98fr) minmax(340px,.82fr)!important;}
  #blog .editorialFeatured h3{font-size:clamp(42px,4vw,62px)!important;}
  #blog .editorialCard h3{font-size:clamp(30px,2.8vw,42px)!important;}
}
@media (max-width:980px){
  #blog .editorialFeatured--withImage{grid-template-columns:1fr!important;}
  #blog .editorialFeatured__media{border-left:0!important;border-top:1px solid rgba(197,160,89,.14)!important;min-height:clamp(300px,58vw,440px)!important;padding:20px 0!important;}
  #blog .editorialRecent{grid-template-columns:1fr!important;}
  #blog .editorialCard p,#blog .editorialFeatured p{max-width:none!important;}
}
@media (max-width:720px){
  #blog .editorialHeader h2{font-size:clamp(44px,12vw,78px)!important;}
  #blog .editorialIntro p{font-size:16px!important;line-height:1.72!important;}
  #blog .editorialFilters{gap:16px!important;row-gap:12px!important;}
  #blog .editorialFilters__line{flex-basis:100%!important;order:5!important;}
  #blog .editorialFeatured__copy,#blog .editorialCard{padding:24px!important;}
  #blog .editorialFeatured h3{font-size:clamp(36px,9.6vw,50px)!important;max-width:100%!important;}
  #blog .editorialCard h3{font-size:clamp(30px,8.6vw,40px)!important;max-width:100%!important;}
  #blog .editorialFeatured__media img{width:min(92%,500px)!important;}
}

/* ===== Fonte: ck-editorial-v39-titulo-vertical ===== */
/* CAREKA DIGITAL — V39: título menor + mídia vertical */
#blog .editorialHeader h2{
  font-size:clamp(54px,7.2vw,112px)!important;
  max-width:860px!important;
  line-height:.92!important;
}
#blog .editorialIntro{max-width:760px!important;}
#blog .editorialFeatured--withImage{
  grid-template-columns:minmax(0,1fr) minmax(340px,0.78fr)!important;
}
#blog .editorialFeatured__media{
  padding:clamp(28px,3vw,40px)!important;
  align-items:center!important;
  justify-items:center!important;
}
#blog .editorialFeatured__screen{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(78%,420px)!important;
  aspect-ratio:3 / 4!important;
  height:auto!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(11,15,22,.96),rgba(6,9,14,.98))!important;
  border:1px solid rgba(197,160,89,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 48px rgba(0,0,0,.22)!important;
}
#blog .editorialFeatured__media img{
  width:min(78%,420px)!important;
  aspect-ratio:3 / 4!important;
  height:auto!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:62% center!important;
  border-radius:22px!important;
  box-shadow:0 12px 38px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] #blog .editorialFeatured__screen{
  background:linear-gradient(180deg,rgba(252,246,236,.98),rgba(245,233,214,.96))!important;
  border-color:rgba(128,78,37,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68), 0 14px 36px rgba(67,42,21,.10)!important;
}
@media (max-width:1100px){
  #blog .editorialHeader h2{font-size:clamp(50px,6.7vw,96px)!important;max-width:760px!important;}
  #blog .editorialFeatured--withImage{grid-template-columns:minmax(0,1fr) minmax(300px,0.72fr)!important;}
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(82%,360px)!important;}
}
@media (max-width:980px){
  #blog .editorialFeatured--withImage{grid-template-columns:1fr!important;}
  #blog .editorialFeatured__media{
    min-height:clamp(420px,80vw,560px)!important;
    border-top:1px solid rgba(197,160,89,.14)!important;
    border-left:0!important;
    padding:26px 18px 30px!important;
  }
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(78%,360px)!important;}
}
@media (max-width:720px){
  #blog .editorialHeader h2{font-size:clamp(40px,10.2vw,64px)!important;max-width:100%!important;}
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(86%,320px)!important;}
  #blog .editorialFeatured__media{min-height:clamp(360px,96vw,500px)!important;}
}

/* ===== Fonte: ck-editorial-v40-imagem-mais-lateral ===== */
/* CAREKA DIGITAL — V40: ampliar visualização lateral da mídia vertical */
#blog .editorialFeatured--withImage{
  grid-template-columns:minmax(0,1fr) minmax(360px,0.82fr)!important;
}
#blog .editorialFeatured__media{
  padding:clamp(22px,2.4vw,30px)!important;
}
#blog .editorialFeatured__screen{
  width:min(88%,460px)!important;
  aspect-ratio:0.78 / 1!important;
  border-radius:28px!important;
}
#blog .editorialFeatured__media img{
  width:min(88%,460px)!important;
  aspect-ratio:0.78 / 1!important;
  object-fit:cover!important;
  object-position:58% center!important;
  border-radius:24px!important;
}
@media (max-width:1100px){
  #blog .editorialFeatured--withImage{grid-template-columns:minmax(0,1fr) minmax(320px,0.76fr)!important;}
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(88%,390px)!important;}
}
@media (max-width:980px){
  #blog .editorialFeatured__media{
    min-height:clamp(430px,82vw,580px)!important;
    padding:24px 18px 30px!important;
  }
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(82%,390px)!important;}
}
@media (max-width:720px){
  #blog .editorialFeatured__screen,
  #blog .editorialFeatured__media img{width:min(88%,340px)!important;}
}