#sliderHomepageCarousel {
  height: calc(100vh - 162px);
  overflow: hidden;
}

#sliderHomepageCarousel .carousel-inner,
#sliderHomepageCarousel .carousel-inner div:not(.carousel-caption) {
  height: 100%;
}

#sliderHomepageCarousel .carousel-inner div:not(.carousel-caption)::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.0);
  /*background-image: linear-gradient(135deg, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%);
  background-size: 2.83px 2.83px;
  opacity: 0.1;*/
  z-index: 1;
}

#sliderHomepageCarousel .carousel-inner .carousel-caption {
  left: 4%;
  right: 4%;
}

#sliderHomepageCarousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel {
  margin: 2em 0;
}

#sliderHomepageCarousel.carousel {
  margin: 0;
}

.carousel .carousel-item {
  position: relative;
}

.carousel .carousel-item picture img {
  width: 100%;
}

.carousel .carousel-item h2 {
  margin-bottom: 0.5em;
  color: white;
  font-size: 2.4em;
  text-shadow: 0 0 30px rgb(0 0 0 / 70%);
  /*text-shadow:0px 1px 0 rgb(0,0,0),0px -1px 0 rgb(0,0,0),1px 0px 0 rgb(0,0,0),-1px 0px 0 rgb(0,0,0),1px 1px 0 rgb(0,0,0),1px -1px 0 rgb(0,0,0),-1px 1px 0 rgb(0,0,0),-1px -1px 0 rgb(0,0,0),2px 2px 1px rgba(0,0,0,0.5);
  -webkit-text-shadow:0px 1px 0 rgb(0,0,0),0px -1px 0 rgb(0,0,0),1px 0px 0 rgb(0,0,0),-1px 0px 0 rgb(0,0,0),1px 1px 0 rgb(0,0,0),1px -1px 0 rgb(0,0,0),-1px 1px 0 rgb(0,0,0),-1px -1px 0 rgb(0,0,0),2px 2px 1px rgba(0,0,0,0.5);
  -moz-text-shadow:0px 1px 0 rgb(0,0,0),0px -1px 0 rgb(0,0,0),1px 0px 0 rgb(0,0,0),-1px 0px 0 rgb(0,0,0),1px 1px 0 rgb(0,0,0),1px -1px 0 rgb(0,0,0),-1px 1px 0 rgb(0,0,0),-1px -1px 0 rgb(0,0,0),2px 2px 1px rgba(0,0,0,0.5);*/
}

.carousel-cama-paragraph .carousel-control-prev,
.carousel-cama-paragraph .carousel-control-next {
  opacity: 1;
}

.carousel-cama-paragraph .carousel-indicators {
  top: 0;
}

.carousel-cama-paragraph .carousel-control-prev-icon,
.carousel-cama-paragraph .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}

.carousel .carousel-item .gallery-item-didascalia {
  position: absolute;
  bottom: 0;
  color: white;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5em;
  text-align: center;
}

@media screen and (min-width: 768px) {

  .carousel-cama-paragraph .carousel-control-prev,
  .carousel-cama-paragraph .carousel-control-next {
    filter: invert();
  }

  .carousel-cama-paragraph .carousel-inner {
    width: 70%;
    margin: 0 auto;
  }

  #sliderHomepageCarousel .carousel-inner .carousel-caption {
    left: 15%;
    right: 15%;
  }
}

@media screen and (min-width:1024px) {
  .carousel .carousel-item h2 {
    font-size: 2.4em;
  }
}