/* vídeos oficiais ACCA · v35 */
.vbox{position:relative;width:100%;max-width:560px;justify-self:center;align-self:center;margin:0;border-radius:18px;overflow:hidden;background:#0d0b16;box-shadow:0 22px 46px -26px rgba(30,15,70,.55);aspect-ratio:16/9}
.vbox video{display:block;width:100%;height:100%;object-fit:contain;background:#0d0b16}
.vbox .vplay{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;cursor:pointer;background:rgba(10,6,24,.16);transition:background .18s}
.vbox .vplay:hover{background:rgba(10,6,24,.04)}
.vbox .vplay i{width:72px;height:72px;border-radius:50%;background:#FFDC00;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .18s}
.vbox .vplay i::before{content:"";margin-left:4px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #17121f}
.vbox .vplay:hover i{transform:scale(1.08)}
.vbox.on .vplay{display:none}
.vcap b{color:var(--ink,#17121f);font-weight:600}
.vcap{margin:10px 2px 0;font:12px/1.4 var(--f-mono,monospace);color:var(--muted,#6b6680);text-align:center}
.vfig{margin:0;justify-self:center;align-self:center;width:100%;max-width:560px}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.vcard{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--rule,#e4e0ec);border-radius:14px;overflow:hidden;background:var(--paper,#fff);cursor:pointer;text-align:left;color:inherit;font:inherit;transition:transform .15s,box-shadow .15s}
.vcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(30,15,70,.45)}
.vcard .th{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#0d0b16}
.vcard .th img{width:100%;height:100%;object-fit:cover;display:block}
.vcard .th i{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#FFDC00;display:grid;place-items:center}
.vcard .th i::before{content:"";margin-left:3px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #17121f}
.vcard .th em{position:absolute;right:10px;bottom:10px;font:500 11px/1 var(--f-mono,monospace);font-style:normal;background:rgba(10,6,24,.75);color:#fff;padding:4px 6px;border-radius:4px}
.vcard b{display:block;padding:12px 14px 4px;font-size:15px;line-height:1.25}
.vcard p{margin:0;padding:0 14px 14px;font-size:13px;line-height:1.4;color:var(--muted,#6b6680)}
dialog.vdlg{padding:0;border:0;background:transparent;width:min(1100px,94vw);max-width:none;overflow:visible}
dialog.vdlg::backdrop{background:rgba(8,5,20,.82)}
dialog.vdlg video{display:block;width:100%;max-height:82vh;background:#000;border-radius:12px}
dialog.vdlg .vx{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#17121f;font-size:20px;line-height:1;cursor:pointer}
dialog.vdlg .vt{margin:10px 2px 0;color:#fff;font:14px/1.4 var(--f-sans,system-ui)}
@media(max-width:900px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.vgrid{grid-template-columns:1fr}}

.vsub{margin-top:34px}.vsub h3{display:flex;align-items:baseline;gap:10px;font-size:18px;margin:0;padding-bottom:10px;border-bottom:1px solid var(--rule)}.vsub h3 small{font-family:var(--f-mono);font-size:11px;color:var(--muted)}.vsub .vgrid{margin-top:16px}
@media(max-width:560px){.vsub .vgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.vsub .vcard{flex:0 0 80%;scroll-snap-align:start}}