/** Shopify CDN: Minification failed

Line 17:6 Unexpected "<"

**/
/* Place any CSS overrides in this file. */
.staatliches-regular {
  font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Staatliches", sans-serif !important;
}


.jost-<uniquifier> {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/* Place any CSS overrides in this file. */

#thumbnails-list {
    width: 100%;
    margin: 2rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: auto;
}
.thumbnail {
    width: 22%;
    aspect-ratio: 1/1;
}
.thumbnail {
    overflow: hidden;
    margin-bottom: 26px;
    border-radius: 15px;
}
.thumbnail img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}
#main-product-image {
    width: 100%;
    overflow: hidden;
}
#main-product-image img {
    width: 100%;
}
.img_producto_container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}
.img_producto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}
#mobile-product-slider {
    display: none;
}
.mobile-slide img {
    height: 100%;
    max-height: 700px;
}
.logo-bar__item {
    border-radius: 15px;
    overflow: hidden;
}
@media only screen and (max-width: 630px) {
    #mobile-product-slider {
        display: block;
        width: 100%;
    }
    #mobile-product-slider a {
        width: 100%;
    }
    #main-product-image, #thumbnails-list, .img_producto_container {
        display: none;
        overflow: initial;
    }
    .thumbnail img {
        overflow: initial;
    }
    .outter-ctr {
        display: block;
    }
    .left-ctr {
        width: 100%
    }
}
/* Bold top-level menu items */
.header__inline-menu .list-menu__item > a,
.header__menu-item > a,
.site-nav__link--main,
.site-nav__link {
  font-weight: 700 !important;
}
.skip-links {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
}

.skip-links a {
  position: absolute;
  top: -100px;
  left: 12px;
  background: #ffffff;
  color: #000000;
  padding: 10px 14px;
  border: 2px solid #000000;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.2;
}

.skip-links a:focus {
  top: 70px;
}

#MainContent,
#site-footer {
  scroll-margin-top: 120px;
}

#MainContent:focus,
#site-footer:focus {
  outline: none;
}