Pepito Perez

/* ========================================
GALERÍAS GUTENBERG DENTRO DE .img_cont_ent
======================================== */

.img_cont_ent .wp-block-gallery {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 18px;
margin: 2rem 0;
}

/* Contenedor de cada imagen */
.img_cont_ent .wp-block-gallery .wp-block-image {
width: 100% !important;
margin: 0 !important;
overflow: hidden;
border-radius: 12px;
aspect-ratio: 4 / 3;
background: #f5f5f5;
box-shadow: 0 4px 12px rgba(0,0,0,.08);
transition: transform .3s ease;
}

/* Imagen */
.img_cont_ent .wp-block-gallery .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .4s ease;
}

/* Hover */
.img_cont_ent .wp-block-gallery .wp-block-image:hover img {
transform: scale(1.05);
}

/* Imágenes sueltas fuera de galerías */
.img_cont_ent > figure.wp-block-image {
margin: 2rem 0;
overflow: hidden;
border-radius: 12px;
}

.img_cont_ent > figure.wp-block-image img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}

/* Espaciado entre bloques */
.img_cont_ent .wp-block-gallery + h2,
.img_cont_ent .wp-block-gallery + h3,
.img_cont_ent .wp-block-gallery + p {
margin-top: 2rem;
}

/* Tablets */
@media (max-width: 992px) {
.img_cont_ent .wp-block-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
}

/* Móviles */
@media (max-width: 576px) {
.img_cont_ent .wp-block-gallery {
grid-template-columns: 1fr;
gap: 15px;
}

.img_cont_ent .wp-block-gallery .wp-block-image {
aspect-ratio: 16 / 10;
}
}