/* =========================================================
   FUNDO CINEMATOGRÁFICO GLOBAL
   Gradiente azul-escuro→preto, mapa mundial 5-10%, linhas
   douradas curvas, partículas, vinheta, lens flare discreto
   ========================================================= */

.bg-cinema {
  position: fixed;
  inset: 0;
  z-index: -10;
  background: var(--gradiente-fundo);
  overflow: hidden;
}

.bg-cinema::before {
  /* Mapa mundial em baixa opacidade */
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 500"><g fill="none" stroke="%231D65C1" stroke-width="1.1"><circle cx="150" cy="150" r="2"/><circle cx="180" cy="120" r="1.4"/></g></svg>');
  background-size: 1400px auto;
  background-position: center 10%;
  background-repeat: no-repeat;
  opacity: 0.07;
  mix-blend-mode: screen;
}

.bg-cinema .world-map-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160%;
  max-width: 2200px;
  transform: translate(-50%, -52%);
  opacity: 0.08;
  pointer-events: none;
}

.bg-cinema .world-map-svg path {
  fill: none;
  stroke: var(--azul-claro);
  stroke-width: 1;
}

.bg-cinema .world-map-svg circle {
  fill: var(--dourado-claro);
}

/* Linhas curvas douradas decorativas */
.bg-cinema .gold-arc {
  position: absolute;
  border: 1px solid transparent;
  border-radius: 50%;
  opacity: 0.18;
  pointer-events: none;
}

.bg-cinema .gold-arc.arc-1 {
  width: 1400px; height: 1400px;
  top: -700px; right: -500px;
  border-top: 1px solid var(--dourado);
  border-right: 1px solid var(--dourado);
}

.bg-cinema .gold-arc.arc-2 {
  width: 900px; height: 900px;
  bottom: -450px; left: -300px;
  border-bottom: 1px solid var(--azul-claro);
  border-left: 1px solid var(--azul-claro);
  opacity: 0.14;
}

/* Linha dourada animada percorrendo (efeito "brilho percorrendo linhas") */
.bg-cinema .gold-sweep {
  position: absolute;
  top: 28%;
  left: -10%;
  width: 60%;
  height: 1px;
  background: var(--linha-dourada);
  opacity: 0.35;
  animation: sweepMove 9s linear infinite;
}
.bg-cinema .gold-sweep.sweep-2 {
  top: 68%;
  left: 40%;
  width: 45%;
  animation-duration: 13s;
  animation-delay: 2s;
  opacity: 0.22;
}

@keyframes sweepMove {
  0%   { transform: translateX(-30%) scaleX(0.8); opacity: 0; }
  15%  { opacity: 0.4; }
  50%  { opacity: 0.5; }
  85%  { opacity: 0.1; }
  100% { transform: translateX(160%) scaleX(1.1); opacity: 0; }
}

/* Partículas luminosas discretas */
.bg-cinema .particles {
  position: absolute;
  inset: 0;
}

.bg-cinema .particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--dourado-claro);
  box-shadow: 0 0 6px 2px rgba(246, 211, 106, 0.6);
  opacity: 0;
  animation: floatParticle 14s ease-in-out infinite;
}

@keyframes floatParticle {
  0%   { opacity: 0; transform: translateY(0) translateX(0); }
  10%  { opacity: 0.7; }
  50%  { opacity: 0.9; transform: translateY(-60px) translateX(20px); }
  90%  { opacity: 0.2; }
  100% { opacity: 0; transform: translateY(-140px) translateX(-10px); }
}

/* Vinheta suave nas bordas */
.bg-cinema .vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 90% at 50% 45%, transparent 55%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
}

/* Lens flare discreto (pontual, sutil) */
.bg-cinema .lens-flare {
  position: absolute;
  top: 8%;
  right: 18%;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(246,211,106,0.16) 0%, rgba(216,161,43,0.06) 35%, transparent 70%);
  pointer-events: none;
  filter: blur(2px);
}

@media (max-width: 768px) {
  .bg-cinema .gold-arc.arc-1,
  .bg-cinema .gold-arc.arc-2 { display: none; }
  .bg-cinema .lens-flare { width: 240px; height: 240px; }
}