/* Visor de imágenes ampliadas y pie de página */
/* ===== VISOR AMPLIADO ===== */
#lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;padding:3rem 1rem}
#lb.on{display:flex}
#lb img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .25s}
#lb .arrow.prev{left:.8rem}#lb .arrow.next{right:.8rem}
#lb .x{position:absolute;top:.8rem;right:.8rem;width:44px;height:44px;background:transparent;color:var(--blanco);border:1px solid var(--blanco);font-size:1.2rem}
/* Visor de tarjetas ampliadas (operadores) */
#vt{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.5rem 5rem;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#vt.on{display:flex}
#vt.solo .arrow{display:none}
#vt .box{width:min(440px,calc(80vh*3/4.3));max-width:100%;transition:opacity .25s;filter:drop-shadow(0 12px 30px rgba(0,0,0,.7))}
#vt .arrow.prev{left:.8rem}#vt .arrow.next{right:.8rem}
#vt .x{position:absolute;top:.8rem;right:.8rem;width:44px;height:44px;background:rgba(5,5,4,.8);color:var(--blanco);border:1px solid var(--blanco);font-size:1.2rem}
#vt .op{cursor:default;width:100%}
#vt .op .nom{font-size:1.6rem}
#vt .op dl{font-size:1.05rem;padding:.9rem 1.1rem}
#vt .op .pts{font-size:2.8rem}
#vt .op .ins{width:60px;height:60px}
@media (max-width:600px){#vt{padding:3.5rem .5rem 1rem}#vt .arrow{top:auto;bottom:.8rem;transform:none}#vt .arrow.prev{left:.8rem}#vt .arrow.next{right:.8rem}}
footer{text-align:center;color:var(--militar);font-size:.8rem;letter-spacing:.2em;padding:3rem 1rem}
