/* =========================================================
   PATYTA GUIAS · TOOLS IMAGES R31B
   Solo afecta las 3 herramientas nuevas.
========================================================= */

/* Quitar el bloque/fondo independiente de la zona de imagen */
html body.patyta-guides-editorial-r2
.pg2-card[href="/test/testlovepet/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/test/si-se-pierde/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/test/viajar-con-mascota/"] .pg2-card__media {
  background: transparent !important;
  overflow: visible !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Las imágenes ya son transparentes.
   Se escalan como las ilustraciones de las otras guías,
   sin desplazamiento top artificial. */
html body.patyta-guides-editorial-r2
.pg2-card__media img[src*="herramienta-love-pet-r31.png"],
html body.patyta-guides-editorial-r2
.pg2-card__media img[src*="herramienta-si-se-pierde-r31.png"],
html body.patyta-guides-editorial-r2
.pg2-card__media img[src*="herramienta-viaje-avion-r31.png"] {
  display: block !important;

  width: 91% !important;
  max-width: 103% !important;
  height: 118% !important;

  object-fit: contain !important;
  object-position: center center !important;

  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;
  margin: 0 auto !important;
}

/* Mobile: un poco más de presencia para compensar
   el área de imagen más pequeña del carrusel. */
@media(max-width:780px) {
  html body.patyta-guides-editorial-r2
  .pg2-card__media img[src*="herramienta-love-pet-r31.png"],
  html body.patyta-guides-editorial-r2
  .pg2-card__media img[src*="herramienta-si-se-pierde-r31.png"],
  html body.patyta-guides-editorial-r2
  .pg2-card__media img[src*="herramienta-viaje-avion-r31.png"] {
    width: 94% !important;
    max-width: 106% !important;
    height: 120% !important;
  }
}