/* Presentación de Novedoso: edición de entorno y encuadre completo del archivo. */

/* La foto superior conserva las alturas actuales: 510/480/470/380 px. */
body[data-page="caballos"] .line-hero-photo.novedoso-photo-profesional > img {
  object-fit: contain;
  object-position: 50% 50%;
}

/*
 * Foto 01: el archivo completo determina su altura en escritorio.
 * Se anulan el recorte, la altura mínima y el tope de 850 px heredados.
 * align-self evita que el texto largo estire la caja fotográfica.
 */
body[data-page="caballos"] #novedoso .animal-photo.novedoso-photo-profesional {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  align-self: start;
  overflow: visible;
  background: #e9cca9;
}

body[data-page="caballos"] #novedoso .animal-photo.novedoso-photo-profesional > img {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  object-position: 50% 50%;
}

/*
 * En móvil, la caja de 600 px limita el desplazamiento y contain conserva
 * todo el encuadre. Puede dejar márgenes laterales o verticales, sin recorte.
 * La foto sigue en el flujo normal, sin posicionamiento absoluto.
 */
@media (max-width: 600px) {
  body[data-page="caballos"] #novedoso .animal-photo.novedoso-photo-profesional {
    height: 600px;
    min-height: 0;
    max-height: none;
    flex: none;
  }

  body[data-page="caballos"] #novedoso .animal-photo.novedoso-photo-profesional > img {
    height: 100%;
  }
}

/* La ilustración de la ficha también conserva el encuadre completo. */
body[data-page="caballos"] #novedoso-dialog .dialog-layout > img {
  object-fit: contain;
  object-position: 50% 50%;
  background: #e9cca9;
}