/* "Versión en video": the article's video on the channel, above the text. */
.video-version {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 2rem;
    padding: 12px;
    border: 1px solid #E2DDD5;
    border-radius: 14px;
    background: #FBF9F4;
}
.video-version__play {
    position: relative;
    flex: 0 0 180px;
    aspect-ratio: 16 / 9;
    padding: 0;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    background: #2B2922;
}
.video-version__play img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; margin: 0 !important; }
.video-version__icon {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(43, 41, 34, 0.75);
}
.video-version__icon::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 54%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 8px 0 8px 13px;
    border-color: transparent transparent transparent #FFFFFF;
}
.video-version__play:hover .video-version__icon { background: #3E5E3E; }
.video-version__texto p { margin: 0 !important; color: #5A5448; line-height: 1.5; }
.video-version__antetitulo { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #3E5E3E !important; margin-bottom: 4px !important; }
.video-version.is-playing { flex-direction: column; align-items: stretch; }
.video-version__frame { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 10px; }

@media (max-width: 600px) {
    .video-version { flex-direction: column; align-items: stretch; }
    .video-version__play { flex-basis: auto; width: 100%; }
}