:root{
  --bg: #ffffff;
}

*{ box-sizing: border-box; }

html, body{
  margin: 0;
  padding: 0;
  background: var(--bg);
}

.page{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 16px 0;
}

.img-wrap{
  position: relative;
  width: min(980px, 100vw);
  padding: 0 12px;
}

.img-wrap img{
  width: 100%;
  height: auto;
  display: block;
}

/* Área clicável do botão WhatsApp (percentual relativo à imagem) */
.wa-hotspot{
  position: absolute;

  /* baseado no PNG renderizado do PDF (page2.png: 1258x1787) */
  left: 16.7%;
  top: 59.9%;
  width: 48.5%;
  height: 9.8%;

  border-radius: 999px;

  /* deixe invisível, mas com cursor de link */
  background: transparent;
  cursor: pointer;
}

/* só pra ajudar a debugar caso você queira ver a área (ative e recarregue)
.wa-hotspot{ outline: 2px solid red; }
*/