/* Sistema visual compartido — Reportaje Oscar Schmidt (acb.com) */
:root{
  /* Paleta brasileña, adaptada editorial */
  --brz-green: #009739;       /* verde bandera */
  --brz-green-deep: #006b29;
  --brz-yellow: #FEDF00;      /* amarillo bandera */
  --brz-yellow-warm: #F2C500;
  --brz-blue: #002776;        /* azul bandera */

  /* Neutros editoriales */
  --ink: #0b0f0c;
  --ink-soft: #2a2f2b;
  --paper: #f6f3ea;           /* crema periódico */
  --paper-warm: #efe8d4;
  --rule: #1a1f1b;

  /* ACB (usadas con discreción, tono editorial) */
  --acb-orange: #E85D04;

  /* Tipografía */
  --font-display: "Archivo Black", "Oswald", Impact, sans-serif;
  --font-serif: "Playfair Display", "Libre Caslon Text", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* Escalas */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.kicker{
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.credit{
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6b6b6b;
}
.rule{height:1px;background:var(--rule);opacity:.85}

/* Marco editorial común a cada pieza insertable */
.embed{
  position:relative;
  background:var(--paper);
  border:1px solid rgba(0,0,0,.12);
  border-radius: var(--r-md);
  overflow:hidden;
}
.embed .frame-top{
  display:flex; justify-content:space-between; align-items:center;
  padding: 14px 22px; border-bottom:1px solid rgba(0,0,0,.1);
}
.embed .frame-bottom{
  display:flex; justify-content:space-between; align-items:center;
  padding: 10px 22px; border-top:1px solid rgba(0,0,0,.08);
  font-family: var(--font-mono); font-size: 10px; letter-spacing:.12em; text-transform:uppercase;
  color:#6b6b6b;
}
.brand-chip{
  display:inline-flex;align-items:center;gap:8px;
  font-family: var(--font-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
}
.brand-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--brz-green)}
.brand-chip .dot.y{background:var(--brz-yellow-warm)}