/* ============================================================
   BLOQUE ONLY-IMAGE (plantilla only-image)
   Una sola imagen a ancho completo y sin recortar, sin titular ni texto:
   el contenido va rotulado dentro de la propia imagen.
   Base tipográfica del proyecto: html { font-size: 10px } → 1rem = 10px
   ============================================================ */

.only-image {
  padding: var(--separation-section-mobile) 0;
}

/* Sin recorte: la imagen escala en ancho y conserva su proporción */
.only-image__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Desktop pequeño: 992px - 1920px */
@media (min-width: 992px) {
  .only-image {
    padding: var(--separation-section-desktop) 0;
  }
}