/* LocalWebBase — animaciones administrables por sección. */
[data-lwb-animation] {
    --lwb-animation-duration: 800ms;
    --lwb-animation-delay: 0ms;
}

html.lwb-animations-js [data-lwb-animation]:not([data-lwb-animation="none"]) {
    transition:
        opacity var(--lwb-animation-duration) cubic-bezier(.22,.61,.36,1) var(--lwb-animation-delay),
        transform var(--lwb-animation-duration) cubic-bezier(.22,.61,.36,1) var(--lwb-animation-delay);
    will-change: opacity, transform;
}

html.lwb-animations-js [data-lwb-animation="appear"]:not(.is-lwb-animation-visible) {
    opacity: 0;
}
html.lwb-animations-js [data-lwb-animation="up"]:not(.is-lwb-animation-visible) {
    opacity: 0;
    transform: translate3d(0, 52px, 0);
}
html.lwb-animations-js [data-lwb-animation="down"]:not(.is-lwb-animation-visible) {
    opacity: 0;
    transform: translate3d(0, -52px, 0);
}
html.lwb-animations-js [data-lwb-animation="left"]:not(.is-lwb-animation-visible) {
    opacity: 0;
    transform: translate3d(-64px, 0, 0);
}
html.lwb-animations-js [data-lwb-animation="right"]:not(.is-lwb-animation-visible) {
    opacity: 0;
    transform: translate3d(64px, 0, 0);
}

html.lwb-animations-js [data-lwb-animation="split_columns"] {
    opacity: 1;
    transform: none;
    transition: none;
}
html.lwb-animations-js [data-lwb-animation="split_columns"] [data-lwb-split-origin] {
    opacity: 1;
    transition:
        opacity var(--lwb-animation-duration) cubic-bezier(.22,.61,.36,1) var(--lwb-animation-delay),
        transform var(--lwb-animation-duration) cubic-bezier(.22,.61,.36,1) var(--lwb-animation-delay),
        clip-path var(--lwb-animation-duration) cubic-bezier(.22,.61,.36,1) var(--lwb-animation-delay);
    will-change: opacity, transform, clip-path;
}
html.lwb-animations-js [data-lwb-animation="split_columns"]:not(.is-lwb-animation-visible) [data-lwb-split-origin="left"] {
    opacity: 0;
    transform: translate3d(-72px, 0, 0);
    clip-path: inset(0 100% 0 0);
}
html.lwb-animations-js [data-lwb-animation="split_columns"]:not(.is-lwb-animation-visible) [data-lwb-split-origin="right"] {
    opacity: 0;
    transform: translate3d(72px, 0, 0);
    clip-path: inset(0 0 0 100%);
}
html.lwb-animations-js [data-lwb-animation="split_columns"].is-lwb-animation-visible [data-lwb-split-origin] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
}

@media (max-width: 782px) {
    html.lwb-animations-js [data-lwb-animation="split_columns"]:not(.is-lwb-animation-visible) [data-lwb-split-origin="left"] {
        transform: translate3d(-34px, 0, 0);
    }
    html.lwb-animations-js [data-lwb-animation="split_columns"]:not(.is-lwb-animation-visible) [data-lwb-split-origin="right"] {
        transform: translate3d(34px, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.lwb-animations-js [data-lwb-animation],
    html.lwb-animations-js [data-lwb-animation] [data-lwb-split-origin] {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
        transition: none !important;
        will-change: auto !important;
    }
}