/* =====================================================================
   MACHFOOD BRASIL — RADAR DA INDÚSTRIA E TECNOLOGIA (CSS DA PÁGINA)
   Carregar DEPOIS de assets/css/solucao.css. Não redefine tokens, navbar,
   sidebar, botões, footer, breadcrumb ou .pp-* — tudo isso já vem de
   solucao.css. Aqui entra apenas o que é NOVO desta página.

   Prefixo desta família: .rdr-* (evita colisão com .sol-*, .imp-*, .pp-*).

   Regra de fundo: toda seção usa cor SÓLIDA (nunca grid/ruído/degradê de
   fundo). A riqueza visual entra pelos componentes — chips com ícone em
   degradê, barras de acento, cards com borda luminosa, botões com sweep,
   contadores, tags — não pelo fundo da seção.

   Rodadas seguintes reaproveitam estas classes para preencher os stubs
   RDR-SECTION-EV / RDR-SECTION-2030 / RDR-SECTION-COMBINACOES /
   RDR-SECTION-FONTES / RDR-SECTION-CTA e os blocos RDR-QUESTIONS-BLOCO-2/3.
   ===================================================================== */

/* ===================== HERO ===================== */
.rdr-hero {
  background: var(--mf-obsidian);
  padding: clamp(6rem, 11vw, 8.5rem) clamp(1.2rem, 4vw, 2.5rem) clamp(3rem, 6vw, 4rem);
  display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(2rem, 5vw, 4rem);
  align-items: center; max-width: 1240px; margin: 0 auto;
  position: relative; scroll-margin-top: 90px;
}
.rdr-hero-label {
  font-family: 'Space Mono', monospace; font-size: 0.75rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--mf-red-glow); display: inline-flex; align-items: center; gap: 0.5rem; margin-bottom: 0.9rem;
}
.rdr-hero-label i { width: 15px; height: 15px; }
.rdr-hero h1 {
  font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase;
  font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.1; letter-spacing: 0.005em;
  max-width: 16ch; margin-bottom: 0.9rem;
}
.rdr-hero-sub { font-size: 1.05rem; line-height: 1.6; color: var(--mf-silver); max-width: 52ch; margin-bottom: 0.7rem; font-weight: 500; }
.rdr-hero-text { font-size: 0.95rem; line-height: 1.7; color: var(--mf-silver-2); max-width: 56ch; margin-bottom: 1.4rem; }
.rdr-hero-buttons { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.3rem; }
.rdr-hero-scope {
  display: flex; align-items: flex-start; gap: 0.55rem;
  font-size: 0.82rem; line-height: 1.55; color: var(--mf-silver-2); max-width: 52ch;
}
.rdr-hero-scope i { width: 16px; height: 16px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.15rem; }

/* ===== Visual do radar (rede de conexões) ===== */
.rdr-hero-media { position: relative; width: 100%; aspect-ratio: 1/1; max-width: 460px; margin: 0 auto; }
.rdr-hero-media svg { width: 100%; height: 100%; display: block; }
.rdr-radar-sweep { transform-origin: 200px 200px; animation: rdr-sweep-spin 6s linear infinite; }
.rdr-radar-ring { fill: none; stroke: rgba(229,32,28,0.18); }
.rdr-radar-ring--pulse { stroke: var(--mf-red-glow); opacity: 0; animation: rdr-radar-pulse 3.4s ease-out infinite; }
.rdr-radar-ring--pulse.rdr-delay-1 { animation-delay: 1.15s; }
.rdr-radar-ring--pulse.rdr-delay-2 { animation-delay: 2.3s; }
.rdr-radar-link { stroke: rgba(255,255,255,0.16); stroke-width: 1; fill: none; }
.rdr-radar-node {
  fill: var(--mf-panel); stroke: var(--mf-border); stroke-width: 1.5;
}
.rdr-radar-node-icon { color: var(--mf-red-glow); }
.rdr-radar-node-label {
  font-family: 'Space Mono', monospace; font-size: 8.5px; fill: var(--mf-silver-2);
  text-transform: uppercase; letter-spacing: 0.04em;
}
@keyframes rdr-sweep-spin { to { transform: rotate(360deg); } }
@keyframes rdr-radar-pulse {
  0%   { r: 26; opacity: 0.55; }
  100% { r: 170; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rdr-radar-sweep { animation: none; }
  .rdr-radar-ring--pulse { animation: none; opacity: 0; }
}
@media (max-width: 1023px) {
  .rdr-hero { grid-template-columns: 1fr; text-align: center; }
  .rdr-hero-sub, .rdr-hero-text, .rdr-hero-scope { margin-left: auto; margin-right: auto; }
  .rdr-hero-buttons { justify-content: center; }
  .rdr-hero-media { order: -1; max-width: 340px; }
}
@media (max-width: 599px) {
  .rdr-hero-buttons { flex-direction: column; align-items: stretch; }
  .rdr-hero-buttons .btn { width: 100%; justify-content: center; }
}

/* ===================== MAPA DE TEMAS ===================== */
.rdr-cards-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3rem;
  margin-top: 2.4rem;
}
@media (max-width: 1150px) { .rdr-cards-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .rdr-cards-grid { grid-template-columns: 1fr; } }

.rdr-card {
  background: var(--mf-panel); border: 1px solid var(--mf-border); border-radius: 18px;
  padding: 1.6rem; display: flex; flex-direction: column; gap: 0.8rem;
  position: relative; overflow: hidden;
  transition: transform 0.35s var(--ease-out), border-color 0.35s, box-shadow 0.35s;
}
.rdr-card::before {
  content: ''; position: absolute; inset: 0; border-radius: 18px; padding: 1px;
  background: var(--grad-fire); opacity: 0; transition: opacity 0.4s;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events: none;
}
.rdr-card:hover, .rdr-card:focus-within {
  transform: translateY(-4px); border-color: rgba(255,255,255,0.2);
  box-shadow: 0 18px 40px -18px rgba(0,0,0,0.6);
}
.rdr-card:hover::before, .rdr-card:focus-within::before { opacity: 1; }

.rdr-card-icon {
  width: 52px; height: 52px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: var(--grad-fire); color: #fff; flex-shrink: 0;
  box-shadow: 0 10px 24px -10px rgba(196,6,0,0.55);
}
.rdr-card-icon i { width: 26px; height: 26px; }
.rdr-card h3 {
  font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase;
  font-size: 1.05rem; letter-spacing: 0.01em; line-height: 1.25;
}
.rdr-card-desc { font-size: 0.88rem; line-height: 1.6; color: var(--mf-silver); }
.rdr-card-examples { display: flex; flex-direction: column; gap: 0.35rem; margin-top: 0.1rem; }
.rdr-card-examples li {
  display: flex; align-items: flex-start; gap: 0.45rem;
  font-size: 0.8rem; line-height: 1.5; color: var(--mf-silver-2);
}
.rdr-card-examples i { width: 13px; height: 13px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.2rem; }
.rdr-card-question {
  font-size: 0.82rem; line-height: 1.5; color: var(--mf-silver); font-style: italic;
  border-left: 2px solid var(--mf-red); padding-left: 0.7rem; margin-top: 0.2rem;
}
.rdr-card-link {
  display: inline-flex; align-items: center; gap: 0.4rem; margin-top: auto; padding-top: 0.4rem;
  font-size: 0.82rem; font-weight: 600; color: var(--mf-red-glow);
  min-height: 44px; align-self: flex-start;
}
.rdr-card-link i { width: 15px; height: 15px; transition: transform 0.3s var(--ease-out); }
.rdr-card-link:hover i, .rdr-card-link:focus-visible i { transform: translateX(3px); }

/* ===================== SEÇÃO DE PERGUNTAS ===================== */
.rdr-perguntas { background: #F5F5F4; color: var(--mf-black); scroll-margin-top: 90px; }
.rdr-perguntas .pp-desc { color: #3a3a3d; }

.rdr-q-tools { margin-top: 2rem; display: flex; flex-direction: column; gap: 1.1rem; }

.rdr-q-search {
  position: relative; display: flex; align-items: center;
  background: #fff; border: 1.5px solid rgba(0,0,0,0.12); border-radius: 9999px;
  padding: 0 0.5rem 0 1.1rem; max-width: 520px;
}
.rdr-q-search-icon { width: 18px; height: 18px; color: #6B7280; flex-shrink: 0; }
.rdr-q-search input {
  flex: 1; border: none; outline: none; background: transparent;
  padding: 0.85rem 0.7rem; font-size: 0.92rem; font-family: 'Inter', sans-serif; color: var(--mf-black);
  min-width: 0;
}
.rdr-q-search input::placeholder { color: #8a8a8e; }
.rdr-q-search-clear {
  width: 36px; height: 36px; border-radius: 9999px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  color: #6B7280; transition: background 0.25s, color 0.25s;
}
.rdr-q-search-clear:hover { background: rgba(0,0,0,0.06); color: var(--mf-red); }
.rdr-q-search-clear i { width: 16px; height: 16px; }
.rdr-q-search-clear[hidden] { display: none; }

.rdr-q-chips { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.rdr-q-chip {
  display: inline-flex; align-items: center; gap: 0.4rem;
  padding: 0.55rem 1rem; border-radius: 9999px; min-height: 44px;
  background: #fff; border: 1.5px solid rgba(0,0,0,0.14);
  font-size: 0.8rem; font-weight: 600; color: #3a3a3d;
  transition: all 0.25s var(--ease-out);
}
.rdr-q-chip i { width: 14px; height: 14px; opacity: 0; transform: scale(0.6); transition: all 0.25s var(--ease-out); }
.rdr-q-chip:hover { border-color: var(--mf-red); }
.rdr-q-chip[aria-pressed="true"] {
  background: var(--grad-fire); border-color: transparent; color: #fff;
  box-shadow: 0 10px 22px -10px rgba(196,6,0,0.6);
}
.rdr-q-chip[aria-pressed="true"] i { opacity: 1; transform: scale(1); }

.rdr-q-count {
  font-family: 'Space Mono', monospace; font-size: 0.78rem; color: #6B7280;
}
.rdr-q-count strong { color: var(--mf-black); }

.rdr-q-list { margin-top: 1.6rem; display: flex; flex-direction: column; gap: 0.9rem; }

.rdr-q {
  background: #fff; border: 1.5px solid rgba(0,0,0,0.1); border-radius: 16px; overflow: hidden;
  transition: border-color 0.25s, transform 0.35s var(--ease-out), box-shadow 0.35s;
}
.rdr-q[data-rdr-hidden], .rdr-q[data-rdr-page-hidden] { display: none; }
.rdr-q:hover { border-color: rgba(0,0,0,0.2); }

.rdr-q-head { margin: 0; }
.rdr-q-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.1rem 1.3rem; text-align: left; min-height: 44px;
  font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.98rem; color: var(--mf-black);
}
.rdr-q-txt { flex: 1; }
.rdr-q-chev { flex-shrink: 0; display: flex; color: var(--mf-red); transition: transform 0.3s var(--ease-out); }
.rdr-q-chev i { width: 19px; height: 19px; }
.rdr-q-btn[aria-expanded="true"] .rdr-q-chev { transform: rotate(180deg); }

.rdr-q-body { padding: 0 1.3rem 1.4rem; }

/* =====================================================================
   MODO CARDS (html.js-radar) — só existe se assets/js/radar.js carregou
   e rodou (cardify()). SEM essa classe, a lista permanece no formato
   simples acima (accordion plano, tudo visível) — rede de segurança
   contra "conteúdo sumindo" caso o JS falhe.
   ===================================================================== */
html.js-radar .rdr-q-list {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.4rem;
  align-items: stretch;
}
html.js-radar .rdr-q {
  display: flex; flex-direction: column; height: 100%; border-radius: 18px;
  content-visibility: auto; contain-intrinsic-size: 1px 460px;
}
html.js-radar .rdr-q:hover, html.js-radar .rdr-q:focus-within {
  transform: translateY(-4px); box-shadow: 0 18px 38px -18px rgba(0,0,0,0.28);
}
/* A resposta completa só é escondida no modo cards — ela é MOVIDA (não
   clonada) para dentro do painel de leitura quando "Ler análise" é clicado,
   e devolvida ao fechar. */
html.js-radar .rdr-q-body { display: none; }

/* ----- Bloco visual por categoria (topo do card) -----
   TODO: substituir os visuais de categoria por fotos reais (carregadores
   veiculares, data centers, braços robóticos, painéis elétricos, linhas
   de produção, agricultura tecnológica) quando houver banco de imagens
   do projeto. */
.rdr-q-visual {
  position: relative; width: 100%; aspect-ratio: 16 / 9; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  background: var(--grad-fire); color: #fff;
}
.rdr-q-visual i { width: 44%; height: 44%; max-width: 64px; max-height: 64px; opacity: 0.92; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.25)); }
.rdr-q-visual-accent { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: rgba(255,255,255,0.35); }

.rdr-q-visual--datacenter { background: var(--grad-steel); color: var(--mf-black); }
.rdr-q-visual--datacenter i { filter: drop-shadow(0 6px 14px rgba(0,0,0,0.15)); }
.rdr-q-visual--industria { background: var(--grad-dark); }
.rdr-q-visual--ev { background: var(--grad-fire); filter: hue-rotate(195deg) saturate(1.15); }
.rdr-q-visual--importacao { background: var(--grad-fire); filter: hue-rotate(165deg) saturate(1.1); }
.rdr-q-visual--ia { background: var(--grad-fire); filter: hue-rotate(250deg) saturate(1.2); }
.rdr-q-visual--robotica { background: var(--grad-fire); filter: hue-rotate(95deg) saturate(1.05); }
.rdr-q-visual--agro { background: var(--grad-fire); filter: hue-rotate(120deg) saturate(1.1); }
.rdr-q-visual--medicina { background: var(--grad-fire); filter: hue-rotate(320deg) saturate(1.1); }

.rdr-q-card-content { padding: 1.3rem 1.3rem 1.5rem; display: flex; flex-direction: column; gap: 0.7rem; flex: 1; }

.rdr-q-badge {
  display: inline-flex; align-items: center; gap: 0.35rem; align-self: flex-start;
  font-family: 'Space Mono', monospace; font-size: 0.66rem; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--mf-red); background: rgba(196,6,0,0.08); border-radius: 999px; padding: 0.3rem 0.7rem;
}

html.js-radar .rdr-q-btn {
  padding: 0; min-height: 0; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: none;
  font-size: 1.05rem; line-height: 1.32;
}
html.js-radar .rdr-q-chev { display: none; }

.rdr-q-preview {
  font-size: 0.86rem; line-height: 1.6; color: #57575c;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

.rdr-q-open {
  margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 0.5rem;
  min-height: 44px; padding: 0.65rem 1.05rem; border-radius: 9999px;
  font-size: 0.84rem; font-weight: 700; color: #fff; background: var(--grad-fire);
  box-shadow: 0 10px 22px -10px rgba(196,6,0,0.55); transition: transform 0.3s var(--ease-out), box-shadow 0.3s;
}
.rdr-q-open i { width: 15px; height: 15px; transition: transform 0.3s var(--ease-out); }
.rdr-q-open:hover, .rdr-q-open:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 28px -10px rgba(196,6,0,0.65); }
.rdr-q-open:hover i, .rdr-q-open:focus-visible i { transform: translateX(3px); }

/* ----- Paginação progressiva ----- */
.rdr-q-more-wrap { display: flex; justify-content: center; margin-top: 2.2rem; }
.rdr-q-more-wrap[hidden] { display: none; }
.rdr-q-more { min-height: 48px; }

@media (max-width: 1150px) {
  html.js-radar .rdr-q-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  html.js-radar .rdr-q-list { grid-template-columns: 1fr; }
}
.rdr-q-short { font-size: 0.92rem; line-height: 1.65; color: #3a3a3d; margin-bottom: 1.1rem; }

.rdr-q-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.9rem; margin-bottom: 1.1rem; }
.rdr-q-item {
  background: #F5F5F4; border-radius: 12px; padding: 0.9rem 1rem;
  border-left: 3px solid var(--mf-red);
}
.rdr-q-item h4 {
  font-family: 'Space Mono', monospace; font-size: 0.68rem; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--mf-red); margin-bottom: 0.4rem;
}
.rdr-q-item p { font-size: 0.84rem; line-height: 1.55; color: #3a3a3d; }
@media (max-width: 640px) { .rdr-q-grid { grid-template-columns: 1fr; } }

/* ===== Padrão de resposta aprofundada (.rdr-q-deep) — perguntas-piloto ===== */
.rdr-q-deep { display: flex; flex-direction: column; gap: 1.1rem; margin-bottom: 1.1rem; }
.rdr-q-deep h4 {
  font-family: 'Space Mono', monospace; font-size: 0.72rem; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--mf-red); margin-bottom: 0.5rem;
}
.rdr-q-deep p { font-size: 0.9rem; line-height: 1.72; color: #3a3a3d; margin-bottom: 0.65rem; }
.rdr-q-deep p:last-child { margin-bottom: 0; }
.rdr-q-deep strong { color: var(--mf-black); }

/* ===== Evidência de buscas reais (.rdr-q-evidence) ===== */
.rdr-q-evidence:empty { display: none; }
.rdr-q-evidence {
  margin-bottom: 1.1rem; padding: 0.9rem 1rem; background: #FBF4F0;
  border: 1px dashed rgba(196,6,0,0.28); border-radius: 12px;
}
.rdr-q-evidence-label {
  display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
  font-family: 'Space Mono', monospace; font-size: 0.68rem; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--mf-red); margin-bottom: 0.65rem;
}
.rdr-q-evidence-label i { width: 14px; height: 14px; flex-shrink: 0; }
.rdr-q-evidence-label a { color: var(--mf-red); text-decoration: underline; text-underline-offset: 2px; text-transform: none; letter-spacing: 0; font-family: 'Inter', sans-serif; font-size: 0.74rem; font-weight: 600; }
.rdr-q-evidence-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rdr-q-evidence-chip {
  display: inline-flex; align-items: center; gap: 0.4rem; background: #fff;
  border: 1px solid rgba(0,0,0,0.1); border-radius: 999px; padding: 0.38rem 0.75rem;
  font-size: 0.8rem; color: #3a3a3d;
}
.rdr-q-evidence-chip .lang {
  font-family: 'Space Mono', monospace; font-size: 0.6rem; letter-spacing: 0.03em; text-transform: uppercase;
  color: #6B7280; background: #F5F5F4; border-radius: 999px; padding: 0.12rem 0.42rem;
}

/* ===== Mídia contextual dentro da pergunta (.rdr-q-media) ===== */
.rdr-q-media:empty { display: none; }
.rdr-q-media { margin-bottom: 1.1rem; }
.rdr-q-media-label { font-size: 0.78rem; font-weight: 600; color: #6B7280; margin-bottom: 0.6rem; }
.rdr-q-media-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.8rem; }
.rdr-q-media-card { position: relative; border-radius: 10px; overflow: hidden; background: #0c0c0c; aspect-ratio: 16 / 9; }
.rdr-q-media-btn { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; min-height: 44px; }
.rdr-q-media-btn img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85; }
.rdr-q-media-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0,0,0,0.22); }
.rdr-q-media-play i { width: 32px; height: 32px; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.6)); }
.rdr-q-media-meta {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0.5rem 0.6rem;
  background: linear-gradient(transparent, rgba(0,0,0,0.9)); text-align: left; pointer-events: none;
}
.rdr-q-media-meta h4 { font-size: 0.74rem; color: #fff; line-height: 1.3; margin-bottom: 0.15rem; }
.rdr-q-media-meta a, .rdr-q-media-meta span { font-size: 0.66rem; color: #d7d7d7; pointer-events: auto; }
.rdr-q-media-channel { display: inline-flex; align-items: center; gap: 0.2rem; }
.rdr-q-media-lang {
  font-family: 'Space Mono', monospace; font-size: 0.6rem; letter-spacing: 0.04em;
  color: var(--mf-red-glow, #ff6b57); text-transform: uppercase;
}
.rdr-q-media-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; display: block; border: 0; }

.rdr-q-sources-label { font-size: 0.78rem; font-weight: 600; color: #6B7280; margin-bottom: 0.5rem; }

.rdr-q-mach {
  display: flex; align-items: flex-start; gap: 0.5rem;
  font-size: 0.85rem; line-height: 1.6; color: #3a3a3d;
  background: rgba(196,6,0,0.06); border-radius: 10px; padding: 0.8rem 1rem; margin-bottom: 1rem;
}
.rdr-q-mach i { width: 16px; height: 16px; color: var(--mf-red); flex-shrink: 0; margin-top: 0.2rem; }
.rdr-q-mach strong { color: var(--mf-black); }

.rdr-q-sources:empty { display: none; }
.rdr-q-sources { border-top: 1px dashed rgba(0,0,0,0.14); padding-top: 0.9rem; margin-bottom: 1rem; }
.rdr-q-sources-note { font-size: 0.78rem; color: #6B7280; font-style: italic; }
.rdr-q-sources-list { display: flex; flex-direction: column; gap: 0.5rem; }
.rdr-q-source-item {
  display: flex; align-items: flex-start; gap: 0.45rem;
  font-size: 0.82rem; line-height: 1.5;
}
.rdr-q-source-item i { width: 14px; height: 14px; color: var(--mf-red); flex-shrink: 0; margin-top: 0.2rem; }
.rdr-q-source-item a { color: var(--mf-red); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.rdr-q-source-item a:hover { color: var(--mf-red-600); }
.rdr-q-source-meta { color: #6B7280; }

.rdr-q-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.rdr-q-tags li {
  font-family: 'Space Mono', monospace; font-size: 0.68rem; letter-spacing: 0.03em;
  text-transform: uppercase; color: #6B7280; background: #F5F5F4;
  border-radius: 9999px; padding: 0.3rem 0.65rem;
}

.rdr-q-empty {
  background: #fff; border: 1.5px dashed rgba(0,0,0,0.16); border-radius: 16px;
  padding: 2rem 1.5rem; text-align: center; font-size: 0.92rem; color: #6B7280;
}
.rdr-q-empty[hidden] { display: none; }

/* Nota editorial dentro da lista de perguntas (ex.: aviso de conexão
   tecnológica indireta antes do bloco de medicina). Segue o mesmo
   toggle de visibilidade dos [data-rdr-hidden] das perguntas. */
.rdr-q-notice {
  display: flex; align-items: flex-start; gap: 0.6rem;
  background: rgba(0,0,0,0.045); border: 1.5px dashed rgba(0,0,0,0.18); border-radius: 14px;
  padding: 1rem 1.2rem; font-size: 0.85rem; line-height: 1.6; color: #3a3a3d;
}
.rdr-q-notice i { width: 18px; height: 18px; color: #6B7280; flex-shrink: 0; margin-top: 0.15rem; }
.rdr-q-notice strong { color: var(--mf-black); }
.rdr-q-notice[data-rdr-hidden] { display: none; }
html.js-radar .rdr-q-notice { grid-column: 1 / -1; }

/* ===================== TABELA COMPARATIVA DE CARREGADORES EV (.rdr-ev-table*) =====================
   A seção #carregadores-ev foi removida; esta tabela foi reaproveitada dentro de uma
   pergunta (.rdr-q-body), por isso só o CSS da tabela em si permanece. */
/* ----- Tabela comparativa ----- */
.rdr-ev-table-wrap { margin-bottom: 1.6rem; }
.rdr-ev-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.rdr-ev-table caption {
  text-align: left; font-family: 'Space Mono', monospace; font-size: 0.72rem;
  letter-spacing: 0.05em; text-transform: uppercase; color: var(--mf-silver-2); margin-bottom: 0.9rem;
}
.rdr-ev-table thead th {
  text-align: left; padding: 0.8rem 1rem; font-family: 'Space Mono', monospace;
  font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mf-red-glow);
  border-bottom: 1px solid var(--mf-border); white-space: nowrap;
}
.rdr-ev-table tbody tr { border-bottom: 1px solid var(--mf-border); transition: background 0.25s; }
.rdr-ev-table tbody tr:hover { background: rgba(255,255,255,0.03); }
.rdr-ev-table td { padding: 0.9rem 1rem; color: var(--mf-silver); vertical-align: top; line-height: 1.5; }
.rdr-ev-table td[scope="row"], .rdr-ev-table th[scope="row"] {
  font-family: 'Space Mono', monospace; font-weight: 700; color: #fff; white-space: nowrap;
}

/* Abaixo de ~760px: tabela vira lista de cards empilhados via data-label,
   sem gerar rolagem horizontal na página. */
@media (max-width: 760px) {
  .rdr-ev-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .rdr-ev-table, .rdr-ev-table tbody, .rdr-ev-table tr, .rdr-ev-table td, .rdr-ev-table th { display: block; width: 100%; }
  .rdr-ev-table tr {
    background: var(--mf-panel); border: 1px solid var(--mf-border); border-radius: 14px;
    padding: 0.3rem 1rem; margin-bottom: 0.9rem;
  }
  .rdr-ev-table tr:last-child { margin-bottom: 0; }
  .rdr-ev-table td, .rdr-ev-table th {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;
    padding: 0.65rem 0; border-bottom: 1px dashed var(--mf-border); text-align: right;
  }
  .rdr-ev-table td:last-child { border-bottom: none; }
  .rdr-ev-table td::before, .rdr-ev-table th::before {
    content: attr(data-label); text-align: left; flex-shrink: 0; max-width: 40%;
    font-family: 'Space Mono', monospace; font-size: 0.68rem; letter-spacing: 0.03em;
    text-transform: uppercase; color: var(--mf-silver-2); font-weight: 700;
  }
  .rdr-ev-table td[scope="row"], .rdr-ev-table th[scope="row"] {
    background: var(--grad-fire); margin: -0.3rem -1rem 0.3rem; padding: 0.7rem 1rem;
    border-radius: 13px 13px 0 0; border-bottom: none; justify-content: flex-start;
  }
  .rdr-ev-table td[scope="row"]::before, .rdr-ev-table th[scope="row"]::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .rdr-ev-table tbody tr { transition: none !important; }
}

/* ===================== CHINA → BRASIL ATÉ 2030 (.rdr-2030-*) ===================== */
.rdr-2030 { background: var(--mf-black); }

.rdr-2030-signal {
  display: flex; align-items: flex-start; gap: 0.7rem;
  background: rgba(229,32,28,0.08); border: 1px solid rgba(229,32,28,0.3); border-left: 3px solid var(--mf-red);
  border-radius: 8px; padding: 1rem 1.2rem; margin: 0.4rem 0 2rem; max-width: 76ch;
}
.rdr-2030-signal i { width: 20px; height: 20px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.15rem; }
.rdr-2030-signal p { font-size: 0.88rem; line-height: 1.6; color: var(--mf-silver); margin: 0; }

.rdr-2030-tabs-list { flex-wrap: wrap; }
.rdr-2030-tabs-list .sol-tab { display: inline-flex; align-items: center; gap: 0.5rem; }
.rdr-2030-tabs-list .sol-tab i { width: 16px; height: 16px; flex-shrink: 0; }

.rdr-2030-panel h3 {
  display: flex; align-items: center; gap: 0.6rem;
  font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase;
  font-size: 1.15rem; letter-spacing: 0.01em; color: #fff; margin-bottom: 1.1rem;
}
.rdr-2030-panel h3 i { width: 21px; height: 21px; color: var(--mf-red-glow); flex-shrink: 0; }

.rdr-2030-chips-label { font-size: 0.82rem; color: var(--mf-silver-2); margin-bottom: 0.7rem; }
.rdr-2030-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.8rem; }
.rdr-2030-chip {
  display: inline-block; font-size: 0.78rem; line-height: 1.4; color: var(--mf-silver);
  background: var(--mf-charcoal); border: 1px solid var(--mf-border); border-radius: 999px;
  padding: 0.4rem 0.85rem;
}

.rdr-2030-fields {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 1.4rem; margin: 0;
}
.rdr-2030-field {
  background: var(--mf-panel); border: 1px solid var(--mf-border); border-radius: 8px;
  padding: 1rem 1.1rem;
}
.rdr-2030-field--warn { border-color: rgba(229,32,28,0.35); }
.rdr-2030-field dt {
  display: flex; align-items: center; gap: 0.45rem;
  font-family: 'Space Mono', monospace; font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--mf-red-glow); margin-bottom: 0.5rem;
}
.rdr-2030-field dt i { width: 15px; height: 15px; flex-shrink: 0; }
.rdr-2030-field dd { font-size: 0.86rem; line-height: 1.6; color: var(--mf-silver); margin: 0; }

.rdr-2030-note {
  display: flex; align-items: flex-start; gap: 0.6rem; margin-top: 2.2rem;
  font-size: 0.82rem; line-height: 1.6; color: var(--mf-silver-2); max-width: 80ch;
}
.rdr-2030-note i { width: 17px; height: 17px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.2rem; }
.rdr-2030-note a { color: var(--mf-red-glow); text-decoration: underline; }
.rdr-2030-note a:hover { color: #fff; }

@media (max-width: 700px) {
  .rdr-2030-fields { grid-template-columns: 1fr; }
}

/* ===================== IA POR ÁREA (.rdr-ia-*) ===================== */
.rdr-ia-areas { background: var(--mf-panel); }

.rdr-ia-intro { max-width: 74ch; margin-top: 1.6rem; display: flex; flex-direction: column; gap: 0.9rem; }
.rdr-ia-intro p { font-size: 0.95rem; line-height: 1.75; color: var(--mf-silver); margin: 0; }

.rdr-ia-caution {
  display: flex; align-items: flex-start; gap: 0.7rem; max-width: 74ch;
  margin-top: 1.4rem; padding: 1rem 1.1rem; background: rgba(229,32,28,0.07);
  border: 1px solid rgba(229,32,28,0.3); border-left: 3px solid var(--mf-red-glow); border-radius: 10px;
}
.rdr-ia-caution i { width: 19px; height: 19px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.15rem; }
.rdr-ia-caution p { font-size: 0.88rem; line-height: 1.65; color: var(--mf-silver); margin: 0; }

.rdr-ia-grid { display: flex; flex-direction: column; gap: 0.9rem; margin-top: 2.2rem; }

.rdr-ia-card {
  background: var(--mf-charcoal); border: 1px solid var(--mf-border); border-radius: 14px;
  overflow: hidden; transition: border-color 0.25s var(--ease-out);
}
.rdr-ia-card:hover, .rdr-ia-card:focus-within { border-color: rgba(229,32,28,0.4); }

.rdr-ia-heading { margin: 0; }
.rdr-ia-trigger {
  width: 100%; display: flex; align-items: center; gap: 0.85rem; text-align: left;
  padding: 1.05rem 1.2rem; background: transparent; border: 0; cursor: pointer; min-height: 44px;
}
.rdr-ia-icon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(229,32,28,0.12); color: var(--mf-red-glow);
}
.rdr-ia-icon i { width: 19px; height: 19px; }
.rdr-ia-num {
  font-family: 'Space Mono', monospace; font-size: 0.72rem; color: var(--mf-silver-2);
  flex-shrink: 0; min-width: 1.6em;
}
.rdr-ia-title {
  flex: 1; font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.01em; font-size: 0.98rem; color: #fff;
}
.rdr-ia-chevron { width: 19px; height: 19px; color: var(--mf-silver-2); flex-shrink: 0; transition: transform 0.3s var(--ease-out); }
.rdr-ia-trigger[aria-expanded="true"] .rdr-ia-chevron { transform: rotate(180deg); }
.rdr-ia-trigger:focus-visible { outline: 2px solid var(--mf-red-glow); outline-offset: -2px; }

.rdr-ia-panel { padding: 0 1.2rem 1.3rem; }

.rdr-ia-tasks-label {
  font-family: 'Space Mono', monospace; font-size: 0.7rem; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--mf-silver-2); margin: 0 0 0.6rem;
}
.rdr-ia-tasks { list-style: none; margin: 0 0 1.2rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.rdr-ia-tasks li { display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.87rem; line-height: 1.55; color: var(--mf-silver); }
.rdr-ia-tasks li i { width: 15px; height: 15px; color: var(--mf-red-glow); flex-shrink: 0; margin-top: 0.2rem; }

.rdr-ia-fields { display: flex; flex-direction: column; gap: 0.95rem; margin: 0; }
.rdr-ia-field {
  padding: 0.85rem 1rem; background: var(--mf-panel); border: 1px solid var(--mf-border); border-radius: 10px;
}
.rdr-ia-field--warn { border-color: rgba(229,32,28,0.35); }
.rdr-ia-field dt {
  display: flex; align-items: center; gap: 0.45rem;
  font-size: 0.82rem; font-weight: 600; color: var(--mf-red-glow); margin-bottom: 0.4rem;
}
.rdr-ia-field dt i { width: 15px; height: 15px; flex-shrink: 0; }
.rdr-ia-field dd { font-size: 0.86rem; line-height: 1.6; color: var(--mf-silver); margin: 0; }

.rdr-ia-close {
  max-width: 74ch; margin-top: 2.4rem; padding: 1.4rem 1.5rem;
  background: var(--mf-charcoal); border: 1px solid var(--mf-border); border-radius: 14px;
}
.rdr-ia-close h3 {
  display: flex; align-items: center; gap: 0.55rem;
  font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase;
  font-size: 1.05rem; color: #fff; margin: 0 0 0.7rem;
}
.rdr-ia-close h3 i { width: 19px; height: 19px; color: var(--mf-red-glow); flex-shrink: 0; }
.rdr-ia-close p { font-size: 0.89rem; line-height: 1.7; color: var(--mf-silver); margin: 0 0 0.9rem; }
.rdr-ia-close p:last-of-type { margin-bottom: 0; }

.rdr-ia-cta { display: flex; justify-content: flex-start; margin-top: 1.1rem; }
.rdr-ia-cta .btn-outline::before { display: none; }

@media (max-width: 640px) {
  .rdr-ia-trigger { padding: 0.9rem 0.9rem; gap: 0.65rem; }
  .rdr-ia-title { font-size: 0.9rem; }
  .rdr-ia-num { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .rdr-ia-card, .rdr-ia-chevron { transition: none !important; }
}

/* ===================== CONTATO / FORMULÁRIO FINAL (.rdr-cta-*) ===================== */
.rdr-cta { background: var(--mf-black); }

.rdr-cta-buttons { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.8rem; }
.rdr-cta-buttons .btn { min-height: 44px; }

.rdr-cta-contact {
  display: flex; flex-wrap: wrap; gap: 1rem 1.8rem; align-items: center;
  margin-top: 2.4rem; padding-top: 1.6rem; border-top: 1px solid var(--mf-border);
}
.rdr-cta-contact-item {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-size: 0.9rem; font-weight: 600; color: var(--mf-silver); min-height: 44px;
}
.rdr-cta-contact-item i { width: 18px; height: 18px; color: var(--mf-red-glow); flex-shrink: 0; }
.rdr-cta-contact-item:hover { color: #fff; }

.rdr-cta-links { display: flex; flex-wrap: wrap; gap: 0.6rem 1.6rem; margin-top: 1.2rem; }
.rdr-cta-links a {
  display: inline-flex; align-items: center; gap: 0.35rem;
  font-size: 0.82rem; font-weight: 600; color: var(--mf-silver-2); min-height: 44px;
}
.rdr-cta-links a i { width: 14px; height: 14px; transition: transform 0.3s var(--ease-out); }
.rdr-cta-links a:hover { color: var(--mf-red-glow); }
.rdr-cta-links a:hover i { transform: translateX(3px); }

@media (max-width: 599px) {
  .rdr-cta-buttons { flex-direction: column; align-items: stretch; }
  .rdr-cta-buttons .btn { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .rdr-cta-links a i { transition: none !important; }
}

/* ===================== RESPONSIVO GERAL DA PÁGINA ===================== */
@media (max-width: 1023px) and (min-width: 601px) {
  .rdr-hero-media { max-width: 380px; }
}
@media (max-width: 430px) {
  .rdr-q-btn { padding: 1rem; font-size: 0.9rem; }
  .rdr-q-body { padding: 0 1rem 1.2rem; }
  .rdr-card { padding: 1.3rem; }
}

/* ===================== PAINEL DE LEITURA (.rdr-reader-*) =====================
   Backdrop inativo tem pointer-events: none — nunca cobre nenhuma seção
   quando fechado, mesmo antes do primeiro open()/close() rodar. */
.rdr-reader-backdrop {
  position: fixed; inset: 0; z-index: 900; background: rgba(5,5,5,0.6);
  opacity: 0; pointer-events: none; transition: opacity 0.3s var(--ease-out);
}
.rdr-reader-backdrop.is-open { opacity: 1; pointer-events: auto; }
.rdr-reader-backdrop[hidden] { display: none; }

.rdr-reader {
  position: fixed; inset: 0; z-index: 901; display: flex; justify-content: center;
  opacity: 0; pointer-events: none; transition: opacity 0.3s var(--ease-out);
}
.rdr-reader.is-open { opacity: 1; pointer-events: auto; }
.rdr-reader[hidden] { display: none; }

.rdr-reader-inner {
  width: 100%; max-width: 880px; height: 100%; background: #F5F5F4; color: var(--mf-black);
  display: flex; flex-direction: column; box-shadow: -20px 0 60px -20px rgba(0,0,0,0.5);
  transform: translateY(24px); transition: transform 0.35s var(--ease-out);
}
.rdr-reader.is-open .rdr-reader-inner { transform: translateY(0); }

.rdr-reader-head {
  position: sticky; top: 0; z-index: 2; display: flex; align-items: flex-start; gap: 1rem;
  background: #fff; border-bottom: 1.5px solid rgba(0,0,0,0.08);
  padding: 1.1rem 1.3rem;
}
.rdr-reader-head-info { flex: 1; min-width: 0; }
.rdr-reader-badge {
  display: inline-flex; font-family: 'Space Mono', monospace; font-size: 0.66rem;
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--mf-red);
  background: rgba(196,6,0,0.08); border-radius: 999px; padding: 0.3rem 0.7rem; margin-bottom: 0.5rem;
}
.rdr-reader-title {
  font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase;
  font-size: clamp(1.05rem, 2.4vw, 1.35rem); line-height: 1.28; letter-spacing: 0.005em; color: var(--mf-black);
}
.rdr-reader-close {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 9999px; display: flex; align-items: center; justify-content: center;
  background: #F5F5F4; color: var(--mf-black); transition: background 0.25s, color 0.25s;
}
.rdr-reader-close:hover, .rdr-reader-close:focus-visible { background: var(--mf-red); color: #fff; }
.rdr-reader-close i { width: 20px; height: 20px; }

.rdr-reader-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 1.5rem 1.3rem 2rem; }
/* Dentro do painel a resposta precisa reaparecer, mesmo com a regra
   html.js-radar .rdr-q-body { display:none } (que esconde o corpo dentro
   do card de origem). Precisa de especificidade igual/maior + !important
   porque o nó é o MESMO elemento .rdr-q-body, só movido de lugar. */
html.js-radar #rdrReaderBody.rdr-reader-body .rdr-q-body { display: block !important; padding: 0; }

.rdr-reader-foot {
  position: sticky; bottom: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.8rem;
  background: #fff; border-top: 1.5px solid rgba(0,0,0,0.08); padding: 1rem 1.3rem;
}
.rdr-reader-back {
  min-height: 44px; display: inline-flex; align-items: center; gap: 0.5rem;
}
.rdr-reader-cta {
  display: inline-flex; align-items: center; gap: 0.45rem; min-height: 44px;
  font-size: 0.85rem; font-weight: 600; color: var(--mf-red);
}
.rdr-reader-cta i { width: 15px; height: 15px; transition: transform 0.3s var(--ease-out); }
.rdr-reader-cta:hover i, .rdr-reader-cta:focus-visible i { transform: translateX(3px); }

@media (max-width: 700px) {
  .rdr-reader-inner { max-width: 100%; }
  .rdr-reader-head { padding: 0.9rem 1rem; }
  .rdr-reader-body { padding: 1.2rem 1rem 1.6rem; }
  .rdr-reader-foot { padding: 0.85rem 1rem; flex-direction: column-reverse; align-items: stretch; }
  .rdr-reader-foot .rdr-reader-back { justify-content: center; }
  .rdr-reader-cta { justify-content: center; }
}

/* ===================== REDUCED MOTION ===================== */
@media (prefers-reduced-motion: reduce) {
  .rdr-card, .rdr-q-chip, .rdr-q-chev, .rdr-card-link i,
  .rdr-q, .rdr-q-open, .rdr-q-open i, .rdr-reader-backdrop, .rdr-reader, .rdr-reader-inner, .rdr-reader-cta i {
    transition: none !important;
  }
}