/* ==========================================================================
   Castillo & Prieto Abogados
   Reglas portadas verbatim — origen: design/css/styles.css
   ========================================================================== */

.rejilla--stats { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.stat {
  background: #fff; padding: 38px 26px; text-align: center; height: 100%;
  display: flex; flex-direction: column; justify-content: center;
}
.stat__n { font-family: var(--heading-font); font-size: 42px; color: var(--celeste); line-height: 1; margin-bottom: 12px; }
.stat__l { font-size: 13px; letter-spacing: 0.05em; color: var(--texto); text-transform: uppercase; }
.stat--logo {
  background: #fff; min-height: 160px; display: flex;
  align-items: center; justify-content: center; padding: 24px;
}
.stat--logo img { max-width: 140px; width: 100%; height: auto; object-fit: contain; }

/* Override de columnas del widget (control "Columnas" de Elementor).
   Única augmentación permitida sobre el CSS del diseño: mantiene el motor
   (CSS Grid) y solo lee --cols cuando el usuario fija un número. Va acotado a
   desktop para no pisar el colapso a 1 columna del breakpoint 760px. */
@media (min-width: 761px) {
  .rejilla--stats[style*="--cols"] { grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
}

/* Override de cascada frente a Elementor.
   `frontend.min.css` de Elementor trae `.elementor img { max-width: 100% }`,
   con la misma especificidad (0,1,1) que `.stat--logo img` pero cargando
   después, así que le gana por orden: el sello se estiraba a todo el ancho de
   la celda (~250px) y arrastraba el alto de la fila de ~160px a ~330px.
   Se sube la especificidad para devolver el ancho del diseño.

   Nota para widgets futuros: cualquier <img> dentro de un widget de Elementor
   necesita este mismo tratamiento. No se resuelve reordenando el enqueue,
   porque design-system.css trae Swiper empaquetado y pasaría a pisar el de
   Elementor. */
.rejilla--stats .stat--logo img { max-width: 140px; }