/** Shopify CDN: Minification failed

Line 334:0 Comments in CSS use "/* ... */" instead of "//"
Line 396:0 Expected "}" to go with "{"

**/


.prod__tag--soldout {
  align-items: center;
  background: rgba(255, 255, 255, 0.3); /* border-radius: 50%; */
  border: 3px solid white;
  border-radius: 0px;
  color: #282828;
  font-size: 15px;
  height: 54px;
  justify-content: center;
  left: 50%;
  line-height: 12px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 85%;
  transform: translate(-50%, -50%);
  white-space: normal;
  width: 50%;
}
.prod__tag-hot {
    background-color: #000;
}

@media (min-width: 768px)
.ccpops-popup--has-popup-size-medium.ccpops-popup--has-position-right .ccpops-popup, .ccpops-popup--has-popup-size-medium.ccpops-popup--has-position-central .ccpops-popup {
    width: 1150px !important;
}

.prod__tag-sale {
    background-color: #000 !important;
}

.m-button--primary, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .spr-button.spr-button-primary {
    background-color: rgb(var(--color-button));
    border-color: rgb(var(--color-button-text));
    color: rgb(var(--color-button-text));
}

.m-button--primary:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .spr-button.spr-button-primary:focus, .m-button--primary:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .spr-button.spr-button-primary:hover {
    background: rgb(var(--color-button-hover));
    border-color: rgb(var(--color-button-text));
    color: rgb(var(--color-button-text-hover));
}

.m-cart-drawer-item .m-quantity input {
    background-color: #ffff;
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    appearance: button;
    background-color: #ffff;
    background-image: none;
}

.m-quantity {
    display: flex;
    min-height: 46px;
    border: 1px solid rgb(var(--color-border));
    border-radius: initial;
    background: rgb(var(--color-form-field));
    color: rgb(,,);
}

.m-quantity__input {
    flex-grow: 1;
    flex-shrink: 1;
    width: 40px;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #ffff;
}

.form-field {
    padding: 6px 12px;
    border: none;
    border-radius: initial;
    background-color: #ffff;
    color: rgb(,,);
    width: 100%;
    outline: none;
    line-height: 2;
    transition: all var(--m-duration-default, .25s);
}

.m-tooltip__content {
    visibility: hidden;
    position: absolute;
    z-index: 75;
    min-width: max-content;
    border-radius: .25rem;
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: var(--m-duration-default, .25s);
    display: none;
    background: rgb(var(--color-tooltip));
    color: #ffff;
}

.ccpops-trigger-container html, .ccpops-trigger-container body, .ccpops-trigger-container div, .ccpops-trigger-container span, .ccpops-trigger-container applet, .ccpops-trigger-container object, .ccpops-trigger-container iframe, .ccpops-trigger-container h1, .ccpops-trigger-container h2, .ccpops-trigger-container h3, .ccpops-trigger-container h4, .ccpops-trigger-container h5, .ccpops-trigger-container h6, .ccpops-trigger-container p, .ccpops-trigger-container blockquote, .ccpops-trigger-container pre, .ccpops-trigger-container a, .ccpops-trigger-container abbr, .ccpops-trigger-container acronym, .ccpops-trigger-container address, .ccpops-trigger-container big, .ccpops-trigger-container cite, .ccpops-trigger-container code, .ccpops-trigger-container del, .ccpops-trigger-container dfn, .ccpops-trigger-container em, .ccpops-trigger-container img, .ccpops-trigger-container ins, .ccpops-trigger-container kbd, .ccpops-trigger-container q, .ccpops-trigger-container s, .ccpops-trigger-container samp, .ccpops-trigger-container small, .ccpops-trigger-container strike, .ccpops-trigger-container strong, .ccpops-trigger-container sub, .ccpops-trigger-container sup, .ccpops-trigger-container tt, .ccpops-trigger-container var, .ccpops-trigger-container b, .ccpops-trigger-container u, .ccpops-trigger-container i, .ccpops-trigger-container center, .ccpops-trigger-container dl, .ccpops-trigger-container dt, .ccpops-trigger-container dd, .ccpops-trigger-container ol, .ccpops-trigger-container ul, .ccpops-trigger-container li, .ccpops-trigger-container fieldset, .ccpops-trigger-container form, .ccpops-trigger-container label, .ccpops-trigger-container legend, .ccpops-trigger-container article, .ccpops-trigger-container aside, .ccpops-trigger-container canvas, .ccpops-trigger-container details, .ccpops-trigger-container embed, .ccpops-trigger-container figure, .ccpops-trigger-container figcaption, .ccpops-trigger-container footer, .ccpops-trigger-container header, .ccpops-trigger-container hgroup, .ccpops-trigger-container menu, .ccpops-trigger-container nav, .ccpops-trigger-container output, .ccpops-trigger-container ruby, .ccpops-trigger-container section, .ccpops-trigger-container summary, .ccpops-trigger-container time, .ccpops-trigger-container mark, .ccpops-trigger-container audio, .ccpops-trigger-container video {
    margin: 0;
    padding: 0em !important;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

.ccpops-trigger__text {
    margin-left: 30px !important;
}

.m-product-tag--soldout {
    width: 50%;
    height: 54px;
    font-size: 10px;
    border-radius: 0 !important;
    line-height: 12px;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: initial;
    padding: 0 10px;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(255 255 255 / 50%) !important;
}

.m-tooltip--style-1 {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: none !important;
    align-items: center;
    justify-content: center;
    transition: all var(--m-duration-default, .25s) ease;
    color: rgba(var(--text-black), 1);
}

.m-product-option--button .m-product-option--node input:checked+label, .m-product-option--button .m-product-option--node__label[data-selected=true] {
    border-color: black !important;
    background-color: black !important;
    color: white !important;
}

.form-field {
    padding: 6px 12px;
    border: 1px solid #000 !important;
    border-radius: initial;
    background-color: #fff;
    color: rgb(,,);
    width: 100%;
    outline: none;
    line-height: 2;
    transition: all var(--m-duration-default, .25s);
}

.main-product__block-rating+.main-product__block-price, .main-product__block-title+.main-product__block-price {
    margin-top: 0px !important;
}

.m-product-option--label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 500;
    display: none !important;
}

.product__pickup-availabilities {
      display: none !important;
}

.ccpops-trigger__text {
  margin-left: 0px !important;
}


.m-product-option:not(:last-child) {
    margin-bottom: 0px !important;
}

.m-product-option {
    margin-bottom: 0px !important;
}

.sto-modal-header-contents {
      display: none !important;
}

/* === Título de producto: versión móvil === */
@media (max-width: 767px) {
  .main-product__block .m-product-title {
    font-size: 14px !important;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 2px;
  }
}

/* === Título de producto: versión PC === */
@media (min-width: 768px) {
  .main-product__block .m-product-title {
    font-size: 16px !important;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 3px;
  }
}


.main-product__block .m-product-collapsible .m-collapsible--button {
    font-size: 15px !important;
  letter-spacing: 0.5px;
}

.main-product__block+.main-product__block {
    margin-top: 10px !important;
  font-size: 14px !important;
}

.m-collapsible--button, .collapsible--button {
    -webkit-user-select: none;
    user-select: none;
    font-weight: 500;
    width: 100%;
    padding-top: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(var(--color-border));
    transition: all var(--m-duration-default, .25s);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .md\:m\:text-2xl {
        font-size: 1rem !important;
        line-height: 2rem;
    }
}

.m\:text-xl {
    font-size: 1rem !important;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.75rem;
}

.m\:capitalize {
    text-transform: none !important;
}

.m-button:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .spr-button.spr-button-primary:disabled, .m-button.disabled, .disabled.shopify-payment-button__button.shopify-payment-button__button--unbranded, .disabled.spr-button.spr-button-primary, .m-button--disabled, .m-button[disabled], [disabled].shopify-payment-button__button.shopify-payment-button__button--unbranded, [disabled].spr-button.spr-button-primary {
    pointer-events: none;
    opacity: .5;
    display: none !important;
}

.main-product__block-rating+.main-product__block-price, .main-product__block-title+.main-product__block-price {
    margin-top: 1px;
    margin-block-start: unset;
    margin-top: 1px !important;
}

.m-product-card__title {
    font-size: calc(var(--font-base-size, 16)* 1px);
    margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
    .m-collection-products.m-cols-2 .m-product-item {
        width: 33% !important;
        max-width: 50%;
    }
}

.slide .restock-rocket-button-collection {
    display: none !important;
}
.m-product-card__title {
    display: flex;
    flex-direction: column; /* Asegura que los elementos estén apilados verticalmente */
}

.restock-rocket-button-collection {
    order: -1; /* Mueve este elemento al inicio */
}

.restock-rocket-collection-rendered {
    order: 1; /* Mantiene el enlace después del botón */
}

@media (max-width: 768px) {
    .m-mobile-sticky-bar {
        display: none !important;
    }
}

@media (min-width: 1024px) {
  :root {
    --container-width: 1600px; /* Si no te gusta el margen Victor cambia este valor a lo que desees, por ejemplo, 1700px o 1800px */
  }
  .container {
    max-width: var(--container-width); /* Asegura que use la variable */
    padding-left: 10px; /* Reduce el padding si quieres menos margen interno */
    padding-right: 10px;
  }
}


// para en pc mostrar productos de la siguiente 

 @media (min-width: 1024px) {
  .facest-filters-section .m-collection-products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 columnas base */
    gap: 10px !important; /* Espacio entre productos */
  }

  .facest-filters-section .m-product-item.row-1 {
    grid-column: span 1 !important;
    width: auto !important; /* Evita que JS cambie el ancho */
  }

  .facest-filters-section .m-product-item.row-2 {
    grid-column: span 1 !important;
    width: auto !important;
  }

  .facest-filters-section .m-product-item.row-3 {
    grid-column: span 2 !important;
    width: auto !important;
  }
  .facest-filters-section .m-product-item.row-3:nth-child(9) {
    grid-column: 2 / 4 !important; /* Centra la fila */
  }

  .facest-filters-section .m-product-item.row-4 {
    grid-column: span 1 !important;
    width: auto !important;
  }

  .facest-filters-section .m-product-item.row-5 {
    grid-column: span 2 !important;
    width: auto !important;
  }
  .facest-filters-section .m-product-item.row-5:nth-child(15) {
    grid-column: 2 / 4 !important; /* Centra la fila */
  }
}

@media (max-width: 1023px) {
  .facest-filters-section .m-collection-products {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .facest-filters-section .m-product-item {
    width: 50% !important;
  }
}

/* Mismo CSS */
.m-complementary-products .m-collapsible.is-expanded .m-collapsible--content {
  display: none !important;
}

.m-complementary-products .m-collapsible.is-expanded .m-collapsible--button[aria-expanded="true"] ~ .m-collapsible--content {
  display: block !important;