/**
 * Skin principal (advertorial / VSL) — inspirada em edelixir.com/text-page
 *
 * Usada na HOME (`/`) via body[data-theme="designer"].
 * O visual clássico (legado) fica em `/quiz2/` sem este CSS.
 *
 * Princípios:
 * - Fundo branco, texto preto, destaques #ff0000
 * - Coluna de leitura (não “app com caixas”)
 * - Títulos impactantes (Oswald), corpo legível (Poppins)
 * - Quase zero borders/cards — fluxo editorial
 * - CTA vermelho sólido
 *
 * Carregar DEPOIS de styles.css.
 */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Poppins:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap");

body[data-theme="designer"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --ink: #000000;
  --muted: #333333;
  --red: #ff0000;
  --red-deep: #d90000;
  --amber: #faa70d;
  --cream: #f9f6f2;
  --cream-2: #fdfbf0;
  --line-soft: #e8e4dc;
  --primary: #000000;
  --primary-mid: #ff0000;
  --primary-deep: #000000;
  --accent: #ff0000;
  --accent-hot: #ff0000;
  --alert: #ff0000;
  --alert-bg: #fff5f5;
  --line: transparent;
  --shadow: none;
  --radius: 0;
  --radius-sm: 0;
  --font: "Oswald", Impact, sans-serif;
  --font-body: "Poppins", system-ui, sans-serif;
  --max: 640px;

  margin: 0;
  min-height: 100dvh;
  font-family: var(--font-body);
  color: var(--ink);
  background: #fff !important;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}

/* Mata gradientes/blobs da v1 */
body[data-theme="designer"],
body[data-theme="designer"] .app {
  background: #fff !important;
  background-image: none !important;
}

body[data-theme="designer"] .app {
  width: min(100%, var(--max));
  margin: 0 auto;
  padding: 0 16px 48px;
}

/* ——— Topbar minimal: só barra vermelha + idiomas ——— */
body[data-theme="designer"] .topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0 12px;
  margin: 0 -16px;
  padding-left: 16px;
  padding-right: 16px;
  background: #fff;
  border-bottom: 1px solid var(--line-soft);
  backdrop-filter: none;
}

body[data-theme="designer"] .brand-dot {
  display: none;
}

body[data-theme="designer"] .progress-wrap {
  gap: 0;
  flex: 1;
}

body[data-theme="designer"] .progress-count {
  display: none !important;
}

body[data-theme="designer"] .progress-bar {
  height: 6px;
  border-radius: 0;
  background: #eee;
  border: none;
  overflow: hidden;
}

body[data-theme="designer"] .progress-bar > span {
  border-radius: 0;
  background: var(--red);
  transition: width 0.35s ease;
}

body[data-theme="designer"] .lang {
  margin-left: 0;
  gap: 2px;
}

body[data-theme="designer"] .lang button {
  min-height: 28px;
  padding: 2px 8px;
  border-radius: 0;
  border: none;
  background: transparent;
  color: #666;
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

body[data-theme="designer"] .lang button[aria-pressed="true"] {
  background: var(--red);
  color: #fff;
}

/* ——— Tipografia editorial ——— */
body[data-theme="designer"] h1,
body[data-theme="designer"] h2,
body[data-theme="designer"] h3,
body[data-theme="designer"] .hero-body h1,
body[data-theme="designer"] .q-body h2,
body[data-theme="designer"] .result-card h2,
body[data-theme="designer"] .social-card h2,
body[data-theme="designer"] .paper-headline,
body[data-theme="designer"] .loading-screen h2 {
  font-family: var(--font);
  font-weight: 700;
  color: #000;
  letter-spacing: 0;
  text-wrap: balance;
  line-height: 1.15;
}

body[data-theme="designer"] .hero-body h1 {
  font-size: clamp(1.75rem, 6.5vw, 2.35rem);
  margin: 0 0 14px;
  text-align: center;
}

body[data-theme="designer"] .q-body h2 {
  font-size: clamp(1.35rem, 5vw, 1.75rem);
  margin: 0 0 10px;
}

body[data-theme="designer"] p,
body[data-theme="designer"] .lead,
body[data-theme="designer"] .sub,
body[data-theme="designer"] .q-help,
body[data-theme="designer"] .comn-txt {
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.55;
  color: #000;
}

body[data-theme="designer"] .hero-body .lead {
  font-size: 1.1rem;
  font-weight: 400;
  text-align: center;
  margin: 0 0 10px;
}

body[data-theme="designer"] .hero-body .sub {
  font-size: 0.95rem;
  color: #333;
  text-align: center;
  font-weight: 400;
}

body[data-theme="designer"] .q-help {
  color: #444;
  font-size: 0.95rem;
  margin: 0 0 16px;
}

body[data-theme="designer"] strong,
body[data-theme="designer"] b {
  font-weight: 700;
  color: #000;
}

/* ——— Zerar “caixas” da v1: cards viram fluxo de texto ——— */
body[data-theme="designer"] .hero-card,
body[data-theme="designer"] .q-card,
body[data-theme="designer"] .result-card,
body[data-theme="designer"] .social-card,
body[data-theme="designer"] .paper,
body[data-theme="designer"] .tv-card,
body[data-theme="designer"] .magazine-card,
body[data-theme="designer"] .insight-card,
body[data-theme="designer"] .capture-card,
body[data-theme="designer"] .news-card {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible;
  padding: 0;
}

body[data-theme="designer"] .hero-body,
body[data-theme="designer"] .q-body,
body[data-theme="designer"] .result-body {
  padding: 8px 0 0;
  background: transparent;
}

/* Imagem hero/pergunta: full bleed simples, sem moldura */
body[data-theme="designer"] .hero-media,
body[data-theme="designer"] .q-media {
  border-radius: 0 !important;
  margin: 0 -16px 16px;
  width: calc(100% + 32px);
  max-height: 240px;
  overflow: hidden;
  background: #f5f5f5;
}

body[data-theme="designer"] .hero-media img,
body[data-theme="designer"] .q-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  filter: none;
}

body[data-theme="designer"] .hero-media::after,
body[data-theme="designer"] .q-media::after {
  display: none !important;
}

/* Kicker estilo “It’s True” / faixa vermelha do advertorial */
body[data-theme="designer"] .hero-kicker {
  display: inline-block;
  position: static;
  margin: 0 auto 12px;
  padding: 6px 14px;
  border-radius: 0 !important;
  background: var(--amber) !important;
  color: #fff !important;
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: none;
  box-shadow: none !important;
  border: none !important;
}

body[data-theme="designer"] .hero-media .hero-kicker {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
}

body[data-theme="designer"] .q-caption {
  display: none; /* menos chrome visual */
}

/* Trust chips → texto simples em linha */
body[data-theme="designer"] .trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 14px;
  margin: 16px 0 20px;
  padding: 12px 0;
  border-top: 1px solid var(--red);
  border-bottom: 1px solid var(--red);
}

body[data-theme="designer"] .trust-row span {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000;
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0;
}

/* ——— Botões estilo pack CTA vermelho ——— */
body[data-theme="designer"] .btn-primary,
body[data-theme="designer"] .btn-accent,
body[data-theme="designer"] .btn-ghost,
body[data-theme="designer"] .btn-urgent-cta,
body[data-theme="designer"] .sticky-cta .btn-primary {
  border-radius: 4px !important;
  font-family: var(--font-body);
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none;
  box-shadow: none !important;
  border: none !important;
  min-height: 52px;
  padding: 14px 18px;
  font-size: 1rem;
}

body[data-theme="designer"] .btn-primary,
body[data-theme="designer"] .btn-accent,
body[data-theme="designer"] .btn-primary.btn-accent,
body[data-theme="designer"] .btn-urgent-cta {
  background: var(--red) !important;
  color: #fff !important;
}

body[data-theme="designer"] .btn-primary:hover,
body[data-theme="designer"] .btn-accent:hover,
body[data-theme="designer"] .btn-urgent-cta:hover {
  background: var(--red-deep) !important;
  color: #fff !important;
}

body[data-theme="designer"] .btn-ghost {
  background: transparent !important;
  color: #000 !important;
  text-decoration: underline;
  min-height: auto;
  padding: 8px;
}

/* ——— Opções: lista editorial, não cards ——— */
body[data-theme="designer"] .options {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 8px 0 0;
}

body[data-theme="designer"] .option {
  border: none !important;
  border-bottom: 1px solid var(--line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  font-family: var(--font-body);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 16px 8px 16px 36px !important;
  position: relative;
  text-align: left;
  min-height: auto;
  transform: none !important;
}

body[data-theme="designer"] .option:first-child {
  border-top: 1px solid var(--line-soft) !important;
}

/* “bolinha” tipo radio à esquerda */
body[data-theme="designer"] .option::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

body[data-theme="designer"] .option:hover,
body[data-theme="designer"] .option:focus-visible {
  background: var(--cream) !important;
  outline: none;
}

body[data-theme="designer"] .option.is-picked {
  background: #fff5f5 !important;
  color: #000 !important;
  border-bottom-color: var(--red) !important;
  font-weight: 700;
}

body[data-theme="designer"] .option.is-picked::before {
  border-color: var(--red);
  background: var(--red);
  box-shadow: inset 0 0 0 3px #fff;
}

body[data-theme="designer"] .option:nth-child(1),
body[data-theme="designer"] .option:nth-child(2),
body[data-theme="designer"] .option:nth-child(3),
body[data-theme="designer"] .option:nth-child(4) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ——— Micros / paper / TV → artigo simples (sem chrome de jornal/TV) ——— */
body[data-theme="designer"] .paper-head,
body[data-theme="designer"] .paper-head-row,
body[data-theme="designer"] .paper-name,
body[data-theme="designer"] .paper-date-badge,
body[data-theme="designer"] .paper-date-long,
body[data-theme="designer"] .paper-rule,
body[data-theme="designer"] .paper-kicker,
body[data-theme="designer"] .paper-cat,
body[data-theme="designer"] .paper-dateline,
body[data-theme="designer"] .tv-topbar,
body[data-theme="designer"] .tv-channel,
body[data-theme="designer"] .tv-clock,
body[data-theme="designer"] .tv-scan {
  display: none !important;
}

body[data-theme="designer"] .tv-bezel,
body[data-theme="designer"] .tv-screen,
body[data-theme="designer"] .paper-media {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}

body[data-theme="designer"] .tv-card,
body[data-theme="designer"] .paper {
  text-align: left;
}

body[data-theme="designer"] .paper-headline,
body[data-theme="designer"] .tv-card h2,
body[data-theme="designer"] #paper-headline {
  font-family: var(--font) !important;
  font-size: clamp(1.5rem, 5.5vw, 1.95rem) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center;
  margin: 12px 0 18px !important;
  color: #000 !important;
}

body[data-theme="designer"] .paper-lead,
body[data-theme="designer"] .paper-body p {
  font-size: 1.08rem;
  line-height: 1.55;
  margin-bottom: 1rem;
  color: #000;
}

body[data-theme="designer"] .paper-quote {
  border: none !important;
  border-left: none !important;
  background: var(--cream) !important;
  border-radius: 0 !important;
  padding: 16px 18px !important;
  margin: 18px 0 !important;
  font-style: italic;
}

body[data-theme="designer"] .paper-quote p {
  font-size: 1.05rem;
  margin: 0;
}

body[data-theme="designer"] .paper-quote cite {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-weight: 700;
  color: var(--red);
  font-size: 0.9rem;
}

body[data-theme="designer"] .paper-bullets {
  list-style: none;
  padding: 0;
  margin: 12px 0 20px;
}

body[data-theme="designer"] .paper-bullets li {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 8px 0 8px 28px !important;
  margin: 0 !important;
  position: relative;
  font-size: 1.05rem;
  font-weight: 600;
}

body[data-theme="designer"] .paper-bullets li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 8px;
  color: var(--red);
  font-weight: 800;
  background: none !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
}

body[data-theme="designer"] .paper-warning {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--red) !important;
  font-weight: 800;
  font-size: 1.05rem;
  text-align: center;
  padding: 12px 0 4px !important;
  margin: 8px 0 16px;
}

body[data-theme="designer"] .paper-stats {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 16px 0 20px;
  padding: 14px 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  background: transparent;
}

body[data-theme="designer"] .paper-stat {
  border: none !important;
  background: transparent !important;
  text-align: center;
  min-width: 72px;
}

body[data-theme="designer"] .paper-stat strong {
  display: block;
  font-family: var(--font);
  font-size: 1.6rem;
  color: var(--red);
  line-height: 1.1;
}

body[data-theme="designer"] .paper-stat > span {
  font-size: 0.75rem;
  color: #444;
  font-weight: 600;
}

body[data-theme="designer"] .paper .btn-primary,
body[data-theme="designer"] .tv-card .btn-primary {
  width: 100%;
  margin-top: 8px;
}

/* ribbon / stamp micro */
body[data-theme="designer"] .ribbon,
body[data-theme="designer"] [class*="stamp"],
body[data-theme="designer"] .js-stamp {
  display: none !important;
}

/* Insight layout */
body[data-theme="designer"] .insight-card .paper-headline,
body[data-theme="designer"] .insight-body h2 {
  text-align: center;
}

/* ——— Social proof editorial ——— */
body[data-theme="designer"] .social-card {
  text-align: center;
  padding: 8px 0 0;
}

body[data-theme="designer"] .social-badge {
  display: inline-block;
  border-radius: 0 !important;
  background: var(--amber) !important;
  color: #fff !important;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.8rem;
  padding: 5px 12px;
  margin-bottom: 12px;
  box-shadow: none !important;
}

body[data-theme="designer"] .social-card h2 {
  font-size: clamp(1.4rem, 5vw, 1.85rem);
  margin: 0 0 16px;
  text-align: center;
}

body[data-theme="designer"] .social-person {
  justify-content: center;
  margin-bottom: 14px;
}

body[data-theme="designer"] .social-avatar {
  border-radius: 50% !important;
  background: var(--red);
  color: #fff;
  border: none;
  font-weight: 800;
}

body[data-theme="designer"] .social-name {
  font-weight: 800;
  color: #000;
}

body[data-theme="designer"] .social-role {
  color: #555;
  font-size: 0.9rem;
}

body[data-theme="designer"] .social-video-wrap,
body[data-theme="designer"] .social-embed-wrap {
  border: none !important;
  border-radius: 0 !important;
  margin: 0 0 16px;
  background: #000;
}

body[data-theme="designer"] .social-quote {
  font-style: italic;
  font-size: 1.05rem;
  border: none;
  border-left: none;
  padding: 0;
  margin: 0 0 18px;
  color: #000;
  font-weight: 500;
  text-align: left;
}

/* ——— Eval / pitch: fundo branco, sem card ——— */
body[data-theme="designer"] .result-hero,
body[data-theme="designer"] .result-hero-urgent {
  background: #fff !important;
  border: none !important;
  padding: 8px 0 16px;
  text-align: center;
}

body[data-theme="designer"] .badge-critical,
body[data-theme="designer"] .badge-urgent {
  display: inline-block;
  border-radius: 0 !important;
  background: var(--red) !important;
  color: #fff !important;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 6px 12px;
  box-shadow: none !important;
  border: none !important;
}

body[data-theme="designer"] .result-level-fg,
body[data-theme="designer"] .result-level-fg-urgent {
  stroke: var(--red) !important;
}

body[data-theme="designer"] .result-level-bg {
  stroke: #eee !important;
}

body[data-theme="designer"] .result-level-core,
body[data-theme="designer"] .result-level-core-urgent {
  color: #000;
  font-family: var(--font);
  font-weight: 700;
}

body[data-theme="designer"] .result-level-label,
body[data-theme="designer"] .result-level-label-urgent {
  color: var(--red);
  font-family: var(--font-body);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.8rem;
}

body[data-theme="designer"] .urgency-aura,
body[data-theme="designer"] .urgency-ripple {
  border-color: rgba(255, 0, 0, 0.25) !important;
}

body[data-theme="designer"] .eval-mirror {
  font-size: 1.05rem;
  line-height: 1.55;
  text-align: left;
  font-weight: 400;
  color: #000;
  margin: 12px 0 16px;
}

body[data-theme="designer"] .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 12px 0 18px;
}

body[data-theme="designer"] .tags span {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--red);
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.85rem;
  padding: 0;
}

body[data-theme="designer"] .tags span::before {
  content: "• ";
}

body[data-theme="designer"] .analyze-meter-track {
  border-radius: 0 !important;
  border: none !important;
  background: #eee !important;
  height: 8px;
  overflow: hidden;
}

body[data-theme="designer"] .analyze-meter-fill {
  border-radius: 0 !important;
  background: #000 !important;
}

body[data-theme="designer"] .analyze-meter-fill.is-urgency-fill {
  background: var(--red) !important;
}

body[data-theme="designer"] .analyze-meter-val {
  color: var(--red);
  font-family: var(--font);
  font-weight: 700;
}

body[data-theme="designer"] .analyze-meter-row {
  margin-bottom: 12px;
}

body[data-theme="designer"] .result-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 20px;
}

body[data-theme="designer"] .result-list li {
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 10px 28px !important;
  margin: 0 !important;
  position: relative;
  font-size: 1.05rem;
  font-weight: 500;
  border-bottom: 1px solid var(--line-soft) !important;
}

body[data-theme="designer"] .result-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--red);
  font-weight: 800;
}

/* Before / after */
body[data-theme="designer"] .before-after {
  margin: 20px 0;
  padding: 0;
  border: none;
  background: transparent;
}

body[data-theme="designer"] .before-after-title {
  font-family: var(--font);
  font-size: 1.35rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 14px;
  color: #000;
}

body[data-theme="designer"] .ba-card {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
}

body[data-theme="designer"] .ba-card img {
  border-radius: 0;
  width: 100%;
  display: block;
}

body[data-theme="designer"] .ba-tag {
  border-radius: 0 !important;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.72rem;
  text-transform: uppercase;
  padding: 4px 8px;
}

body[data-theme="designer"] .ba-tag-before {
  background: #000;
  color: #fff;
}

body[data-theme="designer"] .ba-tag-after {
  background: var(--red);
  color: #fff;
}

body[data-theme="designer"] .before-after-note {
  text-align: center;
  font-weight: 600;
  margin-top: 12px;
  color: #000;
}

/* Pitch blocks → lista simples */
body[data-theme="designer"] .block-chip {
  display: block;
  text-align: center;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--red);
  font-family: var(--font);
  font-size: 1.25rem;
  font-weight: 700;
  padding: 8px 0;
  margin: 8px 0 12px;
}

body[data-theme="designer"] .pitch-grid {
  gap: 0;
}

body[data-theme="designer"] .pitch-block {
  border: none !important;
  border-bottom: 1px solid var(--line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 14px 0 !important;
  display: block !important;
  grid-template-columns: none !important;
}

body[data-theme="designer"] .pitch-num {
  display: inline-block;
  border-radius: 0 !important;
  background: var(--red) !important;
  color: #fff !important;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 0.75rem;
  min-width: 1.5rem;
  text-align: center;
  margin-right: 8px;
  padding: 2px 6px;
  vertical-align: middle;
}

body[data-theme="designer"] .pitch-block h3 {
  display: inline;
  font-family: var(--font);
  font-size: 1.15rem;
  font-weight: 700;
  color: #000;
}

body[data-theme="designer"] .pitch-block p {
  margin: 6px 0 0;
  font-size: 1rem;
  color: #222;
}

body[data-theme="designer"] .price-note {
  color: var(--red);
  font-weight: 800;
  text-align: center;
  font-size: 1.05rem;
}

body[data-theme="designer"] .footer-note {
  color: #666;
  font-size: 0.85rem;
  text-align: center;
}

/* ——— Captura ——— */
body[data-theme="designer"] .capture-card .hero-body h1 {
  text-align: center;
}

body[data-theme="designer"] .lead-form {
  max-width: 100%;
  margin-top: 12px;
}

body[data-theme="designer"] .lead-form input,
body[data-theme="designer"] .lead-who {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
  color: #000;
  box-shadow: none;
}

body[data-theme="designer"] .lead-form input:focus {
  outline: 2px solid var(--red);
  border-color: var(--red) !important;
}

body[data-theme="designer"] .lead-form label,
body[data-theme="designer"] .lead-who legend {
  color: #000;
  font-weight: 700;
  font-family: var(--font-body);
}

body[data-theme="designer"] .lead-error {
  color: var(--red);
  font-weight: 700;
}

/* ——— Loading ——— */
body[data-theme="designer"] .loading-screen {
  background: #fff;
  text-align: center;
  padding: 40px 12px;
}

body[data-theme="designer"] .loading-spinner {
  border-radius: 50% !important;
  border: 3px solid #eee;
  border-top-color: var(--red);
}

body[data-theme="designer"] .loading-bar-track {
  border-radius: 0 !important;
  border: none !important;
  background: #eee !important;
  height: 8px;
  overflow: hidden;
}

body[data-theme="designer"] .loading-bar-fill {
  border-radius: 0 !important;
  background: var(--red) !important;
}

body[data-theme="designer"] .loading-bar-pct,
body[data-theme="designer"] .loading-kicker {
  color: #000;
  font-family: var(--font-body);
  font-weight: 700;
}

/* ——— Sticky CTA ——— */
body[data-theme="designer"] .sticky-cta {
  background: #fff;
  border-top: 1px solid var(--line-soft);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
}

body[data-theme="designer"] .sticky-cta .btn-primary {
  background: var(--red) !important;
  color: #fff !important;
  border-radius: 4px !important;
  width: 100%;
}

/* Ripple / pulse secos */
body[data-theme="designer"] .js-ripple {
  background: rgba(255, 0, 0, 0.2);
}

body[data-theme="designer"] .cta-pulse {
  animation: none;
}

/* Faixa de destaque vermelha reutilizável (títulos-chave) */
body[data-theme="designer"] .result-card h2,
body[data-theme="designer"] .social-card h2 {
  /* se quiser faixa: descomente
  background: var(--red);
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  */
}

/* Espaçamento de tela mais “página de texto” */
body[data-theme="designer"] .screen {
  padding-top: 8px;
}

body[data-theme="designer"] .hero-card {
  padding-top: 4px;
}

/* Meter rows sem caixas */
body[data-theme="designer"] .result-meters {
  background: transparent;
  border: none;
  padding: 0;
  margin: 12px 0 20px;
}

/* Remove sombras remanescentes */
body[data-theme="designer"] * {
  --shadow: none;
}

/* ——— Micros advertoriais (HTML novo em app.js) ——— */
body[data-theme="designer"] .adv-micro {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 8px;
  background: #fff;
  color: #000;
  text-align: left;
}

body[data-theme="designer"] .adv-micro-media {
  margin: 0 -16px 4px;
  width: calc(100% + 32px);
  max-height: 140px;
  overflow: hidden;
  background: #f3f3f3;
}

body[data-theme="designer"] .adv-micro-media img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

body[data-theme="designer"] .adv-micro-kicker {
  margin: 0;
  display: inline-block;
  align-self: flex-start;
  background: #faa70d;
  color: #fff;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 10px;
}

body[data-theme="designer"] .adv-micro-title,
body[data-theme="designer"] .adv-micro .paper-headline {
  margin: 0 !important;
  font-family: var(--font) !important;
  font-size: clamp(1.35rem, 5vw, 1.7rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  color: #000 !important;
  text-align: left !important;
  min-height: 0 !important;
}

body[data-theme="designer"] .adv-micro-body,
body[data-theme="designer"] .adv-micro .paper-lead {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

body[data-theme="designer"] .adv-micro-bullets {
  margin: 2px 0 4px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

body[data-theme="designer"] .adv-micro-bullets li {
  padding: 4px 0 4px 22px !important;
  margin: 0 !important;
  border: none !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  background: transparent !important;
}

body[data-theme="designer"] .adv-micro-bullets li::before {
  content: "✓";
  color: #ff0000;
  top: 4px !important;
}

body[data-theme="designer"] .adv-micro .paper-quote {
  margin: 4px 0 !important;
  padding: 10px 12px !important;
  background: #f9f6f2 !important;
  border: none !important;
}

body[data-theme="designer"] .adv-micro .btn-primary {
  margin-top: 6px;
}

/* Última matéria (m_bridge): bem curta, sem scroll */
body[data-theme="designer"] .adv-micro--compact {
  gap: 8px;
  padding: 12px 0 4px;
  min-height: auto;
  justify-content: flex-start;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-title,
body[data-theme="designer"] .adv-micro--compact .paper-headline {
  font-size: clamp(1.25rem, 4.8vw, 1.5rem) !important;
  text-align: center !important;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-kicker {
  align-self: center;
  background: #ff0000;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-body {
  text-align: center;
  font-size: 0.98rem !important;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-bullets {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 10px;
  margin: 4px 0 8px !important;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-bullets li {
  padding: 6px 10px 6px 26px !important;
  background: #fff5f5 !important;
  font-size: 0.85rem !important;
  border: 1px solid #ffd0d0 !important;
}

body[data-theme="designer"] .adv-micro--compact .adv-micro-bullets li::before {
  left: 8px;
  top: 50% !important;
  transform: translateY(-50%);
}

/* ——— Cores antigas (azul / laranja) — forçar paleta designer ——— */
body[data-theme="designer"] .btn-primary,
body[data-theme="designer"] .btn-accent,
body[data-theme="designer"] a.btn-primary,
body[data-theme="designer"] a.btn-accent,
body[data-theme="designer"] button.btn-primary,
body[data-theme="designer"] button.btn-accent,
body[data-theme="designer"] .btn-primary.btn-accent,
body[data-theme="designer"] .btn-urgent-cta,
body[data-theme="designer"] .sticky-cta .btn-primary,
body[data-theme="designer"] .sticky-cta a {
  background: #ff0000 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

body[data-theme="designer"] .btn-primary:hover,
body[data-theme="designer"] .btn-accent:hover,
body[data-theme="designer"] .btn-urgent-cta:hover {
  background: #d90000 !important;
  background-image: none !important;
  filter: none !important;
}

/* TV / magazine (caso algum residual apareça) */
body[data-theme="designer"] .tv-card,
body[data-theme="designer"] .tv-panel,
body[data-theme="designer"] .tv-bezel,
body[data-theme="designer"] .mag-card,
body[data-theme="designer"] .mag-body {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-theme="designer"] .tv-panel .paper-headline,
body[data-theme="designer"] .tv-panel .paper-lead,
body[data-theme="designer"] .tv-panel .paper-bullets li,
body[data-theme="designer"] .tv-panel .paper-quote p,
body[data-theme="designer"] .mag-body .paper-headline {
  color: #000 !important;
  background: transparent !important;
}

body[data-theme="designer"] .tv-panel .paper-quote,
body[data-theme="designer"] .tv-panel .paper-bullets li {
  background: #f9f6f2 !important;
  border: none !important;
}

body[data-theme="designer"] .tv-panel .paper-stat strong,
body[data-theme="designer"] .mag-body .paper-stat strong {
  color: #ff0000 !important;
}

body[data-theme="designer"] .tv-bezel {
  padding: 0 !important;
  background: transparent !important;
}

body[data-theme="designer"] .tv-screen {
  max-height: 120px !important;
  aspect-ratio: auto !important;
}

/* Loading / hero / textos que usavam azul oklch */
body[data-theme="designer"] .loading-screen {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

body[data-theme="designer"] .loading-spinner {
  border-color: #eee !important;
  border-top-color: #ff0000 !important;
  border-right-color: #ff0000 !important;
}

body[data-theme="designer"] .loading-kicker,
body[data-theme="designer"] .loading-screen h2,
body[data-theme="designer"] .loading-sub,
body[data-theme="designer"] .loading-bar-pct {
  color: #000 !important;
}

body[data-theme="designer"] .loading-bar-fill {
  background: #ff0000 !important;
  background-image: none !important;
}

body[data-theme="designer"] .q-body h2,
body[data-theme="designer"] .hero-body h1,
body[data-theme="designer"] .hero-body .lead,
body[data-theme="designer"] .hero-body .sub,
body[data-theme="designer"] .q-help,
body[data-theme="designer"] .option,
body[data-theme="designer"] .result-card h2,
body[data-theme="designer"] .result-card p,
body[data-theme="designer"] .eval-mirror,
body[data-theme="designer"] .pitch-block h3,
body[data-theme="designer"] .pitch-block p,
body[data-theme="designer"] .capture-card h1,
body[data-theme="designer"] .capture-card .lead {
  color: #000 !important;
}

body[data-theme="designer"] .trust-row span {
  color: #000 !important;
  background: transparent !important;
}

body[data-theme="designer"] .analyze-meter-top span {
  color: #000 !important;
}

body[data-theme="designer"] .analyze-meter-val {
  color: #ff0000 !important;
}

body[data-theme="designer"] .price-note {
  color: #ff0000 !important;
}

body[data-theme="designer"] .footer-note {
  color: #555 !important;
}

/* Result hero / badges sem azul ou laranja residual */
body[data-theme="designer"] .result-hero,
body[data-theme="designer"] .result-hero-urgent,
body[data-theme="designer"] .pitch-card .result-hero-urgent,
body[data-theme="designer"] .eval-card .result-hero {
  background: #fff !important;
  background-image: none !important;
  color: #000 !important;
}

body[data-theme="designer"] .badge-critical,
body[data-theme="designer"] .badge-urgent {
  background: #ff0000 !important;
  color: #fff !important;
  background-image: none !important;
}

/* Social residual */
body[data-theme="designer"] .social-card h2,
body[data-theme="designer"] .social-name,
body[data-theme="designer"] .social-quote {
  color: #000 !important;
}

body[data-theme="designer"] .social-badge {
  background: #faa70d !important;
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="designer"] .progress-bar > span {
    transition: none;
  }
}