/* Make the sections transparent and position relative for the glows */
.lines-section,
.catalog-section,
.reach-section-static,
.section-registrate-igualito,
.nuestras-marcas {
    background-color: transparent !important;
    position: relative;
    z-index: 1;
    /* Establishes stacking context */
    overflow: hidden;
    /* Prevent the glow from spilling out of the section */
}

/* Base style for the glowing orbs to cover the entire section */
.lines-section::before,
.catalog-section::before,
.reach-section-static::before,
.section-registrate-igualito::before,
.nuestras-marcas::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 0.8;
    /* Make the colors very noticeable */
    mix-blend-mode: multiply;
    /* Helps the color blend seamlessly */
}


/* 2. lines-section: Amarillo desde la izquierda al centro */
.lines-section::before {
    background: radial-gradient(circle at center left, rgba(241, 138, 0, 0.5) 0%, rgba(241, 138, 0, 0) 120%);
}

/* 3. catalog-section: Amarillo desde la izquierda al centro */
.catalog-section::before {
    background: radial-gradient(circle at center left, rgba(241, 138, 0, 0.5) 0%, rgba(241, 138, 0, 0) 120%);
}

/* 4. reach-section-static: Azul desde el centro derecha */
.reach-section-static::before {
    display: block !important;
    /* overrides display:none from main-bundle */
    background: radial-gradient(circle at center right, rgba(5, 47, 101, 0.6) 0%, rgba(5, 47, 101, 0) 120%);
}

/* 5. section-registrate-igualito: Azul desde el centro derecha */
.section-registrate-igualito::before {
    background: radial-gradient(circle at center right, rgba(5, 47, 101, 0.6) 0%, rgba(5, 47, 101, 0) 120%);
}

/* 6. nuestras-marcas: Azul desde el centro derecha */
.nuestras-marcas::before {
    background: radial-gradient(circle at center right, rgba(5, 47, 101, 0.6) 0%, rgba(5, 47, 101, 0) 120%);
}