.es-video-trigger { display:inline-flex; align-items:center; justify-content:center; gap:12px; max-width:100%; min-height:48px; margin:8px 0; padding:12px 20px; border:1px solid #dedede; border-radius:10px; background:#fff; color:#171717; font:inherit; font-size:15px; font-weight:500; line-height:1.45; text-align:left; cursor:pointer; }
.es-video-trigger .fa-youtube { flex:none; color:#e62117; font-size:24px; }
.es-video-trigger:hover { background:#f7f7f7; border-color:#b7b7b7; }
.es-video-trigger:focus-visible, .es-video-dialog__close:focus-visible { outline:2px solid #9a7828; outline-offset:3px; }
html.es-video-open { overflow-y:hidden; }
dialog.es-video-dialog { box-sizing:border-box; width:min(960px,calc(100vw - 32px),calc((100dvh - 104px) * 16 / 9)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); padding:0; border:1px solid #dedede; border-radius:14px; background:#fff; color:#171717; overflow:auto; }
dialog.es-video-dialog::backdrop { background:rgb(0 0 0 / 72%); }
dialog.es-video-dialog--portrait { width:min(430px,calc(100vw - 32px),calc((100dvh - 104px) * 9 / 16)); }
.es-video-dialog__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 12px 10px 20px; min-height:64px; box-sizing:border-box; font-size:14px; font-weight:600; }
.es-video-dialog__close { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:#f3f3f3; color:#171717; font:inherit; font-size:28px; line-height:1; cursor:pointer; }
.es-video-dialog__close:hover { background:#e8e8e8; }
.es-video-dialog__player { aspect-ratio:16/9; width:100%; background:#000; }
.es-video-dialog--portrait .es-video-dialog__player { aspect-ratio:9/16; }
.es-video-dialog__player iframe { display:block; width:100%; height:100%; border:0; }
@media(max-width:575px) { .es-video-trigger { font-size:14px; padding:12px 16px; } .es-video-dialog__header { padding-left:14px; gap:8px; } }