html.vs-viewer-open { overflow: hidden; }
.vs-work-modal { position: fixed; inset: 0; margin: auto; padding: 0; width: fit-content; max-width: calc(100vw - 40px); max-height: calc(100dvh - 100px); border: 2px solid #c65326; border-radius: 18px; overflow: visible; background: #111; color: #fff; }
.vs-work-modal::backdrop { background: rgb(0 0 0 / 85%); }
.vs-work-close { position: absolute; right: 12px; top: 12px; z-index: 10; width: 40px; height: 40px; padding: 0; display: grid; place-items: center; border: 2px solid #c65326; border-radius: 50%; box-shadow: 0 2px 12px rgb(0 0 0 / 25%); background: #c65326; color: #fff; font: 30px/1 Arial,sans-serif; cursor: pointer; }
.vs-work-close:hover, .vs-work-close:focus-visible { background: #fff; color: #c65326; }
.vs-work-media { border-radius: 16px; overflow: hidden; }
.vs-work-media img { display: block; max-width: min(1100px, calc(100vw - 44px)); max-height: calc(100dvh - 104px); width: auto; height: auto; object-fit: contain; }
.vs-work-media iframe { display: block; border: 0; width: min(1100px, calc(100vw - 44px)); height: min(619px, calc(100dvh - 104px)); background: #111; }
.vs-work-modal[data-format="project"] iframe { height: calc(100dvh - 104px); }
.vs-project-embedded #tt-header, .vs-project-embedded #magic-cursor, .vs-project-embedded a[href="mis-trabajos.html#portfolio-grid"] { display: none !important; }
.vs-project-embedded #page-header { padding-top: 50px; }

.vs-work-media video { display:block; width:min(1000px,calc(100vw - 44px)); max-height:calc(100dvh - 104px); object-fit:contain; background:#000; }
.vs-work-image video { width:100%;height:100%;object-fit:contain; }


/* Size video viewers to the source aspect ratio, within both viewport limits. */
.vs-work-modal[data-format="video"] .vs-work-media iframe,
.vs-work-modal[data-format="video"] .vs-work-media video {
 width: min(1100px, calc(100vw - 44px), calc((100dvh - 104px) * var(--video-ratio, 1.7777778)));
 height: auto;
 aspect-ratio: var(--video-ratio, 1.7777778);
 display: block;
}