bg-image {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}

.bg-image2 {
    background-image: url('/static/images/landing/renta_personas_2025/recurso3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.bg-image3 {
    background-image: url('/static/images/landing/renta_personas_2025/recurso2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.bg-image4 {
    background-image: url('/static/images/tramas/trama3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.bg-image5 {
    background-image: url('/static/images/tramas/trama5.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.bg-numera-1 {
    background-color: #7467E5 !important;
}

.bg-numera-1-2 {
    background-color: #8f84eb !important;
}

.bg-numera-1-3 {
    background: linear-gradient(to bottom right, #8f84eb, white);
}

.bg-numera-2 {
    background-color: #AA95F1 !important;
}

.bg-numera-3 {
    background-color: #5B20F3;
}

.bg-numera-4 {
    background-color: #F9DEF6;
}

.bg-numera-5 {
    background-color: #E5E9F2;
}

:root {
    /* Colores base (ajusta a tu paleta) */
    --morado: #7467E5;
    --lila: #CDA9FF;
    --rosa: #F9DEF6;
    --cian: #CFF3FF;
}

.hero-bg {
    /* o la altura que necesites */
    background:
        /* Burbujas principales */
        radial-gradient(30rem 30rem at 100% 0%, rgba(116, 103, 229, .5), rgba(116, 103, 229, 0) 70%),
        radial-gradient(26rem 26rem at 50% 25%, rgba(205, 169, 255, .5), rgba(205, 169, 255, 0) 70%),
        radial-gradient(40rem 40rem at 0% 50%, rgba(207, 243, 255, .8), rgba(207, 243, 255, 0) 70%),

        /* Extras para más "random" */
        radial-gradient(22rem 22rem at 100% 75%, rgba(116, 103, 229, .5), rgba(116, 103, 229, 0) 70%),
        radial-gradient(28rem 28rem at 50% 100%, rgba(249, 222, 246, .8), rgba(249, 222, 246, 0) 70%)

        /* Fondo base */
        #fff;
}