/* ================================================================
   Módulo global — Tipo de sobre (R47)
   Overlays estéticos sobre el sobre propio de cada pieza:
   · clasico → sin cambios (default de cada pieza)
   · quemado → viñeta oscura + tinte ámbar + textura de grano tostado
   · mapa    → tinte sepia + patrón de papel envejecido + bordes desgastados
   Se activa con body[data-envelope="quemado" | "mapa"].
   No cuenta al peso <50KB de la pieza (carga externa).
   ================================================================ */

/* ── envelope=quemado ─────────────────────────────────────────── */
body[data-envelope="quemado"]::before {
  content: ''; position: fixed; inset: 0; z-index: 6; pointer-events: none;
  /* viñeta oscura desde los bordes + halo ámbar cálido */
  background:
    radial-gradient(140% 100% at 50% 50%, transparent 40%, rgba(48, 20, 8, 0.55) 82%, rgba(20, 8, 2, 0.85) 100%),
    radial-gradient(90% 70% at 50% 48%, rgba(232, 116, 42, 0.10), transparent 68%);
  mix-blend-mode: multiply;
}
body[data-envelope="quemado"]::after {
  content: ''; position: fixed; inset: 0; z-index: 6; pointer-events: none;
  /* textura de grano tostado (SVG feTurbulence) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.15  0 0 0 0 0.05  0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply; opacity: 0.42;
}

/* ── envelope=mapa ────────────────────────────────────────────── */
body[data-envelope="mapa"]::before {
  content: ''; position: fixed; inset: 0; z-index: 6; pointer-events: none;
  /* tinte sepia + papel envejecido con manchas */
  background:
    radial-gradient(70% 55% at 22% 26%, rgba(140, 90, 40, 0.18), transparent 60%),
    radial-gradient(60% 55% at 78% 72%, rgba(120, 70, 30, 0.14), transparent 62%),
    linear-gradient(180deg, rgba(232, 200, 140, 0.12), rgba(180, 130, 70, 0.10));
  mix-blend-mode: multiply;
}
body[data-envelope="mapa"]::after {
  content: ''; position: fixed; inset: 0; z-index: 6; pointer-events: none;
  /* textura de papel/pergamino: noise sepia claro */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.35  0 0 0 0 0.18  0 0 0 0.24 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply; opacity: 0.55;
}

/* Reduce motion: overlays estáticos igual, no animan — sin ajuste extra. */