/**
Theme Name: Pastelería Bonsái
Author: Nexo Virtual
Author URI: https://nexovirtual.net/
Description: Tema personalizado para Pastelería Bonsái
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pasteleria-bonsai
Template: astra
*/
/* ===== Imágenes iguales tartas ===== */
/* Grid de imágenes uniforme en las secciones de Tartas */
.imagenes-grid .elementor-widget-image img,
#imagenes-grid .elementor-widget-image img {
  display: block;
  width: 100%;
  /* elige 1 opción según prefieras: */

  /* Opción A: misma ALTURA fija y recorte suave */
  /* height: 320px; */

  /* Opción B (recomendada): misma PROPORCIÓN en todas */
  aspect-ratio: 1 / 1;          /* cuadradas; cambia a 4/3, 3/4, 16/9 si te gusta otra */
  height: auto;                 /* la altura sale de la proporción */

  object-fit: cover;            /* recorta lo justo sin deformar */
  border-radius: 24px;          /* iguala el redondeado */
}

/* Responsive: puedes variar la proporción/altura por breakpoint si quieres */
@media (min-width: 768px) {
  .imagenes-grid .elementor-widget-image img,
  #imagenes-grid .elementor-widget-image img {
    aspect-ratio: 4 / 3;        /* ejemplo: un poco más apaisadas en tablet+ */
  }
}
@media (min-width: 1024px) {
  .imagenes-grid .elementor-widget-image img,
  #imagenes-grid .elementor-widget-image img {
    aspect-ratio: 4 / 3;        /* mantén o ajusta aquí */
  }
}


/* extra */
/* ===== Grid imágenes uniformes ===== */
.imagenes-grid .elementor-widget-image,
.imagenes-grid .elementor-widget-image .elementor-widget-container,
.imagenes-grid .elementor-widget-image .elementor-image {
  margin: 0 !important;
  padding: 0 !important;
}

.imagenes-grid .elementor-widget-image .elementor-image {
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  border-radius: 24px; /* 9999px si quieres circulares */
  display: block;
}

.imagenes-grid .elementor-widget-image .elementor-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0;
}

.imagenes-grid figure.elementor-image {
  margin: 0 !important;
}
.imagenes-grid .widget-image-caption {
  margin: 0;
}

/* ===== Ajustes extra de centrado y anchura ===== */
.imagenes-grid .elementor-widget-image {
  text-align: center;
  display: flex;
  justify-content: center;
}

.imagenes-grid .elementor-widget-image img {
  width: 100%;             /* ocupa todo el ancho disponible */
  max-width: 100%;         /* que no se limite */
  aspect-ratio: 4 / 3;     /* proporción más ancha (prueba 16/9 si quieres más panorámico) */
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
  border-radius: 24px;
}