@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');

#modafcontent{width:100%; position:relative; float:left; background:#fff; text-align: center;}
/* HERO & HUINCHA */

.head-img {
  width: 100%;
  margin: o;
}
.uxc-huincha-container{
  margin-top: 20px !important;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around !important;
    justify-content: space-evenly !important;
    background-color: #ffffff;
    padding: 10px 5%;
    max-width: 1500px;
    margin: 0 auto; 
    padding: 10px 5%;
}
.uxc-huincha-fondo-circle{
  background-color:#dad2d2;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;     
}

.block-huincha {
  text-decoration: none;
  text-decoration-color: none;
}
.uxc-huincha-item a h3{
  font-family: 'Poppins';
  color: black;
  font-weight: 200 !important;
  }
  .marca{
    mix-blend-mode: hard-light;
    width:300px;
  
  }

/* FILTRO A LA Z */
div#myBtnContainer{
  text-align: center;
}
.departamentos {
  margin-top:50px;
  /* display: flex;
  flex-direction: row;
  justify-content: space-between; */
}
#line1 #line2{
color:black;
}
hr{
  opacity: 50%;
}

.btn{
     /* margin: 0 25px 0 25px; */
     text-transform: uppercase;
     font-size: 16px;
     }
  .container{
    margin:20px;
  
  }
  .flex-container{
    display: flex;
    justify-content: center;
    margin: 2px 139px 35px 220px;

  }
 #landing-az p{
   font-weight: 800;
   text-transform: uppercase;
  }
  #landing-az .a {
    width:40px;
    font-weight: 200;
  }

  #landing-az a{
    text-decoration: none;
    color: black;
    text-transform: lowercase;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins';
  }
.filterBrand {
  margin-right:25px !important;
  /* margin: 2px; */
  display: none;
  text-transform: lowercase;
  text-align: left;
  font-family: 'Poppins;

}

.show {
  display: block;
  text-transform: lowercase;
}

.container {
  margin-top: 20px;
  /* overflow: hidden; */
  
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 18px;
  cursor: pointer;
  background-color: transparent;
  font-family: 'Poppins';
}

.btn:hover {
  color:rgb(172, 166, 166);
}

.btn.active {
  background-color: transparent;
 cursor: pointer;
 text-transform: uppercase;
 text-decoration: underline;
 color: #333;
}

/* CAROUSEL */

#carrusel-marcas .fcom-wrapper{
    margin: 0 0 120px 0;
}
.banner{
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}
.banner img{
   text-align: center;
   width: 100%;
}
.page-wrapper{max-width:none; padding:0; }
.fcom-wrapper h2{
    padding: 0 0 10px 0;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.fcom-wrapper h3{
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.fcom-wrapper h4{
    font-family: 'CamptonLight';
}


/*LOGO*/
#fcom-logo-center{text-align: center;padding: 10px 0 15px 0;}
#fcom-showcase-full img, #fcom-showcase-full video{width:100%; display:block;}


#fcom-powergrid-3col{text-align: center;}
#fcom-powergrid-3col img{width:100%; display:block;}
#fcom-powergrid-3col a{display: block; text-decoration: none; color:#333;  outline:none;}
#fcom-powergrid-3col a:hover{text-decoration: underline;}
#fcom-powergrid-3col .powergrid-txt{width: 75%; margin: 0 auto; text-decoration: none; color: #333333;}    
#fcom-powergrid-3col .powergrid-txt h3{padding: 40px 0 20px 0; margin: 0; font-size: 22px;}
#fcom-powergrid-3col .powergrid-txt p{font-size: 16px;} 

#fcom-banner img{width:100%; display:block;}


#fcom-powergrid-2col{text-align: center;}
#fcom-powergrid-2col img{width: 100%; display:block;}
#fcom-powergrid-2col a{display: block; text-decoration: none; color: #333; outline: none;}
#fcom-powergrid-2col a:hover{text-decoration: underline;}
#fcom-powergrid-2col .powergrid-txt{width: 75%; margin: 0 auto; text-decoration: none; color: #333333;}



#fcom-powergrid-2col .powergrid-txt h3, #powergrid-carrusel .powergrid-txt h3{padding: 40px 0 10px 0; margin: 0; font-size: 22px;}
#fcom-powergrid-2col .powergrid-txt p, #powergrid-carrusel .powergrid-txt p, .powergrid-price p, #fcom-masonry-grid2col p{font-size: 16px; color:#222; font-weight:300;}
/*{padding:0 20px;}*/
#fcom-masonry-grid2col a{color:#333;}

#fcom-powergrid-3col{text-align: center;}
#powergrid-carrusel img{width: 100%;}
#powergrid-carrusel a{display: block; text-decoration: none; color: #333; outline: none;}
#powergrid-carrusel a:hover{text-decoration: underline;}
#powergrid-carrusel .powergrid-txt{width: 75%; margin: 0 auto; text-decoration: none; color: #333333;}
.slick-disabled{display: none !important;}
.slick-prev{background-color: #333333; left: 0; top: 40%; z-index: 1; padding: 20px 5px; height: auto; border-radius: 0 5px 5px 0;}
.slick-next{background-color: #333333; right: 0px; z-index: 1; top: 40%; padding: 20px 5px; height: auto; border-radius: 5px 0 0 5px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background-color: #333333;}
.slick-prev:before{content: ''; background: url('https://www.falabella.com/static/RDF/site/content/landing/lp-moda-f/img/arrow_left_simple.svg') no-repeat 0 0; width: 9px; height: 16px; display: block; opacity: 1;}
.slick-next:before{content: ''; background: url('https://www.falabella.com/static/RDF/site/content/landing/lp-moda-f/img/arrow_right_simple.svg') no-repeat 0 0; width: 9px; height: 16px; display: block; opacity: 1;}
.powergrid-carrusel-mobile .slick-dots{margin-top: 0;  height: 0;}
.slick-dots{ position: relative; bottom:0; margin-top: 40px;}
.slick-dots li button::before {font-size: 25px;}
.slick-dots li button[aria-label="1 of 1"]{display: none;}
.slick-dots li{margin: 0;}


.powergrid-carrusel-centertext{text-align:center;}



.fcom-masonry-grid2col{display: grid; grid-template-columns: calc(50% - 45px) calc(50% - 45px); grid-gap:90px; max-width:1024px; margin:0 auto;}
.fcom-masonry-grid3col{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:10px; max-width:1280px; margin:0 auto;}
.fcom-masonry-item img, .fcom-masonry3col-item img, .fcom-masonry-item video{width:100%; display:block;}
.fcom-masonry-text{padding:60px 60px 120px 0;}
#modafcontent .fcom-masonry-text h3{line-height: 1.2em;}
.fcom-masonry-text h3{font-size: 36px; line-height: 1.2em;}

.fcom-masonry3col-item{margin:0 0 10px;}

.fcom-masonry3col-item{width:100%; text-align:center;}
.fcom-masonry3col-item p{font-size: 16px; color:#222; font-weight:300; padding:0 60px;}


.special-price-carousel .powergrid-price{width:95%; display: grid; grid-template-columns:60% 30%;}
.special-price-carousel .powergrid-price span.dynprice-price {display: block;}
.special-price-carousel .powergrid-price h3{font-size:.9em; font-family:lato, sans-serif; color:#ADADAD;}
.precio-cmr.dynprice-main-price:after { content: ''; display: inline-block; background: url('https://www.falabella.com/a/fa/static/styles/svg/cmrIcon.svg') center left; width:37px; height: 12px; background-size: 100%; margin-left: 4px;}
.dynprice-price{font-size:.9em; line-height:1.2em;}
.dynprice-price.precio-normal{font-size:.9em; color:#808080;}
.dynprice-price.dynprice-main-price{font-size:1em;}

.dynprice-price.precio-oferta:after {
    content: '(oferta)';
    display: inline-block;
    margin-left: 5px;

}
.slick-dots li button::before{font-size:0; background:#333; border-radius:50%; width:10px; height:10px;}

.moda-f-cta-wrap{text-align: center; align-items: center; justify-content: center; margin: 24px 0 0;}
.moda-f-cta-wrap button{background: #333; color: #fff; font-family: 'Poppins', sans-serif; border: none; padding: 10px 30px;}

.fcom-mobile-section{display:none;}
.fcom-desktop-section{display:block;}


.fcom-4item-slider img{width:100%; display:block;}
.jeansFit-wrapper h2 span{font-family: lato; font-weight: 300; font-size: .7em; text-transform: initial; color: #676767;}
.fcom-4item-slider-item{margin:0 10px;}

#carrusel-marcas{
   margin-top:-145px;
}
@media(max-width:768px){
   #carrusel-marcas {
    margin-top: -185px;
   }
   .flex-container{
     display: contents;
   }
}

@media (max-width: 640px){
   
  .fcom-wrapper{margin:0 0 60px 0;}
   
   #fcom-powergrid-2col .powergrid-txt h3, #powergrid-carrusel .powergrid-txt h3{padding: 16px 0 4px 0;}
   .fcom-wrapper .col-12{margin: 0 0 40px;}
   
   .fcom-mobile-section{display:block;}
   .fcom-desktop-section{display:none;}
   
   .fcom-4item-slider-item{margin:0 5px;}
   #myBtnContainer{
     display: flex;
     flex-direction: column;
   }
   .flex-container {display: contents;}
   .uxc-huincha-container {
    display: flex;
   }
}