/* Efecto de barrido de imagen (Izquierda a Derecha) */
.reveal-frame {
    position: relative;
    overflow: hidden;
}

.reveal-frame::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f8f6; /* Color del fondo de la sección */
    transform: translateX(0);
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 2;
}

.reveal-frame.active::after {
    transform: translateX(101%);
}

.reveal-frame img {
    transform: scale(1.2);
    transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.reveal-frame.active img {
    transform: scale(1);
}

/* Línea vertical decorativa que baja */
.vertical-line {
    width: 1px;
    height: 0;
    background-color: #b8926a;
    margin: 0 auto;
    transition: height 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.active .vertical-line {
    height: 120px;
}