/* Cadastro ImobiCloud — formulário de configuração da assistente */

:root {
  /* Paleta inspirada na Iungo: violeta forte, lilás claro, magenta nos links e um toque de azul. */
  --roxo: #6c32d6;
  --roxo-forte: #5a22c4;
  --roxo-suave: #f0e8fe;
  --roxo-borda: #c9aef5;
  --destaque: #900ddf;
  --azul: #2895ef;
  --lilas: #b48af0;
  --lateral-1: #7b10f2;
  --lateral-2: #6900f5;
  --lateral-3: #4a00b8;
  --laranja: #e36f2c;
  --laranja-suave: #fdebdf;
  --fundo: #f4f1fa;
  --superficie: #ffffff;
  --superficie-2: #f8f7fb;
  --texto: #1e1433;
  --texto-2: #5c5470;
  --texto-3: #8a839c;
  --borda: #e2deec;
  --borda-forte: #cfc9dd;
  --ok: #15803d;
  --ok-suave: #e3f4e8;
  --erro: #b91c1c;
  --erro-suave: #fde8e8;
  --zap-fundo: #efeae2;
  --zap-padrao: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22336%22 height=%22336%22 viewBox=%220 0 336 336%22%3E%3Cg fill=%22none%22 stroke=%22%23d8cfbf%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(15.2 10.6) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(58.5 16.2) rotate(30 12.4 12.4) scale(1.03)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(105.3 16.4) rotate(-28 11.8 11.8) scale(0.99)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(161.8 11.9) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(201.6 14.4) rotate(-9 11.4 11.4) scale(0.95)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(252.7 19.0) rotate(30 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(295.7 13.4) rotate(-28 12.7 12.7) scale(1.06)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(41.4 59.2) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(86.1 66.8) rotate(30 10.0 10.0) scale(0.84)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(135.6 58.3) rotate(0 9.8 9.8) scale(0.82)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(174.1 62.7) rotate(30 12.9 12.9) scale(1.08)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(233.5 55.7) rotate(-18 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(280.8 62.6) rotate(-28 10.8 10.8) scale(0.90)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(323.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(10.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(346.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(59.5 111.7) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(107.2 108.0) rotate(10 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(157.6 112.6) rotate(-18 11.1 11.1) scale(0.93)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(202.5 105.7) rotate(10 11.6 11.6) scale(0.97)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(250.6 112.1) rotate(10 10.3 10.3) scale(0.85)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(306.4 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(-29.6 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(33.8 154.4) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(80.6 157.2) rotate(-9 12.8 12.8) scale(1.07)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(137.2 157.0) rotate(10 10.9 10.9) scale(0.91)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(184.2 153.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(230.4 158.1) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(281.8 154.7) rotate(-28 10.4 10.4) scale(0.86)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(325.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(-10.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(12.7 206.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(58.7 205.8) rotate(-9 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(110.2 205.1) rotate(-18 11.7 11.7) scale(0.98)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(160.8 204.3) rotate(-9 11.5 11.5) scale(0.96)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(208.7 199.3) rotate(19 11.9 11.9) scale(0.99)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(250.0 204.5) rotate(-18 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(294.8 203.5) rotate(19 13.0 13.0) scale(1.08)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(42.8 256.9) rotate(-18 9.5 9.5) scale(0.79)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(87.9 250.3) rotate(19 12.2 12.2) scale(1.02)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(128.7 256.5) rotate(30 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(182.5 249.7) rotate(19 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(230.1 254.4) rotate(-28 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(274.5 251.9) rotate(0 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(322.9 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.1 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(12.6 301.4) rotate(10 11.0 11.0) scale(0.92)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(55.2 301.0) rotate(0 12.1 12.1) scale(1.01)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(115.1 298.7) rotate(30 9.4 9.4) scale(0.79)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(160.6 298.0) rotate(-28 11.6 11.6) scale(0.96)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(201.7 302.4) rotate(10 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(258.1 303.6) rotate(0 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(298.3 299.9) rotate(-9 11.2 11.2) scale(0.93)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --zap-bolha: #ffffff;
  --zap-minha: #d9fdd3;
  --sombra: 0 1px 2px rgba(30, 20, 51, 0.06), 0 4px 16px rgba(30, 20, 51, 0.06);
  --raio: 10px;
  --fonte: 'Ubuntu', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --roxo: #9b6bff;
    --roxo-forte: #b493ff;
    --roxo-suave: #2c1a52;
    --roxo-borda: #5c3fa8;
    --destaque: #c77dff;
    --azul: #5ab4ff;
    --lilas: #8a5fd6;
    --lateral-1: #5a0fc2;
    --lateral-2: #40089a;
    --lateral-3: #1c0450;
    --laranja: #f28c4e;
    --laranja-suave: #3a2416;
    --fundo: #110d1a;
    --superficie: #1b1824;
    --superficie-2: #221e2d;
    --texto: #f1eef8;
    --texto-2: #b9b2cc;
    --texto-3: #8a839c;
    --borda: #312c3f;
    --borda-forte: #443d55;
    --ok: #4ade80;
    --ok-suave: #15301f;
    --erro: #f87171;
    --erro-suave: #3a1717;
    --zap-fundo: #0b141a;
    --zap-padrao: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22336%22 height=%22336%22 viewBox=%220 0 336 336%22%3E%3Cg fill=%22none%22 stroke=%22%231c2a31%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(15.2 10.6) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(58.5 16.2) rotate(30 12.4 12.4) scale(1.03)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(105.3 16.4) rotate(-28 11.8 11.8) scale(0.99)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(161.8 11.9) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(201.6 14.4) rotate(-9 11.4 11.4) scale(0.95)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(252.7 19.0) rotate(30 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(295.7 13.4) rotate(-28 12.7 12.7) scale(1.06)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(41.4 59.2) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(86.1 66.8) rotate(30 10.0 10.0) scale(0.84)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(135.6 58.3) rotate(0 9.8 9.8) scale(0.82)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(174.1 62.7) rotate(30 12.9 12.9) scale(1.08)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(233.5 55.7) rotate(-18 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(280.8 62.6) rotate(-28 10.8 10.8) scale(0.90)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(323.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(10.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(346.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(59.5 111.7) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(107.2 108.0) rotate(10 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(157.6 112.6) rotate(-18 11.1 11.1) scale(0.93)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(202.5 105.7) rotate(10 11.6 11.6) scale(0.97)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(250.6 112.1) rotate(10 10.3 10.3) scale(0.85)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(306.4 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(-29.6 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(33.8 154.4) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(80.6 157.2) rotate(-9 12.8 12.8) scale(1.07)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(137.2 157.0) rotate(10 10.9 10.9) scale(0.91)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(184.2 153.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(230.4 158.1) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(281.8 154.7) rotate(-28 10.4 10.4) scale(0.86)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(325.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(-10.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(12.7 206.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(58.7 205.8) rotate(-9 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(110.2 205.1) rotate(-18 11.7 11.7) scale(0.98)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(160.8 204.3) rotate(-9 11.5 11.5) scale(0.96)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(208.7 199.3) rotate(19 11.9 11.9) scale(0.99)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(250.0 204.5) rotate(-18 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(294.8 203.5) rotate(19 13.0 13.0) scale(1.08)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(42.8 256.9) rotate(-18 9.5 9.5) scale(0.79)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(87.9 250.3) rotate(19 12.2 12.2) scale(1.02)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(128.7 256.5) rotate(30 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(182.5 249.7) rotate(19 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(230.1 254.4) rotate(-28 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(274.5 251.9) rotate(0 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(322.9 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.1 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(12.6 301.4) rotate(10 11.0 11.0) scale(0.92)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(55.2 301.0) rotate(0 12.1 12.1) scale(1.01)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(115.1 298.7) rotate(30 9.4 9.4) scale(0.79)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(160.6 298.0) rotate(-28 11.6 11.6) scale(0.96)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(201.7 302.4) rotate(10 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(258.1 303.6) rotate(0 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(298.3 299.9) rotate(-9 11.2 11.2) scale(0.93)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --zap-bolha: #202c33;
    --zap-minha: #005c4b;
    --sombra: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.25);
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --roxo: #9b6bff;
  --roxo-forte: #b493ff;
  --roxo-suave: #2c1a52;
  --roxo-borda: #5c3fa8;
  --destaque: #c77dff;
  --azul: #5ab4ff;
  --lilas: #8a5fd6;
  --lateral-1: #5a0fc2;
  --lateral-2: #40089a;
  --lateral-3: #1c0450;
  --laranja: #f28c4e;
  --laranja-suave: #3a2416;
  --fundo: #110d1a;
  --superficie: #1b1824;
  --superficie-2: #221e2d;
  --texto: #f1eef8;
  --texto-2: #b9b2cc;
  --texto-3: #8a839c;
  --borda: #312c3f;
  --borda-forte: #443d55;
  --ok: #4ade80;
  --ok-suave: #15301f;
  --erro: #f87171;
  --erro-suave: #3a1717;
  --zap-fundo: #0b141a;
  --zap-padrao: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22336%22 height=%22336%22 viewBox=%220 0 336 336%22%3E%3Cg fill=%22none%22 stroke=%22%231c2a31%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(15.2 10.6) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(58.5 16.2) rotate(30 12.4 12.4) scale(1.03)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(105.3 16.4) rotate(-28 11.8 11.8) scale(0.99)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(161.8 11.9) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(201.6 14.4) rotate(-9 11.4 11.4) scale(0.95)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(252.7 19.0) rotate(30 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(295.7 13.4) rotate(-28 12.7 12.7) scale(1.06)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(41.4 59.2) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(86.1 66.8) rotate(30 10.0 10.0) scale(0.84)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(135.6 58.3) rotate(0 9.8 9.8) scale(0.82)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(174.1 62.7) rotate(30 12.9 12.9) scale(1.08)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(233.5 55.7) rotate(-18 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(280.8 62.6) rotate(-28 10.8 10.8) scale(0.90)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(323.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.0 61.9) rotate(-28 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(10.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(346.1 105.8) rotate(-28 12.1 12.1) scale(1.01)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(59.5 111.7) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(107.2 108.0) rotate(10 11.5 11.5) scale(0.96)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(157.6 112.6) rotate(-18 11.1 11.1) scale(0.93)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(202.5 105.7) rotate(10 11.6 11.6) scale(0.97)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(250.6 112.1) rotate(10 10.3 10.3) scale(0.85)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(306.4 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(-29.6 113.8) rotate(10 10.1 10.1) scale(0.84)%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 20a6.5 6.5 0 0 0-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate(33.8 154.4) rotate(10 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/g%3E%3Cg transform=%22translate(80.6 157.2) rotate(-9 12.8 12.8) scale(1.07)%22%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3Cg transform=%22translate(137.2 157.0) rotate(10 10.9 10.9) scale(0.91)%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/g%3E%3Cg transform=%22translate(184.2 153.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(230.4 158.1) rotate(-28 11.1 11.1) scale(0.92)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(281.8 154.7) rotate(-28 10.4 10.4) scale(0.86)%22%3E%3Cpath d=%22M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2 2.2.8-2.2.8L19 21l-.8-2.2-2.2-.8 2.2-.8z%22/%3E%3C/g%3E%3Cg transform=%22translate(325.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(-10.5 155.9) rotate(-28 9.6 9.6) scale(0.80)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18%22/%3E%3Cpath d=%22M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3Cg transform=%22translate(12.7 206.7) rotate(-18 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M14 9a6 6 0 0 1-8.8 5.3L2 15l.8-3A6 6 0 1 1 14 9z%22/%3E%3Cpath d=%22M17 8.5a6 6 0 0 1 3.2 8.5L21 20l-3.2-.8A6 6 0 0 1 9.5 17%22/%3E%3C/g%3E%3Cg transform=%22translate(58.7 205.8) rotate(-9 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(110.2 205.1) rotate(-18 11.7 11.7) scale(0.98)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(160.8 204.3) rotate(-9 11.5 11.5) scale(0.96)%22%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12%22/%3E%3C/g%3E%3Cg transform=%22translate(208.7 199.3) rotate(19 11.9 11.9) scale(0.99)%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22m11 12 9-9M17 6l3 3M15 8l2 2%22/%3E%3C/g%3E%3Cg transform=%22translate(250.0 204.5) rotate(-18 9.6 9.6) scale(0.80)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(294.8 203.5) rotate(19 13.0 13.0) scale(1.08)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(42.8 256.9) rotate(-18 9.5 9.5) scale(0.79)%22%3E%3Cpath d=%22M3 11 12 4l9 7%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3Cg transform=%22translate(87.9 250.3) rotate(19 12.2 12.2) scale(1.02)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(128.7 256.5) rotate(30 11.1 11.1) scale(0.92)%22%3E%3Cpath d=%22M12 3 2 8l10 5 10-5z%22/%3E%3Cpath d=%22m2 13 10 5 10-5%22/%3E%3C/g%3E%3Cg transform=%22translate(182.5 249.7) rotate(19 9.5 9.5) scale(0.79)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(230.1 254.4) rotate(-28 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(274.5 251.9) rotate(0 9.7 9.7) scale(0.81)%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/g%3E%3Cg transform=%22translate(322.9 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(-13.1 254.4) rotate(10 12.0 12.0) scale(1.00)%22%3E%3Cpath d=%22M21 12a8 8 0 0 1-11.7 7.1L4 20l1-4.6A8 8 0 1 1 21 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(12.6 301.4) rotate(10 11.0 11.0) scale(0.92)%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5%22/%3E%3Cpath d=%22M20 19v3H6.5%22/%3E%3C/g%3E%3Cg transform=%22translate(55.2 301.0) rotate(0 12.1 12.1) scale(1.01)%22%3E%3Crect x=%224%22 y=%2211%22 width=%2216%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M8 11V7a4 4 0 0 1 8 0v4%22/%3E%3C/g%3E%3Cg transform=%22translate(115.1 298.7) rotate(30 9.4 9.4) scale(0.79)%22%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M2.5 10h19M6.5 15h4%22/%3E%3C/g%3E%3Cg transform=%22translate(160.6 298.0) rotate(-28 11.6 11.6) scale(0.96)%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/g%3E%3Cg transform=%22translate(201.7 302.4) rotate(10 10.7 10.7) scale(0.89)%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z%22/%3E%3Ccircle cx=%227.5%22 cy=%228.5%22 r=%221.5%22/%3E%3C/g%3E%3Cg transform=%22translate(258.1 303.6) rotate(0 10.0 10.0) scale(0.83)%22%3E%3Cpath d=%22M4 4h16v12H8l-4 4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/g%3E%3Cg transform=%22translate(298.3 299.9) rotate(-9 11.2 11.2) scale(0.93)%22%3E%3Cpath d=%22M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16%22/%3E%3Cpath d=%22M16 9h2a2 2 0 0 1 2 2v10%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M8 7h4M8 11h4M8 15h4%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --zap-bolha: #202c33;
  --zap-minha: #005c4b;
  --sombra: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.25);
  color-scheme: dark;
}

* { box-sizing: border-box; }

html, body { margin: 0; }

body {
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

[v-cloak] { display: none; }

h1, h2, h3 {
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

a { color: var(--destaque); }

button { font: inherit; color: inherit; }

/* ---------- Estrutura ---------- */

.app {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  min-height: 100vh;
}

.lateral {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 28px 22px;
  color: #fff;
  background:
    radial-gradient(120% 45% at 20% 0%, color-mix(in srgb, var(--lilas) 55%, transparent) 0%, transparent 70%),
    linear-gradient(180deg, var(--lateral-1) 0%, var(--lateral-2) 50%, var(--lateral-3) 100%);
}

.lateral__logo { width: 168px; height: auto; display: block; }

.lateral__resumo { font-size: 14px; color: rgba(255, 255, 255, 0.85); }

.lateral__progresso { height: 6px; margin-top: 10px; border-radius: 6px; background: rgba(255, 255, 255, 0.22); overflow: hidden; }

.lateral__progresso span { display: block; height: 100%; border-radius: 6px; background: #fff; transition: width 0.3s; }

.lateral__resumo strong { color: #fff; font-weight: 500; }

.etapas { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }

.etapas button {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(255, 255, 255, 0.82);
  text-align: left;
  font-size: 15px;
  cursor: pointer;
}

.etapas button:hover { background: rgba(255, 255, 255, 0.08); }

/* Etapa atual: pílula branca, como na referência. Cores fixas para valer também no modo escuro. */
.etapas button[aria-current='step'] { background: #fff; color: #5a22c4; font-weight: 500; box-shadow: 0 6px 18px rgba(40, 0, 120, 0.25); }

.etapas__num {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  font-size: 13px;
  font-weight: 500;
}

.etapas button[aria-current='step'] .etapas__num { background: #6c32d6; color: #fff; border-color: #6c32d6; }

.etapas__num--feita { background: #ede2ff; border-color: #ede2ff; color: #6c32d6; }

.etapas__num--feita svg { width: 16px; height: 16px; stroke-width: 2.6; }

.lateral__rodape {
  margin-top: auto;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 16px;
}

.lateral__ajuda { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; line-height: 1.45; }

.lateral__ajuda strong { display: block; margin-bottom: 2px; color: #fff; font-size: 14px; font-weight: 500; }

.lateral__ajuda-icone { color: #fff; }

.lateral__ajuda-icone svg { width: 26px; height: 26px; }

.principal { display: flex; flex-direction: column; min-width: 0; }

.topo-movel { display: none; }

.conteudo {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 44px 48px 140px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 40px;
  align-items: start;
}

.conteudo--simples { grid-template-columns: minmax(0, 1fr); }

.cabecalho-etapa { margin-bottom: 28px; }

.cabecalho-etapa__passo { font-size: 14px; color: var(--texto-3); margin-bottom: 6px; }

.cabecalho-etapa h1 { font-size: 30px; }

.cabecalho-etapa p { margin: 10px 0 0; color: var(--texto-2); max-width: 75ch; }

/* ---------- Blocos e campos ---------- */

.bloco {
  background: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: 14px;
  padding: 24px 28px 28px;
  margin-bottom: 20px;
  box-shadow: var(--sombra);
}

.bloco__cabeca {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 22px;
}

.bloco__cabeca h2 { font-size: 19px; font-weight: 500; }

.bloco__cabeca .bloco__ajuda { margin: 4px 0 0; color: var(--texto-2); font-size: 15px; }

.bloco__icone {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--roxo-suave);
  color: var(--roxo);
}

/* Campo sozinho numa linha não precisa ocupar o bloco inteiro. */
.bloco > .campo > input:not([type='checkbox']):not([type='radio']),
.bloco > .campo > select,
.bloco > .campo > .senha { max-width: 560px; }

.bloco > h2 { font-size: 18px; margin-bottom: 4px; }

.bloco > .bloco__ajuda { margin: 0 0 18px; color: var(--texto-2); font-size: 15px; }

.grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }

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

.grade .inteiro { grid-column: 1 / -1; }

.campo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; min-width: 0; }

.campo + .campo { margin-top: 16px; }

.grade .campo + .campo { margin-top: 0; }

.grade + .campo, .campo + .grade, .escolhas + .campo, .itens + .campo { margin-top: 16px; }

.campo > label, .campo > .rotulo { font-size: 14.5px; font-weight: 500; }

.opcional { font-weight: 400; color: var(--texto-3); font-size: 13px; margin-left: 4px; }

.ajuda { font-size: 13.5px; color: var(--texto-2); }

input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'],
input[type='password'], input[type='number'], input[type='time'], select, textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--borda-forte);
  border-radius: 4px;
  background: var(--superficie);
  color: var(--texto);
  font: inherit;
  font-size: 16px;
}

textarea { min-height: 88px; resize: vertical; line-height: 1.45; }

input::placeholder, textarea::placeholder { color: var(--texto-3); }

input:focus, select:focus, textarea:focus, button:focus-visible {
  outline: 2px solid var(--roxo);
  outline-offset: 1px;
  border-color: var(--roxo);
}

.campo--erro input, .campo--erro select, .campo--erro textarea { border-color: var(--erro); }

.erro-texto { font-size: 13.5px; color: var(--erro); }

.senha { position: relative; }

.senha input { padding-right: 48px; }

.senha button {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--texto-2);
  cursor: pointer;
}

.senha button:hover, .senha button[aria-pressed='true'] { color: var(--roxo); }

/* Escolhas em lista (rádio e caixa de seleção) */

.escolhas { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.escolhas--linha { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }

.escolha {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  align-items: start;
  padding: 13px 14px;
  border: 1px solid var(--borda-forte);
  border-radius: 6px;
  background: var(--superficie);
  cursor: pointer;
}

.escolha:hover { border-color: var(--roxo-borda); }

.escolha input { position: absolute; opacity: 0; pointer-events: none; }

.escolha__marca {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border: 2px solid var(--borda-forte);
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.escolha--caixa .escolha__marca { border-radius: 5px; }

.escolha__titulo { font-weight: 500; font-size: 15px; display: block; }

.escolha__desc { display: block; font-size: 13.5px; color: var(--texto-2); margin-top: 2px; }

.escolha:has(input:checked) { border-color: var(--roxo); background: var(--roxo-suave); }

.escolha:has(input:checked) .escolha__marca { border-color: var(--roxo); background: var(--roxo); }

.escolha:has(input:checked) .escolha__marca::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.escolha--caixa:has(input:checked) .escolha__marca::after {
  width: 10px;
  height: 6px;
  border-radius: 0;
  background: transparent;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-1px) rotate(-45deg);
}

.escolha:has(input:focus-visible) { outline: 2px solid var(--roxo); outline-offset: 1px; }

/* Pílulas (escolha curta, várias) */

.pilulas { display: flex; flex-wrap: wrap; gap: 8px; }

.pilula {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 14px;
  border: 1px solid var(--borda-forte);
  border-radius: 999px;
  font-size: 14.5px;
  cursor: pointer;
  background: var(--superficie);
}

.pilula input { position: absolute; opacity: 0; pointer-events: none; }

.pilula:has(input:checked) { background: var(--roxo); border-color: var(--roxo); color: #fff; }

.pilula:has(input:focus-visible) { outline: 2px solid var(--roxo); outline-offset: 1px; }

.sub-opcao { margin: 10px 0 4px 36px; max-width: 300px; }

.numeros-teste { display: grid; gap: 10px; max-width: 420px; }

.numero-teste { display: flex; align-items: center; gap: 10px; }

/* Avisos */

.aviso {
  padding: 13px 16px;
  border-left: 4px solid var(--roxo);
  border-radius: 4px 8px 8px 4px;
  background: var(--superficie-2);
  font-size: 14.5px;
  color: var(--texto-2);
  margin: 16px 0 0;
}

.aviso strong { color: var(--texto); }

.aviso--atencao { border-left-color: var(--laranja); }

.aviso p { margin: 0; }

.aviso p + p { margin-top: 6px; }

/* Itens repetidos (corretores, portais, imóveis, follow-ups) */

.itens { display: grid; gap: 12px; }

.item {
  border: 1px solid var(--borda);
  border-radius: 6px;
  padding: 16px;
  background: var(--superficie-2);
}

.item__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }

.item__titulo { font-weight: 500; font-size: 15px; }

.botao-texto {
  border: 0;
  background: transparent;
  color: var(--destaque);
  font-weight: 500;
  font-size: 14.5px;
  padding: 6px 4px;
  cursor: pointer;
}

.botao-texto--perigo { color: var(--erro); }

.botao-adicionar {
  width: 100%;
  margin-top: 12px;
  padding: 12px;
  border: 1.5px dashed var(--roxo-borda);
  border-radius: 6px;
  background: transparent;
  color: var(--roxo);
  font-weight: 500;
  cursor: pointer;
}

.botao-adicionar:hover { background: var(--roxo-suave); }

/* Envio de arquivos */

.upload {
  position: relative;
  display: grid;
  gap: 4px;
  justify-items: start;
  padding: 18px;
  border: 1.5px dashed var(--borda-forte);
  border-radius: 6px;
  background: var(--superficie);
  cursor: pointer;
}

.upload--ativo { border-color: var(--roxo); background: var(--roxo-suave); }

.upload:has(input:focus-visible) { outline: 2px solid var(--roxo); outline-offset: 1px; }

.upload input { position: absolute; opacity: 0; width: 1px; height: 1px; }

.upload__titulo { font-weight: 500; color: var(--roxo); }

.upload__desc { font-size: 13.5px; color: var(--texto-2); }

.arquivos { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }

.arquivos li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid var(--borda);
  border-radius: 7px;
  background: var(--superficie);
  font-size: 14px;
}

.arquivos__nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.arquivos__tam { color: var(--texto-3); flex-shrink: 0; }

/* Tabela de horários */

.horarios { display: grid; gap: 8px; }

.horario {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px;
  align-items: center;
}

.horario__dia { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 15px; }

.horario__dia input { width: 18px; height: 18px; accent-color: var(--roxo); }

.horario__faixa { display: flex; align-items: center; gap: 8px; }

.horario__faixa input { max-width: 130px; }

.horario__fechado { color: var(--texto-3); font-size: 14.5px; }

/* ---------- Reunião de integração ---------- */

.itens-reuniao {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.itens-reuniao li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 14px;
  align-items: center;
  align-content: start;
  padding: 2px 24px;
  border-left: 1px solid var(--borda);
}

.itens-reuniao li:first-child { border-left: 0; padding-left: 0; }

.itens-reuniao__n {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--roxo-suave);
  color: var(--roxo);
  font-weight: 700;
}

.itens-reuniao__icone {
  justify-self: start;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid var(--borda);
  background: var(--superficie);
  box-shadow: 0 6px 16px rgba(60, 20, 120, 0.08);
  color: var(--roxo);
}

.itens-reuniao__icone svg { width: 28px; height: 28px; }

.itens-reuniao__texto { grid-column: 2; align-self: start; }

.itens-reuniao__texto strong { display: block; font-size: 15.5px; font-weight: 500; }

.itens-reuniao__texto span { display: block; margin-top: 4px; font-size: 14px; color: var(--texto-2); }

.pronto .itens-reuniao { grid-template-columns: 1fr; gap: 18px; }

.pronto .itens-reuniao li { border-left: 0; padding: 0; }

.calendario {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.calendario + .campo { margin-top: 20px; }

.calendario__cabeca { font-size: 13px; font-weight: 500; color: var(--texto-3); text-align: center; }

.dia {
  min-height: 44px;
  border: 1px solid var(--borda-forte);
  border-radius: 4px;
  background: var(--superficie);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.dia:hover:not(:disabled) { border-color: var(--roxo-borda); }

.dia:disabled { color: var(--texto-3); background: var(--superficie-2); cursor: default; text-decoration: line-through; }

.dia--vazio { display: grid; place-items: center; border-style: dashed; border-color: var(--borda); background: transparent; }

.dia--vazio::after { content: '—'; color: var(--texto-3); font-weight: 400; }

.dia--marcado { border-color: var(--roxo); }

.dia--ativo { background: var(--roxo); border-color: var(--roxo); color: #fff; }

.horas {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.hora {
  display: grid;
  gap: 2px;
  justify-items: center;
  min-height: 48px;
  padding: 8px;
  border: 1px solid var(--borda-forte);
  border-radius: 4px;
  background: var(--superficie);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.hora:hover:not(:disabled) { border-color: var(--roxo-borda); }

.hora:disabled { color: var(--texto-3); background: var(--superficie-2); cursor: default; }

.hora--ativa { background: var(--roxo); border-color: var(--roxo); color: #fff; }

.hora__extra { font-size: 12px; font-weight: 500; opacity: 0.85; }

.escolhido {
  display: grid;
  gap: 4px;
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 8px;
  background: var(--ok-suave);
  font-size: 14.5px;
  color: var(--texto-2);
}

.escolhido strong { color: var(--texto); font-size: 15.5px; }

/* ---------- Pré-visualização (celular) ---------- */

.lado { position: sticky; top: 32px; display: grid; gap: 14px; }

.lado__titulo { font-size: 14px; font-weight: 500; color: var(--texto-2); }

/* Mesma altura em todas as etapas (a da etapa Perguntas e atendimento); a conversa rola se passar disso. */
.celular {
  display: flex;
  flex-direction: column;
  height: min(660px, calc(100vh - 130px));
  border-radius: 26px;
  border: 8px solid #1e1433;
  overflow: hidden;
  background: var(--zap-fundo);
  box-shadow: var(--sombra);
  max-width: 330px;
}

.celular__barra {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #075e54;
  color: #fff;
  font-size: 14px;
}

:root[data-theme='dark'] .celular__barra { background: #202c33; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) .celular__barra { background: #202c33; }
}

.celular__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 13px;
}

.celular__nome { font-weight: 500; line-height: 1.2; }

.celular__status { font-size: 12px; opacity: 0.8; }

/* Fundo como o do WhatsApp: bege com desenhos em traço fino. */
.celular__conversa {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 10px 18px;
  display: grid;
  gap: 6px;
  align-content: start;
  background-color: var(--zap-fundo);
  background-image: var(--zap-padrao);
  background-size: 336px 336px;
  scrollbar-width: none;
}

.bolha {
  max-width: 86%;
  padding: 7px 10px;
  border-radius: 8px;
  background: var(--zap-bolha);
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-wrap: break-word;
  box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
}

.bolha--lead { justify-self: end; background: var(--zap-minha); }

.bolha--assistente { justify-self: start; }

.bolha__hora { display: block; text-align: right; font-size: 11px; color: var(--texto-3); margin-top: 2px; }

.separador-dia {
  justify-self: center;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 6px;
  background: var(--superficie);
  color: var(--texto-2);
  margin: 6px 0 2px;
}

.lado__nota { font-size: 13px; color: var(--texto-2); max-width: 330px; }

/* Linha do tempo do follow-up */

.linha-tempo { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }

.linha-tempo li {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 12px;
  padding-bottom: 14px;
  position: relative;
}

.linha-tempo li::before {
  content: '';
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--roxo);
  box-shadow: 0 0 0 3px var(--roxo-suave);
}

.linha-tempo li::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 20px;
  bottom: 0;
  width: 2px;
  background: var(--borda);
}

.linha-tempo li:last-child::after { display: none; }

.linha-tempo__quando { font-weight: 500; font-size: 14px; }

.linha-tempo__texto { font-size: 13.5px; color: var(--texto-2); }

/* ---------- Barra de ações ---------- */

.acoes {
  position: fixed;
  left: 290px;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: var(--superficie);
  border-top: 1px solid var(--borda);
  padding: 14px 48px;
}

.acoes__dentro {
  max-width: 1224px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
}

.acoes__salvo { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--texto-2); margin-right: auto; }

.acoes__salvo-icone { display: grid; color: var(--roxo); }

.acoes__salvo-icone svg { width: 22px; height: 22px; }

.botao {
  min-height: 46px;
  padding: 11px 22px;
  border-radius: 4px;
  border: 1px solid var(--borda-forte);
  background: var(--superficie);
  font-weight: 500;
  font-size: 15.5px;
  cursor: pointer;
}

.botao--principal { background: var(--roxo); border-color: var(--roxo); color: #fff; }

.botao--principal:hover { background: var(--roxo-forte); border-color: var(--roxo-forte); }

.botao:disabled { opacity: 0.6; cursor: default; }

/* ---------- Tela de boas-vindas ---------- */

.boas-vindas { max-width: 720px; }

.boas-vindas h1 { font-size: 36px; max-width: 24ch; }

.boas-vindas__texto { font-size: 17px; color: var(--texto-2); margin: 14px 0 28px; max-width: 58ch; }

.separe { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--borda); }

.separe li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--borda);
}

.separe__n { font-weight: 700; color: var(--roxo); font-size: 18px; }

.separe__t { font-weight: 500; }

.separe__d { font-size: 14.5px; color: var(--texto-2); }

.boas-vindas__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; }

.boas-vindas__tempo { font-size: 14.5px; color: var(--texto-2); }

/* ---------- Revisão e envio ---------- */

.revisao { display: grid; gap: 12px; }

.revisao__secao {
  background: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  padding: 18px 20px;
}

.revisao__topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }

.revisao__topo h2 { font-size: 17px; }

.revisao dl { margin: 0; display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 6px 16px; font-size: 14.5px; }

.revisao dt { color: var(--texto-2); }

.revisao dd { margin: 0; overflow-wrap: anywhere; }

.revisao__falta { color: var(--laranja); font-weight: 500; }

.pronto { max-width: 640px; }

.pronto h1 { font-size: 32px; margin-bottom: 4px; }

.pronto h2 { font-size: 18px; margin: 28px 0 10px; }

.pronto ol { padding-left: 20px; color: var(--texto-2); }

.pronto li + li { margin-top: 8px; }

/* ---------- Tela dividida, como a da Iungo: painel de marca à esquerda, conteúdo à direita.
   Usada na entrada do cadastro e no login da administração. ---------- */

.login {
  display: grid;
  grid-template-columns: minmax(0, 53fr) minmax(0, 47fr);
  min-height: 100vh;
  background: var(--superficie);
}

.login__visual {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding: 44px 56px 52px;
  color: #fff;
  background:
    radial-gradient(55% 50% at 42% 22%, rgba(180, 138, 240, 0.95) 0%, rgba(180, 138, 240, 0) 72%),
    linear-gradient(90deg, #7b10f2 0%, #8c3ef0 28%, #a26cef 46%, #8c3ef0 70%, #6900f5 100%);
}

.login__ondas {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: rgba(255, 255, 255, 0.16);
  stroke-width: 1.2;
}

.login__logo { width: 220px; height: auto; display: block; }

.login__marca {
  font-size: clamp(48px, 5.2vw, 100px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 0.92;
}

.login__marca span {
  display: block;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.85;
}

/* O celular avança um pouco sobre o lado branco, como na Iungo. */
/* O celular tem sempre o mesmo desenho e diminui por inteiro (escala) em telas mais baixas ou estreitas,
   para o conteúdo não ficar espremido. Fica acima do centro para não cobrir o nome lá embaixo. */
.login__celular {
  --escala-altura: 1;
  --escala-largura: 1;
  position: absolute;
  z-index: 2;
  right: -72px;
  top: 44%;
  width: 290px;
  height: 590px;
  transform: translateY(-50%) scale(min(var(--escala-altura), var(--escala-largura)));
  transform-origin: 100% 50%;
  padding: 11px;
  border-radius: 46px;
  background: #120a26;
  box-shadow: 0 40px 90px rgba(40, 0, 120, 0.45), inset 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.login__tela {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 58px 16px 18px;
  border-radius: 36px;
  background:
    radial-gradient(70% 40% at 80% 95%, rgba(40, 149, 239, 0.75) 0%, rgba(40, 149, 239, 0) 70%),
    linear-gradient(165deg, #4537af 0%, #7831de 58%, #6c76f0 100%);
}

.login__tela::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 50%;
  width: 92px;
  height: 24px;
  border-radius: 14px;
  background: #120a26;
  transform: translateX(-50%);
}

.login__tela-topo { font-size: 13px; font-weight: 500; letter-spacing: 0.02em; opacity: 0.85; margin-bottom: 2px; }

.login__aviso {
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 11px;
  padding: 12px 13px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 12.5px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
}

.login__aviso strong { display: block; color: #fff; font-size: 14px; margin-bottom: 1px; }

.login__ponto { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18); }

.login__ponto--azul { background: #5fd3ff; box-shadow: 0 0 0 4px rgba(95, 211, 255, 0.25); }

.login__agenda {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  padding: 13px;
  border-radius: 14px;
  background: rgba(18, 10, 38, 0.28);
}

.login__agenda-titulo { width: 100%; font-size: 12.5px; font-weight: 500; opacity: 0.85; margin-bottom: 2px; }

.login__hora { padding: 5px 9px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.35); font-size: 12.5px; font-weight: 500; }

.login__hora--cheia { background: #fff; color: #5a22c4; border-color: #fff; }

/* Entrada do cadastro: ícones das plataformas soltos na tela do celular, como no da Iungo. */
.login__tela--icones { display: block; padding: 0; }

.login__tela-linhas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: rgba(130, 220, 255, 0.38);
  stroke-width: 1;
}

.login__icone {
  position: absolute;
  display: grid;
  color: #fff;
  filter: drop-shadow(0 8px 16px rgba(20, 0, 80, 0.35));
}

.login__icone svg { width: 100%; height: 100%; }

.login__icone--whatsapp { width: 88px; height: 88px; top: 17%; right: 10%; }

.login__icone--conversa { width: 52px; height: 52px; top: 24%; left: 16%; }

.login__icone--facebook { width: 42px; height: 42px; top: 41%; left: 11%; }

.login__icone--casa { width: 48px; height: 48px; top: 46%; left: 41%; }

.login__icone--instagram { width: 40px; height: 40px; top: 38%; right: 15%; }

.login__icone--calendario { width: 44px; height: 44px; top: 63%; left: 22%; }

/* Na entrada do cadastro o painel é um pouco mais estreito, para o texto e o botão caberem no notebook. */
.login--entrada { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); }

.login__caixa.login__caixa--entrada { max-width: 540px; }

.login__caixa.login__caixa--entrada h1 { font-size: 32px; }

.login__form-titulo { margin: 0; font-size: 16px; font-weight: 500; }

/* Os 4 itens em duas colunas, para o botão Começar caber na tela do notebook. */
.separe--grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 22px; border-top: 0; }

.separe--grade li { grid-template-columns: 22px 1fr; gap: 8px; padding: 0; border-bottom: 0; }

.separe--grade .separe__n { font-size: 16px; }

.separe--grade .separe__t { font-size: 15px; }

.separe--grade .separe__d { font-size: 13.5px; }

.login__lado {
  display: grid;
  place-items: center;
  padding: 48px 48px 48px 128px;
}

.login__caixa { width: 100%; max-width: 400px; }

.login__caixa h1 { font-size: 34px; font-weight: 300; letter-spacing: -0.01em; }

.login__caixa h1 strong { font-weight: 700; }

.login__sub { margin: 10px 0 28px; color: var(--texto-2); }

.login__form {
  display: grid;
  gap: 16px;
  padding: 26px 24px;
  border-radius: 8px;
  background: var(--superficie);
  box-shadow: 0 10px 34px rgba(60, 20, 120, 0.1), 0 1px 3px rgba(60, 20, 120, 0.08);
}

.login__form .campo + .campo { margin-top: 0; }

.login__form .aviso { margin: 0; }

.login__entrar { width: 100%; min-height: 48px; margin-top: 4px; }

.login__demo { margin: 16px 0 0; font-size: 13.5px; color: var(--texto-3); }

/* Altura do celular na tela ≈ 590 × escala, sempre cabendo entre o logo e o nome. */
@media (max-height: 940px) { .login__celular { --escala-altura: 0.9; } }
@media (max-height: 860px) { .login__celular { --escala-altura: 0.82; } }
@media (max-height: 780px) { .login__celular { --escala-altura: 0.74; } }
@media (max-height: 700px) { .login__celular { --escala-altura: 0.66; } }
@media (max-height: 640px) { .login__celular { --escala-altura: 0.58; } }

@media (max-width: 1180px) {
  .login__celular { right: 32px; --escala-largura: 0.86; }

  .login__lado { padding-left: 48px; }
}

@media (max-width: 1020px), (max-height: 590px) {
  .login__celular { display: none; }

  .login__lado { padding-left: 48px; }
}

@media (max-width: 900px) {
  .login { grid-template-columns: 1fr; }

  .login__visual { padding: 24px 20px 28px; gap: 40px; }

  .login__logo { width: 150px; }

  .login__marca { font-size: 48px; }

  .login__marca span { font-size: 15px; margin-top: 8px; }

  .login__lado { place-items: start center; padding: 32px 16px 48px; }

  .login__caixa h1, .login__caixa.login__caixa--entrada h1 { font-size: 28px; }

  .login__form { padding: 20px 16px; }

  .separe--grade { grid-template-columns: 1fr; }
}

/* ---------- Telas menores ---------- */

@media (max-width: 1240px) {
  .conteudo { grid-template-columns: minmax(0, 1fr); }
  .lado { position: static; }
}

@media (max-width: 1000px) {
  .itens-reuniao { grid-template-columns: 1fr; gap: 18px; }

  .itens-reuniao li { border-left: 0; padding: 0; }
}

@media (max-width: 900px) {
  .app { grid-template-columns: 1fr; }

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

  .bloco__cabeca { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }

  .bloco__icone { width: 40px; height: 40px; border-radius: 10px; }

  .lateral { display: none; }

  .lateral--aberta {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 20;
    height: 100%;
  }

  .lateral__fechar {
    position: absolute;
    top: 18px;
    right: 16px;
    border: 0;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    font-weight: 500;
    cursor: pointer;
  }

  .topo-movel {
    display: grid;
    gap: 10px;
    position: sticky;
    top: 0;
    z-index: 6;
    padding: 12px 16px;
    color: #fff;
    background: linear-gradient(90deg, var(--lateral-1), var(--lateral-2));
  }

  .topo-movel__linha { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

  .topo-movel img { width: 128px; display: block; }

  .topo-movel button {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #fff;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }

  .topo-movel__etapa { font-size: 14px; }

  .progresso { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.25); overflow: hidden; }

  .progresso span { display: block; height: 100%; background: #fff; }

  .conteudo { padding: 24px 16px 130px; gap: 24px; }

  .cabecalho-etapa h1 { font-size: 25px; }

  .boas-vindas h1 { font-size: 29px; }

  .bloco { padding: 18px 16px; }

  .grade, .grade--3 { grid-template-columns: 1fr; }

  .acoes { left: 0; padding: 12px 16px; }

  .acoes__salvo { display: none; }

  .acoes__dentro .botao { flex: 1; }

  .horario { grid-template-columns: 1fr; gap: 6px; }

  .revisao dl { grid-template-columns: 1fr; gap: 2px; }

  .revisao dd { margin-bottom: 8px; }
}

@media (min-width: 901px) {
  .lateral__fechar { display: none; }
}