/********* página capa *******/
* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #000;
}

header {
  width: 100%;
  height: 60px;
  background: #000;
}
header #topo {
  width: 100%;
  text-align: center;
}

article {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  height: 741px;
}
article #conteudo {
  width: 100%;
  margin: 0 auto;
  /* background: url(bg-capa-petrel.jpg) top  no-repeat;
  float: left;
  background-size: cover; */
}
article #conteudo #direita a {
  width: 50%;
  max-width: 800px;
  height: 740px;
  float: right;
  background: url(bg-capa-helicoptero.jpg) top left no-repeat;
  overflow: hidden;
  text-indent: -3000em;
}
article #conteudo #direita a:hover {
  background-position: bottom left;
}

article #conteudo #esquerda a {
  width: 100%; /* Ocupa todo o container */
  height: 740px;
  float: left;
  background: url(bg-capa-petrel.jpg) top  no-repeat;
  background-size: auto; /* Ajusta a imagem para ocupar o container */
  overflow: hidden;
  text-indent: -3000em;
}
article #conteudo #esquerda a:hover {
  background-position: bottom center; /* Ajuste o efeito hover para o centro */
}