/*HERO*/
.hero-principal .hero-slides .swiper-pagination {
  width: auto;
  left: 80px;
  bottom: 80px !important;
  color: white;
}

.hero-principal .hero-slides .elementor-swiper-button-prev {
  top: inherit !important;
  bottom: 50px;
  right: 100px !important;
  left: inherit !important;
  padding-right:80px;
}
.hero-principal .hero-slides .elementor-swiper-button-next {
  top: inherit !important;
  bottom: 50px;
  right: 50px !important;
  left: inherit !important;
}
.hero-principal .hero-slides .elementor-swiper-button-prev:after{
  font-family: Saol Display;
  font-style: italic;
  content:"PREV.";
  font-size:0.9rem;
  font-weight:400;
  letter-spacing:2px;
}
.hero-principal .hero-slides .elementor-swiper-button-next:after{
  font-family: Saol Display;
  font-style: italic;
  content:"SIG.";
  font-size:0.9rem;
  font-weight:400;
  letter-spacing:2px;
}
.hero-principal .hero-slides .elementor-swiper-button-prev:before {
  content:"";
  position:absolute;
  top:50%;
  left: 48px;
  width: 88px;
  height:1px;
  background:currentColor;
  transform:translateY(-50%);
}
.hero-principal .hero-slides .elementor-swiper-button-next i,
.hero-principal .hero-slides .elementor-swiper-button-prev i,
.hero-principal .hero-slides .elementor-swiper-button-next svg,
.hero-principal .hero-slides .elementor-swiper-button-prev svg{
    display:none !important;
}

@media (max-width: 991px) { 
  .hero-principal .hero-slides .swiper-pagination {
    display: none !important;
  }
  .hero-principal .hero-slides .elementor-swiper-button-prev {
    right:50% !important;
    padding-right: 0;
  }
  .hero-principal .hero-slides .elementor-swiper-button-prev:after {
    content:"PREV. / ";
  }
  .hero-principal .hero-slides .elementor-swiper-button-prev:before {
    display: none !important;
  }
  .hero-principal .hero-slides .elementor-swiper-button-next {
    left:50% !important;
    padding-left: 6px;
  }
}
/*INDEX PORTAFOLIO*/
.box-portafolio .elementor-grid {
  grid-template-columns: repeat(10, 1fr) !important;
}
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+1) {
  grid-column: span 4;
}
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+2) {
  grid-column: span 6;
}
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+3) {
  grid-column: span 6;
}
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+4) {
  grid-column: span 4;
}
.box-portafolio .portafolio.e-loop-item .imagen-index {
  height: 350px;
  max-height: 350px;
  min-height: 350px;
}
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+1) .imagen-index,
.box-portafolio .portafolio.e-loop-item:nth-of-type(4n+4) .imagen-index {
  height: 500px;
  max-height: 500px;
  min-height: 500px;
}
@media (max-width: 991px) {
  .box-portafolio .portafolio.e-loop-item .imagen-index {
    height: 280px;
    max-height: 280px;
    min-height: 280px;
  }
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+1) .imagen-index,
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+4) .imagen-index {
    height: 400px;
    max-height: 400px;
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .box-portafolio .elementor-grid {
    grid-template-columns: 1fr !important;
  }
  .box-portafolio .portafolio.e-loop-item,
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+1),
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+2),
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+3),
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+4) {
    grid-column: span 1;
  }
  .box-portafolio .portafolio.e-loop-item .imagen-index,
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+1) .imagen-index,
  .box-portafolio .portafolio.e-loop-item:nth-of-type(4n+4) .imagen-index {
    height: 350px;
    max-height: 350px;
    min-height: 350px;
  }
}
/*GOTOTOP*/
#gotopbtn {
  position: fixed;
  right: -5px;
  bottom: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transform: rotate(90deg) translateX(10px);
  transition: all .3s ease;
}
#gotopbtn a {
	text-align: left;
}
#gotopbtn.show {
  opacity: 1;
  visibility: visible;
  transform: rotate(90deg) translateX(0px);
}
#gotopbtn svg {
	width: auto;
	height: 0.9rem;
}
/*MENU*/
#menumobbtn,
#menumobbtn:hover {
	background: #8C837B;
}
#closebtn svg .st0,
#closebtn:hover svg .st0 {
	fill: #8C837B;
}
@media (max-width: 991px) {
	#gotopbtn {
		right: -60px;
	}
}
/*INSTAGRAM*/
@media (max-width: 1250px) {
  #fotos-instagram {
    zoom: 0.80;
  }
}
@media (max-width: 1024px) {
  #fotos-instagram {
    zoom: 1;
  }
}