/* CoreFlow · cine v32a (prefijo .cine-): el núcleo de flujo en video (Higgsfield, 29-sep) como fondo.
   Se SUMA a la energía WebGL, no la tapa: mix-blend-mode screen (lo oscuro del video queda transparente)
   y máscara radial. Va en z-index -1: encima del lienzo de energía (-2), debajo de todo el contenido.
   El video lo elige y lo carga cine.js (16:9 o 9:16 según el ancho, solo cuando se ve, póster si hay
   prefers-reduced-motion o ahorro de datos). */
.cine { position: absolute; z-index: -1; pointer-events: none; overflow: hidden;
  mix-blend-mode: screen; opacity: 0; transition: opacity calc(var(--pulso, 1.6s) * 1.25) var(--ola, ease);
  -webkit-mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 34%, rgba(0, 0, 0, .55) 64%, transparent 100%);
          mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 34%, rgba(0, 0, 0, .55) 64%, transparent 100%); }
.cine.listo { opacity: var(--cine-op, .6); }
.cine video { display: block; width: 100%; height: 100%; object-fit: cover;
  /* el teal del video baja casi a negro: en «screen» solo suman el núcleo y las corrientes */
  filter: brightness(.82) contrast(1.3) saturate(1.1); }

/* ---------- /comunidad/: detrás del globo (cine.js lo centra en el globo con --cx/--cy/--cw) ---------- */
.cine-hero { left: var(--cx, 70%); top: var(--cy, 50%); width: var(--cw, 110vw); aspect-ratio: 16 / 9; transform: translate(-50%, -50%); --cine-op: .62; }
.cine-hero[data-formato="9x16"] { aspect-ratio: 9 / 16; --cine-op: .55; }

/* ---------- inicio: franja «Centro de Flujo» a pantalla completa ---------- */
.cine-franja { min-height: clamp(380px, 66vh, 760px); display: grid; align-items: end; padding: 0 0 clamp(34px, 8vh, 80px); text-align: center; }
.cine-franja .cine { inset: 0; --cine-op: .9;
  -webkit-mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 38%, rgba(0, 0, 0, .5) 68%, transparent 100%);
          mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 38%, rgba(0, 0, 0, .5) 68%, transparent 100%); }
.cine-frase { margin: 0; font: 600 clamp(1.7rem, 4.2vw, 3rem)/1.08 var(--ft); letter-spacing: -.03em; text-wrap: balance;
  text-shadow: 0 2px 24px rgba(6, 19, 24, .85), 0 0 2px rgba(6, 19, 24, .6); }