/** Shopify CDN: Minification failed

Line 64:20 The "-" operator only works if there is whitespace on both sides
Line 70:20 The "-" operator only works if there is whitespace on both sides

**/
/*========================================================================================================================================================
  #                                                                 GLOBAL SETTINGS
==========================================================================================================================================================*/
@media (max-width: 767px) {
  .hideOnMobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hideOnDesktop {
    display: none !important;
  }
} 
/*========================================================================================================================================================
  #                                                                 TIPOGRAPHY
==========================================================================================================================================================*/
:root {
     --font-body-scale: 0.9;
     --font-heading-scale: 0.9;
}
 /*========================================================================================================================================================
  #                                                                 NAVBAR
==========================================================================================================================================================*/
/* announcement bar */
.utility-bar__grid.page-width {
    padding-left: 0;
    padding-right: 0;
}
.announcement-bar__message {
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    letter-spacing: 1px;
    min-height: 3.8rem;
}
.header__inline-menu .link {
     font-size: 1.8rem;
}
 /*========================================================================================================================================================
  #                                                                 SECTION FEATURED PRODUCT
==========================================================================================================================================================*/
.p-featured-collection ul {
  margin-block-start: 0;
}
.p-featured-collection slider-component {
  max-width: unset;
  padding: 0 !important;
}
.p-featured-collection .grid {
  column-gap: 1px;
  row-gap: 0;
}
.p-featured-collection .collection__view-all a:not(.link) {
    margin-top: 3rem;
}
@media (max-width: 989px) {
  .p-featured-collection .grid--2-col-tablet-down .grid__item {
    width: calc(50% -2px);
    max-width: unset;
  }
}
@media (min-width: 990px) {
  .p-featured-collection .grid--4-col-desktop .grid__item {
    width: calc(25% -3px);
    max-width: 25%;
  }
}

/*========================================================================================================================================================
  #                                                                 PRODUCT PAGE
==========================================================================================================================================================*/
/* gallery mobile*/
@media(max-width:749px){
  product-info {
      padding-top: 0px !important;
    --grid-mobile-horizontal-spacing: 1px  !important;
  } 
  product-info .grid--peek.slider .grid__item:first-of-type {
      margin-left:0px !important;
  }
  product-info .slider.slider--mobile .slider__slide {
      padding-top: 0;
      padding-bottom: 10px;
  }
  product-info .slider-buttons{
    display:none;
  }
  .product-media-container.constrain-height {
      --constrained-min-height: 430px !important;
  }
}

/* section top en desktop */
@media(min-width:750px){

  product-info .page-width{
    max-width:unset;
    padding-left:0;
    padding-right:40px;
  }
  /* gallery */
  product-info .grid {
    column-gap: 01px;
    row-gap: 1px;
    --grid-desktop-horizontal-spacing: 1px;
  }
  .product__title {
      padding-top: 30px;
  }
}
/*========================================================================================================================================================
  #                                                                 PRODUCT CARD 
==========================================================================================================================================================*/

/* ---------------- product card ---------------- */

.card__content {
  padding-left:10px !important;
}
.card__content h3{
  font-size:15px;
}
.card__content .price,
.card__content .price--on-sale .price-item--regular
{
  font-size:12px;  
}

/* para que en desktop las imagenes sean del mismo tamaño */
@media(min-width:768px){
  .card__inner {
      height: 100%;
  }  
}

/* badge */
.card__badge {
  display:none;
}
 /* CTA */
/* para eliminar la capa que es un link a la pagina de producto que taparia el cta */
.card__heading a:after{
  content:unset !IMPORTANT;
}
.pango-card-cta {
  position: absolute;
  bottom: -2px;
  right: 6px;
  z-index: 9;
}
.pango-card-cta .quick-add__submit {
  padding: 0;
  border-radius: 50%;
  background: #ffffff73;
  border: 1px solid;
  cursor:pointer;
}
.pango-card-cta .quick-add__submit:hover {
  border: 2px solid white;
}
.pango-card-cta   svg{
  width: 30px;
  height: 30px;
  margin-bottom: -5px;
  margin-left: -1px;
}
.pango-card-cta .loading__spinner {
  left: 1px;
}
@media(min-width:768px){
  .pango-card-cta {
      right: 12px;
  }
}
/* en pagina de producto no funciona */
.png-product .pango-card-cta{
  display:none;
}

.xxx{
width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
}
/*========================================================================================================================================================
  #                                                                 COLLECTION 
==========================================================================================================================================================*/
 
  .pango-collection-page{
    /* border:1px solid red; */
  }
  /* ---------------- grid ---------------- */

  .pango-collection-page-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    padding:0;
    margin-top: 0;
  } 
  @media(min-width:768px){
    .pango-collection-page-grid{
      grid-template-columns: 1fr 1fr 1fr;
    }    
  }
  @media(min-width:1000px){
    .pango-collection-page-grid{
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }    
  }
  .pango-collection-page-grid LI{
    display: block;
  }

/*========================================================================================================================================================
  #                                                                 SECTION PRODUCT RECOMENDATION
==========================================================================================================================================================*/
product-recommendations {
  padding-left:0 !important;
  padding-right:0 !important;
  max-width: unset !important;
}
product-recommendations h2{
  padding-left: 1.5rem;
}
product-recommendations .product-grid{
  column-gap:1PX;
}
product-recommendations .product-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  padding:0;
} 
@media(min-width:768px){
  product-recommendations .product-grid{
    grid-template-columns: 1fr 1fr 1fr;
  }    
}
@media(min-width:1000px){
  product-recommendations .product-grid{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }    
}
product-recommendations .product-grid .grid__item{
  width: 100%;
  max-width: unset;
} 
/*========================================================================================================================================================
  #                                                                 FOOTER
==========================================================================================================================================================*/
.footer__content-top {
  padding-bottom: 20px !important;
}
/* columna central con links en desktop*/
@media(min-width:768px){
  .footer__content-top {
      max-width: unset;
  }
}

.footer-block__details-content li{
  display: flex;
  justify-content: center;
  width: 100%;
}
.footer-block__details-content li a {
  font-size: 16px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.footer-block {
    display: flex !important;
    align-items: center ;
    justify-content: center ;
    margin: 0 !important;
}
.footer-block__details-content {
    margin-bottom: 0!important;
}

/* columna central con links en desktop*/
@media(min-width:768px){
  .footer-block__details-content {
      columns: 2;
  }
}
/* social en mobile */
@media(max-width:767px){
  .footer-block__brand-info .footer__list-social.list-social {
      padding-top: 30px;
  }
}
.list-social__link {
    padding: 3.1rem;
}
.list-social__link .svg-wrapper {
    width: 35px;
    height: 35px;
}
.list-social__item .list-social__link .icon {
    height: 35px;
    width: 35px;
}

.footer__content-bottom{
  /* border-top: none !important;
  padding-top: 0 !important; */
}