/* Imagenes del catalogo ZDU en las fichas de armamento y su hub (mu-plugin qma-catalogo-imagenes.php, 23-oct-2026).
   Usa las variables del diseño de las fichas (.zarm: --bd para la linea). */
.zarm-hero--partido{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center}
.zarm-hero__tx{min-width:0}
/* El retrato se agranda hacia el texto al pasar el cursor, al enfocarlo o al tocarlo */
.zarm-lado{margin:0;position:relative;z-index:2;aspect-ratio:2/3;border-radius:14px;overflow:hidden;border:1px solid var(--bd,rgba(148,163,184,.14));
  cursor:zoom-in;transform-origin:right center;transition:transform .3s ease,box-shadow .3s ease}
.zarm-lado img{width:100%;height:100%;object-fit:cover;display:block}
.zarm-lado:hover,.zarm-lado:focus,.zarm-lado:focus-visible{transform:scale(1.45);z-index:30;box-shadow:0 24px 60px rgba(0,0,0,.75);outline:none}
.zarm-banner{margin:28px 0 0;border-radius:12px;overflow:hidden;border:1px solid var(--bd,rgba(148,163,184,.14));aspect-ratio:16/9}
.zarm-banner img{width:100%;height:100%;object-fit:cover;display:block}
.zarm-card__ico{flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--bd,rgba(148,163,184,.14))}
@media (max-width:760px){
  .zarm-hero--partido{grid-template-columns:1fr;gap:18px}
  .zarm-lado{max-width:260px;transform-origin:left top}
  .zarm-lado:hover,.zarm-lado:focus{transform:scale(1.15)}
}
@media (prefers-reduced-motion:reduce){.zarm-lado{transition:none}}