/* Reproductor de proyectos: ventana amplia, sin solicitar pantalla completa. */
.av-project-dialog { width:min(86vw,1180px); width:min(86vw,1180px,calc((88dvh - 144px) * 16 / 9)); max-width:calc(100vw - 32px); max-height:88dvh; margin:auto; padding:0; overflow:auto; scrollbar-color:#6a00ff #101014; scrollbar-width:thin; border:1px solid transparent; border-radius:3px; color:var(--cream,#fff6e0); background:linear-gradient(#0b0a10,#0b0a10) padding-box,linear-gradient(110deg,var(--blue,#0011ff),var(--violet,#6a00ff),var(--pink,#ff2e8a),var(--orange,#ff5a00),var(--amber,#ffae00)) border-box; box-shadow:0 28px 110px rgba(0,0,0,.65); font-family:var(--font-body,Arial,sans-serif); }
.av-project-dialog:not([open]) { display:none; }
.av-project-dialog::backdrop { background:rgba(3,3,7,.84); backdrop-filter:blur(7px); }
.av-project-dialog__header { display:flex; justify-content:space-between; align-items:start; gap:20px; padding:18px 22px; }
.av-project-dialog__identity { min-width:0; }
.av-project-dialog__identity h2 { margin:0; font-family:var(--font-title,Arial,sans-serif); font-size:clamp(17px,1.75vw,28px); font-weight:900; line-height:1.18; letter-spacing:-.015em; text-transform:uppercase; overflow-wrap:anywhere; }
.av-project-dialog__identity p { margin:9px 0 0; color:rgba(255,246,224,.64); font-size:11px; line-height:1.5; letter-spacing:.06em; text-transform:uppercase; }
.av-project-dialog__close { display:grid; flex:none; place-items:center; width:44px; height:44px; margin:-3px -5px 0 0; padding:0; border:1px solid rgba(255,246,224,.24); border-radius:2px; color:var(--cream,#fff6e0); background:#15111c; cursor:pointer; transition:background .2s,border-color .2s; }
.av-project-dialog__close span { font-family:var(--font-body,Arial,sans-serif); font-size:29px; font-weight:400; line-height:1; }
.av-project-dialog__close:hover { border-color:var(--pink,#ff2e8a); background:#2a1428; }
.av-project-dialog__close:focus-visible,.av-project-dialog video:focus-visible { outline:3px solid var(--amber,#ffae00); outline-offset:3px; }
.av-project-dialog__media { background:#000; }
.av-project-dialog__media video { display:block; width:100%; height:auto; max-height:calc(88dvh - 144px); aspect-ratio:16/9; object-fit:contain; background:#000; }
.av-project-dialog__note { margin:0; padding:12px 22px 14px; color:rgba(255,246,224,.56); font-size:10px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.av-project-backdrop[hidden] { display:none; }
.av-project-backdrop.is-visible { position:fixed; z-index:2147483000; inset:0; background:rgba(3,3,7,.84); backdrop-filter:blur(7px); }
.av-project-dialog.is-fallback[open] { position:fixed; z-index:2147483001; inset:50% auto auto 50%; margin:0; transform:translate(-50%,-50%); }
@media (max-width:820px) {
  .av-project-dialog { width:calc(100vw - 32px); max-height:86dvh; }
  .av-project-dialog__header { gap:14px; padding:16px; }
  .av-project-dialog__identity h2 { font-size:clamp(16px,3.8vw,22px); }
  .av-project-dialog__identity p { margin-top:8px; font-size:10px; letter-spacing:.035em; }
  .av-project-dialog__media video { max-height:calc(86dvh - 145px); }
  .av-project-dialog__note { padding:11px 16px 13px; font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .av-project-dialog__close { transition:none; }
  .av-project-dialog::backdrop,.av-project-backdrop.is-visible { backdrop-filter:none; }
}