/* =========================================================
   Iconos SVG inline + tiles
   ========================================================= */

.tla-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.tla-icon--img {
  object-fit: contain;
}

/* Tile container — usado en TrustStrip, ServicioPage, etc. */
.tla-icon-tile {
  display: inline-grid;
  place-items: center;
  background: var(--accent-soft);
  color: var(--green-700);
  border-radius: 12px;
  width: 48px;
  height: 48px;
}
.tla-icon-tile--lg { width: 76px; height: 76px; border-radius: 18px; }
.tla-icon-tile--sm { width: 40px; height: 40px; border-radius: 10px; }

.tla-icon-tile--solid {
  background: var(--green-500);
  color: #fff;
}
.tla-icon-tile--dark {
  background: rgba(110, 164, 42, 0.15);
  color: var(--green-400);
}