/* ============================================================
   V9 · REGÊNCIA OS · pele por cima do CSS capturado (Tailwind dela)
   Só o que muda: cores da marca, wallpaper, foto, ícone rc, janelas
   extras (raio-x, método, lixeira) e mobile (a janela dela tem
   largura fixa em px; aqui vira tela cheia).
   ============================================================ */

/* ---------- cores: lima → dourado, roxo → azul Regência ---------- */
.bg-\[\#B9F23B\]{ background-color: #1B2A4A !important; color: #fff !important; }
.bg-\[\#B9F23B\] *{ color: #fff !important; }
.hover\:bg-\[\#a6db30\]:hover{ background-color: #24365E !important; }
.bg-\[\#B9F23B\]\/10{ background-color: rgba(201,168,76,.14) !important; }
.dark\:bg-\[\#B9F23B\]\/5{ background-color: rgba(201,168,76,.08) !important; }
.bg-\[\#E1F8A8\]{ background-color: #F1E6C2 !important; }
.bg-\[\#E1F8A8\]\/60{ background-color: rgba(241,230,194,.7) !important; }
.text-\[\#88C600\]{ color: #8E6F26 !important; }
.dark\:text-\[\#B9F23B\]{ color: #8E6F26 !important; }
.text-\[\#A47CF4\]{ color: #1B2A4A !important; }
.bg-\[\#A47CF4\]\/10{ background-color: rgba(27,42,74,.10) !important; }
.dark\:bg-\[\#A47CF4\]\/5{ background-color: rgba(27,42,74,.06) !important; }
.bg-\[\#E8DFFF\]{ background-color: #DCE3F2 !important; }
.decoration-\[\#E8DFFF\]{ text-decoration-color: #C9A84C !important; }
.focus-within\:ring-\[\#B9F23B\]:focus-within{ --tw-ring-color: #C9A84C !important; }
.focus-within\:border-\[\#B9F23B\]:focus-within{ border-color: #C9A84C !important; }
.text-emerald-800{ color: #1B2A4A !important; }
.bg-blue-500{ background-color: #1B2A4A !important; }
.text-blue-500{ color: #C9A84C !important; }
.from-yellow-500{ --tw-gradient-from: #C9A84C !important; }
.to-purple-600{ --tw-gradient-to: #1B2A4A !important; }

/* ---------- wallpaper próprio (o dela era asset dela) ---------- */
.rc-wallpaper{
  position: absolute; inset: 0;
  background:
    radial-gradient(1000px 700px at 6% 4%, rgba(27,42,74,.55), transparent 60%),
    radial-gradient(820px 620px at 96% 100%, rgba(201,168,76,.62), transparent 58%),
    radial-gradient(700px 520px at 58% 52%, rgba(255,244,214,.9), transparent 65%),
    radial-gradient(500px 400px at 30% 90%, rgba(27,42,74,.18), transparent 60%),
    linear-gradient(160deg, #F3EEE2, #E9E2D2 55%, #DDD3BC);
}
.rc-wallpaper::after{
  content: ''; position: absolute; inset: 0; opacity: .35; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- marca no header (texto, não PNG) ---------- */
.rc-marca-header{ display: flex; align-items: center; gap: 10px; text-decoration: none; color: #171917; }
.rc-marca-rc{ font-family: 'Playfair Display', Georgia, serif; font-weight: 900; font-size: 30px; line-height: 1; letter-spacing: -1px; }
.rc-marca-txt{ display: flex; flex-direction: column; line-height: 1.15; }
.rc-marca-txt b{ font-size: 11px; font-weight: 800; letter-spacing: 2.5px; }
.rc-marca-txt i{ font-style: normal; font-size: 8px; font-weight: 600; letter-spacing: 2.5px; color: #94a3b8; }

/* título do hero: as quebras fixas só valem no desktop */
@media (max-width: 767px){ .rc-h1 br{ display: none; } }

/* ---------- marca na taskbar ---------- */
.rc-marca{
  font-family: 'Playfair Display', Georgia, serif; font-weight: 900; font-size: 20px; line-height: 1;
  color: #171917; letter-spacing: -.5px;
}

/* ---------- card da foto: escuro, a foto de fundo preto encaixa ---------- */
.rc-card-foto{
  background: linear-gradient(180deg, #1B2A4A 0%, #0D0D0D 55%) !important;
  border-color: rgba(0,0,0,.4) !important;
}
.rc-foto-wrap{ pointer-events: none; }
.rc-foto{
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important; max-width: none !important;
  object-fit: cover; object-position: 50% 0;
  -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
}
.rc-card-foto .text-slate-700{ color: #171917; }

.react-draggable.rc-max{ transform: none !important; width: 100% !important; height: calc(100vh - 48px) !important; left: 0 !important; top: 0 !important; border-radius: 0 !important; }

/* ---------- mobile: a janela dela é 1174px fixos; aqui vira tela cheia ---------- */
@media (max-width: 900px){
  .react-draggable{
    transform: none !important; width: 100% !important; height: calc(100vh - 48px) !important;
    left: 0 !important; top: 0 !important; border-radius: 0 !important; min-width: 0 !important;
  }
  .rc-mesa-icones{ display: none !important; }
  .rc-jan{ top: 12px; }
}

.rc-card-claro{ background: linear-gradient(180deg, #F4F1E8, #E6E0D0) !important; border-color: #E2DBC9 !important; }
.rc-foto-palco{ pointer-events: none; height: 116% !important; width: 116% !important; display: flex; justify-content: center; align-items: flex-end; }
.rc-foto-recorte{ height: 100%; width: auto; }
.rc-foto-recorte{ filter: drop-shadow(0 18px 30px rgba(0,0,0,.28)); }
html.rc-dark .rc-card-claro{ background: linear-gradient(180deg, #24365E, #12151A 70%) !important; border-color: rgba(255,255,255,.12) !important; }


/* ============================================================
   V9 · janelas da Regência com a pele clara da mesa dela.
   Chrome de janela (.rc-jan), menu iniciar, notificação, e o
   conteúdo herdado da V8 (mock do celular, chat, painel, tabela,
   provas, lixeira) traduzido do escuro pro claro.
   ============================================================ */
.rc-jan{
  position: absolute; z-index: 30;
  display: none; flex-direction: column;
  width: min(600px, calc(100vw - 24px));
  max-height: calc(100vh - 48px - 24px);
  left: 50%; top: 24px; transform: translateX(-50%);
  border-radius: 12px; overflow: hidden;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05);
  pointer-events: auto;
  resize: both; min-width: 320px; min-height: 220px;
  animation: rc-abre .2s cubic-bezier(.2,.8,.2,1);
}
.rc-jan.aberta{ display: flex; }
.rc-jan--larga{ width: min(760px, calc(100vw - 24px)); }
.rc-jan--mini{ width: min(440px, calc(100vw - 24px)); top: 30%; }
.rc-jan:nth-of-type(2n).aberta{ transform: translateX(-50%) translate(28px, 18px); }
@keyframes rc-abre{ from{ opacity: 0; transform: translateX(-50%) scale(.97) translateY(6px);} to{ opacity: 1; transform: translateX(-50%);} }
.rc-jan-barra{ display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0 12px 0 16px; background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(0,0,0,.05); flex-shrink: 0; user-select: none; }
.rc-jan-x{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; border: 0; background: transparent; color: #171917; cursor: pointer; }
.rc-jan-x:hover{ background: #ef4444; color: #fff; }
.rc-jan-corpo{ overflow-y: auto; padding: 28px 30px 32px; font-size: 14px; color: #171917; }
.rc-jan-corpo h2{ font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; margin-bottom: 10px; }
.rc-jan-corpo h3{ font-size: 15px; font-weight: 800; }
.rc-jan-corpo p{ color: #475569; line-height: 1.6; margin-bottom: 10px; }
.rc-jan-corpo p strong{ color: #171917; }
.rc-jan-corpo ul{ list-style: none; padding: 0; }
.jan{ max-width: 640px; }
.jan-abre{ font-size: 15px; color: #171917 !important; font-weight: 500; }
.jan-cta{ margin-top: 22px; padding-top: 18px; border-top: 1px solid #f1f5f9; }
.jan-cta p{ font-size: 13px; margin-bottom: 10px; }
.lista{ display: grid; gap: 8px; }
.lista li{ display: flex; gap: 10px; align-items: flex-start; color: #475569; font-size: 13.5px; line-height: 1.5; }
.lista li::before{ content: ''; width: 6px; height: 6px; min-width: 6px; border-radius: 50%; background: #C9A84C; margin-top: 7px; }
.microcopy{ font-size: 12px; color: #94a3b8; margin-top: 10px; }
.divisor{ width: 48px; height: 2px; background: #C9A84C; border: 0; margin: 18px 0; }

/* botões herdados da V8 (classe .btn), na pele clara */
.btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 8px; border: 0; cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; background: #171917; color: #fff; transition: transform .1s, background .15s; text-decoration: none; }
.btn:hover{ background: #2b2e2b; } .btn:active{ transform: scale(.97); }
.btn--primario{ background: #C9A84C; color: #171917; } .btn--primario:hover{ background: #B5943F; }
.btn--contorno{ background: #fff; color: #171917; border: 1px solid #e2e8f0; } .btn--contorno:hover{ background: #f8fafc; }
.btn--fantasma{ background: transparent; color: #94a3b8; border: 1px solid #e2e8f0; }
.btn--sm{ height: 36px; padding: 0 14px; font-size: 12px; } .btn--lg{ height: 50px; padding: 0 26px; font-size: 14px; } .btn--bloco{ width: 100%; }
.btn[aria-disabled="true"]{ opacity: .5; cursor: not-allowed; }
.rc-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: 8px; border: 0; cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; background: #171917; color: #fff; transition: transform .1s, background .15s; text-decoration: none; }
.rc-btn:hover{ background: #2b2e2b; } .rc-btn:active{ transform: scale(.97); } .rc-btn[disabled]{ opacity: .6; cursor: progress; }
.rc-btn--ouro{ background: #C9A84C; color: #171917; } .rc-btn--ouro:hover{ background: #B5943F; }
.rc-btn--bloco{ width: 100%; } .rc-btn--sm{ height: 36px; padding: 0 14px; font-size: 12px; }
.rc-btn--contorno{ background: #fff; color: #171917; border: 1px solid #e2e8f0; } .rc-btn--contorno:hover{ background: #f8fafc; }
.rc-link{ background: none; border: 0; padding: 0; font: inherit; font-size: 13px; font-weight: 800; color: #1B2A4A; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- o celular (mock) ---------- */
.mock{ background: #F4F5F3; border: 1px solid #e2e8f0; border-radius: 18px; padding: 12px 12px 14px; max-width: 320px; margin: 18px 0 20px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.mock-barra{ display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; color: #64748b; padding: 0 6px 8px; }
.mock-foto{ height: 84px; border-radius: 10px; margin-bottom: 8px; background: linear-gradient(135deg, #1B2A4A, #2A3A5C 60%, #C9A84C); }
.busca-campo{ display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; padding: 9px 14px; font-size: 13px; font-weight: 500; color: #171917; }
.busca-campo::before{ content: ''; width: 12px; height: 12px; border: 2px solid #94a3b8; border-radius: 50%; box-shadow: 4px 4px 0 -2px #94a3b8; }
.mapa{ position: relative; height: 112px; margin-top: 8px; border-radius: 12px; overflow: hidden; background: linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px) 0 0/22px 22px, linear-gradient(90deg, rgba(0,0,0,.05) 1px, transparent 1px) 0 0/22px 22px, #E6EAE3; }
.pino{ position: absolute; width: 12px; height: 12px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #94a3b8; box-shadow: 0 3px 6px rgba(0,0,0,.2); }
.pino--vence{ background: #C9A84C; width: 16px; height: 16px; }
.resultado{ display: block; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 9px 12px; margin-top: 8px; font-size: 12px; color: #64748b; line-height: 1.5; }
.resultado strong{ font-size: 13px; color: #171917; font-weight: 700; }
.resultado .estrelas{ color: #C9A84C; letter-spacing: 1px; }
.resultado--vence{ border-color: rgba(201,168,76,.6); background: #FBF6E6; }
.chat{ display: flex; flex-direction: column; gap: 8px; }
.bolha{ max-width: 88%; font-size: 12px; line-height: 1.5; padding: 8px 12px; border-radius: 12px 12px 12px 4px; background: #fff; border: 1px solid #e2e8f0; color: #171917; }
.bolha--dela{ align-self: flex-end; border-radius: 12px 12px 4px 12px; background: #E1F3E6; border-color: #cbe8d3; }
.bolha .hora{ display: block; font-size: 10px; color: #94a3b8; margin-top: 4px; }

/* ---------- painel (Medir) ---------- */
.dash-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 12px; }
.dash-card{ background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; }
.dash-card .rotulo{ font-size: 12px; font-weight: 600; color: #94a3b8; display: block; margin-bottom: 6px; }
.dash-card .valor{ font-size: 30px; font-weight: 800; letter-spacing: -.02em; color: #171917; line-height: 1.1; }
.dash-card .delta{ display: block; margin-top: 6px; font-size: 12px; color: #2f8f5b; font-weight: 600; }
.grafico{ display: flex; align-items: flex-end; gap: 8px; height: 110px; padding: 16px; background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; }
.grafico span{ flex: 1; background: #DCE3F2; border-top: 3px solid #1B2A4A; border-radius: 3px 3px 0 0; }
.grafico span:last-child{ background: #F1E6C2; border-top-color: #C9A84C; }
.grafico-legenda{ display: flex; gap: 8px; font-size: 11px; color: #94a3b8; padding: 8px 16px 12px; background: #FAFAFA; border: 1px solid #e2e8f0; border-top: 0; border-radius: 0 0 12px 12px; }
.grafico-legenda span{ flex: 1; text-align: center; }
.tabela-mini{ width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 18px; }
.tabela-mini th{ text-align: left; font-size: 11px; font-weight: 700; color: #94a3b8; padding: 8px; border-bottom: 1px solid #e2e8f0; }
.tabela-mini td{ padding: 10px 8px; color: #475569; border-bottom: 1px solid #f1f5f9; }
.tabela-mini td:first-child{ color: #171917; font-weight: 600; }
.tabela-mini .num{ text-align: right; font-variant-numeric: tabular-nums; }
.tabela-mini .delta{ color: #2f8f5b; font-weight: 700; }

/* ---------- método, provas ---------- */
.reuniao-item{ display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f5f9; align-items: start; }
.reuniao-item:last-child{ border-bottom: 0; }
.reuniao-num{ width: 26px; height: 26px; border-radius: 50%; background: #F1E6C2; color: #8E6F26; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.reuniao-item p{ font-size: 13.5px; margin-bottom: 0; }
.reuniao-item h3{ margin-bottom: 4px; }
.prova-num{ font-size: 52px; font-weight: 800; letter-spacing: -.03em; color: #171917; line-height: 1; }
.prova-num small{ font-size: 16px; font-weight: 700; color: #8E6F26; margin-left: 6px; letter-spacing: 0; }
.clientes-linha{ display: flex; flex-wrap: wrap; gap: 8px; }
.clientes-linha span{ font-size: 12px; font-weight: 600; color: #475569; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; padding: 5px 11px; }

/* ---------- lixeira ---------- */
.lixo-lista{ margin-top: 12px; background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.lixo-arquivo{ display: grid; grid-template-columns: 24px 1fr auto; gap: 14px; align-items: center; width: 100%; background: transparent; border: 0; border-bottom: 1px solid #f1f5f9; padding: 11px 14px; font: inherit; text-align: left; cursor: pointer; transition: background .12s; }
.lixo-arquivo:last-child{ border-bottom: 0; }
.lixo-arquivo:hover{ background: #fff; }
.lixo-arquivo svg, .lixo-arquivo img{ width: 22px; height: 22px; }
.lixo-nome{ font-size: 13px; font-weight: 600; color: #171917; }
.lixo-meta{ font-size: 11px; color: #94a3b8; white-space: nowrap; }
.lixo-acoes{ display: flex; gap: 8px; margin-top: 14px; }
.rc-punch-texto{ font-size: 15px; font-weight: 600; line-height: 1.55; color: #171917 !important; margin-bottom: 14px; }

/* ---------- formulário ---------- */
.rc-form{ display: grid; gap: 12px; margin-top: 18px; } .rc-form[hidden]{ display: none; }
.rc-campo{ display: grid; gap: 5px; } .rc-campo-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rc-campo label{ font-size: 12px; font-weight: 700; color: #171917; } .rc-campo label span{ font-weight: 500; color: #94a3b8; }
.rc-campo input{ width: 100%; height: 42px; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0 12px; font: inherit; font-size: 14px; color: #171917; background: #fff; }
.rc-campo input:focus{ outline: none; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,.2); }
.rc-campo input[aria-invalid="true"]{ border-color: #d32f2f; }
.rc-hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.rc-consent{ display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: #475569; cursor: pointer; }
.rc-consent input{ width: 16px; height: 16px; margin-top: 2px; accent-color: #C9A84C; flex-shrink: 0; }
.rc-erro{ font-size: 12px; font-weight: 700; color: #d32f2f; } .rc-erro a{ color: #1B2A4A; text-decoration: underline; }
.rc-micro{ font-size: 12px; color: #94a3b8; }
.rc-ok{ display: grid; gap: 10px; justify-items: start; padding-top: 6px; } .rc-ok[hidden]{ display: none; }

/* ---------- menu iniciar ---------- */
.rc-menu{ position: fixed; left: 12px; bottom: 60px; width: 340px; max-height: calc(100vh - 100px); overflow-y: auto; background: rgba(255,255,255,.97); border: 1px solid rgba(0,0,0,.12); border-radius: 12px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); padding: 10px; z-index: 99998; }
.rc-menu[hidden]{ display: none; }
.rc-menu-busca{ width: 100%; height: 38px; background: #F4F5F3; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0 12px; font: inherit; font-size: 13px; color: #171917; margin-bottom: 6px; }
.rc-menu-busca:focus{ outline: none; border-color: #C9A84C; }
.rc-menu-grupo{ font-size: 11px; font-weight: 700; color: #94a3b8; padding: 12px 10px 6px; }
.rc-menu-item{ display: flex; align-items: center; gap: 12px; width: 100%; background: transparent; border: 0; border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 13px; font-weight: 600; color: #171917; text-align: left; cursor: pointer; }
.rc-menu-item:hover{ background: #F4F5F3; } .rc-menu-item[hidden]{ display: none; }
.rc-menu-item img{ width: 22px; height: 22px; object-fit: contain; }
.rc-menu-item span{ margin-left: auto; font-size: 11px; font-weight: 500; color: #94a3b8; white-space: nowrap; }
.rc-menu-pessoa{ display: flex; align-items: center; gap: 12px; border-top: 1px solid #f1f5f9; margin-top: 8px; padding: 12px 10px 6px; }
.rc-menu-pessoa > span:nth-child(2){ display: flex; flex-direction: column; line-height: 1.3; }
.rc-menu-pessoa b{ font-size: 13px; } .rc-menu-pessoa i{ font-style: normal; font-size: 11px; color: #94a3b8; }
.rc-menu-pessoa i::before{ content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #2f8f5b; margin-right: 6px; }
.rc-menu-desligar{ margin-left: auto; background: transparent; border: 0; border-radius: 8px; color: #475569; padding: 8px; cursor: pointer; }
.rc-menu-desligar:hover{ background: #F4F5F3; color: #171917; }
.rc-menu-rodape{ padding: 8px 10px 4px; font-size: 12px; color: #94a3b8; line-height: 1.6; }
.rc-menu-rodape a{ color: #1B2A4A; font-weight: 600; }
.rc-avatar{ width: 34px; height: 34px; border-radius: 50%; background: #C9A84C; color: #1A1405; font-weight: 800; font-size: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* ---------- notificação ---------- */
.rc-aviso{ position: fixed; right: 16px; bottom: 64px; width: min(340px, calc(100vw - 32px)); background: rgba(255,255,255,.97); border: 1px solid rgba(0,0,0,.12); border-radius: 12px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); padding: 14px 16px 16px; z-index: 99998; opacity: 0; transform: translateY(8px); transition: opacity .4s, transform .4s; }
.rc-aviso.visivel{ opacity: 1; transform: none; } .rc-aviso[hidden]{ display: none; }
.rc-aviso-topo{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.rc-aviso-topo > span{ display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #94a3b8; }
.rc-aviso-quem{ display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.rc-aviso-quem > span:nth-child(2){ display: flex; flex-direction: column; line-height: 1.3; }
.rc-aviso-quem b{ font-size: 13px; } .rc-aviso-quem i{ font-style: normal; font-size: 11px; color: #94a3b8; }
.rc-aviso p{ font-size: 13px; line-height: 1.55; color: #475569; margin-bottom: 12px; }

@media (max-width: 767px){
  .rc-jan, .rc-jan--larga{ width: calc(100vw - 16px); top: 8px; max-height: calc(100vh - 48px - 16px); }
  .rc-jan:nth-of-type(2n).aberta{ transform: translateX(-50%); }
  .rc-jan-corpo{ padding: 20px 18px 28px; }
  .rc-campo-2, .dash-cards{ grid-template-columns: 1fr; }
  .rc-menu{ left: 8px; right: 8px; width: auto; }
}

/* cases e sobre */
.rc-cases{ display: grid; gap: 10px; margin-top: 14px; }
.rc-case{ background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 18px; display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: center; }
.rc-case .prova-num{ font-size: 40px; }
.rc-case h3{ margin-bottom: 4px; }
.rc-case p{ margin: 0; font-size: 13px; }
html.rc-dark .rc-case{ background: #21262F; border-color: rgba(255,255,255,.12); }
.rc-sobre-topo{ display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.rc-sobre-foto{ width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 3px solid #F1E6C2; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.rc-sobre-topo h2{ margin-bottom: 2px; }
.rc-sobre-linha{ font-size: 13px; margin: 0; }
@media (max-width: 767px){ .rc-case{ grid-template-columns: 1fr; gap: 6px; } }

/* controles de janela (min / max / fechar) */
.rc-jan-ctrls{ display: flex; align-items: center; gap: 4px; }
.rc-jan--max{ left: 0 !important; top: 0 !important; transform: none !important; width: 100% !important; height: calc(100vh - 48px) !important; max-height: none !important; border-radius: 0 !important; resize: none; }
/* checklist da lixeira */
.rc-check{ background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; margin: 4px 0 14px; display: grid; gap: 8px; }
.rc-check-titulo{ font-size: 12px; font-weight: 700; color: #171917 !important; margin: 0 0 2px !important; }
.rc-check label{ display: flex; gap: 10px; align-items: center; font-size: 13px; color: #171917; cursor: pointer; }
.rc-check input{ width: 16px; height: 16px; accent-color: #C9A84C; }
.rc-check label:has(input:checked) span{ text-decoration: line-through; color: #94a3b8; }
.rc-check-total{ font-size: 12px; color: #64748b !important; margin: 4px 0 0 !important; }
html.rc-dark .rc-check{ background: #21262F; border-color: rgba(255,255,255,.12); }
html.rc-dark .rc-check label, html.rc-dark .rc-check-titulo{ color: #F5F0E8 !important; }

/* ============================================================
   MOBILE = ANDROID (html.rc-mob, <= 900px)
   ============================================================ */
@media (max-width: 900px){
  html.rc-mob .rc-mesa-icones{
    display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 6px 4px;
    align-content: start; padding: 16px 8px 120px; height: auto !important; overflow: auto;
  }
  html.rc-mob .rc-mesa-icones [role="button"]{ width: auto !important; min-height: 0 !important; padding: 10px 2px 8px !important; }
  html.rc-mob .rc-mesa-icones [role="button"] > div{ width: 56px !important; height: 56px !important; }
  html.rc-mob .rc-mesa-icones img{ width: 44px !important; height: 44px !important; }
  html.rc-mob .rc-mesa-icones span{ font-size: 11px !important; line-height: 1.25 !important; }
  html.rc-mob .react-draggable.rc-mob-fechada{ display: none !important; }
  html.rc-mob .react-draggable{ height: calc(100vh - 64px) !important; }
  html.rc-mob .window-drag-handle{ cursor: default; }
  html.rc-mob .window-drag-handle > div:last-child{ display: none; } /* – □ × da principal */
  html.rc-mob .rc-jan-ctrls{ display: none; }
  html.rc-mob .rc-jan, html.rc-mob .rc-jan--larga, html.rc-mob .rc-jan--mini{
    left: 0 !important; top: 0 !important; transform: none !important; width: 100% !important;
    height: calc(100vh - 64px) !important; max-height: none !important; border-radius: 0 !important; resize: none;
  }
  html.rc-mob .rc-jan-barra{ height: 48px; padding-left: 6px; gap: 6px; }
  .rc-voltar{ display: none; width: 40px; height: 40px; border: 0; background: transparent; color: #171917; border-radius: 10px; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
  html.rc-mob .rc-voltar{ display: inline-flex; }
  html.rc-dark .rc-voltar{ color: #F5F0E8; }
  html.rc-mob .rc-jan-corpo{ padding-bottom: 96px; }
  /* dock */
  html.rc-mob .glass-taskbar{ height: 64px !important; padding: 0 !important; flex-direction: column; justify-content: flex-start; }
  html.rc-mob .glass-taskbar > div{ display: none !important; }
  .rc-dock{ display: none; }
  html.rc-mob .rc-dock{ display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; height: 64px; }
  .rc-dock button, .rc-dock a{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; background: transparent; border: 0; font: inherit; font-size: 10.5px; font-weight: 700; color: #171917; text-decoration: none; cursor: pointer; }
  .rc-dock img{ width: 24px; height: 24px; object-fit: contain; }
  html.rc-dark .rc-dock button, html.rc-dark .rc-dock a{ color: #F5F0E8; }
  html.rc-dark .rc-dock img[src$="rc-icone.png"]{ filter: invert(1) brightness(1.2); }
  /* convite como folha de baixo */
  html.rc-mob .rc-aviso{ left: 8px; right: 8px; bottom: 72px; width: auto; border-radius: 16px; padding: 18px 18px 20px; }
  html.rc-mob .rc-aviso p{ font-size: 14px; }
  html.rc-mob .rc-aviso .rc-btn{ width: 100%; height: 46px; font-size: 14px; background: #C9A84C; color: #171917; border: 0; }
  html.rc-mob .rc-menu{ bottom: 72px; }
}

/* botão "Entrar na Regência": só no celular */
.rc-entrar{ display: none; }
html.rc-mob .rc-entrar{ display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin-top: 6px; border-radius: 8px; border: 1px solid #e2e8f0; background: #fff; font: inherit; font-size: 13px; font-weight: 800; color: #1B2A4A; cursor: pointer; }
html.rc-dark .rc-entrar{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); color: #8FBCFF; }

html.rc-mob .rc-mob-busca{ position: absolute; left: 12px; right: 12px; top: 30px; height: 44px; border-radius: 999px; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.85); padding: 0 16px 0 18px; font: inherit; font-size: 14px; color: #171917; z-index: 3; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
html.rc-mob .rc-mob-busca::placeholder{ color: #94a3b8; }
html.rc-mob .rc-mob-busca:focus{ outline: none; border-color: #C9A84C; }
html.rc-dark .rc-mob-busca{ background: rgba(31,35,43,.92); border-color: rgba(255,255,255,.14); color: #F5F0E8; }
html.rc-mob .rc-mesa-icones{ padding-top: 90px !important; }


/* ============================================================
   V9 · MODO ESCURO (html.rc-dark). O dark dela vivia no React (trocava
   classes); aqui é uma pele por cima das classes que ela usa.
   ============================================================ */
html.rc-dark{ color-scheme: dark; }
html.rc-dark .rc-wallpaper{
  background:
    radial-gradient(1100px 720px at 12% 8%, rgba(46,72,124,.95), transparent 62%),
    radial-gradient(800px 600px at 92% 96%, rgba(201,168,76,.28), transparent 60%),
    radial-gradient(900px 600px at 55% 55%, rgba(127,178,255,.08), transparent 65%),
    linear-gradient(180deg, #0E1219, #0A0C10 70%);
}
html.rc-dark .rc-wallpaper::after{ opacity: .5; }
html.rc-dark .rc-mesa-icones span{ color: #F5F0E8 !important; text-shadow: 0 1px 2px rgba(0,0,0,.8); }
html.rc-dark .rc-mesa-icones [role="button"]:hover{ background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; }
html.rc-dark .rc-marca, html.rc-dark .rc-marca-header, html.rc-dark .rc-marca-txt b{ color: #F5F0E8; }

/* janela principal e conteúdo */
html.rc-dark .react-draggable{ background: rgba(23,26,32,.98) !important; border-color: rgba(255,255,255,.14) !important; box-shadow: 0 30px 80px rgba(0,0,0,.6) !important; }
html.rc-dark .window-drag-handle{ background: #1F232B !important; border-color: rgba(255,255,255,.08) !important; }
html.rc-dark .text-text-primary, html.rc-dark .text-\[\#171917\]{ color: #F5F0E8 !important; }
html.rc-dark .bg-\[\#FAFAFA\]{ background-color: #171A20 !important; }
html.rc-dark .bg-white{ background-color: #1F232B !important; }
html.rc-dark .bg-white\/95, html.rc-dark .bg-white\/90, html.rc-dark .bg-white\/70, html.rc-dark .bg-white\/50, html.rc-dark .bg-white\/40{ background-color: rgba(31,35,43,.9) !important; }
html.rc-dark .bg-slate-50{ background-color: #12151A !important; }
html.rc-dark .bg-slate-100, html.rc-dark .bg-slate-200\/80, html.rc-dark .bg-slate-200\/40{ background-color: rgba(255,255,255,.08) !important; }
html.rc-dark .text-slate-400, html.rc-dark .text-slate-500, html.rc-dark .text-slate-600, html.rc-dark .text-slate-700, html.rc-dark .text-slate-800{ color: rgba(245,240,232,.72) !important; }
html.rc-dark .text-slate-300{ color: rgba(245,240,232,.5) !important; }
html.rc-dark .border-slate-100, html.rc-dark .border-slate-200, html.rc-dark .border-slate-200\/80, html.rc-dark .border-slate-200\/70, html.rc-dark .border-slate-200\/50, html.rc-dark .border-slate-200\/40, html.rc-dark .border-black\/5, html.rc-dark .border-black\/15{ border-color: rgba(255,255,255,.1) !important; }
html.rc-dark .bg-\[\#E1F8A8\], html.rc-dark .bg-\[\#E1F8A8\]\/60{ background-color: rgba(201,168,76,.18) !important; }
html.rc-dark .bg-\[\#E1F8A8\] > span, html.rc-dark .bg-\[\#E1F8A8\].text-\[\#171917\]{ color: #E4C36A !important; }
html.rc-dark .bg-\[\#E8DFFF\]{ background-color: rgba(127,178,255,.16) !important; }
html.rc-dark .text-\[\#A47CF4\]{ color: #8FBCFF !important; }
html.rc-dark .text-\[\#88C600\], html.rc-dark .dark\:text-\[\#B9F23B\]{ color: #E4C36A !important; }
html.rc-dark .text-emerald-800{ color: #8FBCFF !important; }
html.rc-dark .bg-\[\#171917\]{ background-color: #F5F0E8 !important; color: #171917 !important; }
html.rc-dark .bg-\[\#171917\] *{ color: #171917 !important; }
html.rc-dark .hover\:bg-slate-800:hover{ background-color: #e6dfd0 !important; }
html.rc-dark .shadow-slate-900\/10, html.rc-dark .shadow-slate-200\/50{ --tw-shadow-color: rgba(0,0,0,.5) !important; }
html.rc-dark .from-slate-100{ --tw-gradient-from: #1F232B !important; }
html.rc-dark .to-slate-200\/50{ --tw-gradient-to: #12151A !important; }
html.rc-dark .rc-card-foto{ background: linear-gradient(180deg, #24365E, #0D0D0D 60%) !important; border-color: rgba(255,255,255,.12) !important; }
html.rc-dark .hover\:bg-black\/5:hover, html.rc-dark .bg-black\/5{ background-color: rgba(255,255,255,.08) !important; }
html.rc-dark .bg-\[\#101013\]{ background-color: #E4C36A !important; }
html.rc-dark .text-\[\#6D726F\]{ color: rgba(245,240,232,.5) !important; }
html.rc-dark .glass-taskbar{ background: rgba(20,23,29,.85) !important; border-color: rgba(255,255,255,.1) !important; }
html.rc-dark .glass-taskbar input{ color: #F5F0E8; }
html.rc-dark .glass-taskbar .placeholder-slate-400::placeholder{ color: rgba(245,240,232,.45); }
html.rc-dark .glass-taskbar svg{ color: rgba(245,240,232,.7); }
html.rc-dark .ring-black\/5{ --tw-ring-color: rgba(255,255,255,.08) !important; }

/* janelas, menu, aviso da Regência */
html.rc-dark .rc-jan, html.rc-dark .rc-menu, html.rc-dark .rc-aviso{ background: rgba(23,26,32,.98); border-color: rgba(255,255,255,.14); box-shadow: 0 25px 60px rgba(0,0,0,.6); }
html.rc-dark .rc-jan-barra{ background: #1F232B; border-color: rgba(255,255,255,.08); }
html.rc-dark .rc-jan-corpo, html.rc-dark .rc-jan-corpo h2, html.rc-dark .rc-jan-corpo h3, html.rc-dark .rc-jan-x, html.rc-dark .rc-jan-corpo p strong, html.rc-dark .lixo-nome, html.rc-dark .rc-menu-item, html.rc-dark .rc-menu-pessoa b, html.rc-dark .rc-aviso-quem b, html.rc-dark .rc-campo label, html.rc-dark .rc-punch-texto, html.rc-dark .prova-num, html.rc-dark .dash-card .valor, html.rc-dark .tabela-mini td:first-child, html.rc-dark .bolha, html.rc-dark .resultado strong, html.rc-dark .busca-campo{ color: #F5F0E8 !important; }
html.rc-dark .rc-jan-corpo p, html.rc-dark .lista li, html.rc-dark .rc-consent, html.rc-dark .reuniao-item p, html.rc-dark .tabela-mini td, html.rc-dark .clientes-linha span, html.rc-dark .rc-aviso p, html.rc-dark .resultado{ color: rgba(245,240,232,.74) !important; }
html.rc-dark .jan-cta, html.rc-dark .reuniao-item, html.rc-dark .lixo-arquivo, html.rc-dark .tabela-mini td, html.rc-dark .rc-menu-pessoa{ border-color: rgba(255,255,255,.08); }
html.rc-dark .mock, html.rc-dark .dash-card, html.rc-dark .grafico, html.rc-dark .grafico-legenda, html.rc-dark .lixo-lista, html.rc-dark .rc-menu-busca, html.rc-dark .rc-campo input{ background: #21262F; border-color: rgba(255,255,255,.12); color: #F5F0E8; }
html.rc-dark .busca-campo, html.rc-dark .resultado, html.rc-dark .bolha, html.rc-dark .clientes-linha span{ background: #2A303A; border-color: rgba(255,255,255,.12); }
html.rc-dark .resultado--vence{ background: rgba(201,168,76,.16); border-color: rgba(201,168,76,.45); }
html.rc-dark .bolha--dela{ background: rgba(63,207,142,.16); border-color: rgba(63,207,142,.3); }
html.rc-dark .mapa{ background: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0/22px 22px, linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0/22px 22px, #1F2B44; }
html.rc-dark .rc-menu-item:hover, html.rc-dark .lixo-arquivo:hover, html.rc-dark .rc-menu-desligar:hover{ background: rgba(255,255,255,.07); }
html.rc-dark .btn--contorno, html.rc-dark .rc-btn--contorno{ background: rgba(255,255,255,.05); color: #F5F0E8; border-color: rgba(255,255,255,.16); }
html.rc-dark .btn, html.rc-dark .rc-btn{ background: #F5F0E8; color: #171917; }
html.rc-dark .btn--primario, html.rc-dark .rc-btn--ouro{ background: #C9A84C; color: #171917; }
html.rc-dark .reuniao-num{ background: rgba(201,168,76,.18); color: #E4C36A; }
html.rc-dark .rc-link{ color: #8FBCFF; }
html.rc-dark .rc-menu-rodape a{ color: #8FBCFF; }
html.rc-dark .rc-punch{ background: rgba(201,168,76,.16); color: #F5F0E8; }
html.rc-dark .rc-jan-x:hover{ background: #ef4444; color: #fff; }

/* hover dos botões redondos do header no escuro */
html.rc-dark .hover\:bg-slate-100:hover, html.rc-dark .hover\:bg-slate-50:hover{ background-color: rgba(255,255,255,.1) !important; }

/* a marca "rc" em PNG é preta: no escuro vira branca */
html.rc-dark img[src$="rc-icone.png"], html.rc-dark img[src$="logo-rc.png"]{ filter: invert(1) brightness(1.2); }


/* ============================================================
   V9 · FASE 1: duas narrativas, linha de jornada, antes/depois,
   simulador de tráfego, história da marca.
   ============================================================ */

/* ---------- seletor de narrativa (header) ---------- */
.rc-nicho{ display: inline-flex; background: #F4F5F3; border: 1px solid #e2e8f0; border-radius: 999px; padding: 3px; gap: 2px; }
.rc-nicho button{ border: 0; background: transparent; font: inherit; font-size: 11px; font-weight: 800; letter-spacing: .2px; color: #64748b; padding: 5px 11px; border-radius: 999px; cursor: pointer; transition: background .15s, color .15s; }
.rc-nicho button[aria-pressed="true"]{ background: #171917; color: #fff; }
html.rc-dark .rc-nicho{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
html.rc-dark .rc-nicho button{ color: rgba(245,240,232,.6); }
html.rc-dark .rc-nicho button[aria-pressed="true"]{ background: #F5F0E8; color: #171917; }
[data-so]{ display: none; }
html[data-nicho="clinica"] [data-so="clinica"], html[data-nicho="local"] [data-so="local"]{ display: inline; }
html[data-nicho="clinica"] div[data-so="clinica"], html[data-nicho="local"] div[data-so="local"]{ display: block; }

/* ---------- linha de jornada (taskbar, centro) ---------- */
.rc-jornada{ display: none; align-items: center; gap: 0; flex: 1; justify-content: center; min-width: 0; padding: 0 12px; }
@media (min-width: 1180px){ .rc-jornada{ display: flex; } .glass-taskbar > div:nth-child(2){ flex-shrink: 0; } }
.rc-jornada li{ list-style: none; display: flex; align-items: center; gap: 6px; font-size: 9.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #94a3b8; white-space: nowrap; transition: color .3s; }
.rc-jornada li::before{ content: ''; width: 7px; height: 7px; border-radius: 50%; background: #cbd5e1; transition: background .3s, box-shadow .3s; }
.rc-jornada li + li{ margin-left: 8px; padding-left: 8px; border-left: 1px solid #e2e8f0; }
.rc-jornada li.acesa{ color: #171917; }
.rc-jornada li.acesa::before{ background: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,.25); }
.rc-jornada li.completa{ color: #1B2A4A; }
html.rc-dark .rc-jornada li{ color: rgba(245,240,232,.4); }
html.rc-dark .rc-jornada li::before{ background: rgba(255,255,255,.18); }
html.rc-dark .rc-jornada li + li{ border-color: rgba(255,255,255,.1); }
html.rc-dark .rc-jornada li.acesa{ color: #F5F0E8; }
html.rc-dark .rc-jornada li.acesa::before{ background: #E4C36A; }
/* celular: faixa fina no topo com o passo atual */
.rc-jornada-mob{ display: none; }
html.rc-mob .rc-jornada-mob{ display: flex; position: fixed; left: 0; right: 0; top: 0; z-index: 99990; height: 22px; align-items: center; gap: 8px; padding: 0 10px; background: rgba(23,25,23,.92); color: #F5F0E8; font-size: 10px; font-weight: 700; letter-spacing: .4px; }
.rc-jornada-mob i{ flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.18); overflow: hidden; }
.rc-jornada-mob i b{ display: block; height: 100%; width: 100%; background: #C9A84C; transform-origin: left; transform: scaleX(0); transition: transform .4s; }
html.rc-mob .react-draggable, html.rc-mob .rc-jan{ top: 22px !important; height: calc(100vh - 64px - 22px) !important; }
html.rc-mob .rc-mesa-icones{ padding-top: 34px; }
/* sistema completo */
.rc-toast{ position: fixed; left: 50%; bottom: 72px; transform: translateX(-50%) translateY(12px); background: #171917; color: #F5F0E8; border-radius: 12px; padding: 12px 16px; display: flex; gap: 12px; align-items: center; font-size: 13px; z-index: 99999; opacity: 0; transition: opacity .3s, transform .3s; box-shadow: 0 20px 40px rgba(0,0,0,.35); max-width: calc(100vw - 24px); }
.rc-toast.visivel{ opacity: 1; transform: translateX(-50%); }
.rc-toast b{ color: #E4C36A; }
.rc-toast button{ font: inherit; font-size: 12px; font-weight: 800; background: #C9A84C; color: #171917; border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; white-space: nowrap; }

/* ---------- antes / depois ---------- */
.rc-ad{ display: grid; gap: 12px; margin-top: 14px; }
.rc-ad-toggle{ display: inline-flex; background: #F4F5F3; border: 1px solid #e2e8f0; border-radius: 999px; padding: 3px; }
.rc-ad-toggle button{ border: 0; background: transparent; font: inherit; font-size: 12px; font-weight: 800; color: #64748b; padding: 7px 16px; border-radius: 999px; cursor: pointer; }
.rc-ad-toggle button[aria-pressed="true"]{ background: #171917; color: #fff; }
.rc-ad-lista{ list-style: none; display: grid; gap: 6px; }
.rc-ad-lista li{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; font-size: 13px; }
.rc-ad-lista li > span:first-child{ font-weight: 700; color: #171917; }
.rc-ad-lista li > span:last-child{ color: #d32f2f; font-weight: 600; transition: color .3s; }
.rc-ad[data-estado="depois"] .rc-ad-lista li > span:last-child{ color: #2f8f5b; }
.rc-ad-lista li > span:last-child::before{ content: attr(data-antes); }
.rc-ad[data-estado="depois"] .rc-ad-lista li > span:last-child::before{ content: attr(data-depois); }
.rc-ad-nota{ font-size: 12px; color: #94a3b8; }
html.rc-dark .rc-ad-toggle{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
html.rc-dark .rc-ad-toggle button[aria-pressed="true"]{ background: #F5F0E8; color: #171917; }
html.rc-dark .rc-ad-lista li{ background: #21262F; border-color: rgba(255,255,255,.12); }
html.rc-dark .rc-ad-lista li > span:first-child{ color: #F5F0E8; }

/* ---------- simulador de tráfego ---------- */
.rc-sim{ display: grid; gap: 14px; margin-top: 14px; }
.rc-sim-campo{ display: grid; gap: 6px; }
.rc-sim-campo label{ font-size: 12px; font-weight: 700; color: #171917; display: flex; justify-content: space-between; }
.rc-sim-campo label output{ color: #8E6F26; }
.rc-sim input[type="range"]{ width: 100%; accent-color: #C9A84C; }
.rc-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
.rc-chips button{ font: inherit; font-size: 12px; font-weight: 700; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; padding: 6px 12px; color: #475569; cursor: pointer; }
.rc-chips button[aria-pressed="true"]{ background: #1B2A4A; border-color: #1B2A4A; color: #fff; }
.rc-cadeia{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.rc-elo{ background: #FAFAFA; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 10px; text-align: center; opacity: .35; transform: translateY(6px); transition: opacity .35s, transform .35s, border-color .35s; }
.rc-elo.on{ opacity: 1; transform: none; border-color: rgba(201,168,76,.6); }
.rc-elo b{ display: block; font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: #171917; line-height: 1.1; }
.rc-elo span{ display: block; font-size: 11px; color: #64748b; margin-top: 3px; }
.rc-elo em{ display: block; font-style: normal; font-size: 18px; margin-bottom: 4px; }
.rc-sim-msg{ background: #E1F3E6; border: 1px solid #cbe8d3; border-radius: 12px 12px 12px 4px; padding: 10px 12px; font-size: 13px; color: #171917; max-width: 88%; opacity: 0; transform: translateY(6px); transition: opacity .35s, transform .35s; }
.rc-sim-msg.on{ opacity: 1; transform: none; }
.rc-sim-msg small{ display: block; color: #64748b; font-size: 10px; margin-top: 4px; }
.rc-sim-aviso{ font-size: 11.5px; color: #94a3b8; line-height: 1.5; }
html.rc-dark .rc-chips button{ background: #21262F; border-color: rgba(255,255,255,.12); color: rgba(245,240,232,.75); }
html.rc-dark .rc-chips button[aria-pressed="true"]{ background: #F5F0E8; border-color: #F5F0E8; color: #171917; }
html.rc-dark .rc-elo{ background: #21262F; border-color: rgba(255,255,255,.12); }
html.rc-dark .rc-elo b{ color: #F5F0E8; }
html.rc-dark .rc-sim-msg{ background: rgba(63,207,142,.16); border-color: rgba(63,207,142,.3); color: #F5F0E8; }
html.rc-dark .rc-sim-campo label{ color: #F5F0E8; }
@media (max-width: 560px){ .rc-cadeia{ grid-template-columns: 1fr 1fr; } }

/* ---------- história da marca ---------- */
.rc-historia{ margin-top: 18px; padding-top: 16px; border-top: 1px solid #f1f5f9; }
.rc-historia h3{ font-size: 16px; margin-bottom: 8px; }
.rc-historia p{ font-size: 13.5px; }
.rc-historia .rc-manifesto{ font-size: 17px; font-weight: 800; letter-spacing: -.01em; color: #171917 !important; line-height: 1.35; margin: 10px 0 12px; }
html.rc-dark .rc-historia{ border-color: rgba(255,255,255,.08); }