/* Lubi CRM tokens. Generated by scripts/crm-tokens.mjs from tokens.source.css: do not edit. Light and dark blocks, scoped to .crm-raiz (RF-CRM-1053). */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Lubi CRM Numerals";
  src: url("fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0030-0039;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("fonts/atkinson-hyperlegible-next-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Bricolage Grotesque Fallback";
  src: local("Arial");
  size-adjust: 100.59%;
  ascent-override: 92.46%;
  descent-override: 26.84%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next Fallback";
  src: local("Arial");
  size-adjust: 96.22%;
  ascent-override: 101.85%;
  descent-override: 33.26%;
  line-gap-override: 0%;
}

.crm-raiz {
  color-scheme: light;
  --paper: #faf8f3;
  --sheet: #ffffff;
  --well: #f1eee6;
  --well-deep: #e7e3d9;
  --scrim: rgba(31,29,26,.42);
  --ink: #1f1d1a;
  --ink-soft: #57524b;
  --ink-faint: #6f6a62;
  --ink-off: #a8a39a;
  --line-soft: rgba(31,29,26,.08);
  --line: rgba(31,29,26,.14);
  --line-strong: rgba(31,29,26,.50);
  --pen: #2742c2;
  --pen-press: #1e349c;
  --pen-ink: #2039ad;
  --pen-wash: #e9ecfa;
  --on-pen: #ffffff;
  --spark: #f68828;
  --spark-ink: #96480a;
  --spark-wash: #fdecd9;
  --ok: #1c7a4a;
  --ok-wash: #e2f3e9;
  --note: #775400;
  --note-wash: #fff3c9;
  --note-line: #e9cf78;
  --stop: #b9322a;
  --stop-wash: #fde9e6;
  --on-stop: #ffffff;
  --stop-fill: #b9322a;
  --tone-clay: #c2553d;
  --tone-sun: #b58a0c;
  --tone-moss: #4d8a3a;
  --tone-teal: #1b8585;
  --tone-sky: #2f7fc4;
  --tone-plum: #8552c0;
  --tone-rose: #cb4486;
  --tone-stone: #7a756c;
  --font-display: "Bricolage Grotesque", "Bricolage Grotesque Fallback", "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback", system-ui, sans-serif;
  --font-text: "Lubi CRM Numerals", "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-meta: 0.9375rem;
  --t-body: 1.0625rem;
  --t-lead: 1.25rem;
  --t-title: 1.5rem;
  --t-page: 1.875rem;
  --t-hero: 2.5rem;
  --lh-tight: 1.2;
  --lh-text: 1.45;
  --w-regular: 400;
  --w-medium: 500;
  --w-strong: 650;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-14: 56px;
  --s-18: 72px;
  --s-0h: 2px;
  --s-1h: 6px;
  --s-2h: 10px;
  --s-3h: 14px;
  --r-dot: 3px;
  --r-bar: 4px;
  --r-tight: 6px;
  --r-tag: 8px;
  --r-nest: 10px;
  --r-control: 12px;
  --r-card: 18px;
  --r-bubble: 20px;
  --r-field: 24px;
  --r-sheet: 28px;
  --r-pill: 999px;
  --r-arch: 48% 48% 22% 22% / 56% 56% 16% 16%;
  --touch: 48px;
  --control-h: 48px;
  --control-h-sm: 40px;
  --row-h: 76px;
  --rail-w: 232px;
  --rail-w-slim: 100px;
  --list-w: 360px;
  --panel-w: 336px;
  --tabbar-h: 68px;
  --measure: 720px;
  --float-1: 0 0 0 1px rgba(31,29,26,.08),
             0 8px 24px -6px rgba(31,29,26,.18);
  --float-2: 0 0 0 1px rgba(31,29,26,.08),
             0 24px 64px -12px rgba(31,29,26,.32);
  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 6px var(--pen);
  --on-spark: #1f1d1a;
  --thumb: #ffffff;
  --shadow-thumb: 0 1px 3px rgba(0,0,0,.3);
  --line-media: rgba(0,0,0,.1);
  --lift: 0 1px 2px rgba(31,29,26,.10);
  --lift-soft: 0 1px 2px rgba(31,29,26,.06);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-move: cubic-bezier(.77, 0, .175, 1);
  --d-press: 120ms;
  --d-small: 180ms;
  --d-large: 320ms;
  --d-loop-spin: 700ms;
  --d-loop-pulse: 1400ms;
  --d-loop-blink: 5400ms;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

@media (prefers-color-scheme: dark) {
  .crm-raiz:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #171614;
    --sheet: #211f1c;
    --well: #100f0e;
    --well-deep: #2c2a26;
    --scrim: rgba(0,0,0,.62);
    --ink: #f4f1eb;
    --ink-soft: #c2bdb4;
    --ink-faint: #9c968d;
    --ink-off: #6a665f;
    --line-soft: rgba(255,255,255,.07);
    --line: rgba(255,255,255,.12);
    --line-strong: rgba(255,255,255,.38);
    --pen: #4f68e4;
    --pen-press: #4560dc;
    --pen-ink: #a9b7ff;
    --pen-wash: #252b4a;
    --spark-ink: #fcae6b;
    --spark-wash: #3d2a17;
    --ok: #6fcf9c;
    --ok-wash: #17301f;
    --note: #f1cf6b;
    --note-wash: #362c0e;
    --note-line: #6b5718;
    --stop: #ff8a80;
    --stop-wash: #3a1a17;
    --stop-fill: #c7443b;
    --tone-clay: #e98a73;
    --tone-sun: #e4bd4a;
    --tone-moss: #8fc57d;
    --tone-teal: #62c4c4;
    --tone-sky: #7cb6ea;
    --tone-plum: #b994ea;
    --tone-rose: #ee8fbb;
    --tone-stone: #aaa59c;
    --float-1: 0 0 0 1px rgba(255,255,255,.10),
               0 8px 24px -6px rgba(0,0,0,.6);
    --float-2: 0 0 0 1px rgba(255,255,255,.10),
               0 24px 64px -12px rgba(0,0,0,.7);
    --lift: 0 1px 2px transparent;
    --lift-soft: 0 1px 2px transparent;
  }
}

.crm-raiz[data-theme="dark"] {
  color-scheme: dark;
  --paper: #171614;
  --sheet: #211f1c;
  --well: #100f0e;
  --well-deep: #2c2a26;
  --scrim: rgba(0,0,0,.62);
  --ink: #f4f1eb;
  --ink-soft: #c2bdb4;
  --ink-faint: #9c968d;
  --ink-off: #6a665f;
  --line-soft: rgba(255,255,255,.07);
  --line: rgba(255,255,255,.12);
  --line-strong: rgba(255,255,255,.38);
  --pen: #4f68e4;
  --pen-press: #4560dc;
  --pen-ink: #a9b7ff;
  --pen-wash: #252b4a;
  --spark-ink: #fcae6b;
  --spark-wash: #3d2a17;
  --ok: #6fcf9c;
  --ok-wash: #17301f;
  --note: #f1cf6b;
  --note-wash: #362c0e;
  --note-line: #6b5718;
  --stop: #ff8a80;
  --stop-wash: #3a1a17;
  --stop-fill: #c7443b;
  --tone-clay: #e98a73;
  --tone-sun: #e4bd4a;
  --tone-moss: #8fc57d;
  --tone-teal: #62c4c4;
  --tone-sky: #7cb6ea;
  --tone-plum: #b994ea;
  --tone-rose: #ee8fbb;
  --tone-stone: #aaa59c;
  --float-1: 0 0 0 1px rgba(255,255,255,.10),
             0 8px 24px -6px rgba(0,0,0,.6);
  --float-2: 0 0 0 1px rgba(255,255,255,.10),
             0 24px 64px -12px rgba(0,0,0,.7);
  --lift: 0 1px 2px transparent;
  --lift-soft: 0 1px 2px transparent;
}
.crm-raiz *,
.crm-raiz *::before,
.crm-raiz *::after { box-sizing: border-box; }
.crm-raiz {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: var(--w-regular) var(--t-body)/var(--lh-text) var(--font-text);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
.crm-raiz h1,
.crm-raiz h2,
.crm-raiz h3,
.crm-raiz h4,
.crm-raiz p,
.crm-raiz ul,
.crm-raiz ol,
.crm-raiz dl,
.crm-raiz dd,
.crm-raiz figure { margin: 0; padding: 0; }
.crm-raiz h1,
.crm-raiz h2,
.crm-raiz h3,
.crm-raiz h4 { font-size: inherit; font-weight: inherit; }
.crm-raiz ul,
.crm-raiz ol { list-style: none; }
.crm-raiz button,
.crm-raiz input,
.crm-raiz select,
.crm-raiz textarea { font: inherit; color: inherit; letter-spacing: inherit; }
.crm-raiz button { background: none; border: 0; padding: 0; cursor: pointer; }
.crm-raiz a { color: var(--pen-ink); text-underline-offset: 3px; }
.crm-raiz img,
.crm-raiz svg { display: block; max-width: 100%; }
.crm-raiz [hidden] { display: none !important; }
.crm-raiz :focus { outline: none; }
.crm-raiz :focus-visible { outline: 3px solid transparent; outline-offset: 3px; box-shadow: var(--focus-ring); border-radius: var(--r-control); }
.crm-raiz ::selection { background: var(--pen-wash); }
.crm-raiz .icon {
  width: 24px; height: 24px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}
.crm-raiz .sr-only {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.crm-raiz .t-hero { font: var(--w-strong) var(--t-hero)/1.05 var(--font-display); letter-spacing: -0.025em; }
.crm-raiz .t-page { font: var(--w-strong) var(--t-page)/var(--lh-tight) var(--font-display); letter-spacing: -0.02em; text-wrap: balance; }
.crm-raiz .t-lead { font-size: var(--t-lead); line-height: 1.3; font-weight: var(--w-strong); }
.crm-raiz .t-soft { color: var(--ink-soft); }
.crm-raiz p { text-wrap: pretty; }
.crm-raiz .cluster { --gap: var(--s-2); display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap); }
.crm-raiz .btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
  min-height: var(--control-h);
  padding: var(--s-2h) var(--s-5);
  border: 1px solid transparent;
  border-radius: var(--r-control);
  background: var(--sheet);
  border-color: var(--line-strong);
  color: var(--ink);
  font-weight: var(--w-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: background-color var(--d-press), border-color var(--d-press), transform var(--d-press) var(--ease-out);
}
.crm-raiz .btn:hover { background: var(--well); }
.crm-raiz .btn:active { transform: scale(.97); }
.crm-raiz .btn--primary { background: var(--pen); border-color: transparent; color: var(--on-pen); }
.crm-raiz .btn--primary:hover { background: var(--pen-press); }
.crm-raiz .btn[disabled],
.crm-raiz .btn[aria-disabled="true"] {
  background: var(--well-deep); border-color: transparent; color: var(--ink-off);
  cursor: not-allowed; transform: none; filter: none;
}
.crm-raiz .btn[aria-busy="true"] { color: transparent; pointer-events: none; }
.crm-raiz .btn[aria-busy="true"]::before {
  content: ""; position: absolute; width: 22px; height: 22px; border-radius: 50%;
  border: 3px solid var(--on-pen); border-right-color: transparent;
  animation: spin var(--d-loop-spin) linear infinite;
}
.crm-raiz .btn:not(.btn--primary):not(.btn--danger)[aria-busy="true"]::before { border-color: var(--ink-soft); border-right-color: transparent; }
@keyframes spin { to { transform: rotate(360deg); } }
.crm-raiz [data-tone="clay"] { --tone: var(--tone-clay); }
.crm-raiz [data-tone="sun"] { --tone: var(--tone-sun); }
.crm-raiz [data-tone="moss"] { --tone: var(--tone-moss); }
.crm-raiz [data-tone="teal"] { --tone: var(--tone-teal); }
.crm-raiz [data-tone="sky"] { --tone: var(--tone-sky); }
.crm-raiz [data-tone="plum"] { --tone: var(--tone-plum); }
.crm-raiz [data-tone="rose"] { --tone: var(--tone-rose); }
.crm-raiz [data-tone="stone"] { --tone: var(--tone-stone); }
.crm-raiz .status { display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--t-meta); font-weight: var(--w-medium); color: var(--ink-soft); white-space: nowrap; }
.crm-raiz .status::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--ink-off); flex: none; }
.crm-raiz .status[data-state="ok"] { color: var(--ok); }
.crm-raiz .status[data-state="ok"]::before { background: var(--ok); }
.crm-raiz .status[data-state="note"] { color: var(--note); }
.crm-raiz .status[data-state="note"]::before { background: var(--note); }
.crm-raiz .status[data-state="stop"] { color: var(--stop); }
.crm-raiz .status[data-state="stop"]::before { background: var(--stop); }
.crm-raiz .status[data-state="pen"] { color: var(--pen-ink); }
.crm-raiz .status[data-state="pen"]::before { background: var(--pen); }
.crm-raiz .porta {
  display: inline-grid; place-items: center; flex: none;
  width: 26px; height: 29px; padding-top: var(--s-0h);
  border-radius: var(--r-arch);
  background: var(--ink); color: var(--paper);
  font: 700 14px/1 var(--font-display);
}
.crm-raiz .porta::before { content: "W"; }
.crm-raiz .porta[data-porta="instagram"]::before { content: "@"; font-size: 15px; transform: translateY(-1px); }
.crm-raiz .porta[data-porta="wa-unofficial"] { background: var(--sheet); color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
@keyframes duo-blink { 0%, 93%, 100% { transform: scaleY(1); } 96% { transform: scaleY(.12); } }
.crm-raiz .msg { display: flex; flex-direction: column; align-items: flex-start; align-self: flex-start; max-width: min(80%, 540px); }
.crm-raiz .msg--out { align-self: flex-end; align-items: flex-end; }
.crm-raiz .bubble {
  --bubble-pad-y: var(--s-2h); --bubble-pad-x: var(--s-3h);
  position: relative; padding: var(--bubble-pad-y) var(--bubble-pad-x);
  border-radius: var(--r-bubble); border-bottom-left-radius: var(--r-tight);
  background: var(--sheet); box-shadow: inset 0 0 0 1px var(--line);
  overflow-wrap: anywhere;
}
.crm-raiz .msg--out .bubble { border-bottom-left-radius: var(--r-bubble); border-bottom-right-radius: var(--r-tight); background: var(--pen-wash); box-shadow: none; }
.crm-raiz .msg:has(.reaction) { margin-bottom: var(--s-2h); }
.crm-raiz .card {
  background: var(--sheet); border-radius: var(--r-card);
  box-shadow: inset 0 0 0 1px var(--line-soft);
  outline: 1px solid transparent; outline-offset: -1px;   /* the edge is a shadow, which forced colors drop: the outline draws it there */
  padding: var(--s-6);
}
.crm-raiz .card__title { font: var(--w-strong) var(--t-lead)/1.3 var(--font-display); letter-spacing: -0.01em; }
@keyframes pulse { 50% { opacity: .45; } }
.crm-raiz .notice {
  display: flex; gap: var(--s-3); padding: var(--s-4);
  border-radius: var(--r-card); background: var(--well);
}
.crm-raiz .notice > .icon { color: var(--ink-soft); }
.crm-raiz .notice__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--s-2); }
.crm-raiz .notice__title { font-weight: var(--w-strong); }
.crm-raiz .notice[data-tone="note"] { background: var(--note-wash); box-shadow: inset 0 0 0 1px var(--note-line); }
.crm-raiz .notice[data-tone="note"] > .icon { color: var(--note); }
.crm-raiz .notice[data-tone="stop"] { background: var(--stop-wash); }
.crm-raiz .notice[data-tone="stop"] > .icon { color: var(--stop); }
.crm-raiz .notice[data-tone="ok"] { background: var(--ok-wash); }
.crm-raiz .notice[data-tone="ok"] > .icon { color: var(--ok); }
.crm-raiz .notice[data-tone="spark"] { background: var(--spark-wash); }
@keyframes toast-in { from { opacity: 0; transform: translateY(12px) scale(.97); } }
@keyframes sheet-in { from { opacity: 0; transform: scale(.96); } }
@keyframes sheet-up { from { transform: translateY(100%); } }
@keyframes fade-in { from { opacity: 0; } }
.crm-raiz .menu {
  position: absolute; z-index: 30; top: calc(100% + 6px); right: 0;
  min-width: 248px; padding: var(--s-1h); border-radius: var(--r-card);
  background: var(--sheet); box-shadow: var(--float-1);
  transform-origin: top right; animation: menu-in var(--d-small) var(--ease-out);
}
.crm-raiz .menu__item { display: flex; align-items: center; gap: var(--s-3); width: 100%; min-height: var(--touch); padding: 0 var(--s-3); border-radius: var(--r-control); text-align: left; color: var(--ink); text-decoration: none; }
.crm-raiz .menu__item:hover { background: var(--well); }
.crm-raiz .menu__item[data-tone="stop"] { color: var(--stop); }
.crm-raiz .menu__item[aria-checked="true"] { font-weight: var(--w-strong); }
.crm-raiz .menu__item[aria-checked="true"]::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: var(--pen); }
.crm-raiz .menu__sep { height: 1px; margin: var(--s-1h) var(--s-3); background: var(--line-soft); }
@keyframes menu-in { from { opacity: 0; transform: scale(.96); } }
.crm-raiz .steps { display: flex; gap: var(--s-2); counter-reset: step; }
.crm-raiz .fold { border-top: 1px solid var(--line-soft); }
.crm-raiz .fold > summary {
  display: flex; align-items: center; gap: var(--s-2); min-height: 56px;
  cursor: pointer; list-style: none; font-weight: var(--w-strong);
}
.crm-raiz .fold > summary::-webkit-details-marker { display: none; }
.crm-raiz .fold > summary .icon:last-child { margin-left: auto; color: var(--ink-faint); transition: transform var(--d-small) var(--ease-out); }
.crm-raiz .fold[open] > summary .icon:last-child { transform: rotate(180deg); }
.crm-raiz .fold > summary > .icon:first-child { color: var(--ink-soft); }
.crm-raiz .fold__body { padding-bottom: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); }
.crm-raiz .kv { display: grid; grid-template-columns: minmax(96px, 38%) 1fr; gap: var(--s-2) var(--s-3); }
.crm-raiz .kv dt { color: var(--ink-soft); }
.crm-raiz .kv dd { min-width: 0; overflow-wrap: anywhere; }
.crm-raiz .brand { display: inline-flex; align-items: center; gap: var(--s-2h); color: var(--ink); text-decoration: none; }
.crm-raiz .brand__mark { width: 36px; height: 36px; flex: none; }
.crm-raiz .brand__mark .mark-bubble { fill: var(--pen); }
.crm-raiz .brand__mark .mark-dot { fill: var(--spark); }
.crm-raiz .brand__word { font: 700 var(--t-title)/1 var(--font-display); letter-spacing: -0.035em; white-space: nowrap; }
.crm-raiz .brand__word b { font-weight: 700; color: var(--pen-ink); margin-left: .22em; letter-spacing: -0.02em; }
@media (max-width: 759px) {
.crm-raiz .card { padding: var(--s-4); }
.crm-raiz .menu { position: fixed; top: auto; left: var(--s-3); right: var(--s-3); bottom: calc(var(--s-3) + var(--safe-bottom)); transform-origin: bottom center; }
.crm-raiz .msg { max-width: 86%; }
}
@media (prefers-reduced-motion: reduce) {
.crm-raiz *,
  .crm-raiz *::before,
  .crm-raiz *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@keyframes bar-in { from { transform: translateY(-100%); } }
.crm-raiz .msg { position: relative; }
.crm-raiz { height: 100%; }
@media (max-width: 759px) {
.crm-raiz .t-page { font-size: var(--t-title); }
}
@media (min-width: 760px) {
.crm-raiz .only-compact { display: none !important; }
}
.crm-raiz.site { --site-w: 1120px; display: flex; flex-direction: column; height: auto; min-height: 100vh; min-height: 100dvh; }
.crm-raiz.site > main { flex: 1; }
.crm-raiz.site .wrap { width: min(100% - 2 * var(--s-5) - var(--safe-left) - var(--safe-right), var(--site-w)); margin-inline: auto; }
.crm-raiz.site h1, .crm-raiz.site h2, .crm-raiz.site h3 { overflow-wrap: break-word; }
.crm-raiz.site .brand { min-height: var(--touch); }
.crm-raiz .skip-link { position: absolute; left: var(--s-4); top: -100px; z-index: 40; padding: var(--s-2h) var(--s-4); border-radius: var(--r-control); background: var(--pen); color: var(--on-pen); font-weight: var(--w-strong); text-decoration: none; }
.crm-raiz .skip-link:focus { top: calc(var(--s-2) + var(--safe-top)); }
.crm-raiz .site-link {
  display: inline-flex; align-items: center; gap: var(--s-2);
  min-height: var(--touch); padding-inline: var(--s-3); border-radius: var(--r-control);
  color: var(--ink-soft); font-weight: var(--w-medium); text-decoration: none;
  transition: background-color var(--d-press), color var(--d-press);
}
.crm-raiz .site-link:hover { background: var(--well); color: var(--ink); }
.crm-raiz .site-link[aria-current="page"] { color: var(--ink); font-weight: var(--w-strong); }
.crm-raiz .site-header { padding-top: var(--safe-top); border-bottom: 1px solid var(--line-soft); }
.crm-raiz .site-header__bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-6); padding-block: var(--s-3); }
.crm-raiz .site-nav { display: none; gap: var(--s-1); }
.crm-raiz .site-header__tools { display: flex; align-items: center; gap: var(--s-2); margin-left: auto; }
.crm-raiz .site-menu { position: relative; }
.crm-raiz .site-menu__toggle { justify-content: center; min-width: var(--touch); cursor: pointer; list-style: none; -webkit-user-select: none; user-select: none; }
.crm-raiz .site-menu__toggle::-webkit-details-marker { display: none; }
.crm-raiz .site-menu[open] > .site-menu__toggle { background: var(--well); color: var(--ink); }
.crm-raiz .site-menu__compact, .crm-raiz .site-menu__wide { display: inline-flex; align-items: center; gap: var(--s-2); }
.crm-raiz .site-menu__wide { display: none; }
.crm-raiz .site-menu__wide .icon:last-child { color: var(--ink-faint); transition: transform var(--d-small) var(--ease-out); }
.crm-raiz .site-menu[open] .site-menu__wide .icon:last-child { transform: rotate(180deg); }
.crm-raiz .site-menu .menu { position: absolute; top: calc(100% + var(--s-1h)); right: 0; bottom: auto; left: auto; transform-origin: top right; }
.crm-raiz .site-menu .menu__item[aria-current="page"] { font-weight: var(--w-strong); }
.crm-raiz .site-menu .menu__item[aria-current="page"]::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: var(--pen); }
.crm-raiz .hero { padding-block: var(--s-8) var(--s-10); }
.crm-raiz .hero__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-8); align-items: center; }
.crm-raiz .hero__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-5); }
.crm-raiz .hero__title { max-width: 100%; font-size: min(var(--t-hero), 10.5vw); text-wrap: balance; }
.crm-raiz .hero__lead { max-width: 34em; color: var(--ink-soft); font-size: var(--t-lead); line-height: 1.4; }
.crm-raiz .hero__actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-1); }
.crm-raiz .showcase { padding: var(--s-4); border-radius: var(--r-sheet); background: var(--pen-wash); }
.crm-raiz .showcase .msg { max-width: 92%; }
.crm-raiz .showcase--doors { --door: 72px; display: flex; align-items: flex-end; justify-content: center; gap: var(--s-4); padding: var(--s-10) var(--s-5); }
.crm-raiz .showcase--doors .porta { width: var(--door); height: calc(var(--door) * 1.15); font-size: calc(var(--door) * .46); }
.crm-raiz .showcase--doors .porta[data-porta="instagram"]::before { font-size: calc(var(--door) * .46); transform: translateY(-2px); }
.crm-raiz .showcase__talk { flex: 1; max-width: 260px; display: flex; flex-direction: column; gap: var(--s-2); padding-bottom: var(--s-4); }
.crm-raiz .showcase__talk .msg { max-width: none; }
.crm-raiz .showcase__talk .bubble { align-self: stretch; height: 40px; box-shadow: none; }
.crm-raiz .showcase__talk .msg--out .bubble { background: var(--pen); }
.crm-raiz .showcase__talk .msg:nth-child(1) { width: 72%; }
.crm-raiz .showcase__talk .msg:nth-child(2) { width: 86%; }
.crm-raiz .showcase__talk .msg:nth-child(3) { width: 58%; }
.crm-raiz .block { padding-block: var(--s-10); border-top: 1px solid var(--line-soft); scroll-margin-top: var(--s-4); }
.crm-raiz .block__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
.crm-raiz .block__head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-2); }
.crm-raiz .block__head > [id] { scroll-margin-top: var(--s-18); }
.crm-raiz .block__mark { display: flex; gap: var(--s-1h); margin-bottom: var(--s-2); }
.crm-raiz .block__intro { color: var(--ink-soft); font-size: var(--t-lead); line-height: 1.4; }
.crm-raiz .block__body { display: flex; flex-direction: column; gap: var(--s-6); min-width: 0; }
.crm-raiz .points { display: grid; column-gap: var(--s-8); }
.crm-raiz .point { display: flex; flex-direction: column; gap: var(--s-1); padding-block: var(--s-4); border-top: 1px solid var(--line-soft); }
.crm-raiz .point__title { font: var(--w-strong) var(--t-lead)/1.3 var(--font-display); letter-spacing: -0.01em; }
.crm-raiz .faq__list { border-bottom: 1px solid var(--line-soft); }
.crm-raiz .site-footer { padding-block: var(--s-8) calc(var(--s-8) + var(--safe-bottom)); border-top: 1px solid var(--line-soft); background: var(--well); }
.crm-raiz .site-footer__inner { display: flex; flex-direction: column; gap: var(--s-4); }
.crm-raiz .site-footer__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-6); }
.crm-raiz .site-footer__links, .crm-raiz .site-footer__langs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1); margin-inline: calc(-1 * var(--s-3)); }
.crm-raiz .site-footer__langs > .icon { margin-left: var(--s-3); color: var(--ink-faint); }
.crm-raiz .site-footer .site-link:hover { background: var(--well-deep); }
.crm-raiz .site-footer__company { font-size: var(--t-meta); color: var(--ink-soft); overflow-wrap: anywhere; }
@media (min-width: 760px) {
.crm-raiz .site-nav { display: flex; }
.crm-raiz .site-menu__compact { display: none; }
.crm-raiz .site-menu__wide { display: inline-flex; }
.crm-raiz .showcase { max-width: var(--measure); }
.crm-raiz .showcase--doors { --door: 104px; gap: var(--s-6); padding-block: var(--s-14); }
.crm-raiz .points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1180px) {
.crm-raiz .hero { padding-block: var(--s-18); }
.crm-raiz .hero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--s-14); }
.crm-raiz .hero__title { font-size: min(var(--t-hero), 4.2vw); }
.crm-raiz .showcase { max-width: none; }
.crm-raiz .block { padding-block: var(--s-18); }
.crm-raiz .block__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.85fr); gap: var(--s-14); }
}
.crm-raiz.site .read { width: min(100% - 2 * var(--s-5), var(--measure)); display: flex; flex-direction: column; gap: var(--s-8); padding-block: var(--s-10) var(--s-14); }
.crm-raiz .read__head { display: flex; flex-direction: column; gap: var(--s-4); }
.crm-raiz .read__body { display: flex; flex-direction: column; gap: var(--s-8); }
.crm-raiz .read__section { display: flex; flex-direction: column; gap: var(--s-3); scroll-margin-top: var(--s-6); }
.crm-raiz .bullets,
.crm-raiz .steps,
.crm-raiz .toc__list { display: flex; flex-direction: column; gap: var(--s-2); padding-left: var(--s-6); }
.crm-raiz .bullets { list-style: disc; }
.crm-raiz .steps,
.crm-raiz .toc__list { list-style: decimal; }
.crm-raiz .toc__list a { display: inline-flex; align-items: center; min-height: var(--touch); }
.crm-raiz .status__card { display: flex; flex-direction: column; gap: var(--s-4); }
.crm-raiz .status__label { font-weight: var(--w-strong); }
.crm-raiz .notfound .cluster { margin-bottom: var(--s-4); }

@media (max-width: 759px) {
  .crm-raiz .read { padding-block: var(--s-6) var(--s-10); }
}