/* Tema de la web — fondo plano #0A0A0A.
   Se carga DESPUÉS del <style> de cada página, por eso puede redefinir las variables. */
:root{
  --fondo:#0A0A0A;
  --fondo-2:#070707;
  --sup:#151515;
  --sup-2:#1B1B1B;
  --borde:rgba(255,255,255,.10);
  --borde-f:rgba(255,255,255,.18);
  --borde-fuerte:rgba(255,255,255,.18);
  --texto:#F5F5F5;
  --texto-2:#B4B4B4;
  --texto-3:#8A8A8A;
}
html{background:#0A0A0A}
body{ background:#0A0A0A; color:var(--texto); }

/* superficies */
.tarjeta, .evento, .caja, .persona, .sector, details, .mockup, .ficha{
  background:var(--sup);
  border-color:var(--borde);
}
.cierre, .mockup{ background:#121212; }
.ficha{ background:#1B1B1B; }
header{ background:rgba(10,10,10,.92); border-bottom-color:var(--borde); }
footer{ border-top-color:var(--borde); }
input, select, textarea{ background:#1B1B1B; border-color:var(--borde-f); color:var(--texto); }
input::placeholder{ color:#7A7A7A; }
.nav-esc, .pastilla{ background:#151515; }
.btn-2{ background:#1B1B1B; }
.btn-2:hover{ background:#242424; }
.seccion[style]{ background:var(--fondo-2) !important; }

/* bandera del Perú (SVG, no emoji: Windows no dibuja banderas emoji) — junto al logo y al «Lima, Perú» del pie */
img.bandera{ width:18px; height:12px; flex:none; display:inline-block; vertical-align:-1px; margin-left:6px; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.18); }
.marca img.bandera{ width:18px; height:12px; margin-left:-3px; }
.pie img.bandera{ width:18px; height:12px; }