/*
Theme Name: Genesis Block Theme Child
Theme URI: https://swmtx.com
Description: Child Theme de Genesis Block Theme
Version: 1.2
Template: genesis-block-theme
Text Domain: genesis-block-theme-child
*/

.spotlight-section{ 
  position:relative; 
  overflow:hidden; 
  background:#0d1218; 
  isolation:isolate; 
}

.spotlight-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background: radial-gradient(circle 1500px
    /* Posición del centro de la luz.
       Estas variables son modificadas por JavaScript para seguir el mouse.
       Si quieres una luz fija puedes usar:
       at -20% -20%
       at 0% 0%
       at 50% 50%
    */
    at var(--x) var(--y),
    /* Centro del spotlight.
       Es la zona más brillante.
       Aumentar la opacidad (.6 -> .8) hace el brillo más intenso.
    */
    rgba(255,255,255,.6) 0%,
    /* Zona intermedia.
       Controla cuánto tarda en comenzar a perder intensidad.
       Si cambias el 30% por 40% el brillo ocupará más espacio.
    */
    rgba(255,255,255,.18) 30%,
    /* Borde exterior.
       Define qué tan suave es la transición hacia la oscuridad.
       Un porcentaje mayor hace que el degradado sea más largo.
    */
    rgba(255,255,255,.05) 60%,
    /* Fin del spotlight.
       A partir de aquí la luz desaparece completamente.
       Puedes mover este valor (90%, 100%, etc.) para hacer que
       el halo termine antes o después.
    */
    transparent 100%);
}