body,html{ padding: 0; margin: 0;
}

/* Contenedor fijo, sin escalado */
.poster {
  position: relative;
  width: 855px;
  height: 940px;
  /* opcional: centrar en el contenedor padre */
  /* margin: 0 auto; */
}
/* La imagen se pinta 1:1 píxel; evita clases tipo .img-fluid */
.poster > img {
  position: absolute; inset: 0;
  width: 855px; height: 940px;
  display: block;
}

/* Hotspots clicables */
.hotspot {
  position: absolute;
  display: block;
  text-decoration: none;
  /* foco visible para teclado */
  outline: none;
}
.hotspot:focus {
  outline: 3px solid #000;
  outline-offset: 2px;
}

/* Utilidad de oculto accesible */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}