.fotografia-portada__marco {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 3%;
  background: #e8e7e1;
}
.fotografia-portada__imagen {
  position: absolute;
  inset: 3%;
  width: 94%;
  height: 94%;
  object-fit: contain;
  object-position: var(--foco-x, 50%) var(--foco-y, 50%);
  transform: scale(var(--escala, 1));
  transform-origin: var(--foco-x, 50%) var(--foco-y, 50%);
}
.hero-visual--con-foto { display: flex; align-items: center; justify-content: center; padding: 2rem 0; background: none; }
.hero-visual--con-foto::after { content: none; }
.hero-visual--con-foto .fotografia-portada__marco { width: 94%; max-width: 760px; z-index: 3; }
.encuadre-administrativo__vistas .fotografia-portada__marco { cursor: grab; touch-action: none; }
.encuadre-administrativo__vistas .fotografia-portada__marco--arrastrando { cursor: grabbing; }
.encuadre-administrativo__vistas .fotografia-portada__imagen { pointer-events: none; user-select: none; }
.encuadre-administrativo__vistas figure:last-child .fotografia-portada__marco { max-width: 240px; margin-inline: auto; }
.fotografia-portada__marco--movil { aspect-ratio: 4 / 3; }
.fotografia-portada__marco--movil .fotografia-portada__imagen { object-fit: cover; }
@media (max-width: 600px) {
  .hero-visual--con-foto .fotografia-portada__marco { aspect-ratio: 4 / 3; }
  .hero-visual--con-foto .fotografia-portada__imagen { object-fit: cover; }
}