/* Photographic backgrounds for the four introduction cards. */
#categorias > article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #071b23;
  background-image: linear-gradient(180deg, rgb(3 16 23 / 25%) 0%, rgb(3 16 23 / 65%) 38%, rgb(3 16 23 / 94%) 100%), var(--category-image);
  background-size: cover;
  background-position: center;
  color: #fff;
}

#categorias > article:nth-child(1) {
  --category-image: url('../images/category-ornamentais-disco.jpg');
}

#categorias > article:nth-child(2) {
  --category-image: url('../images/category-marinhos.jpg');
}

#categorias > article:nth-child(3) {
  --category-image: url('../images/category-tartarugas.jpg');
  background-position: center, center 55%;
}

#categorias > article:nth-child(4) {
  --category-image: url('../images/category-aquarios.webp');
}

#categorias > article h3,
#categorias > article p {
  color: #fff;
  text-shadow: 0 2px 5px rgb(0 0 0 / 65%);
}

#categorias > article > span:first-child {
  background-color: rgb(3 22 30 / 85%);
}