.frase_movimiento3{
    background-color: rgba(201, 168, 76, .05);
}
.frase_movimiento .marquee-inner p a:hover {
    color: #00E12D;
}

/*-----------------------3------------------*/
/*--------------frasemovimiento3---------------------*/
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.frase_movimiento3 {
   /* width: 100vw;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101; /* por encima del cabecero (z-index:100), que va justo detrás */
}

/*
 * Esta banda va en primera posición, por delante del cabecero y del slide.
 * El <header> es position:absolute; top:0 (flota transparente sobre el slide),
 * así que si va justo después de esta banda en el HTML hay que bajarlo su alto
 * real para que no la tape.
 */
.frase_movimiento3 ~ header.cabecero {
    top: 60px;
}

@media (width <= 575px) {
    .frase_movimiento3 ~ header.cabecero { top: 45px; }
}
@media (576px <= width <= 767px) {
    .frase_movimiento3 ~ header.cabecero { top: 45px; }
}

.marquee3 {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.frase_movimiento3 .marquee-inner {
    display: flex;
    gap: 10px; /* Espaciado entre repeticiones */

    line-height: 100%;


    animation: scroll 50s linear infinite;
}
.frase_movimiento3 .marquee-inner p {
    margin: 20px 0;
    font-size:clamp(0.8rem, 0.52rem + 0.35vw, 1rem);
    letter-spacing: 1px;
}

/* separador entre frases distintas (no tras la última del bloque clonado) */
.frase_movimiento3 .marquee-inner p:not(:last-child)::after {
    content: "•";
    margin-left: 20px;
    color: #ff5b35;
    opacity: .5;
}

/*-------*/
/* Extra small devices (portrait phones, less than 576px)*/
/* Small devices (landscape phones, 576px and up)*/
/* Medium devices (tablets, 768px and up)*/
/* Large devices l (desktops, 992px and up)*/
/* Extra large devices xl(large desktops, 1200px and up)*/
/* Extra large devices xl(large desktops, 1400px and up)*//*# sourceMappingURL=frase_movimiento.css.map */