/*
Theme Name: hello elementor child
Template: hello-elementor
*/
body {
  overflow: hidden;
  outline: auto !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.slider {
  width: 100vw;
  overflow: hidden;
  height: 100%;
}

.internal-slider {
  width: 100vw;
  overflow: hidden;
  height: 100%;
}

.box-item-slider-h {
  height: 100vh;
  position: relative;
}

.slick-vertical .slick-slide {
  height: 100vh;
}

.vertical .vertical-item {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.vertical .slick-slide img,
.vertical .slick-slide picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick-slide {
  height: 100%;
}

.slick-slide img {
  width: 100%;
}

.slick-prev,
.slick-next {
  z-index: 22;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
  outline: none;
  transform: scale(1.001);
}

.slick-active {
  opacity: 0.5;
}

.slick-current {
  opacity: 1;
}

.categoria-name {
  position: absolute;
  right: 40px;
  bottom: 70px;
  z-index: 1222;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  background: var(--preto);
  padding: 3px 5px;
  font-weight: bold;
}
.vertical .slick-current .categoria-name {
  animation: slideTitulo 0.5s ease-in;
}

.slide1 #menu-1-8bdddb1 a,
.slide2 #menu-1-8bdddb1 a,
.slide3 #menu-1-8bdddb1 a {
  color: inherit;
}

span.xoo-cp-close {
  right: 10px !important;
  top: 10px !important;
}

.slick-prev::before,
.slick-next::before {
  color: #fff;
}

@keyframes slideTitulo {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@media screen and (max-width: 450px) {
  .categoria-name {
    bottom: 120px;
    right: 20px;
  }
}

.item.youtube {
  position: relative;
  width: 100%;
  height: 100vh;
}

.item.youtube a {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .item.youtube {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .item.youtube {
    width: 300%;
    left: -100%;
  }
}