/* /assets/css/parallax-block.css — ParallaxBlock (v1)
   - Solo fondo + overlay + contenido
   - Sin twinkles
*/

.ParallaxBlock{
  position: relative;
  isolation: isolate;
  background: #050a14;        
  
}

.ParallaxBlock__bgWrap{
  position: absolute;
  inset: 0;
  overflow: hidden;      /* ← SOLO el fondo se recorta */
  z-index: 0;
}

/* Fondo (foto) */
.ParallaxBlock__bg{
  position: absolute;
  inset: 0;
  z-index: 0;

  background-image: var(--bg);
  background-size: cover;
  background-position: center;

  transform: translate3d(0,0,0) scale(1);
  will-change: transform;
}

/* Overlay (tinte MA) */
.ParallaxBlock__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(120% 80% at 50% 20%, rgba(11,92,255,.18), transparent 55%),
    linear-gradient(to bottom, rgba(5,10,20,.35), rgba(5,10,20,.80));
}

/* Contenido */
.ParallaxBlock__content{
  position: relative;
  overflow: visible;   /* importante */
  z-index: 2;
 
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .ParallaxBlock__bg{ transform: none !important; }
}