/* Placas: lo que sale en el TV. Compartido entre el admin y el reproductor. Los tamaños usan cqw para verse igual a cualquier escala. */
.placa{aspect-ratio:16/9;width:100%;container-type:inline-size;position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(135deg,var(--p1,#2A2F3A),var(--p2,#12151B));color:var(--pt,#fff);font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;line-height:1.05}
.placa>div{position:absolute;inset:0;padding:7cqw;display:flex}
.placa b{font-weight:700}
.placa span{font-family:"Instrument Sans","Segoe UI",system-ui,sans-serif;font-weight:500}
.pl-promo{align-items:center;justify-content:space-between;gap:4cqw}
.pl-promo>div{display:flex;flex-direction:column;gap:2cqw;min-width:0;position:static;padding:0}
.pl-promo b{font-size:10cqw}
.pl-promo span{font-size:4.2cqw;opacity:.9}
.pl-promo i{font-style:normal;font-weight:700;font-size:8cqw;background:var(--pt);color:var(--p2);padding:2.5cqw 4cqw;border-radius:99cqw;transform:rotate(-6deg);white-space:nowrap}
.pl-menu{flex-direction:column;gap:2.2cqw;justify-content:center}
.pl-menu b{font-size:8cqw;margin-bottom:1cqw}
.pl-menu span{font-size:4.3cqw;border-bottom:.3cqw dotted currentColor;padding-bottom:1.2cqw}
.pl-aviso{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2.5cqw}
.pl-aviso b{font-size:9.5cqw}
.pl-aviso span{font-size:4.5cqw;opacity:.9}
/* Pantalla vertical */
.placa.v{aspect-ratio:9/16}
.placa.v .pl-promo{flex-direction:column;align-items:flex-start;justify-content:center;gap:8cqw}
.placa.v .pl-promo b{font-size:15cqw}
.placa.v .pl-promo span{font-size:7cqw}
.placa.v .pl-promo i{font-size:14cqw}
.placa.v .pl-menu b{font-size:13cqw}
.placa.v .pl-menu span{font-size:6.5cqw}
.placa.v .pl-aviso b{font-size:15cqw}
.placa.v .pl-aviso span{font-size:7cqw}
/* Fotos y videos: se muestran enteros, sin deformar, con la misma imagen difuminada de fondo */
.placa.foto{background:#000}
.placa.foto img,.placa.foto video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.placa.foto img.fondo{object-fit:cover;filter:blur(4cqw) brightness(.55);transform:scale(1.2)}
.placa .play{position:absolute;left:3cqw;top:3cqw;text-decoration:none;font-family:ui-monospace,Consolas,monospace;font-size:max(10px,3.6cqw);background:rgba(0,0,0,.6);color:#fff;padding:1cqw 2.4cqw;border-radius:1cqw}
.placa.vacia{background:#1b2130;color:#9aa5b8}
.placa.vacia>div{align-items:center;justify-content:center;font-size:5cqw;text-align:center}
