/* Hover: crece el contenedor y empuja a los demás */
.item:hover {
    transform: scale(1.07); /* transform: scale(1.08); */
    margin: 0px; /* margin: 6px */
    box-shadow: 0 0 18px rgba(0,0,0,0.3);
}

/* Hover: la imagen también crece */
.item:hover img {
    transform: scale(1.06);
}

/* ESTILO STEAM: cuando se selecciona (clic) */
.item:active {
    transform: scale(0.94); /* se achica el contenedor */
    outline: 3px solid #66c0f4; /* borde azul tipo Steam */
    outline-offset: -3px;
}

/* IMPORTANTE: imagen vuelve a su tamaño normal en click */
.item:active img {
    transform: scale(1.0); /* tamaño original */
}

/* Mini-galería */
.mini-galeria a:hover {
    transform: scale(1.07);
    box-shadow: 0 0 18px rgba(0,0,0,0.3);
}

/* Hover */
.mini-galeria a:hover img {
    transform: scale(1.06);
}

/* Click mantenido */
.mini-galeria a:active img {
    transform: scale(0.94); /* se achica el contenedor */
    outline: 1px solid #66c0f4; /* borde azul tipo Steam */
    outline-offset: -1px;
}

/* Pequeña animación */
/* Animación modal */
@keyframes fadeIn {
    from {opacity: 0; transform: scale(0.8);}
    to {opacity: 1; transform: scale(1);}
}