/* Contenedor de la sección principal */

.hero-fractal {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}


/* Canvas donde se dibuja el fractal */

#fractal-background {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    pointer-events: none;
}


/*
 * Todo el contenido debe quedar
 * por encima del fractal.
 */

.hero-fractal-content {
    position: relative;
    z-index: 1;
}