/* ==========================================================================
   Juana Casa — interiores.html
   Requiere base.css y galerias.css.
   ========================================================================== */

/* Mosaico de fotos a tamaño real, sin recorte ----------------------------- */
.gallery-sec { padding: 24px 0 100px; }
.gallery-sec .container { max-width: 1560px; }
.mosaic { columns: 3; column-gap: 14px; }
.mosaic figure { break-inside: avoid; margin: 0 0 14px; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 26px rgba(42,55,31,.1); }
.mosaic img { width: 100%; height: auto; display: block; transition: transform .6s var(--ease); }
.mosaic figure:hover img { transform: scale(1.035); }
@media (max-width: 900px) { .mosaic { columns: 2; } }
@media (max-width: 560px) { .mosaic { columns: 1; } }