/**
 * Revelado al scroll — secciones desde .section-fondo2 (sin tocar el hero).
 * Las clases .reveal las añade scroll-reveal.js.
 */

@media (prefers-reduced-motion: no-preference) {
    .site-main--stack.has-scroll-reveal .reveal {
        opacity: 0;
        transform: translate3d(0, 1.65rem, 0);
        transition:
            opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: var(--reveal-delay, 0ms);
        will-change: opacity, transform;
    }

    .site-main--stack.has-scroll-reveal .reveal.reveal--left {
        transform: translate3d(-1.75rem, 1.15rem, 0);
    }

    .site-main--stack.has-scroll-reveal .reveal.reveal--right {
        transform: translate3d(1.75rem, 1.15rem, 0);
    }

    .site-main--stack.has-scroll-reveal .reveal.reveal--scale {
        transform: translate3d(0, 1.25rem, 0) scale(0.97);
    }

    .site-main--stack.has-scroll-reveal .reveal.is-visible {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-main--stack .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Fondo2: 4 piezas emergen del centro de la rejilla (fondo2-reveal.js) */
@media (prefers-reduced-motion: no-preference) {
    [data-fondo2-reveal] {
        position: relative;
    }

    [data-fondo2-reveal] .fondo2-reveal-piece {
        opacity: 0;
        transform: translate3d(var(--fondo2-from-x, 0), var(--fondo2-from-y, 0), 0) scale(0.38);
        transform-origin: center center;
        will-change: transform, opacity;
    }

    .fondo2-reveal-piece--tablet {
        --fondo2-from-x: 32%;
        --fondo2-from-y: 26%;
    }

    .fondo2-reveal-piece--lead {
        --fondo2-from-x: -32%;
        --fondo2-from-y: 26%;
    }

    .fondo2-reveal-piece--practice {
        --fondo2-from-x: 32%;
        --fondo2-from-y: -26%;
    }

    .fondo2-reveal-piece--preview {
        --fondo2-from-x: -32%;
        --fondo2-from-y: -26%;
    }

    [data-fondo2-reveal].is-fondo2-reveal-visible:not(.is-fondo2-reveal-playing-in):not(.is-fondo2-reveal-playing-out)
        .fondo2-reveal-piece {
        opacity: 1;
        transform: none;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-in .fondo2-reveal-piece--tablet {
        animation: fondo2-reveal-in 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-in .fondo2-reveal-piece--lead {
        animation: fondo2-reveal-in 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.08s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-in .fondo2-reveal-piece--practice {
        animation: fondo2-reveal-in 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.16s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-in .fondo2-reveal-piece--preview {
        animation: fondo2-reveal-in 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.24s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-out .fondo2-reveal-piece--preview {
        animation: fondo2-reveal-out 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-out .fondo2-reveal-piece--practice {
        animation: fondo2-reveal-out 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.07s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-out .fondo2-reveal-piece--lead {
        animation: fondo2-reveal-out 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.14s;
    }

    [data-fondo2-reveal].is-fondo2-reveal-playing-out .fondo2-reveal-piece--tablet {
        animation: fondo2-reveal-out 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.21s;
    }

    @keyframes fondo2-reveal-in {
        0% {
            opacity: 0;
            transform: translate3d(var(--fondo2-from-x), var(--fondo2-from-y), 0) scale(0.38);
        }

        55% {
            opacity: 1;
            transform: translate3d(calc(var(--fondo2-from-x) * 0.12), calc(var(--fondo2-from-y) * 0.12), 0) scale(0.94);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes fondo2-reveal-out {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(var(--fondo2-from-x), var(--fondo2-from-y), 0) scale(0.38);
        }
    }

    @media (max-width: 575.98px) {
        .fondo2-reveal-piece--tablet {
            --fondo2-from-x: 0;
            --fondo2-from-y: 18%;
        }

        .fondo2-reveal-piece--lead {
            --fondo2-from-x: 0;
            --fondo2-from-y: 14%;
        }

        .fondo2-reveal-piece--practice {
            --fondo2-from-x: 0;
            --fondo2-from-y: -16%;
        }

        .fondo2-reveal-piece--preview {
            --fondo2-from-x: 0;
            --fondo2-from-y: -14%;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-fondo2-reveal] .fondo2-reveal-piece {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* Pilares (desktop): caída marcada en cascada; reverso al subir */
@media (prefers-reduced-motion: no-preference) {
    .pillar-reveal-host {
        --pillar-drop: clamp(6.5rem, 26vh, 13rem);
    }

    .pillar-reveal-host .pillar-reveal-item .pillar-img {
        opacity: 0;
        transform: translate3d(0, calc(-1 * var(--pillar-drop)), 0) scale(0.84);
        filter: blur(6px);
        transition:
            opacity 0.78s cubic-bezier(0.16, 1, 0.3, 1),
            transform 0.92s cubic-bezier(0.16, 1, 0.3, 1),
            filter 0.72s cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: calc((2 - var(--pillar-index, 0)) * 110ms);
        will-change: opacity, transform, filter;
    }

    .pillar-reveal-host.is-pilares-reveal-visible .pillar-reveal-item .pillar-img {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
        transition-delay: calc(var(--pillar-index, 0) * 180ms);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pillar-reveal-host .pillar-reveal-item .pillar-img {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}

/* Escritura: entra desde la izquierda; rebote a escala reducida y crece al tamaño final */
@media (prefers-reduced-motion: no-preference) {
    .escritura-reveal-host {
        --escritura-bounce-scale: 0.86;
        overflow: hidden;
        width: 100%;
        border-radius: var(--radius-ui, 0.75rem);
    }

    .escritura-reveal-host.is-escritura-reveal-visible:not(.is-escritura-reveal-playing-in):not(.is-escritura-reveal-playing-out) {
        overflow: visible;
    }

    .escritura-reveal-host .escritura-reveal-media {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) scale(var(--escritura-bounce-scale));
        transform-origin: center center;
        will-change: transform, opacity;
    }

    .escritura-reveal-host.is-escritura-reveal-visible:not(.is-escritura-reveal-playing-out) .escritura-reveal-media {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    .escritura-reveal-host.is-escritura-reveal-playing-in .escritura-reveal-media {
        animation: escritura-reveal-in 1.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .escritura-reveal-host.is-escritura-reveal-playing-out .escritura-reveal-media {
        animation: escritura-reveal-out 0.68s cubic-bezier(0.55, 0, 1, 0.45) forwards;
    }

    @keyframes escritura-reveal-in {
        0% {
            opacity: 0;
            transform: translate3d(-100%, 0, 0) scale(var(--escritura-bounce-scale));
        }

        50% {
            opacity: 1;
            transform: translate3d(2.4%, 0, 0) scale(var(--escritura-bounce-scale));
        }

        64% {
            transform: translate3d(-1.2%, 0, 0) scale(var(--escritura-bounce-scale));
        }

        78% {
            transform: translate3d(0.4%, 0, 0) scale(0.93);
        }

        90% {
            transform: translate3d(0, 0, 0) scale(0.97);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes escritura-reveal-out {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        35% {
            transform: translate3d(0, 0, 0) scale(var(--escritura-bounce-scale));
        }

        100% {
            opacity: 0;
            transform: translate3d(-100%, 0, 0) scale(var(--escritura-bounce-scale));
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .escritura-reveal-host .escritura-reveal-media {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* Multimedia: libros desde la izquierda (rebote reducido); texto desde la derecha */
@media (prefers-reduced-motion: no-preference) {
    [data-media-reveal] {
        --media-bounce-scale: 0.86;
    }

    .media-reveal-slot {
        overflow: hidden;
        width: 100%;
        max-width: min(100%, 20rem);
        margin-inline: auto;
    }

    [data-media-reveal].is-media-reveal-visible:not(.is-media-reveal-playing-in):not(.is-media-reveal-playing-out) .media-reveal-slot {
        overflow: visible;
    }

    .media-reveal-item {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) scale(var(--media-bounce-scale));
        transform-origin: center center;
        will-change: transform, opacity;
    }

    .media-reveal-copy {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(100%, 0, 0) scale(0.92);
        transform-origin: center center;
        will-change: transform, opacity;
    }

    [data-media-reveal].is-media-reveal-visible:not(.is-media-reveal-playing-in):not(.is-media-reveal-playing-out)
        .media-reveal-item {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    [data-media-reveal].is-media-reveal-visible:not(.is-media-reveal-playing-in):not(.is-media-reveal-playing-out)
        .media-reveal-copy {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0) scale(1);
    }

    [data-media-reveal].is-media-reveal-playing-in .media-reveal-item[data-media-index='0'] {
        animation: media-reveal-in-left 1.22s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0s;
    }

    [data-media-reveal].is-media-reveal-playing-in .media-reveal-item[data-media-index='1'] {
        animation: media-reveal-in-left 1.22s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.17s;
    }

    [data-media-reveal].is-media-reveal-playing-in .media-reveal-copy {
        visibility: visible;
        opacity: 0;
        transform: translate3d(100%, 0, 0) scale(0.92);
        animation: media-reveal-in-right 1.14s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.4s;
    }

    [data-media-reveal].is-media-reveal-playing-in .section-media__col--copy,
    [data-media-reveal].is-media-reveal-playing-out .section-media__col--copy {
        overflow: hidden;
    }

    [data-media-reveal].is-media-reveal-playing-out .media-reveal-copy {
        animation: media-reveal-out-right 0.55s cubic-bezier(0.55, 0, 1, 0.45) forwards;
    }

    [data-media-reveal].is-media-reveal-playing-out .media-reveal-item[data-media-index='1'] {
        animation: media-reveal-out-left 0.62s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.12s;
    }

    [data-media-reveal].is-media-reveal-playing-out .media-reveal-item[data-media-index='0'] {
        animation: media-reveal-out-left 0.62s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.24s;
    }

    @keyframes media-reveal-in-left {
        0% {
            opacity: 0;
            transform: translate3d(-100%, 0, 0) scale(var(--media-bounce-scale));
        }

        50% {
            opacity: 1;
            transform: translate3d(2.4%, 0, 0) scale(var(--media-bounce-scale));
        }

        64% {
            transform: translate3d(-1.2%, 0, 0) scale(var(--media-bounce-scale));
        }

        78% {
            transform: translate3d(0.4%, 0, 0) scale(0.93);
        }

        90% {
            transform: translate3d(0, 0, 0) scale(0.97);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes media-reveal-in-right {
        0% {
            opacity: 0;
            transform: translate3d(100%, 0, 0) scale(0.92);
        }

        52% {
            opacity: 1;
            transform: translate3d(-2.2%, 0, 0) scale(0.92);
        }

        68% {
            transform: translate3d(1.1%, 0, 0) scale(0.92);
        }

        82% {
            transform: translate3d(-0.35%, 0, 0) scale(0.96);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes media-reveal-out-left {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        30% {
            transform: translate3d(0, 0, 0) scale(var(--media-bounce-scale));
        }

        100% {
            opacity: 0;
            transform: translate3d(-100%, 0, 0) scale(var(--media-bounce-scale));
        }
    }

    @keyframes media-reveal-out-right {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(100%, 0, 0) scale(0.92);
        }
    }

    @media (min-width: 992px) {
        .media-reveal-slot {
            max-width: min(100%, 22rem);
            margin-inline-start: auto;
            margin-inline-end: 0;
        }

        [data-media-reveal].is-media-reveal-visible:not(.is-media-reveal-playing-in):not(.is-media-reveal-playing-out)
            .section-media__col--copy {
            overflow: visible;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-media-reveal] .media-reveal-item,
    [data-media-reveal] .media-reveal-copy {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* Testimonios — tarjetas desde esquinas opuestas, repetible al scroll */
@media (prefers-reduced-motion: no-preference) {
    [data-testimonial-reveal] {
        --testimonial-corner-scale: 0.8;
        overflow: hidden;
    }

    [data-testimonial-reveal].is-testimonial-reveal-visible:not(.is-testimonial-reveal-playing-in):not(
            .is-testimonial-reveal-playing-out
        ) {
        overflow: visible;
    }

    [data-testimonial-reveal] .testimonial-overlap__photo,
    [data-testimonial-reveal] .testimonial-overlap__quote {
        opacity: 0;
        transform-origin: center center;
        will-change: transform, opacity;
    }

    [data-testimonial-reveal] .testimonial-overlap__photo {
        transform: translate3d(-52%, -48%, 0) scale(var(--testimonial-corner-scale));
    }

    [data-testimonial-reveal] .testimonial-overlap__quote {
        transform: translate3d(52%, 48%, 0) scale(var(--testimonial-corner-scale));
    }

    [data-testimonial-reveal].is-testimonial-reveal-visible:not(.is-testimonial-reveal-playing-in):not(
            .is-testimonial-reveal-playing-out
        )
        .testimonial-overlap__photo,
    [data-testimonial-reveal].is-testimonial-reveal-visible:not(.is-testimonial-reveal-playing-in):not(
            .is-testimonial-reveal-playing-out
        )
        .testimonial-overlap__quote {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    [data-testimonial-reveal].is-testimonial-reveal-playing-in .testimonial-overlap__photo {
        animation: testimonial-reveal-in-photo 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0s;
    }

    [data-testimonial-reveal].is-testimonial-reveal-playing-in .testimonial-overlap__quote {
        animation: testimonial-reveal-in-quote 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.14s;
    }

    [data-testimonial-reveal].is-testimonial-reveal-playing-out .testimonial-overlap__quote {
        animation: testimonial-reveal-out-quote 0.58s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0s;
    }

    [data-testimonial-reveal].is-testimonial-reveal-playing-out .testimonial-overlap__photo {
        animation: testimonial-reveal-out-photo 0.58s cubic-bezier(0.55, 0, 1, 0.45) forwards;
        animation-delay: 0.1s;
    }

    @keyframes testimonial-reveal-in-photo {
        0% {
            opacity: 0;
            transform: translate3d(-52%, -48%, 0) scale(var(--testimonial-corner-scale));
        }

        55% {
            opacity: 1;
            transform: translate3d(2.5%, -2%, 0) scale(var(--testimonial-corner-scale));
        }

        72% {
            transform: translate3d(-1.2%, 1%, 0) scale(0.9);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes testimonial-reveal-in-quote {
        0% {
            opacity: 0;
            transform: translate3d(52%, 48%, 0) scale(var(--testimonial-corner-scale));
        }

        55% {
            opacity: 1;
            transform: translate3d(-2.5%, 2%, 0) scale(var(--testimonial-corner-scale));
        }

        72% {
            transform: translate3d(1.2%, -1%, 0) scale(0.9);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes testimonial-reveal-out-photo {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(-52%, -48%, 0) scale(var(--testimonial-corner-scale));
        }
    }

    @keyframes testimonial-reveal-out-quote {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(52%, 48%, 0) scale(var(--testimonial-corner-scale));
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-testimonial-reveal] .testimonial-overlap__photo,
    [data-testimonial-reveal] .testimonial-overlap__quote {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* Cuadernos — mosaico 2×2: celdas salen del centro de la sección */
@media (prefers-reduced-motion: no-preference) {
    [data-cuadernos-catalog-reveal]:not(.cuadernos-catalog-reveal--ready) .cuadernos-catalog-reveal-item {
        opacity: 1;
        transform: none;
    }

    [data-cuadernos-catalog-reveal].cuadernos-catalog-reveal--ready .cuadernos-catalog-reveal-item {
        opacity: 0;
        will-change: transform, opacity;
    }

    [data-cuadernos-catalog-reveal] .cuadernos-catalog-reveal-item--left {
        transform: translate3d(34%, 0, 0) scale(0.9);
    }

    [data-cuadernos-catalog-reveal] .cuadernos-catalog-reveal-item--right {
        transform: translate3d(-34%, 0, 0) scale(0.92);
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-visible:not(.is-cuadernos-catalog-reveal-playing-out)
        .cuadernos-catalog-reveal-item {
        opacity: 1;
        transform: none;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
        .cuadernos-catalog__cell--tl.cuadernos-catalog-reveal-item--left {
        animation: cuadernos-catalog-reveal-in-left 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
        .cuadernos-catalog__cell--tr.cuadernos-catalog-reveal-item--right {
        animation: cuadernos-catalog-reveal-in-right 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.1s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
        .cuadernos-catalog__cell--bl.cuadernos-catalog-reveal-item--left {
        animation: cuadernos-catalog-reveal-in-left 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.2s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
        .cuadernos-catalog__cell--br.cuadernos-catalog-reveal-item--right {
        animation: cuadernos-catalog-reveal-in-right 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.3s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-out
        .cuadernos-catalog__cell--tl.cuadernos-catalog-reveal-item--left {
        animation: cuadernos-catalog-reveal-out-left 0.52s cubic-bezier(0.55, 0, 1, 0.45) both;
        animation-delay: 0.24s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-out
        .cuadernos-catalog__cell--tr.cuadernos-catalog-reveal-item--right {
        animation: cuadernos-catalog-reveal-out-right 0.52s cubic-bezier(0.55, 0, 1, 0.45) both;
        animation-delay: 0.06s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-out
        .cuadernos-catalog__cell--bl.cuadernos-catalog-reveal-item--left {
        animation: cuadernos-catalog-reveal-out-left 0.52s cubic-bezier(0.55, 0, 1, 0.45) both;
        animation-delay: 0.12s;
    }

    [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-out
        .cuadernos-catalog__cell--br.cuadernos-catalog-reveal-item--right {
        animation: cuadernos-catalog-reveal-out-right 0.52s cubic-bezier(0.55, 0, 1, 0.45) both;
    }

    @keyframes cuadernos-catalog-reveal-in-left {
        0% {
            opacity: 0;
            transform: translate3d(34%, 0, 0) scale(0.9);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes cuadernos-catalog-reveal-in-right {
        0% {
            opacity: 0;
            transform: translate3d(-34%, 0, 0) scale(0.92);
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes cuadernos-catalog-reveal-out-left {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(34%, 0, 0) scale(0.9);
        }
    }

    @keyframes cuadernos-catalog-reveal-out-right {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(-34%, 0, 0) scale(0.92);
        }
    }

    @media (max-width: 991.98px) {
        [data-cuadernos-catalog-reveal] .cuadernos-catalog-reveal-item--left {
            transform: translate3d(0, 1.35rem, 0) scale(0.94);
        }

        [data-cuadernos-catalog-reveal] .cuadernos-catalog-reveal-item--right {
            transform: translate3d(0, 1.35rem, 0) scale(0.94);
        }

        [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
            .cuadernos-catalog__cell--tl.cuadernos-catalog-reveal-item--left {
            animation: cuadernos-catalog-reveal-in-left 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: 0s;
        }

        [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
            .cuadernos-catalog__cell--tr.cuadernos-catalog-reveal-item--right {
            animation: cuadernos-catalog-reveal-in-right 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: 0.08s;
        }

        [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
            .cuadernos-catalog__cell--bl.cuadernos-catalog-reveal-item--left {
            animation: cuadernos-catalog-reveal-in-mixto 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: 0.16s;
        }

        [data-cuadernos-catalog-reveal].is-cuadernos-catalog-reveal-playing-in
            .cuadernos-catalog__cell--br.cuadernos-catalog-reveal-item--right {
            animation: cuadernos-catalog-reveal-in-right 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: 0.34s;
        }

        @keyframes cuadernos-catalog-reveal-in-left {
            0% {
                opacity: 0;
                transform: translate3d(0, 1.35rem, 0) scale(0.94);
            }

            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }

        @keyframes cuadernos-catalog-reveal-in-right {
            0% {
                opacity: 0;
                transform: translate3d(0, 1.35rem, 0) scale(0.94);
            }

            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }

        @keyframes cuadernos-catalog-reveal-in-mixto {
            0% {
                opacity: 0;
                transform: translate3d(0, 1.75rem, 0) scale(0.9);
            }

            65% {
                opacity: 1;
                transform: translate3d(0, -0.2rem, 0) scale(1.02);
            }

            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }

        @keyframes cuadernos-catalog-reveal-out-left {
            100% {
                opacity: 0;
                transform: translate3d(0, 1.35rem, 0) scale(0.94);
            }
        }

        @keyframes cuadernos-catalog-reveal-out-right {
            100% {
                opacity: 0;
                transform: translate3d(0, 1.35rem, 0) scale(0.94);
            }
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-cuadernos-catalog-reveal] .cuadernos-catalog-reveal-item {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}