.trees-embed-shell {
    --trees-embed-skeleton-height: 520px;
    position: relative;
    z-index: 0;
    isolation: isolate;
    width: 100%;
    min-height: var(--trees-embed-skeleton-height);
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--color-blanco-hueso);
    transition:
        min-height 450ms cubic-bezier(.2, .8, .2, 1),
        background-color 300ms ease;
}

.inicio-red__editar,
.investigacion-qwk__editar,
.enseñanza-qop__editar,
.divulgacion-qkw__editar,
.divulgacion-aoq__editar,
.divulgacion-hrd__editar,
.donar-doc__impacto-editar {
    z-index: 4;
}

.trees-embed-shell[data-embed-platform="instagram"] {
    --trees-embed-skeleton-height: 600px;
}

.trees-embed-shell[data-embed-platform="x"] {
    --trees-embed-skeleton-height: 430px;
}

.trees-embed-shell[data-embed-platform="linkedin"] {
    --trees-embed-skeleton-height: 670px;
}

.trees-embed-shell[data-embed-platform="substack"] {
    --trees-embed-skeleton-height: 460px;
}

.trees-embed-shell[data-embed-platform="youtube"] {
    --trees-embed-skeleton-height: 0px;
    aspect-ratio: 16 / 9;
}

.trees-embed-shell::before,
.trees-embed-shell::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity 380ms ease;
}

.trees-embed-shell::before {
    background:
        radial-gradient(circle at 34px 34px, rgba(29, 62, 64, .18) 0 18px, transparent 19px),
        linear-gradient(rgba(29, 62, 64, .14) 0 0) 64px 20px / 42% 12px no-repeat,
        linear-gradient(rgba(29, 62, 64, .10) 0 0) 64px 42px / 28% 9px no-repeat,
        linear-gradient(rgba(29, 62, 64, .13) 0 0) 20px 82px / calc(100% - 40px) 56% no-repeat,
        linear-gradient(rgba(29, 62, 64, .11) 0 0) 20px calc(70% + 22px) / 78% 12px no-repeat,
        linear-gradient(rgba(29, 62, 64, .08) 0 0) 20px calc(70% + 46px) / 58% 10px no-repeat,
        var(--color-gris);
}

.trees-embed-shell::after {
    background: linear-gradient(
        105deg,
        transparent 30%,
        rgba(255, 255, 255, .62) 48%,
        transparent 66%
    );
    transform: translateX(-100%);
    animation: trees-embed-skeleton-shimmer 1.35s ease-in-out infinite;
}

.trees-embed-shell > * {
    opacity: 0;
    pointer-events: none;
    transition: opacity 420ms ease;
}

.trees-embed-shell.is-embed-ready {
    min-height: 0;
    overflow: visible;
    background-color: transparent;
}

.trees-embed-shell.is-embed-ready::before,
.trees-embed-shell.is-embed-ready::after {
    opacity: 0;
    animation: none;
}

.trees-embed-shell.is-embed-ready > * {
    opacity: 1;
    pointer-events: auto;
}

@keyframes trees-embed-skeleton-shimmer {
    to {
        transform: translateX(100%);
    }
}

@media (max-width: 480px) {
    .trees-embed-shell[data-embed-platform="instagram"] {
        --trees-embed-skeleton-height: 540px;
    }

    .trees-embed-shell[data-embed-platform="linkedin"] {
        --trees-embed-skeleton-height: 620px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trees-embed-shell,
    .trees-embed-shell::before,
    .trees-embed-shell::after,
    .trees-embed-shell > * {
        transition: none !important;
    }

    .trees-embed-shell::after {
        animation: none !important;
    }
}