/*
* Home code goes here.
* A template should always ship with an empty home.css
*/

/* Slider */
.rev_slider .tp-caption {font-family: "Barlow", sans-serif !important;}
.rev_slider .tparrows:before {font-family: 'icons-pd';content: "\e807";font-size: 20px !important;} 
.rev_slider .tp-leftarrow:before {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } 
.button-cropped .rev-btn {font-size: 18px !important;}

/* Novedades section */
.home-novedades-section .novedades-tabs { position: relative; z-index: 3; }
.home-novedades-section .novedades-tabs .nav-item {width: 150px;margin-right: 0;}
.home-novedades-section .novedades-tabs .nav-item a {border-bottom: 4px solid #f5f5f5;text-align: left;color: #25282a;opacity: 1;}
.home-novedades-section .novedades-tabs .nav-item a.active, .home-novedades-section .novedades-tabs .nav-item a:hover {border-color: var(--color-corp);}

.home-novedades-section .novedades-tabs .nav-item a { text-align: center; }
.home-novedades-section .novedades-tabs .nav-item:first-of-type a { text-align: left; }
.home-novedades-section .novedades-tabs .nav-item:last-of-type a { text-align: center; }

.home-novedades-section .elementor-widget-wrap { position: relative; }
.home-novedades-section .elementor-widget-wrap > .elementor-widget-prestashop-widget-ProductsList { position: relative; top:0px; opacity:0; height: 1px; overflow: hidden; }
.home-novedades-section .elementor-widget-wrap > .elementor-widget-prestashop-widget-ProductsList.active { position: relative; left:0; opacity:1; z-index: 2; height: auto; transition: opacity 0.3s; }

/* Bg decorations */
.bg-decoration-section .bg-decoration-column:before, .bg-decoration-section .bg-decoration-column:after { background: url("https://www.paredes.es/img/cms/comun/detalle-ficha@2x.png") no-repeat; background-size: auto 38px; width: 100%; position: absolute; content:""; height: 38px; z-index: 50; }
.bg-decoration-section .bg-decoration-column:before {top: -16px;}
.bg-decoration-section .bg-decoration-column:after {bottom: -17px;}
.bg-decoration-section .bg-decoration-col1:before {background-position: -260px 0;}
.bg-decoration-section .bg-decoration-col1:after {background-position: -260px 0;}
.bg-decoration-section .bg-decoration-col2:before {background-position: calc(100% + 260px) 0;}
.bg-decoration-section .bg-decoration-col2:after {background-position: calc(100% + 260px) 0;}
.bg-decoration-section .bg-decoration-col3:before {display: none;}
.bg-decoration-section .bg-decoration-col3:after {background-position: -360px 0;}
.bg-decoration-section .bg-decoration-col4:before {display: none;}
.bg-decoration-section .bg-decoration-col4:after {background-position: calc(100% + 130px) 0;}

/* Varios */
.img-cropped {
  -webkit-clip-path: polygon(100% 0, 100% 70%, 85% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 70%, 85% 100%, 0 100%, 0 0);
}
.home-grid-section .btn-primary {border: none;}
.img-fit * {height: 100%;}
.img-fit img {object-fit: cover; height: 100%;}
.border-title {
  background-color: black !important;
  width: 80px;
}
.btn-text .btn{
  padding: 0.5rem 0.5rem;
}

/*SCROLLING TEXT*/
.marquee {
  overflow: hidden;
  white-space: nowrap;
}
.marquee_inner1 {
  display: inline-block;
  animation: marquee 40s linear infinite;
}
.marquee_inner2 {
  display: inline-block;
  animation: marquee2 40s linear infinite;
  animation-delay: 20s;
}
.marquee_inner1 span,
.marquee_inner2 span {
  font-size: 14px;
  display: inline-block;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

/* AFTER BEFORE SLIDER */
.after-before-slider img {
  max-width: unset !important;
  height: unset !important;
}
.ba-slider {
  position: relative;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.handle {
  /* Thin line separator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -2px;
  background: #FFFFFF;
  cursor: ew-resize;
}
.handle:after {
  /*Right knob */
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  content: "\f105";
  color: #25282a;
  font-family: "fontawesome";
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  background: #ffffff;
  border-radius: 0 50% 50% 0;
  transition: all 0.3s ease;
}
.handle:before {
  /*Left knob */
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -20px;
  content: "\f104";
  color: #25282a;
  font-family: "fontawesome";
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  background: #ffffff;
  border-radius: 50% 0 0 50%;
  transition: all 0.3s ease;
}
.dragable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}

@media (max-width: 768px) { 
  .elementor-widget-prestashop-widget-ProductsList .elementor-swiper-button { display: none !important; }
  .swiper-container-wrapper .product-carousel { padding-left:0; padding-right: 1.2rem;}
  
}

/*SWIPER*/
.swiper-button:after{font-family: 'icons-pd';content: "\e807";color:#25282a;}
.swiper-button-prev:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}