/*
 * LOGIN — respaldo de imagenes (par de Utilities/Portadas.cs y customJs/lgx-portadas.js).
 *
 * .lgx-amb   contenedor cuya imagen es de AMBIENTE, no del lugar: se apaga un poco y lleva
 *            la palabra "Ambiente" (.lgx-amb-marca). Nunca el nombre del lugar.
 * Las portadas de DJ y los afiches de evento son imagenes (SVG): no necesitan clase.
 */
.lgx-amb{position:relative;isolation:isolate}
.lgx-amb > img,
.lgx-amb img.lgx-amb-img{filter:saturate(.78) brightness(.8) contrast(1.04)}
/* velo sobre fondos CSS: el contenedor lleva la foto como background */
.lgx-amb.lgx-amb-fondo::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,9,11,.10),rgba(7,9,11,.38))}
.lgx-amb-marca{position:absolute;left:10px;top:10px;z-index:4;display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px 3px 7px;border-radius:999px;background:rgba(7,9,11,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:rgba(255,255,255,.78);font:600 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;pointer-events:none;white-space:nowrap}
.lgx-amb-marca::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}
/* en miniaturas chicas no entra la palabra: queda solo el velo */
.lgx-amb-sin-marca .lgx-amb-marca{display:none}