/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.post-gallery--tiles {
  display: grid;
  gap: 12px;
  margin: 16px 0 24px;
}

.post-gallery--tiles.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.post-gallery__tile {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.post-gallery__link,
.post-gallery__img {
  display: block;
  width: 100%;
  height: 100%;
}

.post-gallery__img {
  object-fit: cover;
  transition: transform .2s ease;
	height: 100% !important;
    width: 100%;
}

.post-gallery__tile:hover .post-gallery__img {
  transform: scale(1.03);
}

/* Responsivo */
@media (max-width: 900px) {
  .post-gallery--tiles.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .post-gallery--tiles.columns-4 { grid-template-columns: 1fr; }
  .post-gallery__tile { aspect-ratio: 4 / 3; }
}