    .contenedor-luz {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: right;
        min-height: 150px;
        padding: 40px;
    }

    .circulo-estela {
        position: absolute;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        z-index: 1;
        background: linear-gradient(240deg,
                rgba(230, 65, 51, 0.7) 13.39%,
                rgba(253, 201, 1, 0.7) 50%,
                rgba(204, 198, 64, 0.7) 58.79%,
                rgba(169, 195, 111, 0.7) 65.38%,
                rgba(156, 195, 129, 0.7) 69.04%,
                rgba(125, 189, 143, 0.7) 71.23%,
                rgba(71, 180, 167, 0.7) 76.36%,
                rgba(32, 173, 185, 0.7) 80.75%,
                rgba(8, 169, 196, 0.7) 84.41%,
                rgba(0, 168, 201, 0.7) 86.61%);
        filter: blur(40px);
        opacity: 0.7;
    }

    .img-banner {
        position: relative;
        z-index: 2;
        max-width: 100%;
        height: auto;
        max-height: 100px;
        rotate: 350deg;
    }

    .contenedor-titulos {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .titulo-banner {
        font-size: 32px;
        font-weight: bolder;
    }

    .contenedor-lista {
        text-align: center;
    }

    .stepper-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-color: #fcfcfc;
        border-radius: 12px;
        padding: 15px 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    }

    .step-item {
        flex: 1;
        text-align: center;
        position: relative;
    }

    .step-header {
        font-weight: 700;
        font-size: 0.85rem;
        margin-bottom: 8px;
        color: #333;
    }

    .step-footer {
        font-size: 0.75rem;
        color: #777;
        margin-top: 8px;
        line-height: 1;
    }

    .step-circle-container {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .step-item:not(:last-child) .step-circle-container::after {
        content: "";
        position: absolute;
        height: 2px;
        background-color: #e0e0e0;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .step-circle {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #fff;
        border: 2px solid rgb(159, 197, 130);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 0.9rem;
        color: rgb(159, 197, 130);
        position: relative;
        z-index: 2;
    }

    .step-item.active .step-circle {
        background-color: rgb(159, 197, 130);
        color: white;
    }

    .step-item.active .step-circle-container::after {
        background-color: rgb(159, 197, 130);
    }
    
    .divisor-banner-perfil{
        width: 100%;
        height: 2px;
        background-color: rgb(159, 197, 130);
        margin-top: 20px;
        margin: auto;
    }