#siresp-teaser[hidden] { display: none !important; }
body.siresp-teaser-open { overflow: hidden; }
#siresp-teaser { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; overflow-y: auto; padding: 24px; background: rgba(4, 17, 32, .92); }
.siresp-teaser-panel { position: relative; width: min(560px, 100%); overflow: hidden; background: #000; border: 1px solid rgba(255,255,255,.24); box-shadow: 0 28px 90px rgba(0,0,0,.45); }
.siresp-teaser-close { position: absolute; top: 12px; right: 12px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; color: #fff; background: rgba(4,17,32,.84); border: 1px solid rgba(255,255,255,.65); border-radius: 50%; cursor: pointer; font: inherit; font-size: 30px; line-height: 1; }
.siresp-teaser-close:hover, .siresp-teaser-close:focus-visible { color: #071b31; background: #fff; }
.siresp-teaser-close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.siresp-teaser-video { display: block; width: 100%; max-height: min(78vh, 700px); aspect-ratio: 4 / 5; object-fit: contain; background: #000; }
.siresp-teaser-replay { font: inherit; cursor: pointer; }
@media (max-width: 600px) { #siresp-teaser { padding: 12px; } .siresp-teaser-close { top: 8px; right: 8px; } }