:root {
--tw-block-rounded: 20px !important;
}
/*
* 27. Slicky
*/

@media (max-width: 720px){
    article.header-slider figure.wp-block-media-text__media {
        position: absolute;
        z-index: 0;
        margin: 0 auto;
        width: 100%;
        top: 0;
        right: -30%;
        opacity: 0.7;
    }
}

article.header-slider.slick-slider .wp-block-group.has-background.alignfull {
    padding-top: calc(var(--global--spacing-vertical)*1);
    padding-bottom: calc(var(--global--spacing-vertical)*1);
}


.slick-track {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    flex-flow: nowrap;
}

.slick-list.draggable {
    width:100%;
    position:relative;
}    

div#header-slider ul.slick-dots {
    top: 70%;
    position: absolute;
}

.categorias ul.slick-dots {
    position: absolute;
}

ul.slick-dots {
     position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 1.5rem;
    /* width: 100%; */
    margin: 0 auto;
    height: 1rem;
    text-align: center;
    bottom: 20px;
    /* margin-top: 2rem; */
    padding: 0;
    gap: 1rem;
}

.slick-dotted {
    margin-bottom: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 3rem;
    /* margin: 0 !important; */
    padding: 0;
    cursor: pointer;
    text-align: center;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    cursor: pointer;
    padding:0 !important;
    /* color: white; */
    /* border: 0px; */
    /* outline: none; */
}

ul.slick-dots button:not(:hover):not(:active):not(.has-background),
ul.slick-dots button:hover,
ul.slick-dots .slick-active button {
    background: transparent;
    border:0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slick-dots li.slick-active button::before {
    opacity: .75;
    color: black;
}

.slick-dots li:hover button::before {
    opacity: .45;
    color: black !important;
}

.slick-dots li button:before {
    font-family: 'slick';
    line-height: 0;
    /* background:red; */
    content: '\2022';
    font-size: 2.5rem;
    line-height: 18px;
    /* position: absolute; */
    top: 0;
    left: 0;
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Slick Repeat*/


.slick-track{
  display: flex !important;
  margin: 0 !important;
  width: 100%;
}

.principal h1 {
    font-weight: 100;
}

.principal p {
    font-size: min(calc(var(--global--font-size-base)*1.125),23px);
}

.principal {
  padding: 0 !important;
}
/*SLIDER*/

article.header-slider .slide {
    height: auto;
    /* min-height: calc(3vw + var(--cover--height)); */
    background-position: bottom center;
    /* min-height: 664px; */
    /* background-blend-mode: multiply; */
    /* max-height: 664px; */
}

article.header-slider .wp-block-group__inner-container.header-inner.section-inner {
    padding-top: calc(var(--global--spacing-vertical)*3);
    padding-bottom: calc(var(--global--spacing-vertical)*3);
}

.slide-cta {
    display: block;
    text-align: center;
    color: inherit;
    color: var(--cover--color-foreground);
}


.header-slider .slick-current.slick-active .slide-cta {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 7s; /* don't forget to set a duration! */
}

.header-slider .slick-current.slick-active .wp-block-columns h1,
.header-slider .slick-current.slick-active .wp-block-columns p {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 7s; /* don't forget to set a duration! */
}


.slide-cta h1.color-accent {
    margin-bottom: var(--global--spacing-vertical);
/*  max-width: var(--responsive--aligndefault-width); */
    margin-left: auto;
    margin-right: auto;
}


.slick-slider {
    background-size:cover !important;
/* display: flex !important; *//* align-items: center; *//* justify-content: center; */}


.slick-current.slick-active {
    animation:none;
}

article.header-slider.alignfull .wp-block-cover.alignfull {
    width: 100%;
}

/* ul.products */
.home .productos ul.products.slick-slider .slick-track {
    padding-bottom: 2.7rem;
}


/*
** 27.1 Brands Slicky 
*/

.pwb-carousel .slick-list {
    /* padding: 2.3rem; */
}

.pwb-carousel .slick-list .slick-track {
    padding: 0rem 0px 4rem;
    transform: translate3d(-3224px, 0px, 0px);
}

.pwb-carousel .pwb-slick-slide a {
    /* display: block; */
    /* padding: 2.3rem; */
    background: transparent !important;
}

.pwb-carousel .pwb-slick-slide a>img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 160px !important;
    transition: box-shadow .2s ease-in-out;
    box-shadow: none;
    /* filter: grayscale(100%); */
    z-index: 1;
    mix-blend-mode: multiply;
}

.pwb-carousel .pwb-slick-slide:hover {
    filter: none;
    box-shadow: var(--tw-block-shadow-lg);
}

.pwb-carousel .pwb-slick-slide  {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    max-width: 200px !important;
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: box-shadow .2s ease-in-out;
    box-shadow: var(--tw-block-shadow);
    background:white;
    margin: 0 auto;
    width: 100%;
    height: 200px;
    max-width: 200px !important;
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: box-shadow .2s ease-in-out;
    box-shadow: var(--tw-block-shadow);
    background:white;
}


/*
** 27.1 Brands Slicky Color effects
*/

.pwb-carousel .pwb-slick-slide a>img {
    transition: box-shadow .2s ease-in-out;
    filter: grayscale(100%);
    mix-blend-mode: multiply;
}

.pwb-carousel .pwb-slick-slide a:hover>img {
    filter: none;
}

/*
** ymk-banners
*/

.home article.banner {
    margin: 0 auto;
  /*  max-width: fit-content !important;*/
}

.home article.banner .slick-track {
   gap: 1rem;
}

.home article.banner .slick-track .slide {
  /* margin: 1rem; */
  /* min-width: unset; */
}

.home article.banner {
  display:
  flex;
  flex-wrap: nowrap;
  gap: 2rem;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
}

.home article.banner .slide {
  flex: 1;
  width: 0;
    /* border-radius: 20px; */
}

.home article.banner .wp-block-cover,
.home article.banner span.wp-block-cover__background.has-background-dim,
.home article.banner img {
    border-radius: var(--button--border-radius);
    /* background: transparent; */
}

.home article.banner .wp-block-cover.is-style-tw-rounded-corners {
    background: transparent;
}

article.banner .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before {
    z-index: 0;
    opacity: 1;
}

article.banner img {
    width: auto !important;
    margin: 0 auto !important;
}


@media (max-width: 768px){

  .home article.banner {
    gap: 2rem;
    flex-direction: column;
  }
  
  .home article.banner .slide {
   flex: 1;
   width: inherit
  }


}

.home article.banner .slide :is(h1, p, .wp-block-buttons) {
  /* padding-left: calc(var(--site--padding) - 1rem); */
  /* padding-right: calc(var(--site--padding) - 1rem); */
}

.home article.banner .slide .wp-block-cover__inner-container{
  padding: calc(var(--global--spacing-unit)*3);
}

.home article.banner.shadow .slide  {
  transition: box-shadow .2s ease-in-out;
  box-shadow: var(--tw-block-shadow);
}

.home article.banner.border .slide  {
  border: 1px solid rgba(119,119,119,0.26);
  transition: border-color 0.2s ease-in-out;
}

/**/
ul.products.new .slick-track li.product {
    width: inherit !important;
    position: relative;
}

.ymk-overflow ul.products.new .slick-track {
    width: inherit !important;
    position: relative;
}

ul.products.new .slick-track {
  /* padding: 0rem 0 21px 0; */
  gap: 0rem;
}

.home.standard .ymk-overflow ul.products .slick-list.draggable {
    overflow: visible;
    /* position: relative; */
    /* width: 100%; */
}


/*
** ymk-brands 
*/

.pwb-all-brands .pwb-brands-cols-outer {
  display: flex;
  flex-wrap: wrap;
  gap:1rem;
  column-gap: 1em;
}


.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3  {width: revert;flex-grow: 0;display: flex;flex-direction: column-reverse;padding: 0;}


.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 div  {
  flex-grow: 1;
  height: calc( 100% - 1rem );
  padding:1rem;
  background:
  white;
  text-align:
  center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.pwb-all-brands .slick-track {
  gap:2rem;
  padding: 0rem 0 21px 0;
  padding: 0;
}

.noticias .slick-track {
    column-gap: 2rem;
}


.border .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 div  {
  border: 1px solid rgba(119,119,119,0.26);
  transition: border-color 0.2s ease-in-out;
}  

.shadow .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 div  {
  transition: box-shadow .2s ease-in-out;
  box-shadow: var(--tw-block-shadow);
}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p {
  /* position:absolute; */
 }


.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
  margin: 0 auto;
 }

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p small {
  display:none
}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(even) {

}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(odd) {

}

.pwb-az-listing {
    max-width: none !important;
}

.pwb-all-brands {
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    width: inherit;
    max-width: calc(25% - 0.75em);
}
/*
** 24. Animation
** main:not(.modal) .fade-in
*/

.fade-in {
  opacity: 0;
  transform: translateY(20vh);
  /*  visibility: hidden; */
  transition: opacity 0.6s ease-out, transform 1.2s ease-out !important;
  will-change: opacity, visibility;
}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
/*  visibility: visible; */
}

/*
**share
*/

@keyframes goto {
    0% {
        margin-right:1rem;
    }
    50% {
        margin-right:0rem;
    }

}

/**/

li.product.type-product.featured {
    /* animation: bounce; */ /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}


/*
 ** Slider
 */

.slider .slick-current.slick-active {
  /* height: 100vh; */
  /* min-height: inherit; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  animation-name: MOVE-BG;
  animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes MOVE-BG {
   from {
     background-position:bottom left;
/*     transform: translateX(0); */
   }
   to { 
/*     transform: translateX(-187%); */
     background-position:top right;
   }
}

.slick-current.slick-active .wp-block-columns h1 {
  /*  animation: bounce; */
    animation-duration: 2s; /* don't forget to set a duration! */
}

.slick-current.slick-active .wp-block-columns span {
   /* animation: bounceIn;
    animation-duration: 5s; */
}

.slick-slide { 
will-change: transform !important;
transform: false !important; }

.slick-cloned {
   -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-slide figure.wp-block-media-text__media img {
    max-height: 43vh !important;
    width: auto;
    margin: 0 auto;
}


button.slick-next.slick-arrow, 
button.slick-prev.slick-arrow
 {
    position: absolute;
    font-size:0;
    /* padding: 1.5rem 0.8rem; */
    border-radius: 50px;
    opacity: .7;
    height: 60px;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    user-select: none;
    outline: transparent none medium;
    margin-bottom: 20px;
    margin-right: 9px;
    margin-left: 9px;
    width: 60px;
    z-index: 9;
 }

button.slick-next.slick-arrow {
    right: 0;
}

button.slick-prev.slick-arrow {
    left: 0;
}

button.slick-next.slick-arrow:after, button.slick-prev.slick-arrow:after {
    content: "\2192";
    /* right: 0px; */
    position: initial;
    top: 18px;
    float: right;
    font-size: 1.3rem;
    line-height: normal;
    font-family: 'Inter var';
}

button.slick-prev.slick-arrow:after {
    content: "\2190";
}


@media (max-width: 689px){
button.slick-next.slick-arrow, 
    button.slick-prev.slick-arrow {
         display:none;
    }
}



/*
** header slider
*/

article.header-slider {
/*    display: flex;*/
/*    align-items: center;*/
}

button.slick-next.slick-arrow:after, button.slick-prev.slick-arrow:after {
    color:white;
}

@media (max-width: 689px){
button.slick-next.slick-arrow, 
    button.slick-prev.slick-arrow {
         display:none !important;
    }
}

/* 27. slicky */
.header-slider ul.slick-dots { 
    position:absolute;
    bottom: 0;
} 


.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: auto;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    margin: 0 auto;
    }

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 20px;
    margin: 0px 0px;
    padding: 0;
    cursor: pointer;
    text-align: center;
}







.home .respect-colsa ul.products {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    padding: 0 0 4rem 0rem;
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: fit-content;
    justify-content: space-between;
} 

 ul.products li {
box-shadow: none !important;
 }