/** Shopify CDN: Minification failed

Line 320:0 Expected "}" to go with "{"

**/
:root {
  --button-border-radius: 0.0rem;
  --text-color: 255 255 255 / 1;
  --background: 0 0 0 / 1;
}
/*LIBRO DE RECLAMOS*/
.libro-reclamaciones a {
  color: var(--reclamos-a) !important;
}
.libro-reclamaciones a:hover {
  color: var(--reclamos-a-hover) !important;
}
button.btn-reclamos {
  color: var(--reclamos-color-btn) !important;
  background-color: var(--reclamos-background-btn) !important;
}
.libro-reclamaciones .btn-reclamos {
  padding: 12px 30px !important;
  border-radius: 0px !important;
}
button.btn-reclamos:hover{
  background-color: var(--reclamos-background-btn-hover) !important;
}
button.btn-reclamos:before{
  background-color: var(--reclamos-background-btn-hover) !important;
}
select.form-control,
input.form-control,
textarea.form-control {
  font-family: var(--reclamos-campos-font) !important;
}


/*CHECKBOX PERSONALIZADO*/
label.labelcheck  {
    display:  flex;
    align-items:  center;
    justify-content:  flex-start;
    align-content:  center;
}

label.labelchecknewsletter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.labelcheck {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}
input[type="checkbox" i]#cf1  {
    position: relative!important;
    appearance: none;
    border: none;
}
input#cf1:before {
    content: '';
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    transition: .2s border-color ease;
}
.label-text a {
    color: #111;
    text-decoration-line: underline;
}
.label-text a:hover {
    color: #111;
    text-decoration-line: underline;
    opacity: 1;
}
input[type=checkbox].filled:checked:not(:disabled):before {
    background-color: none;
}
input[type=checkbox].filled:before {
    border-radius: 4px;
    transition: .2s border-color ease, .2s background-color ease;
}
input[type=checkbox].filled:not(:disabled):after {
    box-shadow: 4px 4px 0 0 #000000;
}
input[type=checkbox]:checked:after {
    -webkit-animation: toggleOnCheckbox .2s ease forwards;
    animation: toggleOnCheckbox .2s ease forwards;
}
input[type=checkbox]:after {
    width: 9.6px;
    height: 16px;
    border-radius: 0;
    transform: translate(-50%, -85%) scale(0) rotate(
45deg
);
    background-color: transparent;
    box-shadow: 4px 4px 0 0 #eccabb;
}
input:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    background-color: #12cbc4;
    width: 16px;
    height: 16px;
    border-radius: 100vh;
    transform: translate(-50%, -50%) scale(0);
}
span.label-text {
    padding-left: 8px;
    font-size: 13px;
    font-weight:  500;
    color:  #7c7b7c;
}
@keyframes toggleOnCheckbox {
    0% {
    opacity: 0;
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
}
70% {
    opacity: 1;
    transform: translate(-50%, -85%) scale(.9) rotate(45deg);
}
100% {
    transform: translate(-50%, -85%) scale(.8) rotate(45deg);
}
}


div#c-group-filled { margin-bottom: 15px; }
.footer-block .newsletter-form span.label-text {padding-left: 8px;font-size: 13px;font-weight: 500;color: #ffffff;}
.footer-block .newsletter-form span.label-text a {color: #ffffff;}
.terms-agreement {display: flex;margin-bottom: 1em;align-items: center;}
.terms-agreement label {padding-left: 5px;}

input[type="checkbox" i]#terms {position:relative!important;appearance:none;border:none;margin: 0px;}
input#terms:before {content: "";display: block;box-sizing: content-box;width: 16px;height: 16px;border: 2px solid #595959;transition: .2s border-color ease;}
input#terms:after { box-shadow: 4px 4px #595959; }

input[type="checkbox" i]#politica {position:relative!important;appearance:none;border:none;margin: 0px;}
input#politica:before {content: "";display: block;box-sizing: content-box;width: 16px;height: 16px;border: 2px solid #595959;transition: .2s border-color ease;}
input#politica:after { box-shadow: 4px 4px #595959; }

input[type="checkbox" i]#checkmenor {position:relative!important;appearance:none;border:none;margin: 0px;}
input#checkmenor:before {content: "";display: block;box-sizing: content-box;width: 16px;height: 16px;border: 2px solid #595959;transition: .2s border-color ease;}
input#checkmenor:after { box-shadow: 3px 3px #595959; }

input[type="checkbox" i]#checkentregado {position:relative!important;appearance:none;border:none;margin: 0px;}
input#checkentregado:before {content: "";display: block;box-sizing: content-box;width: 16px;height: 16px;border: 2px solid #595959;transition: .2s border-color ease;}
input#checkentregado:after { box-shadow: 3px 3px #595959; }

input[type="checkbox" i]#checkterms {position:relative!important;appearance:none;border:none;margin: 0px;}
input#checkterms:before {content: "";display: block;box-sizing: content-box;width: 16px;height: 16px;border: 2px solid #595959;transition: .2s border-color ease;}
input#checkterms:after { box-shadow: 3px 3px #595959; }

input[type="checkbox" i]#newsection  {
    position: relative!important;
    appearance: none;
    border: none;
}
input#newsection:before {
    content: '';
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    border: 2px solid #000000;
    transition: .2s border-color ease;
}
input[type=checkbox].filled-newsection:not(:disabled):after {
    box-shadow: 4px 4px #000000;
}
.label-text-newsection a {
    color: #000000;
    text-decoration-line: underline;
    padding-left: 5px;
}
.label-text-newsection a:hover {
    color: #111;
    text-decoration-line: underline;
    opacity: 1;
}
span.label-text-newsection {
    padding-left: 5px;
    font-weight:  500;
    color:  #000000;
}

@media (min-width: 768px){
  .form-check-menor, .form-check-entregado {
    display: flex !important;
    align-items: center;
    gap: 10px
  }
}

@media (max-width: 767px){
  .form-check-menor, .form-check-entregado {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
}


.cart__buttons-wrapper {margin-bottom: 10px;}
.cart__acceptance__label {padding-left: 5px;}
.cart__acceptance__label a {text-decoration: underline;color: var(--textcheck-cartdrawer);}


@media (min-width: 768px) {
   .bootstrap-storeifyapps .form-control-storeify {
    font-size: 11px;
  } 
}

@media (min-width: 768px) and (max-width: 1440px){
.storeify-section-header, .storelocator-detail-layout-2 {
  width: 1000px;
  margin: 0 auto;
}


/*Others*/
.label, label:not(.variant__button-label):not(.text-label) {
  letter-spacing: 0px;
  text-transform: initial;
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.v-stack {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  display: grid;
}
fieldset {
  margin: 0;
  padding: 0;
}
.gap-2 {
  gap: 0.5rem;
}
.justify-between {
  justify-content: space-between;
}
.gap-2\.5 {
  gap: 0.225rem;
}
.wrap {
  flex-wrap: wrap;
}
.h-stack {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}
.ColorSwatch {
    position: relative;
    display: inline-block;
    height: 36px;
    width: 36px;
    vertical-align: top;
    cursor: pointer;
    background-size: cover;
}

[data-tooltip] {
  --tooltip-text-color: var(--text-color);
  --tooltip-background: var(--background);
  position: relative;
}

@media (min-width: 768px){
  [data-tooltip]:after {
    content: attr(data-tooltip);
    inset-block-end: calc(100% + var(--tooltip-offset, .5rem));
    border-radius: min(1.5rem, var(--button-border-radius));
    background: rgb(var(--tooltip-background));
    color: rgb(var(--tooltip-text-color));
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    justify-self: center;
    width: max-content;
    max-width: 15rem;
    padding: .125rem .5rem;
    font-size: .6875rem;
    transition: opacity .1s ease-in-out, visibility .1s ease-in-out, scale .1s ease-in-out;
    position: absolute;
    left: 50%;
    translate: -50%;
    scale: .9;
  }

  [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    scale: 1;
  }
}