.frase{
    width:100%;
    min-height:30vh;
    background:#D9D9D9;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:20px;
    z-index: 4;
    position: relative;
}

.frase .wrapper{
    overflow:hidden;
}

.frase .marquee{
    display:flex;
    width:max-content;
}

.frase .marquee p{
    white-space:nowrap;
    font-size:86px;
    padding-right:40px;
    color: #BAB4AD;
}

/* Primera línea */
.frase .left{
    animation: moverIzquierda 60s linear infinite;
}

/* Segunda línea */
.frase .right{
    animation: moverDerecha 60s linear infinite;
}

@keyframes moverIzquierda{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@keyframes moverDerecha{
    from{
        transform:translateX(-50%);
    }
    to{
        transform:translateX(0);
    }
}