/* critical.css vivo PRIMERO */
@font-face {
  font-family: Inter;
  src: url("../font/Inter.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font: #222;
  --font-primary: #2b6288;
  --bg: #fff;
  --primary: #5097c8;
  --secondary: #9ec5e1;
  --tertiary: #ecf3f9;
  --font-family: "Inter", sans-serif;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--secondary);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--font-primary) /* T3 unificacion */;
  opacity: 0.95;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body {
  width: 100%;
  background: var(--bg);
  color: var(--font-primary);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.5;
  font-optical-sizing: auto;
  font-style: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.material-icons {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "Material Icons", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

#header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--bg);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}


#header .header-nav {
  max-height: fit-content;
  border: none;
}

#header .header-nav .container {
  padding: 0;
}

#header .header-nav .display-nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

#header .header-nav .display-nav .display-nav1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--secondary);
  min-height: 44px;
}

#header .header-nav .display-nav .display-nav1 .user-info,
#header .header-nav .display-nav .display-nav1 .blockcart {
  background: none;
  display: flex;
  align-items: center;
  margin: 0;
  width: fit-content;
  font-size: 0.925rem;
  line-height: 1;
  color: var(--font-primary) /* T3 sticky */;
  line-height: 1;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
}

#header .header-nav .display-nav .display-nav1 .user-info span {
  display: flex;
  align-items: center;
  color: var(--font-primary) /* T3 sticky */;
  margin: 0;
  text-decoration: none;
}

#header .blockcart .header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#header .blockcart .cart-products-count {
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: var(--font-primary);
}

#header .header-nav .display-nav .display-nav2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--secondary);
}

#header .header-nav .display-nav .display-nav2 .logo {
  /* CLS logo (residuo 158629909) + aspecto T5 (09/07): aspect-ratio reserva caja
     determinista pre-carga (CLS 0 se conserva) Y el alto sigue al ancho respetando
     184:45. Antes: height fijo 44px + ancho apretado por el flex a 165 = achatado. */
  width: auto;
  max-width: 100%;
  height: auto;
  aspect-ratio: 184 / 45;
}

.search-widgets {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  border: 1px solid var(--primary);
  margin: 0;
}

.search-widgets form {
  width: 100%;
  position: relative;
}

.search-widgets form input.input {
  width: 100%;
  border: none;
  background: var(--tertiary);
  color: var(--font-primary);
  padding: 0.5rem 1rem;
  font-family: var(--font-family);
  font-size: 0.85rem;
  line-height: 1.5;
  letter-spacing: 0.15px;
  min-height: 36px;
}

.search-widgets form input.input::-webkit-input-placeholder {
  color: var(--font-primary);
}

.search-widgets form input.input::placeholder {
  color: var(--font-primary);
}

.search-widgets form .material-icons {
  display: block;
  width: 3rem;
  height: 37px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bg);
  background: var(--primary);
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

#header .header-top {
  position: relative;
  padding: 0;
}

#header .header-top .display-top .menu {
  padding: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-left: 0;
}

#header .mobile {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0.75rem;
}

#header .mobile .mobile-cart ._desktop_user_info {
  display: none;
}

#header #menu-icon {
  display: flex;
  align-items: center;
  color: var(--font-primary);
  height: 50px;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#header #menu-icon .material-icons,
#header #menu-icon i {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
}

#mobile_top_menu_wrapper {
  width: 100%;
  min-height: calc(100dvh - 50px);
  padding: 0 2.5rem 0 0;
  margin: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#_mobile_top_menu.mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-height: calc(100dvh - 50px);
  background: var(--bg);
  padding: 0;
}

#close-menu-out {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 100%;
}

#_mobile_top_menu .nav-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 2.5rem;
}

#_mobile_top_menu .nav-buttons div {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-primary);
  border-bottom: 1px solid var(--tertiary);
  background: var(--tertiary);
  cursor: pointer;
  font-size: 0.925rem;
}

#_mobile_top_menu .nav-buttons div.active {
  background: var(--bg);
}

#_mobile_top_menu .nav-buttons .account-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: calc(100% - 2.5rem);
  height: 100%;
  position: absolute;
  z-index: 3000;
  top: 2.5rem;
  right: 2.5rem;
  background: var(--bg);
  text-align: left;
  border: none;
  padding: 0.25rem;
}

#_mobile_top_menu .nav-buttons .account-links.d-none {
  display: none;
}

#_mobile_top_menu .level {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  padding: 0.25rem;
}

#_mobile_top_menu .level.d-none {
  display: none;
}

#_mobile_top_menu .has-children:after {
  content: "";
  background: url(../img/arrow_down.svg);
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

#_mobile_top_menu .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 0.5rem;
  height: 3rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid var(--secondary);
  cursor: pointer;
}

#_mobile_top_menu .level a {
  text-decoration: underline;
  color: var(--font-primary);
}

#_mobile_top_menu .back {
  display: flex;
  align-items: center;
  background: var(--primary);
  color: var(--bg);
  justify-content: flex-start;
  height: 3rem;
  padding: 0 0.75rem;
}

#wrapper {
  width: 100%;
  padding: 0;
  background: none;
  overflow-x: hidden;
  display: block;
  padding: 0 1.5rem;
}

.breadcrumb {
  display: block;
  max-width: 100%;
  padding: 1rem 0;
  margin: 0.5rem 0;
  overflow: auto;
  font-size: 0.8rem;
  color: var(--font-primary); /* T3 contraste: 3.18 -> 6.55 */
}

.breadcrumb ol {
  display: flex;
  list-style: none;
}

#wrapper .breadcrumb li::after {
  margin: 0;
  color: var(--secondary);
  content: "/";
}

#wrapper .breadcrumb li span {
  color: var(--font-primary);
  font-weight: 500;
}

#wrapper .breadcrumb li a span {
  color: var(--font-primary);
  font-weight: 400;
}

#wrapper .breadcrumb li:last-child:after {
  display: none;
}

#whatsapp {
  position: fixed;
  z-index: 100;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}

#footer {
  width: 100%;
  padding: 0;
  overflow-x: hidden;
}

.d-none,
.hidden-sm-down,
#header .header-nav .hidden-sm-down {
  display: none;
}

@media screen and (min-width: 576px) {
  .hidden-sm-up {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #header .mobile,
  .hidden-md-up {
    display: none;
  }

  #header #_desktop_logo.hidden-sm-down,
  #header .display-nav.hidden-sm-down,
  .hidden-sm-down {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  #_desktop_top_menu .level_1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
  }

  #_desktop_top_menu .level a {
    display: flex;
    align-items: center;
    color: var(--font-primary);
    padding: 0.75rem 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }

  #_desktop_top_menu .level_1 .has-children a {
    pointer-events: none;
  }

  #_desktop_top_menu #menu-cart {
    text-transform: none;
    font-weight: 400;
    font-size: 0.85rem;
    color: var(--font-primary);
  }

  #_desktop_top_menu .level_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    background: var(--tertiary);
  }

  #_desktop_top_menu .submenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 1 100%;
    max-width: 1400px;
    margin: auto;
    padding: 1.5rem 0;
    gap: 1.5rem;
  }

  #_desktop_top_menu .submenu.d-none {
    display: none;
  }

  #_desktop_top_menu .submenu .item a {
    padding: 0.5rem 0;
    transition: all 0.3s ease;

    &:hover {
      text-decoration: underline;
      color: var(--font-primary);
    }
  }

  #_desktop_top_menu .submenu .col-md-3 {
    width: calc(25% - 0.75rem);
    padding: 1rem;
  }

  #_desktop_top_menu .submenu .content,
  #_desktop_top_menu .submenu .content p {
    height: 100%;
    color: var(--font-primary);
    font-size: 0.85rem;
    line-height: normal;
  }

  #_desktop_top_menu .submenu .content strong {
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.75rem;
    font-size: 1.05rem;
  }

  #_desktop_top_menu a.btn-primary {
    width: fit-content;
    padding: 0.5rem 1rem;
    margin: 1.5rem 0 0 0;
    background: var(--primary);
    max-width: 100%;
    color: var(--bg);
    font-size: 0.85rem;
    white-space: initial;
    text-transform: none;
    font-weight: 500;
    text-align: center;

    &:hover {
      text-decoration: none;
    }
  }

  #_desktop_top_menu .submenu .col-md-9 {
    width: calc(75% - 0.75rem);
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
    padding: 1rem;
  }

  #_desktop_top_menu .col-md-9 .item {
    display: flex;
    align-items: center;
    width: calc(33.33% - 0.75rem);
  }
}


@media screen and (min-width: 1400px) {
  #header .header-nav .container,
  #wrapper .container,
  #footer .container {
    width: 1400px;
    margin: auto;
  }
}
.breadcrumb::after,.card-block::after,.card-footer::after,.card-header::after,.modal-footer::after,.modal-header::after,.navbar-toggleable-lg::after,.navbar-toggleable-md::after,.navbar-toggleable-sm::after,.navbar-toggleable-xl::after,.navbar-toggleable-xs::after{content:"";display:table;clear:both}
.breadcrumb{padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#f6f6f6;border-radius:0}
.breadcrumb-item{float:left}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#f6f6f6;content:"/"}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
.breadcrumb-item.active{color:#f6f6f6}
#wrapper .breadcrumb ol,.list-group{padding-left:0;margin-bottom:0}
.product-miniature,.product-miniature .product{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.product-miniature .product{padding:0;margin:0 .8125rem}
.page-index .product-miniature .product,.page-search .product-miniature .product{width:25%;min-width:250px}
.product-miniature .product-thumbnail{display:block}
.product-miniature .product-title a{font-size:.875rem;font-weight:400;color:#7a7a7a;text-align:center;text-decoration:none}
.product-miniature .thumbnail-container{position:relative;height:auto;margin-bottom:1.563rem;overflow:hidden;background:#fff}
.product-miniature .thumbnail-container:focus .highlighted-informations,.product-miniature .thumbnail-container:hover .highlighted-informations{top:calc(100% - 4.4rem)}
.product-miniature .thumbnail-container:focus .highlighted-informations::after,.product-miniature .thumbnail-container:hover .highlighted-informations::after{opacity:1}
.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants,.product-miniature .thumbnail-container:hover .highlighted-informations.no-variants{top:calc(100% - 2.5rem)}
.product-miniature .thumbnail-container:focus .product-description::after,.product-miniature .thumbnail-container:hover .product-description::after{position:absolute;top:0;left:10%;width:80%;content:"";border-top:#7a7a7a 1px solid;opacity:.25}
.product-miniature .thumbnail-container .product-thumbnail{position:relative;height:calc(100% - 70px)}
.product-miniature .thumbnail-container .product-thumbnail img{position:relative;display:block;max-width:100%;height:auto;margin:auto}
.product-miniature .product-title{margin-top:.7rem;text-align:center;text-transform:capitalize}
.product-miniature .product-price-and-shipping{font-weight:700;color:#232323;text-align:center}
.product-miniature .product-price-and-shipping .discount-product{display:none}
.product-miniature .variant-links{position:relative;top:-.25em;width:100%;min-height:2.5rem;padding-top:.1875rem;text-align:center;background:#fff}
.product-miniature .thumbnail-top{position:relative;overflow:hidden}
.product-miniature .highlighted-informations{position:absolute;top:100%;z-index:2;width:100%;height:auto;padding:.625rem 0;text-align:center;background:#fff;-webkit-transition:.3s;transition:.3s}
.product-miniature .highlighted-informations .quick-view{font-size:1rem;color:#7a7a7a}
.product-miniature .highlighted-informations .quick-view:hover{color:#24b9d7}
.product-miniature .product-description{position:relative;bottom:0;height:auto;padding:.25rem .25rem .7rem;background:#fff}
.product-miniature .product-flags li.product-flag{min-width:3.125rem;min-height:1.875rem;font-weight:600}
.product-miniature .product-flags li.product-flag.online-only{top:13.1rem}
.product-miniature .comments_note{color:#7a7a7a;text-align:center}
.product-miniature .regular-price{display:inline-block;font-size:.875rem;color:#7a7a7a;text-decoration:line-through}
.product-miniature .count{position:relative;bottom:.5rem;font-weight:700;color:#7a7a7a}
.block-category h1{margin-bottom:1rem;font-size:2rem}
.block-category .block-category-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.block-category .block-category-inner #category-description .page-content.page-cms ul,.block-category .block-category-inner #category-description p,.page-content.page-cms .block-category .block-category-inner #category-description ul{font-weight:400;margin-bottom:0;color:#232323;word-break:break-word}
.block-category .block-category-inner #category-description strong{font-weight:400;color:#7a7a7a}
.block-category .block-category-inner #category-description .page-content.page-cms ul:first-child,.block-category .block-category-inner #category-description p:first-child,.page-content.page-cms .block-category .block-category-inner #category-description ul:first-child{margin-bottom:1.25rem}
.block-category .block-category-inner .category-cover img{width:141px;height:180px}
#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,.cart-grid-body a.label:hover{color:#24b9d7}
#subcategories ul li .subcategory-name{text-transform:uppercase}
#wrapper .breadcrumb li,.product-images>li.thumb-container{display:inline}
#block_myaccount_infos .myaccount-title a,#header a,#wrapper .breadcrumb li a,.block-contact .block-contact-title,.block-contact .navbar-toggler .material-icons,.linklist .blockcms-title a{color:#232323}
#wrapper .breadcrumb{padding:0;background:0 0}
#wrapper .breadcrumb[data-depth="1"]{display:none}
#wrapper .breadcrumb li::after{margin:.3125rem;color:#7a7a7a;content:"/"}
#wrapper .breadcrumb li:last-child{margin:0;color:#7a7a7a;content:"/"}
#wrapper .breadcrumb li:last-child::after{content:""}
.product-miniature .thumbnail-container:focus .product-description::after,.product-miniature .thumbnail-container:hover .product-description::after{display:none}
.product-miniature .highlighted-informations{display:none}
.block-category{min-height:0;margin-bottom:0}
#category.distribuidora .breadcrumb,#category.distribuidora .products{padding:0 1rem}
.block-category-inner{display:flex;flex-direction:column}
.block-category{min-height:auto}
.block-category .h1,.block-category.card,#subcategories.card-block,#subcategories .subcategories-list .subcategory-name{padding:0;margin:0}
#subcategories .subcategories-list .subcategory-image{margin-bottom:.75rem}
#subcategories .subcategories-list,#category .category-pills .subcategories-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;padding:1rem 0;width:100%}
#subcategories .subcategories-list .subcategory-name,#category .category-pills span{display:block;margin:0;padding:0;min-width:fit-content;max-width:fit-content;gap:1rem;border:1px solid var(--secondary);box-shadow:0 .25rem .5rem var(--secondary);transition:all 0.3s ease-in-out;text-align:center}
#subcategories .subcategories-list .subcategory-name:hover,#category .category-pills span:hover{background:var(--tertiary);border-color:var(--primary);box-shadow:0 .25rem .5rem var(--tertiary)}
#subcategories .subcategories-list .subcategory-name a,#category .category-pills a{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0.75rem!important;gap:.5rem;font-size:1rem;line-height:normal;font-weight:600;text-align:left;text-transform:none;color:var(--primary)!important;text-align:center}
.distribuidora #subcategories .subcategories-list{gap:2rem;margin:auto}
.distribuidora #subcategories .subcategories-list .subcategory-name{max-width:calc(50% - 1rem);min-width:calc(50% - 1rem);border:none;box-shadow:none}
.distribuidora #subcategories .subcategories-list .subcategory-name a{width:100%;flex-direction:column;padding:0!important;gap:1rem 0}
.distribuidora #subcategories .subcategories-list .subcategory-name:hover{background:none}
.distribuidora #subcategories .subcategories-list .subcategory-name:hover .subcategory-name{text-decoration:underline}
.distribuidora #subcategories .subcategories-list .subcategory-name:hover .subcategory-image{border-color:var(--primary)}
.distribuidora #subcategories .subcategories-list .subcategory-name img{width:100%;margin-top:.5rem;margin-bottom:-.5rem;margin-left:-1rem;border:1px solid #eee}
#subcategories.distribuidora .subcategories-list li{min-width:calc(33.33% - 1.34rem);max-width:calc(33.33% - 1.34rem)}
#category.distribuidora .breadcrumb,#category.distribuidora #category-description,#category.distribuidora .subcategories-list,#category.distribuidora #products,#category.distribuidora #js-product-list-footer{width:1200px;margin:auto}
#category.distribuidora .breadcrumb,#category.distribuidora .products{padding:0}
#subcategories.distribuidora .subcategories-list .subcategory-name{min-width:calc(25% - 1.5rem);max-width:calc(25% - 1.5rem)}
#category.distribuidora .breadcrumb,#category.distribuidora #category-description,#category.distribuidora .subcategories-list,#category.distribuidora #products,#category.distribuidora #js-product-list-footer{width:1400px}
.breadcrumb{display:block;max-width:100%;padding:1rem 0;margin:.5rem 0;overflow:auto}
.breadcrumb ol{width:max-content;display:flex;flex-wrap:nowrap}
.breadcrumb span{font-size:.8rem;color:var(--primary)}
.breadcrumb a{text-decoration:none}
#wrapper .breadcrumb li::after{color:var(--secondary);margin-left:0}
.breadcrumb li:last-child span{font-weight:600;color:var(--font-primary)}
.product .product-miniature{overflow:hidden;margin-bottom:1px;border:1px solid var(--secondary)}
.product .product-miniature:hover{border-color:var(--primary)}
.product .product-miniature .product-flags,.product .product-miniature .product-flag{display:none}
.product .thumbnail-container{display:flex;flex-wrap:wrap;width:100%;height:fit-content;margin:0;padding:1rem;gap:0 1rem}
.product .thumbnail-container .thumbnail-top{width:calc(30% - 0.5rem)}
.product .thumbnail-container .product-description{width:calc(70% - 0.5rem)}
.product .thumbnail-container .call2action{width:100%;overflow:hidden;padding:1px}
.product .thumbnail-container .thumbnail picture img{width:100%;max-height:100%}
.products .thumbnail-container:hover .product-description::after,.featured-products .thumbnail-container:hover .product-description::after,.product-accessories .thumbnail-container:hover .product-description::after,.product-miniature .thumbnail-container:hover .product-description::after,.products .thumbnail-container:focus .product-description::after,.featured-products .thumbnail-container:focus .product-description::after,.product-accessories .thumbnail-container:focus .product-description::after,.product-miniature .thumbnail-container:focus .product-description::after{border-top:none}
.breadcrumb{overflow:none}
.product .thumbnail-container{padding:1rem}
.product .thumbnail-container{flex-direction:column;gap:0}
.product .thumbnail-container .thumbnail-top,.product .thumbnail-container .product-description{width:100%}
#category.distribuidora .block-category>.breadcrumb,#category.distribuidora .block-category>h1,#category.distribuidora .block-category>.category-description{padding-left:2rem;padding-right:2rem}
.distribuidora #subcategories .subcategories-list .subcategory-name img{width:100%;height:100%;object-fit:contain;margin:0}
#category:not(.distribuidora) #wrapper .breadcrumb,#category:not(.distribuidora) .category-description{padding-left:2rem;padding-right:2rem}
#category .block-category{display:flex;flex-direction:column}
#category .block-category>h1{order:1}
#category .block-category>.category-description{order:2;margin-bottom:.25rem}
#category .block-category>#subcategories{order:3;margin-top:0}
#category .block-category>.category-description p:last-child{margin-bottom:0}
#category .block-category #subcategories .subcategories-list{padding-top:6px}
#category:not(.distribuidora) #subcategories .subcategories-list .subcategory-name{display:flex;align-items:center;justify-content:center;margin:0;padding:.5rem .85rem;max-height:none;overflow:visible;min-width:fit-content;max-width:fit-content;border:1px solid var(--secondary);box-shadow:0 .25rem .5rem var(--secondary);font-size:1rem;font-weight:600;line-height:normal;text-align:center;text-transform:none;color:var(--primary);transition:all 0.3s ease-in-out}
#category:not(.distribuidora) #subcategories .subcategories-list .subcategory-name:hover{background:var(--tertiary);border-color:var(--primary);box-shadow:0 .25rem .5rem var(--tertiary)}
#category:not(.distribuidora) #subcategories .subcategories-list{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem}
#category:not(.distribuidora) #subcategories .subcategories-list .subcategory-name{min-width:0;max-width:none;width:100%;height:100%}






.product-miniature .thumbnail-container .product-thumbnail img{aspect-ratio:1/1;height:auto;width:100%}
#products .js-product,#js-product-list .js-product{position:relative;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box}
#products,#js-product-list .products,#js-product-list .row{justify-content:flex-start;gap:0}
@media (min-width:1400px){#js-product-list .js-product,#products .js-product{max-width:calc(25% - 1.125rem)!important;flex:0 0 calc(25% - 1.125rem)!important}}
@media (min-width:1200px) and (max-width:1399px){#js-product-list .js-product,#products .js-product{max-width:calc(33.33% - 1rem)!important;flex:0 0 calc(33.33% - 1rem)!important}}
#header{position:sticky;top:0}
#_desktop_top_menu{position:relative;width:100%;margin:0;padding:0}
#_desktop_top_menu .level_1{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem}
#header .menu,#header .menu>ul>li{display:inline-block}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/895e092292d88717adaa.woff2) format("woff2"),url(../../../classic/assets/css/83131b9daba3e9a7b2c7.woff) format("woff"),url(../../../classic/assets/css/057cc3c927dc0b2e8dbb.otf) format("truetype");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/dce0916af972e3040aa1.woff2) format("woff2"),url(../../../classic/assets/css/de69cd9e672c81725abc.woff) format("woff"),url(../../../classic/assets/css/29acb3c63123183305b0.otf) format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/250c120c3f8b2b0bb58e.woff2) format("woff2"),url(../../../classic/assets/css/c80d4fb11dcc2140b260.woff) format("woff"),url(../../../classic/assets/css/fd2d932b381003546821.otf) format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/a7360927bb3673ed7814.woff2) format("woff2"),url(../../../classic/assets/css/a8af1233a958bd1e96ed.woff) format("woff"),url(../../../classic/assets/css/40ef5dc59db6eeef1694.otf) format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/52260854eea2d38939bf.woff2) format("woff2"),url(../../../classic/assets/css/0f099f4e4d67aeb18ab6.woff) format("woff"),url(../../../classic/assets/css/56b65c6bec8f40445da4.otf) format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/57a1d494b0e76131f062.woff2) format("woff2"),url(../../../classic/assets/css/016d41b1da3f1f5aaa44.woff) format("woff"),url(../../../classic/assets/css/4db1ea0d15010c761ee5.otf) format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Manrope";src:url(../../../classic/assets/css/38fa559ad8e8cbaee0c7.woff2) format("woff2"),url(../../../classic/assets/css/1e81f33d197ccdb39d4e.woff) format("woff"),url(../../../classic/assets/css/64041bf784575b30a79f.otf) format("truetype");font-style:normal;font-weight:200;font-display:swap}
.h1,h1{font-size:1.375rem}
h1,.h1,h1.h2{text-transform:none;text-align:center;font-weight:700;font-size:1.75rem;color:var(--font-primary)}
.text-xs-center{text-align:center!important}
/* CLS producto desktop 0.008 (psi_8 03/07, li.thumb-container 4px->102px pre-init Owl).
   Reserva el footprint final de las miniaturas ANTES del init: el selector de hijo
   directo deja de casar cuando Owl envuelve cada li en .owl-item (cero efecto post-init).
   102 = img 98 attrs + borde 2px/lado; margen 16 = margin Owl. Solo >=992 (movil CLS 0). */
@media (min-width: 992px){
  #product .product-images>li.thumb-container{display:inline-block;width:102px;height:102px;margin-right:16px}
}
/* Lupa buscador movil (#12 cola 144408577): solo el icono, tap en el INPUT real
   (Doofinder se dispara por el selector del input - sin JS sintetico). space-between
   reparte menu|logo|lupa|carrito. cart-preview liberado del clip 1.5rem (custom-theme
   L174) que decapitaba el carrito. <360px: iconos reducidos para no desbordar. */
@media (max-width: 991px){
  #header .header-nav .row .mobile{justify-content:space-between}
  #header .header-nav .row .mobile .mobile-search{width:auto !important;margin-left:0 !important;margin-right:0 !important}
  .mobile-search .search-widgets{width:44px;position:relative}
  .mobile-search .search-widgets form input.input{width:44px;padding:0;color:transparent;caret-color:transparent;cursor:pointer;font-size:16px}
  .mobile-search .search-widgets form .material-icons{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
  #header .header-nav .mobile #menu-icon .material-icons,#header .mobile #menu-icon .material-icons{font-size:2.75rem;width:2.75rem;height:2.75rem;line-height:2.75rem}
  #header .mobile .mobile-cart{min-width:0;width:auto}
  #header .mobile .mobile-cart .cart-preview{height:auto;max-height:none;overflow:visible}
  #header .header-nav .mobile .mobile-cart .cart-preview i.shopping-cart,#header .mobile .mobile-cart i.shopping-cart{font-size:2.25rem;width:2.25rem;height:2.25rem;line-height:1;display:flex;align-items:center;justify-content:center}
}
@media (max-width: 359px){
  #header .header-nav .mobile #menu-icon .material-icons,#header .mobile #menu-icon .material-icons{font-size:2rem;width:2rem;height:2rem;line-height:2rem}
  #header .header-nav .mobile .mobile-cart .cart-preview i.shopping-cart,#header .mobile .mobile-cart i.shopping-cart{font-size:1.75rem;width:1.75rem;height:1.75rem}
  .mobile-search .search-widgets{width:38px}
  .mobile-search .search-widgets form input.input{width:38px}
}

/* FOUC carruseles de productos (reporte Alex 09/07): pre-init los items se apilan a ancho
   completo (medido: 6 hijos x 1370px) y la 1a imagen se pinta gigante hasta que Owl (bundle
   diferido) los encaja -> desplazamiento real en campo (CLS). Pre-init: celdas ~grid y sin
   desbordes; al llegar .owl-loaded manda el plugin. NO oculta imagenes (LCP a salvo). */
.products.owl-carousel:not(.owl-loaded) {
  overflow: hidden;
  flex-wrap: nowrap;
}
.products.owl-carousel:not(.owl-loaded) > * {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 767px) {
  .products.owl-carousel:not(.owl-loaded) > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Thumbs movil del carrusel de imagenes (2o intento, 09/07, con causa MEDIDA): el init lleva
   autoWidth:true -> Owl toma el ancho NATURAL del item. En desktop la reserva >=992 (L732)
   dimensiona pre-init y Owl hereda 102; en movil no habia nada y las celdas salian a 230 en
   caja de 110 (cortadas). Se dimensiona el CONTENIDO (sin combinador >: casa pre y post-init)
   para que autoWidth capture celdas correctas. */
@media (max-width: 991px){
  #product .product-images .thumb-container,
  #product .product-images img.thumb {
    width: 94px;
    height: 94px;
    object-fit: contain;
  }
}

/* coverage bundle v6 orden original */
.bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }
.bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0px 4px 0px 0px; }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0px 0px 4px; }
.bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: 400; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/895e092292d88717adaa.woff2") format("woff2"), url("../../../classic/assets/css/83131b9daba3e9a7b2c7.woff") format("woff"), url("../../../classic/assets/css/057cc3c927dc0b2e8dbb.otf") format("truetype"); font-style: normal; font-weight: 800; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/dce0916af972e3040aa1.woff2") format("woff2"), url("../../../classic/assets/css/de69cd9e672c81725abc.woff") format("woff"), url("../../../classic/assets/css/29acb3c63123183305b0.otf") format("truetype"); font-style: normal; font-weight: 700; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/250c120c3f8b2b0bb58e.woff2") format("woff2"), url("../../../classic/assets/css/c80d4fb11dcc2140b260.woff") format("woff"), url("../../../classic/assets/css/fd2d932b381003546821.otf") format("truetype"); font-style: normal; font-weight: 600; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/a7360927bb3673ed7814.woff2") format("woff2"), url("../../../classic/assets/css/a8af1233a958bd1e96ed.woff") format("woff"), url("../../../classic/assets/css/40ef5dc59db6eeef1694.otf") format("truetype"); font-style: normal; font-weight: 500; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/52260854eea2d38939bf.woff2") format("woff2"), url("../../../classic/assets/css/0f099f4e4d67aeb18ab6.woff") format("woff"), url("../../../classic/assets/css/56b65c6bec8f40445da4.otf") format("truetype"); font-style: normal; font-weight: 400; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/57a1d494b0e76131f062.woff2") format("woff2"), url("../../../classic/assets/css/016d41b1da3f1f5aaa44.woff") format("woff"), url("../../../classic/assets/css/4db1ea0d15010c761ee5.otf") format("truetype"); font-style: normal; font-weight: 300; }
@font-face { font-family: Manrope; src: url("../../../classic/assets/css/38fa559ad8e8cbaee0c7.woff2") format("woff2"), url("../../../classic/assets/css/1e81f33d197ccdb39d4e.woff") format("woff"), url("../../../classic/assets/css/64041bf784575b30a79f.otf") format("truetype"); font-style: normal; font-weight: 200; }
body, html { font-family: Manrope, sans-serif; }
*, ::after, ::before { text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: rgb(255, 255, 255); }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
a { background-color: transparent; color: rgb(36, 185, 215); text-decoration: none; }
b, strong { font-weight: bolder; }
h1 { font-size: 2em; margin: 0.67em 0px; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
button, input, optgroup, select, textarea { font: inherit; margin: 0px; }
button, hr, input { overflow: visible; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a, button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
[type="checkbox"], [type="radio"], legend { box-sizing: border-box; padding: 0px; }
*, ::after, ::before { box-sizing: inherit; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; }
.page-content.page-cms ul, dl, ol, p, ul { margin-top: 0px; margin-bottom: 1rem; }
blockquote, figure { margin: 0px 0px 1rem; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
[role="button"], a, area, button, input, label, select, summary, textarea { touch-action: manipulation; }
table { border-collapse: collapse; background-color: transparent; }
label { display: inline-block; margin-bottom: 0.5rem; }
button, input, select, textarea { line-height: inherit; }
[hidden] { display: none !important; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: inherit; }
.h1, .h2, .h3 { font-weight: 700; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; line-height: 1.1; }
.h1, h1 { font-size: 1.375rem; }
.h2, h2 { font-size: 1.3125rem; }
.h3, .h4, h3, h4 { font-size: 1.125rem; }
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid, .img-thumbnail { max-width: 100%; height: auto; }
.container, .container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-6, .col-xs-7 { float: left; width: 50%; }
.col-xs-12 { float: left; width: 100%; }
.table { width: 100%; max-width: 100%; margin-bottom: 1rem; }
.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(246, 246, 246); }
.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(246, 246, 246); }
.table-responsive { display: block; width: 100%; min-height: 0%; overflow-x: auto; }
.form-control { display: block; width: 100%; font-size: 1rem; line-height: 1.25; background-color: rgb(255, 255, 255); background-image: none; background-clip: padding-box; border-radius: 0px; }
.btn { display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0px; }
.btn-primary, .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(36, 185, 215); border-color: transparent; }
.btn-outline-primary { color: rgb(36, 185, 215); background-image: none; background-color: transparent; border-color: rgb(36, 185, 215); }
.collapse { display: none; }
.input-group { position: relative; width: 100%; display: table; border-collapse: separate; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; }
.input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; }
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; }
.input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.25; color: rgb(122, 122, 122); text-align: center; background-color: rgb(246, 246, 246); border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0px; }
.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.input-group-addon:not(:last-child) { border-right: 0px; }
.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.form-control + .input-group-addon:not(:first-child) { border-left: 0px; }
.navbar-toggler { width: 2.5em; height: 2em; padding: 0.5rem 0.75rem; font-size: 0.9375rem; line-height: 1; background: center center / 24px 24px no-repeat; border: 1px solid transparent; border-radius: 0px; }
.breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(246, 246, 246); border-radius: 0px; }
.media-list, ul { padding-left: 0px; list-style: none; }
#wrapper .breadcrumb ol, .list-group { padding-left: 0px; margin-bottom: 0px; }
.modal, .modal-open { overflow: hidden; }
.modal { position: fixed; inset: 0px; z-index: 1050; display: none; outline: 0px; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }
.modal-body { position: relative; padding: 15px; }
.d-inline { display: inline !important; }
.float-xs-left { float: left !important; }
.float-xs-right { float: right !important; }
.text-xs-center { text-align: center !important; }
@font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: optional; src: local("Material Icons"), local("MaterialIcons-Regular"), url("../../../classic/assets/css/12a47ed5fd5585f0f422.woff2") format("woff2"), url("../../../classic/assets/css/f2a0933406f783065152.woff") format("woff"), url("../../../classic/assets/css/00b1fb69fb78ff50fd55.ttf") format("truetype"); }
.material-icons { display: inline-block; width: 1em; height: 1em; overflow: hidden; font-family: "Material Icons"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: none; letter-spacing: normal; overflow-wrap: normal; white-space: nowrap; vertical-align: middle; text-rendering: optimizelegibility; font-feature-settings: "liga"; }
body, html { height: 100%; }
.material-icons, body { direction: ltr; -webkit-font-smoothing: antialiased; }
body { font-family: Manrope, sans-serif; font-size: 1rem; line-height: 1.25em; }
.page-content.page-cms ul, p { font-size: 0.9375rem; font-weight: 400; color: rgb(122, 122, 122); }
.h1, .h2, .h3 { text-transform: uppercase; }
.h1, .h2, .h3, .h4, body { color: rgb(35, 35, 35); }
.btn-primary, .btn-secondary { padding: 0.5rem 1.25rem; font-weight: 600; text-transform: uppercase; }
.btn-primary .material-icons, .btn-secondary .material-icons, .btn-tertiary .material-icons { margin-right: 0.625rem; }
.block_newsletter form input[type="text"]:focus + button .search, .btn-unstyle:focus .expand-more, .search-widget form input[type="text"]:focus + button .search { color: rgb(36, 185, 215); }
.label, label { font-size: 0.875rem; color: rgb(35, 35, 35); text-align: right; }
.form-control { padding: 0.5rem 1rem; color: rgb(122, 122, 122); background: rgb(246, 246, 246); border: 1px solid rgba(0, 0, 0, 0.25); }
.input-group, body#checkout .custom-checkbox { display: flex; }
.bootstrap-touchspin { display: inline-block; float: left; width: auto; }
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { float: left; width: 3rem; height: 2.5rem; padding: 0.175rem 0.5rem; color: rgb(35, 35, 35); background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.25); }
.bootstrap-touchspin .btn-touchspin { height: 1.3125rem; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.25); }
.bootstrap-touchspin .input-group-btn-vertical { float: left; width: auto; color: rgb(35, 35, 35); }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0px; }
.bootstrap-touchspin .input-group-btn-vertical i { top: 0.0625rem; left: 0.1875rem; font-size: 0.9375rem; }
input[type="number"] { }
.block_newsletter form input[type="text"], .search-widget form input[type="text"] { min-width: 255px; padding: 10px; color: rgb(122, 122, 122); border: 1px solid rgba(0, 0, 0, 0.25); }
.block_newsletter form button[type="submit"], .search-widget form button[type="submit"] { position: absolute; right: 0.125rem; bottom: 0.3125rem; color: rgb(122, 122, 122); background: 0px 0px; border: 0px; }
#mobile_top_menu_wrapper { padding: 15px; background: rgb(255, 255, 255); }
body#checkout #footer { padding: 0.9375rem; color: rgb(122, 122, 122); background: rgb(255, 255, 255); }
#products .products, .featured-products .products, .product-accessories .products { display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title { margin: 2.5rem 0px; font-weight: 500; text-align: center; }
.product-miniature, .product-miniature .product { display: flex; -webkit-box-pack: center; justify-content: center; }
.product-miniature .product-thumbnail { display: block; }
.product-miniature .product-title a { font-size: 0.875rem; font-weight: 400; color: rgb(122, 122, 122); text-align: center; text-decoration: none; }
.product-miniature .thumbnail-container { position: relative; height: auto; margin-bottom: 1.563rem; overflow: hidden; background: rgb(255, 255, 255); }
.product-miniature .thumbnail-container .product-thumbnail { position: relative; height: calc(100% - 70px); }
.product-miniature .thumbnail-container .product-thumbnail img { position: relative; display: block; max-width: 100%; height: auto; margin: auto; }
.product-miniature .product-title { margin-top: 0.7rem; text-align: center; text-transform: capitalize; }
.product-miniature .product-price-and-shipping { font-weight: 700; color: rgb(35, 35, 35); text-align: center; }
.product-miniature .thumbnail-top { position: relative; overflow: hidden; }
.product-miniature .product-description { position: relative; bottom: 0px; height: auto; padding: 0.25rem 0.25rem 0.7rem; background: rgb(255, 255, 255); }
.product-miniature .regular-price { display: inline-block; font-size: 0.875rem; color: rgb(122, 122, 122); text-decoration: line-through; }
#product-modal .modal-content .modal-body .image-caption .page-content.page-cms ul, #product-modal .modal-content .modal-body .image-caption p, #search_filters .facet .facet-label, #search_filters_brands .facet .facet-label, #search_filters_suppliers .facet .facet-label, .page-content.page-cms #product-modal .modal-content .modal-body .image-caption ul, .social-sharing ul { margin-bottom: 0px; }
.block-categories .category-sub-menu li[data-depth="1"], .product-prices div { margin-bottom: 0.625rem; }
#product #content { position: relative; max-width: 452px; margin: 0px auto; }
.product-price { display: inline-block; max-width: 100%; color: rgb(36, 185, 215); }
.product-actions .add-to-cart { height: 2.75rem; padding-top: 0.625rem; line-height: inherit; }
.product-actions .add-to-cart .material-icons { line-height: inherit; }
.product-actions .product-add-to-cart { overflow-wrap: break-word; }
.block-social ul, .product-quantity { display: flex; }
.product-quantity .add, .product-quantity .qty { display: inline-flex; float: left; margin-bottom: 0.5rem; }
.product-quantity .qty { margin-right: 0.4rem; }
.product-quantity #quantity_wanted { width: 3rem; height: 2.75rem; padding: 0.175rem 0.5rem; color: rgb(35, 35, 35); background-color: rgb(255, 255, 255); }
.product-quantity .input-group-btn-vertical { width: auto; }
.product-quantity .input-group-btn-vertical .btn { padding: 0.5rem 0.6875rem; }
.product-quantity .input-group-btn-vertical .btn i { top: 0.125rem; left: 0.1875rem; font-size: 1rem; }
.product-quantity .btn-touchspin { height: 1.438rem; }
.product-discounts { margin-bottom: 1.5rem; }
.product-prices { margin-top: 1.25rem; }
.product-prices .tax-shipping-delivery-label { font-size: 0.8125rem; color: rgb(122, 122, 122); overflow-wrap: break-word; }
.product-customization small, .product-discount { color: rgb(122, 122, 122); }
.product-discount .regular-price { margin-right: 0.625rem; font-weight: 500; text-decoration: line-through; }
.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul { color: rgb(243, 157, 114); }
.product-cover { position: relative; margin-bottom: 1.25rem; }
#product-modal .modal-content .modal-body .product-cover-modal, .product-cover img { background: rgb(255, 255, 255); }
#product-modal .modal-content { padding: 0px; background: 0px 0px; border: 0px; }
#product-modal .modal-content .modal-body { display: flex; margin-left: -35%; }
#product-modal .modal-content .modal-body .image-caption { width: 100%; padding: 0.625rem 1.25rem; background: rgb(255, 255, 255); border-top: 1px solid rgb(246, 246, 246); }
#product-modal .modal-content .modal-body .thumbnails, .block_newsletter form { position: relative; }
#product-modal .modal-content .modal-body .mask { position: relative; z-index: 1; max-height: 49.38rem; margin-top: 2.188rem; overflow: hidden; }
#product-modal .modal-content .modal-body .product-images img { width: 9.25rem; cursor: pointer; background: rgb(255, 255, 255); }
#product-modal .modal-content .modal-body .arrows { position: absolute; top: 0px; right: 1.875rem; z-index: 0; width: 100%; height: 100%; color: rgb(255, 255, 255); text-align: center; cursor: pointer; }
#product-modal .modal-content .modal-body .arrows .arrow-up { position: absolute; top: -2rem; opacity: 0.2; }
#product-modal .modal-content .modal-body .arrows .arrow-down { position: absolute; bottom: -2rem; }
#product-modal .modal-content .modal-body .arrows i { display: inline; font-size: 6.25rem; }
#wrapper .breadcrumb li, .product-images > li.thumb-container { display: inline; }
.product-images > li.thumb-container .thumb { margin-bottom: 0.625rem; cursor: pointer; }
.scroll-box-arrows { display: none; }
.scroll-box-arrows i { position: absolute; bottom: 1.625rem; height: 100px; line-height: 100px; cursor: pointer; }
.scroll-box-arrows .left { left: 0px; }
.scroll-box-arrows .right { right: 0px; }
#product-availability { display: inline; margin-top: 0.625rem; font-weight: 700; }
.product-features { margin-top: 1.25rem; margin-left: 0.3125rem; }
.block-social ul li a:hover, .social-sharing li a:hover { color: transparent; }
#footer { padding-top: 2.5rem; }
#blockEmailSubscription_displayFooterBefore { float: inherit; width: 100%; margin: auto; }
.block-contact, .footer-container li a { font-size: 0.875rem; color: rgb(122, 122, 122); }
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a { color: rgb(35, 35, 35); }
.account-list a:hover, .block_newsletter form button[type="submit"] .search:hover, .footer-container li a:hover { color: rgb(36, 185, 215); }
.block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a { font-size: 1rem; font-weight: 700; }
.block-social { text-align: right; }
.block-social ul li { display: inline-block; width: 2.5rem; height: 2.5rem; margin: 0.125rem; cursor: pointer; background-color: rgb(246, 246, 246); background-repeat: no-repeat; }
.block-social ul li:hover { background-color: rgb(36, 185, 215); }
.block-social ul li a { display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.footer-container { padding-top: 2.5rem; overflow: hidden; }
.footer-container .h3, .footer-container .h4 { margin-bottom: 1rem; font-size: 1rem; }
.footer-container li { margin-bottom: 0.3125rem; }
.footer-container li a { cursor: pointer; }
.links .collapse { display: inherit; }
#footer .block_newsletter #block-newsletter-label, .customization-modal .modal-content .modal-body { padding-top: 0px; }
.block_newsletter { float: inherit; width: 100%; max-width: 50rem; margin: auto auto 0.625rem; clear: both; font-size: 0.875rem; background: rgb(255, 255, 255); }
.block_newsletter form input[type="text"]:focus { color: rgb(35, 35, 35); background: rgb(255, 255, 255); outline: rgb(36, 185, 215) solid 3px; }
.block_newsletter #block-newsletter-label { font-size: 1.3125rem; line-height: 1.75rem; color: rgb(35, 35, 35); }
.block_newsletter form .input-wrapper { overflow: hidden; }
.block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul, .block_newsletter form .row .col-xs-12:last-of-type p, .page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul { font-size: 0.75rem; color: rgb(122, 122, 122); }
.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type { margin-left: 0.5rem; }
.block_newsletter form input[type="email"] { width: 100%; padding: 11px; border: 1px solid rgb(221, 221, 221); }
.block_newsletter form input[type="email"]:focus { padding: 8px 8px 9px; border: 3px solid rgb(36, 185, 215); outline: 0px; }
.block_newsletter form input { height: 42px; box-shadow: none; }
#footer .block_newsletter .page-content.page-cms ul, #footer .block_newsletter p, .page-content.page-cms #footer .block_newsletter ul { padding-top: 0.625rem; }
#left-column .block_newsletter { padding: 1.563rem 1.25rem; margin-bottom: 1.563rem; }
#header { position: relative; z-index: 999; color: rgb(122, 122, 122); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 5px 0px; }
#header .logo { max-width: 100%; height: auto; }
#header .menu, #header .menu > ul > li { display: inline-block; }
#header .header-nav { max-height: 50px; border-bottom: 2px solid rgb(246, 246, 246); }
#header .header-nav #menu-icon { margin: 0px 1rem; vertical-align: middle; cursor: pointer; }
#header .header-nav #menu-icon .material-icons { line-height: 50px; }
#header .header-nav .user-info { margin-left: 2.5rem; text-align: right; }
#header .header-nav .language-selector, #header .header-nav .user-info { margin-top: 0.9375rem; white-space: nowrap; }
#header .header-nav .cart-preview .shopping-cart { color: rgb(122, 122, 122); vertical-align: middle; }
#header .header-nav .blockcart { height: 3rem; padding: 0.75rem; margin-left: 0.9375rem; text-align: center; white-space: nowrap; background: rgb(246, 246, 246); }
#header .header-nav .blockcart .header { margin-top: 0.125rem; }
#header .header-nav .material-icons { line-height: inherit; }
#header .header-top { padding: 1.25rem 0px; }
#header .header-top > .container { position: relative; }
#header .header-top .menu { padding-left: 15px; }
#header .header-top .position-static { position: static; }
#wrapper { padding-top: 1.563rem; background: rgb(246, 246, 246); }
#wrapper .banner { display: block; margin-bottom: 1.5rem; }
#wrapper .breadcrumb { padding: 0px; background: 0px 0px; }
#wrapper .breadcrumb[data-depth="1"] { display: none; }
#wrapper .breadcrumb li::after { margin: 0.3125rem; color: rgb(122, 122, 122); content: "/"; }
#wrapper .breadcrumb li:last-child { margin: 0px; color: rgb(122, 122, 122); content: "/"; }
#wrapper .breadcrumb li:last-child::after { content: ""; }
#main .page-content, #main .page-footer, #main .page-header { margin-bottom: 1.563rem; }
@media print{
*, .page-content.page-cms ul::first-line, ::after, ::before, ::first-letter, blockquote::first-line, div::first-line, li::first-line, p::first-line { text-shadow: none !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline; }
thead { display: table-header-group; }
blockquote, img, pre, tr { break-inside: avoid; }
.page-content.page-cms ul, h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
.table { border-collapse: collapse !important; }
}
@media (min-width: 576px){
.container { width: 540px; max-width: 100%; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; }
.col-sm-6, .col-sm-7 { float: left; width: 50%; }
.col-sm-12 { float: left; width: 100%; }
.modal-dialog { max-width: 600px; margin: 30px auto; }
.text-sm-left { text-align: left !important; }
.text-sm-center { text-align: center !important; }
.hidden-sm-up { display: none !important; }
}
@media (min-width: 768px){
.container { width: 720px; max-width: 100%; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; }
.col-md-2, .col-md-3 { float: left; width: 16.6667%; }
.col-md-3 { width: 25%; }
.col-md-4, .col-md-5 { float: left; width: 33.3333%; }
.col-md-6, .col-md-7 { float: left; width: 50%; }
.col-md-8, .col-md-9 { float: left; width: 66.6667%; }
.col-md-9 { width: 75%; }
.col-md-12 { float: left; width: 100%; }
.hidden-md-up { display: none !important; }
}
@media (min-width: 992px){
.container { width: 960px; max-width: 100%; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; }
.col-lg-6, .col-lg-7 { float: left; width: 50%; }
.hidden-lg-up { display: none !important; }
#product-modal .modal-content .modal-body .product-images { margin-left: 2.5rem; }
}
@media (min-width: 1200px){
.container { width: 1140px; max-width: 100%; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; }
.col-xl-2, .col-xl-3 { float: left; width: 16.6667%; }
.col-xl-3 { width: 25%; }
.col-xl-8, .col-xl-9 { float: left; width: 66.6667%; }
.col-xl-9 { width: 75%; }
}
@media (max-width: 575px){
.hidden-xs-down { display: none !important; }
}
@media (max-width: 767px){
.hidden-sm-down { display: none !important; }
.block-contact #contact-infos { padding: 0px 0.625rem 0.625rem; }
.block-social ul { flex-flow: wrap; }
.block-social ul li { width: 2rem; height: 2rem; margin-right: 1.3rem; margin-bottom: 1.3rem; background-size: contain; }
.block_newsletter { padding-bottom: 0.625rem; border-bottom: 1px solid rgb(246, 246, 246); }
.footer-container { margin-top: 0px; box-shadow: none; }
.footer-container .wrapper { padding-right: 0px !important; padding-left: 0px !important; }
.footer-container .links .h3 { font-size: 1rem; line-height: 1.5; }
.footer-container .links ul { margin-bottom: 0px; background-color: rgb(246, 246, 246); }
.footer-container .links ul > li { padding: 0.625rem; font-weight: 600; border-bottom: 1px solid rgb(255, 255, 255); }
.footer-container .links ul > li a { color: rgb(35, 35, 35); }
.links .collapse, .links .title .collapse-icons .remove, .links .title[aria-expanded="true"] .collapse-icons .add { display: none; }
.links .title { padding: 0.625rem; cursor: pointer; border-bottom: 1px solid rgb(246, 246, 246); }
.links .navbar-toggler { display: inline-block; padding: 0px; }
.block_newsletter { padding-top: 1rem; }
#header .top-logo { display: flex; -webkit-box-align: center; align-items: center; min-height: 50px; }
#header .top-logo img { width: auto; max-height: 2rem; }
}
@media (max-width: 991px){
.hidden-md-down { display: none !important; }
#product-modal .modal-content .modal-body, body#checkout section.checkout-step .delivery-option-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
#product-modal .modal-content .modal-body .product-cover-modal { max-width: 100%; height: auto; }
.product-cover img { width: 100%; height: auto; }
#product-modal .modal-content .modal-body { margin-left: 0px; }
#product-modal .modal-content .modal-body .arrows { display: none; }
#product-modal .modal-content .modal-body .image-caption { width: 100%; }
.block-social { text-align: center; }
.block-contact { padding-left: 1.5rem; }
}
#lgcookieslaw_fixed_button, .lgcookieslaw-banner { background-color: rgba(59, 59, 59, 0.9); box-shadow: rgb(112, 112, 112) 0px 1px 5px 0px; color: rgb(255, 255, 255) !important; }
#lgcookieslaw_banner .lgcookieslaw-banner-message p { color: rgb(255, 255, 255) !important; }
#lgcookieslaw_banner .lgcookieslaw-banner-message a { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; }
.lgcookieslaw-modal-header { border-top: 4px solid rgb(80, 151, 200) !important; }
.lgcookieslaw-button-container .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-badge, .lgcookieslaw-slider.lgcookieslaw-slider-checked { color: rgb(255, 255, 255) !important; background: rgb(80, 151, 200) !important; border-color: rgb(80, 151, 200) !important; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-modal .lgcookieslaw-reject-button { color: rgb(255, 255, 255) !important; background: rgb(80, 151, 200) !important; border-color: rgb(80, 151, 200) !important; }
#lgcookieslaw_banner { display: none; z-index: 10000001; position: fixed; left: 0px; width: 100%; padding: 16px 0px; color: rgb(255, 255, 255); font-family: "Noto Sans", sans-serif; -webkit-font-smoothing: antialiased; line-height: 20px; }
#lgcookieslaw_banner a { text-decoration: none; cursor: pointer; font-size: 15px; }
#lgcookieslaw_banner .lgcookieslaw-link-container { margin-top: 8px; }
#lgcookieslaw_banner .lgcookieslaw-link-container a.lgcookieslaw-link:not(:first-child) { margin-left: 7px; }
.lgcookieslaw-banner-message { display: block; width: calc(80% - 10px); margin-right: 10px; float: left; color: rgb(255, 255, 255); font-size: 16px; }
.lgcookieslaw-reject-button-enabled .lgcookieslaw-banner-message { width: calc(60% - 10px); }
.lgcookieslaw-banner-message p { color: rgb(255, 255, 255); margin-bottom: 8px; font-size: 14px; line-height: 20px; padding-bottom: 0px; }
.lgcookieslaw-button-container { display: block; width: 20%; float: left; }
.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container { width: 40%; display: flex; justify-content: space-between; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-button-container .lgcookieslaw-accept-button { text-align: center; min-height: 50px; cursor: pointer; font-size: 18px; text-transform: uppercase; background-color: rgb(139, 201, 84); border-color: rgb(139, 201, 84); color: rgb(255, 255, 255); }
.lgcookieslaw-button-container .lgcookieslaw-accept-button { display: block; width: 100%; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container .lgcookieslaw-accept-button { display: inline-block; width: 49%; }
.lgcookieslaw-modal { background: rgb(255, 255, 255); display: none; font-family: "Noto Sans", sans-serif; -webkit-font-smoothing: antialiased; color: rgb(68, 68, 68); padding: 0px !important; }
.lgcookieslaw-modal-header { padding: 20px 16px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; overflow: auto; border-top: 4px solid rgb(139, 201, 84); border-bottom: 1px solid rgb(228, 227, 227); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 2px -3px; z-index: 1070; }
.lgcookieslaw-modal-header .lgcookieslaw-modal-header-title { margin: 0px; padding: 0px; text-transform: uppercase; line-height: 22px; font-size: 20px; color: rgb(68, 68, 68); align-items: center; font-weight: 700; }
.lgcookieslaw-modal-body { padding: 16px; display: block; position: relative; overflow: auto; height: 417px; scroll-behavior: smooth; }
.lgcookieslaw-section { padding: 16px; display: flex; flex-wrap: wrap; border: 1px solid rgb(228, 227, 227); margin-bottom: 16px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.lgcookieslaw-section:last-child { margin-bottom: 0px; }
.lgcookieslaw-section-name { display: block; font-weight: 700; font-size: 16px; padding: 5px 15px; flex: 1 1 0%; line-height: 20px; }
.lgcookieslaw-badge { position: relative; top: -1px; right: -2px; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); line-height: 12px; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: rgb(138, 201, 84); border-radius: 10px; }
.lgcookieslaw-section-purpose { display: block; float: left; width: 100%; }
.lgcookieslaw-section-purpose-button { border-bottom: none; padding: 10px 15px; margin-top: 10px; margin-bottom: 0px; background-color: rgb(245, 245, 245); display: flex; justify-content: space-between; align-items: center; color: rgb(68, 68, 68); touch-action: manipulation; cursor: pointer; text-decoration: none; }
.lgcookieslaw-section-purpose-button .lgcookieslaw-section-purpose-button-title { margin: 0px; font-size: 14px; line-height: 20px; }
.lgcookieslaw-section-purpose-content.collapse { display: none; }
.lgcookieslaw-section-purpose-content-description { padding: 8px 16px; font-size: 14px; line-height: 20px; }
.lgcookieslaw-section-purpose-content-cookies-table { width: 100%; margin-top: 10px; max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0px; }
.lgcookieslaw-section-purpose-content-cookies-table caption + thead tr:first-child th, .lgcookieslaw-section-purpose-content-cookies-table caption + thead tr:first-child td, .lgcookieslaw-section-purpose-content-cookies-table colgroup + thead tr:first-child th, .lgcookieslaw-section-purpose-content-cookies-table colgroup + thead tr:first-child td, .lgcookieslaw-section-purpose-content-cookies-table thead:first-child tr:first-child th, .lgcookieslaw-section-purpose-content-cookies-table thead:first-child tr:first-child td { border-top: 0px; }
.lgcookieslaw-section-purpose-content-cookies-table > thead > tr > th { background: rgb(245, 245, 245); vertical-align: middle; border-bottom: 1px solid rgb(214, 212, 212); font-weight: 700; }
.lgcookieslaw-section-purpose-content-cookies-table thead > tr > th, .lgcookieslaw-section-purpose-content-cookies-table thead > tr > td, .lgcookieslaw-section-purpose-content-cookies-table tbody > tr > th, .lgcookieslaw-section-purpose-content-cookies-table tbody > tr > td, .lgcookieslaw-section-purpose-content-cookies-table tfoot > tr > th, .lgcookieslaw-section-purpose-content-cookies-table tfoot > tr > td { padding: 8px 16px; font-size: 13px; line-height: 20px; vertical-align: middle; border-top: 1px solid rgb(214, 212, 212); }
.lgcookieslaw-section-checkbox { display: inline-flex; width: 25%; justify-content: flex-end; padding-right: 47px; }
.lgcookieslaw-modal-footer { display: flex; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 2px -3px; border-top-style: solid; border-top-color: rgb(228, 227, 227); padding: 16px; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-left { width: 20%; display: flex; justify-content: flex-start; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-right { width: 80%; display: flex; justify-content: flex-end; }
.lgcookieslaw-modal-footer .lgcookieslaw-button { min-height: 40px; text-transform: none; color: rgb(255, 255, 255); font-size: 15px; display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-weight: 400; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 0px; white-space: nowrap; user-select: none; margin-right: 5px; }
.lgcookieslaw-modal-footer .lgcookieslaw-button:last-child { margin-right: 0px; }
.lgcookieslaw-switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.lgcookieslaw-slider-option { font-size: 14px; }
.lgcookieslaw-slider-option-left, .lgcookieslaw-slider-option-right { position: absolute; display: inline-block; line-height: 34px; font-weight: 700; }
.lgcookieslaw-slider-option-left { left: -35px; }
.lgcookieslaw-slider-option-right { left: 70px; }
.lgcookieslaw-switch input { opacity: 0 !important; width: 0px !important; height: 0px !important; }
.lgcookieslaw-slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 1px; transition: all 0.4s ease 0s; }
#lgcookieslaw_banner.lgcookieslaw-banner-floating { width: 40%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#lgcookieslaw_banner.lgcookieslaw-banner-floating > .container { display: table-cell; }
.lgcookieslaw-banner-floating .lgcookieslaw-banner-message, .lgcookieslaw-banner-floating .lgcookieslaw-button-container { width: 100%; }
.lgcookieslaw-banner-floating .lgcookieslaw-banner-message { margin-right: 0px; float: none; font-size: 15px; }
.lgcookieslaw-banner-floating .lgcookieslaw-button-container { margin-top: 15px; }
.lgcookieslaw-banner-floating .lgcookieslaw-reject-button, .lgcookieslaw-banner-floating .lgcookieslaw-accept-button { line-height: 10px; height: 40px !important; }
.lgcookieslaw-overlay { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; inset: 0px; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease 0s; }
.table-responsive { border: 0px !important; }
.lgcookieslaw-fixed-button { position: fixed; z-index: 5000; padding: 0px; height: 50px; width: 50px; bottom: 10px; cursor: pointer; background-color: rgb(68, 68, 68); display: none; justify-content: center; align-items: center; transition: transform 0.2s ease 0s !important; }
.lgcookieslaw-fixed-button.lgcookieslaw-fixed-button-left { left: 10px; }
@media only screen and (max-width: 991px){
.lgcookieslaw-banner-floating { width: 55% !important; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container .lgcookieslaw-accept-button { width: 100%; }
.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container .lgcookieslaw-accept-button { order: 0; margin-bottom: 5px; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button { order: 1; }
.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container { display: flex; flex-direction: column; }
}
@media only screen and (max-width: 767px){
.lgcookieslaw-banner-message { display: block; float: left; margin-bottom: 15px; margin-right: 0px; }
.lgcookieslaw-button-container { display: block; float: left; }
.lgcookieslaw-button-container, .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container, .lgcookieslaw-reject-button-enabled .lgcookieslaw-banner-message, .lgcookieslaw-banner-message { width: 100%; }
#lgcookieslaw_banner { padding: 0px; }
.lgcookieslaw-banner .container { width: 100%; padding: 15px !important; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-left { width: 100%; float: right; text-align: center; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-right { width: 100%; float: left; text-align: center; }
.lgcookieslaw-section-name { width: 50%; float: left; }
.lgcookieslaw-section-name .lgcookieslaw-badge { top: 0px; right: 0px; }
.lgcookieslaw-section-checkbox { width: 50%; }
.lgcookieslaw-banner-floating { width: 95% !important; }
.lgcookieslaw-banner-floating .lgcookieslaw-button-container { margin-top: 0px; }
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-button-container .lgcookieslaw-accept-button { font-size: 16px !important; }
}
@media only screen and (max-width: 599px){
.lgcookieslaw-modal-footer { flex-wrap: wrap; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-left { order: 1; margin-top: 5px; }
.lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-right { order: 0; flex-wrap: wrap; }
.lgcookieslaw-modal .lgcookieslaw-accept-button { order: 0; flex: 1 1 100%; margin-right: 0px; margin-bottom: 5px; }
.lgcookieslaw-modal .lgcookieslaw-partial-accept-button { order: 1; flex: 1 1 50%; margin-right: 0px; }
.lgcookieslaw-modal .lgcookieslaw-reject-button { order: 2; flex: 1 1 calc(50% - 5px); margin-right: 0px; margin-left: 5px; }
.lgcookieslaw-modal .lgcookieslaw-cancel-button { flex: 1 1 100%; }
}
@media only screen and (max-width: 449px){
.lgcookieslaw-section-name { width: 100%; text-align: center; }
.lgcookieslaw-section-checkbox { width: 100%; justify-content: center; margin-top: 5px; padding-right: 0px; }
.lgcookieslaw-modal .lgcookieslaw-partial-accept-button { flex: 1 1 100%; }
.lgcookieslaw-modal .lgcookieslaw-reject-button { order: 2; flex: 1 1 100%; margin-top: 5px; margin-left: 0px; }
}
@media only screen and (min-width: 768px){
.lgcookieslaw-banner .container { vertical-align: middle; max-width: 100%; margin: auto; }
.lgcookieslaw-banner-floating .container { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 0px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.lgcookieslaw-banner.lgcookieslaw-reject-button-enabled .container { padding: 0px 5% !important; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.lgcookieslaw-banner-floating { width: 45% !important; }
}
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel { display: none; width: 100%; z-index: 1; }
.owl-carousel .owl-stage { position: relative; touch-action: manipulation; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0px 0px; color: inherit; border: none; font: inherit; padding: 0px !important; }
.owl-carousel.owl-drag .owl-item { touch-action: pan-y; user-select: none; }
@font-face { font-family: Inter; src: url("../font/Inter.woff2") format("woff"); font-style: normal; font-weight: 100 900; font-display: optional; }
:root { --font: #222; --font-primary: #2b6288; --bg: #fff; --primary: #5097c8; --secondary: #9ec5e1; --tertiary: #ecf3f9; }
body { background: var(--bg); color: var(--font-primary); font-family: Inter, sans-serif; font-size: 16px; line-height: 1.5; font-optical-sizing: auto; font-style: normal; font-synthesis: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
p { color: var(--font-primary); line-height: 1.5; }
a { color: var(--primary); text-decoration: none; }
button.btn, a.btn, .btn { outline: none; transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
.btn-primary i, .btn-outline-primary i { display: flex; align-items: center; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin: 0px; }
.btn-outline-primary { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-color: var(--primary); color: var(--primary); font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.btn-primary { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-color: var(--primary); background: var(--primary); color: var(--bg); font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.btn-primary i { color: var(--bg); }
.d-none { display: none; }
.products-section-title, #products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title { color: var(--font-primary); font-weight: 600; margin: 0px 0px 1rem; padding: 0px 0px 0.5rem; font-size: 1.25rem; }
#header { position: sticky; top: 0px; }
#header .header-nav { max-height: fit-content; border: none; }
#header .header-nav .container .display-nav { display: flex; flex-direction: column; margin: 0px; padding: 0px; }
#header .display-nav1 { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; padding: 0.5rem 0px; border-bottom: 1px solid var(--secondary); min-height: 44px; }
#header .display-nav1 div { margin: 0px; padding: 0px; background: none; }
#header .display-nav1 ._desktop_user_info, #header .display-nav1 ._desktop_cart, #header .header-nav .cart-preview, #header .header-nav .user-info { height: 1.5rem; max-height: 1.5rem; overflow: hidden; }
#header .display-nav1 a, #header .display-nav1 span, #header .display-nav1 .header, #header .header-nav .cart-preview.active { background: none; color: var(--font-primary); line-height: 1; letter-spacing: 0px; font-size: 0.875rem; font-weight: 400; cursor: pointer; }
#header .header-nav .blockcart .header { display: flex; align-items: center; justify-content: flex-end; }
#header .header-nav .blockcart { padding: 0px; }
#header #_mobile_cart, #header .header-nav .cart-preview, #header .header-nav .user-info { background: none; display: flex; align-items: center; margin: 0px; width: fit-content; font-size: 0.925rem; line-height: 1; }
#header .mobile .mobile-cart { display: flex; align-items: center; min-width: 50px; }
#header .mobile ._desktop_user_info { display: none; }
#header .header-nav .cart-preview a, #header .header-nav .user-info span { display: flex; align-items: center; color: var(--font-primary); margin: 0px; text-decoration: none; }
#header .header-nav .cart-preview i.shopping-cart, #header .header-nav .user-info i { color: var(--font-primary); width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin-right: 0.25rem; }
#header .cart-preview .cart-products-count { font-size: 0.75rem; line-height: 1.5rem; color: var(--font-primary); margin-top: 0.15rem; margin-left: 0.15rem; }
#header .logo { width: auto; max-height: 2.75rem; }
#header .display-nav2 { display: flex; align-items: center; gap: 1rem; padding: 1rem 0px; border-bottom: 1px solid var(--secondary); }
#header .display-nav2 div { margin: 0px; padding: 0px; }
.search-widgets { width: 100%; border-radius: 2rem; overflow: hidden; border: 1px solid var(--primary); margin: 0px; }
.search-widgets form { width: 100%; position: relative; }
.search-widgets form .material-icons { width: 3rem; height: 37px; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; color: var(--bg); background: var(--primary); position: absolute; top: 0px; left: auto; right: 0px; }
#header .header-top { padding: 0px; }
#header .header-nav .row { margin: 0px; padding: 0px; }
#header .header-nav .row .mobile { width: 100%; display: flex; justify-content: space-between; gap: 0.5rem; }
#header .header-nav .row .mobile .mobile-search { display: flex; align-items: center; width: 75%; }
#header .header-nav .row .mobile::after, #header .header-nav .row .mobile .clearfix { display: none; }
#close-menu-out { position: absolute; display: block; right: 0px; top: 0px; width: 2.5rem; height: 100%; }
#header .header-nav #menu-icon, #header #menu-icon { display: flex; align-items: center; color: var(--primary); height: 50px; margin: 0px; padding: 0px; line-height: 1; }
#header .header-nav #menu-icon .material-icons, #header #menu-icon i { width: 2rem; height: 2rem; font-size: 2rem; line-height: 2rem; }
#header .header-top { position: relative; }
#mobile_top_menu_wrapper { width: 100%; min-height: calc(-50px + 100dvh); padding: 0px 2.5rem 0px 0px; margin: 0px; position: absolute; background: rgba(0, 0, 0, 0.2); overflow: hidden; }
#_mobile_top_menu { width: 100%; min-height: calc(-50px + 100dvh); background: var(--bg); }
#_mobile_top_menu .item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0px 0.5rem; height: 3rem; padding: 0px 0.75rem; border-bottom: 1px solid var(--secondary); cursor: pointer; }
#_mobile_top_menu .nav-buttons { display: flex; flex-wrap: wrap; width: 100%; line-height: 2.5rem; }
#_mobile_top_menu .nav-buttons div { width: 50%; display: flex; align-items: center; justify-content: center; color: var(--font-primary); border-bottom: 1px solid var(--tertiary); background: var(--tertiary); cursor: pointer; font-size: 0.925rem; }
#_mobile_top_menu .nav-buttons div i { margin-right: 0.25rem; }
#_mobile_top_menu .nav-buttons .account-links { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: calc(100% - 2.5rem); height: 100%; position: absolute; z-index: 3000; top: 2.5rem; right: 2.5rem; background: var(--bg); text-align: left; border: none; padding: 0.25rem; }
#_mobile_top_menu .nav-buttons .account-links span { width: 100%; background: var(--font-primary); color: var(--bg); line-height: 3rem; height: 3rem; padding: 0px 0.75rem; border-bottom: 1px solid var(--bg); cursor: pointer; }
#_mobile_top_menu .nav-buttons .account-links.d-none { display: none; }
#_mobile_top_menu .level { min-width: 100%; display: flex; flex-direction: column; background: var(--bg); padding: 0.25rem; }
#_mobile_top_menu .d-none { display: none; }
#_mobile_top_menu .submenu { width: 100%; max-height: calc(-50px - 3rem + 100dvh); overflow: auto; margin: 0px; padding: 0px 0.25rem 0.25rem 0px; }
#_mobile_top_menu .submenu .col-md-9 { padding: 0px; }
#_mobile_top_menu .back { display: flex; align-items: center; background: var(--primary); color: var(--bg); justify-content: flex-start; height: 3rem; padding: 0px 0.75rem; }
#_mobile_top_menu #menu-cart { display: none; }
#header .header-top .container, #header .header-top .container div.col-sm-12, #_desktop_top_menu { position: relative; width: 100%; margin: 0px; padding: 0px; }
#_desktop_top_menu .level_1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 1.5rem; font-weight: 600; text-transform: uppercase; cursor: pointer; }
#_desktop_top_menu .level_1 .item.has-children a { pointer-events: none; cursor: pointer; }
#_desktop_top_menu .level a { display: flex; align-items: center; color: var(--font-primary); padding: 0.75rem 0px; font-size: 0.9rem; cursor: pointer; transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
#_desktop_top_menu #menu-cart { text-transform: none; font-weight: 400; font-size: 0.85rem; color: var(--primary); }
#_desktop_top_menu .level_2 { display: flex; flex-wrap: wrap; gap: 1rem 0px; background: var(--tertiary); }
#_desktop_top_menu .submenu { display: flex; flex-flow: wrap; align-items: flex-start; flex: 1 1 100%; max-width: 1400px; margin: auto; padding: 2rem 0px; }
#_desktop_top_menu .submenu .content, #_desktop_top_menu .submenu .content p { height: 100%; color: var(--primary); font-size: 0.85rem; line-height: normal; }
#_desktop_top_menu .submenu .content strong { text-transform: uppercase; display: block; margin-bottom: 0.25rem; }
#_desktop_top_menu .submenu .col-md-9 { display: flex; flex-wrap: wrap; gap: 0px 1rem; }
#_desktop_top_menu .submenu .col-md-9 div { width: calc(33.33% - 0.75rem); }
#_desktop_top_menu .submenu.d-none { display: none; }
#_desktop_top_menu .submenu .item { display: flex; align-items: center; }
#_desktop_top_menu .submenu a { width: fit-content; display: flex; align-items: center; font-size: 0.9rem; color: var(--primary); padding: 0.5rem 0.75rem; transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
#_desktop_top_menu .submenu i { width: 1rem; height: 1rem; font-size: 0.95rem; line-height: 1.2; text-align: center; color: var(--secondary); transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
#_desktop_top_menu a.btn-primary { max-width: 100%; color: var(--bg); font-size: 0.825rem; white-space: initial; text-transform: none; font-weight: 500; }
#wrapper { padding: 0px; background: none; overflow-x: hidden; display: block; }
#main-content { margin: 0px; padding: 1rem; }
#wrapper .container { padding: 0px; width: 100%; display: flex; flex-direction: column-reverse; }
@media screen and (min-width: 1200px){
#wrapper .container { max-width: 1170px; margin-left: auto; margin-right: auto; }
}
@media screen and (min-width: 1400px){
#wrapper .container { max-width: 1370px; }
}
#wrapper #left-column { width: 100%; height: fit-content; padding: 0px; margin: 0px 0px 1rem; }
#wrapper #content-wrapper { width: 100%; padding: 0px; }
h1, .h1, h1.h2 { text-transform: none; text-align: center; font-weight: 700; font-size: 1.75rem; color: var(--font-primary); }
.breadcrumb { display: block; max-width: 100%; padding: 1rem 0px; margin: 0.5rem 0px; overflow: auto; }
.breadcrumb ol { width: max-content; display: flex; flex-wrap: nowrap; }
.breadcrumb span { font-size: 0.8rem; color: var(--primary); }
.breadcrumb a { text-decoration: none; }
#wrapper .breadcrumb li::after { color: var(--secondary); margin-left: 0px; }
.breadcrumb li:last-child span { font-weight: 600; color: var(--font-primary); }
#products .products, .featured-products .products, .product-accessories .products, .productos-relacionados .products { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; gap: 1.5rem; justify-content: flex-start; }
.product { padding: 0px; margin: 0px; max-width: 100%; }
.product .product-miniature { overflow: hidden; margin-bottom: 1px; border: 1px solid var(--secondary); }
.product .thumbnail-container { display: flex; flex-wrap: wrap; width: 100%; height: fit-content; margin: 0px; padding: 1rem; gap: 0px 1rem; }
.product .thumbnail-container .thumbnail-top { width: calc(30% - 0.5rem); }
.product .thumbnail-container .product-description { width: calc(70% - 0.5rem); }
.product .thumbnail-container .call2action { width: 100%; overflow: hidden; padding: 1px; }
.product .thumbnail-container .thumbnail picture { width: 100%; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; background: var(--bg); }
.product .thumbnail-container .thumbnail picture img { width: 100%; max-height: 100%; }
.product .product-description { padding: 0px; display: flex; flex-direction: column; gap: 0.5rem; }
.product .product-description * { margin: 0px; padding: 0px; color: var(--font); text-align: left; }
.product .product-description .reference { font-size: 0.85rem; color: var(--font-primary); }
.product .product-description .reference strong { font-weight: 600; color: var(--primary); }
.product .product-description .product-title a { font-weight: 700; font-size: 1.05rem; line-height: 1.2; text-transform: uppercase; color: var(--font-primary); display: flex; align-items: center; text-align: left; }
.product-prices { display: flex; flex-wrap: wrap; }
.product-prices .product-price { flex: 1 1 100%; padding: 0.5rem 1rem; text-align: center; background: var(--tertiary); }
.product-prices .product-price.has-discount, .product-prices .product-discount { flex: 1 1 50%; background: var(--tertiary); padding: 0.5rem; display: flex; align-items: center; justify-content: center; }
.product-prices .product-price, .product-prices .product-price .current-price, .product-prices .product-discount { margin: 0px; text-align: center; line-height: normal; }
.product-prices .product-price span, .product-prices .product-price .current-price span, .product-prices .product-discount span { width: 100%; text-align: center; }
.product-prices .product-price .current-price-value { display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.5rem; font-weight: 700; color: var(--primary); }
.product-prices .product-price .current-price-value.tax-incl { font-size: 0.8rem; font-weight: 400; margin-bottom: 0.25rem; line-height: normal; }
.product-prices .product-discount span { font-size: 1rem; font-weight: 400; margin: 0px; color: var(--font-primary); }
.product-prices .product-discount { padding: 0px; }
#product .product-units, .product-prices .product-units, .product .product-units { width: 100%; flex: 1 1 100%; font-size: 0.8rem; font-weight: 400; text-align: center; background: rgb(249, 249, 249); color: var(--font-primary); padding: 0.25rem; margin-top: 0.5rem; }
.product .product-add-to-cart { display: flex; align-items: center; justify-content: space-around; gap: 0px 0.5rem; margin-top: 0.5rem; }
.product .product-quantity { max-width: 100px; min-width: 100px; }
.product .add { width: 100%; }
.product .product-quantity .input-group { min-height: 3rem; text-align: center; }
.qty input { width: 100%; text-align: center; border: 1px solid var(--primary); color: var(--primary); font-size: 0.925rem; }
.qty, .bootstrap-touchspin { width: 100%; max-width: 100px; min-width: 100px; }
.bootstrap-touchspin .input-group { text-align: center; font-size: 0.85rem; }
.bootstrap-touchspin .input-group-btn-vertical { position: absolute; display: flex; flex-direction: row-reverse; justify-content: space-between; bottom: 0px; width: 100%; background: var(--bg); margin: 0px; padding: 0px; }
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .product-quantity #quantity_wanted, .bootstrap-touchspin .btn-touchspin { width: 100%; margin: 0px; padding: 0px; height: 3rem; color: var(--font-primary); text-align: center; border: 1px solid var(--primary); background: rgb(255, 255, 255); }
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .product-quantity #quantity_wanted { width: calc(100% - 4rem); margin-left: 2rem; border-left: none; border-right: none; }
.bootstrap-touchspin .input-group-btn-vertical i.touchspin-down, .bootstrap-touchspin .input-group-btn-vertical i.touchspin-up { top: 0px; left: 0px; width: 1.75rem; height: 2.9rem; font-size: 1rem; line-height: 1.7rem; text-align: center; border-right: 1px solid var(--primary); }
.bootstrap-touchspin .input-group-btn-vertical i.touchspin-up { right: 0px; left: auto; border-left: 1px solid var(--primary); border-right: none; }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: 0px; }
.product .add .btn { width: 100%; height: 3rem; text-align: center; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
.product .btn i { transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
.product .btn-primary { color: var(--bg); border-color: var(--primary); }
.product .btn-outline-primary:hover i, .product .btn-primary i { color: var(--bg); }
.product .tax-shipping-delivery-label, .product .product-quantity .control-label { display: none; }
.owl-item .product { width: 100%; max-width: 100%; }
.owl-carousel .owl-stage-outer { margin: 0px; }
.owl-carousel .owl-stage { padding-left: 0px; }
.owl-nav { position: absolute; width: 100%; top: 50%; font-size: 3rem; color: rgb(66, 143, 196); }
.owl-nav button { position: absolute; display: flex; align-items: center; z-index: 1; height: fit-content; opacity: 0.25; outline: none; transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
.owl-nav button span { height: fit-content; line-height: 1.75rem; }
.owl-nav .owl-prev { left: -1.5rem; }
.owl-nav .owl-next { right: -1.5rem; }
.owl-nav .disabled { display: none; }
.owl-carousel .product.col-sm-6, .owl-carousel .product.col-md-4, .owl-carousel .product.col-xl-3 { max-width: 100%; width: 100%; }
.owl-dots { width: 100%; height: auto; min-height: 1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 0.75rem; }
.owl-dots .owl-dot { outline: none; transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
.owl-dots .owl-dot span { display: block; width: 1rem; height: 1rem; border-radius: 1rem; background: var(--secondary); }
.owl-dots .owl-dot.active span { width: 2rem; background: var(--font-primary); }
#footer { padding: 0px; position: relative; z-index: 1001; }
#footer .footer-container { background: var(--tertiary); padding: 2rem 1rem; display: flex; }
#footer .footer-container .container { padding: 0px; }
#footer .footer-container .container .row { margin: 0px; width: 100%; }
#footer .footer-container .container .footer-before, #footer .footer-container .container .footer, #footer .footer-container .container .footer-after { width: 100%; display: flex; flex-direction: column; margin: 0px; }
#footer .footer-container .container { display: flex; flex-flow: column-reverse wrap; }
.block_newsletter { display: block; background: none; padding: 2rem 1rem; border: none; }
.block_newsletter div { margin: 0px; padding: 0px; }
.block_newsletter .row { display: block; padding: 0px; }
.block_newsletter .h2 { color: var(--font-primary); }
.block_newsletter .h3, .block_newsletter p { margin: 0px; padding: 0px; color: var(--primary); text-transform: none; font-weight: 400; line-height: normal; font-size: 0.8rem; }
#footer .block_newsletter .h3 { padding-bottom: 1rem; font-size: 1.025rem; font-weight: 500; }
.block_newsletter .custom-checkbox { display: block; padding-top: 0.5rem; color: var(--font-primary); }
.block_newsletter .custom-checkbox label { color: var(--font-primary); }
.block-social ul { width: 100%; margin: 0px; display: flex; justify-content: flex-end; gap: 0px 0.5rem; }
.block-social ul li { width: 2.5rem; height: 2.5rem; margin: 0px; background-color: var(--primary); }
.block-contact.wrapper { padding: 1rem; font-size: 0.875rem; color: var(--font-primary); }
.block-contact ul { list-style: initial; margin-left: 1.5rem; margin-top: 0.5rem; background: none; }
.block-contact ul li { border: none; padding: 0px; }
.block-contact a, .block-contact span, .footer-container li a, .footer-container li span { font-size: 0.875rem; color: var(--font-primary); cursor: pointer; }
#footer .links { padding: 0px; }
#footer .links ul { padding: 0px 0.5rem; }
#footer .links li { border: none; margin: 0px; }
#footer .links li a, #footer .links li span { color: var(--font-primary); }
#footer ul { background: none; }
#footer li { line-height: 1; }
#footer .title, #footer .h3, #footer .h4 { width: 100%; display: flex; align-items: center; justify-content: space-between; color: var(--font-primary); border-color: var(--secondary); margin: 0px; padding: 0.25rem 0px; }
#footer #copy { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0px 0.5rem; justify-content: center; background: var(--font-primary); color: var(--bg); padding: 0.75rem 0px; letter-spacing: 0.5px; font-size: 0.65rem; }
#footer #copy label { color: var(--bg); font-weight: 300; margin: 0px; font-size: 0.8rem; }
#footer #copy span { font-size: 0.65rem; color: var(--tertiary); margin-top: 0.15rem; cursor: pointer; }
#footer .kit-digital { display: flex; align-items: center; justify-content: center; }
#footer .kit-digital img { max-width: 100%; height: auto; }
#whatsapp { position: fixed; z-index: 100; right: 10px; bottom: 10px; cursor: pointer; }
#lgcookieslaw_banner { padding: 1rem; }
#lgcookieslaw_banner .container { flex-direction: column; }
@media screen and (min-width: 576px){
.container { width: 100%; }
.product.col-md-4, .product.col-xl-3 { width: 100%; }
}
@media screen and (min-width: 768px){
#footer .footer-container .footer { flex-direction: row; }
.product.col-md-4, .product.col-xl-3 { max-width: calc(50% - 0.75rem); }
}
@media screen and (min-width: 992px){
#header .display-nav2 { min-height: 78px; }
#wrapper .container { flex-direction: column; }
.breadcrumb { }
.product.col-md-4, .product.col-xl-3 { max-width: calc(33.33% - 1rem); }
.product .thumbnail-container { padding: 1rem; }
.product .thumbnail-container { flex-direction: column; gap: 0px; }
.product .thumbnail-container .thumbnail-top, .product .thumbnail-container .product-description { width: 100%; }
.product .product-description .product-title a { min-height: 5.2rem; }
.product-prices .product-discount { padding: 0.5rem; }
#footer .footer-container { padding-top: 4rem; }
#footer .footer-container .container, #footer .footer-container .container .footer-before, #footer .footer-container .container .footer, #footer .footer-container .container .footer-after { flex-direction: row; }
.block_newsletter { padding-top: 0px; }
#footer .links .wrapper { padding: 1rem 0px; }
#footer .links ul { padding: 0px; }
#footer .links ul li a, #footer .links ul li span { display: block; padding: 0.25rem 0px; }
#footer .title, #footer .h3, #footer .h4 { margin-bottom: 0.5rem; }
}
@media screen and (min-width: 1200px){
#header .container, #wrapper .container, #footer .container { width: 1200px; margin: auto; }
#header .header-nav .container { padding: 0px; }
.owl-carousel .product.col-xl-3 { max-width: 332px; }
}
@media screen and (min-width: 1400px){
#header .container, #wrapper .container, #footer .container { width: 1400px; }
.product.col-xl-3 { max-width: calc(25% - 1.125rem); }
}
@media (min-width: 992px){
#_desktop_top_menu { min-height: 46px; }
}
@media (max-width: 1499px){
body #header .header-nav .container { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 992px){
#footer .footer-container .block-contact { flex: 0 0 34%; max-width: 34%; }
#footer .footer-container .links { flex: 0 0 66%; max-width: 66%; }
#footer .links .row { display: flex; flex-wrap: nowrap; }
#footer .links .row > div { flex: 1 1 0%; max-width: none; }
}
#category:not(.distribuidora) #wrapper .breadcrumb, #category:not(.distribuidora) .category-description { padding-left: 2rem; padding-right: 2rem; }
@media (min-width: 992px) and (max-width: 1199px){
#_desktop_top_menu .level_1 { gap: 0.5rem 0.85rem; }
}
.top-logo img { max-height: 36px; width: auto; height: auto; }
.dfd-root { position: fixed !important; inset: 0px !important; z-index: 2147483600 !important; }
#content, #wrapper, #main, .page-content, #category { max-width: 100%; overflow-x: hidden; }
#content *, #wrapper * { max-width: 100%; box-sizing: border-box; }
.tabla-envases-fruta, .table-responsive { display: block; width: 100%; max-width: 100%; overflow-x: auto; }
.breadcrumb, nav.breadcrumb, .breadcrumb ol { max-width: 100%; overflow-x: auto; white-space: nowrap; display: block; }
.tabla-envases-fruta, .table-responsive { display: block; width: 100%; max-width: 100%; overflow-x: auto; }
.products.owl-carousel .owl-stage, .products.owl-carousel .owl-item { max-width: none !important; }
.product-categories .row.owl-carousel, .product-categories .row { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); display: grid !important; gap: 1rem !important; align-items: stretch !important; max-width: 100% !important; margin: 0px !important; }
.product-categories .row .owl-stage-outer, .product-categories .row .owl-stage, .product-categories .row .owl-item { display: contents !important; }
.product-categories .row .btn.btn-outline-primary { align-items: center; justify-content: center; margin: 0px; padding: 0.5rem 0.85rem; width: 100%; height: 100%; border: 1px solid var(--secondary); box-shadow: 0 .25rem .5rem var(--secondary); font-size: 1rem; font-weight: 600; line-height: normal; text-align: center; text-transform: none; white-space: normal; word-break: break-word; box-sizing: border-box; color: var(--primary); background: transparent; transition: all 0.3s ease-in-out 0s; display: flex !important; }
@media (max-width: 767px){
.product-categories .row.owl-carousel, .product-categories .row { grid-template-columns: 1fr 1fr; }
}
.product-images.owl-carousel .owl-stage, .product-images.owl-carousel .owl-item { max-width: none !important; }
@media (max-width: 767px){
#footer .footer-container .container .footer-before { display: contents; }
#footer .footer-container .container .block_newsletter { order: 10; width: 100%; }
#footer .footer-container .container .footer { order: 5; }
#footer .footer-container .container .footer-after { order: 3; }
#footer .footer-container .container .block-social { order: 2; width: 100%; margin: 1.75rem 0px 1.5rem; }
#footer .footer-container .container .kit-digital { order: -1; }
#footer .block-social ul { justify-content: center; gap: 0px 1.1rem; }
#footer .block-social ul li { width: 1.6rem; height: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#footer .block-social .linkedin { background-size: contain; }
}
#_desktop_top_menu a[href*="envases-baratos"], #_mobile_top_menu a[href*="envases-baratos"] { color: rgb(208, 2, 27) !important; font-weight: 700 !important; }
@media (min-width: 992px){
#product .product-add-to-cart { justify-content: flex-start; }
#product .product-add-to-cart .add { width: auto; max-width: 320px; flex: 0 1 320px; }
}
@media screen and (min-width: 1200px){
#footer .footer-container .container { max-width: 1170px; margin-left: auto; margin-right: auto; }
}
@media screen and (min-width: 1400px){
#footer .footer-container .container { max-width: 1370px; }
}
@media (max-width: 991px){
#product .product .thumbnail-container .thumbnail-top { width: 100% !important; }
#product .product .thumbnail-container .thumbnail-top img { max-width: 320px; width: 100% !important; height: auto !important; margin: 0px auto !important; display: block !important; }
#product .product .thumbnail-container .product-description { width: 100% !important; }
}
#product .products.owl-carousel .owl-stage { padding-left: 0px !important; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { margin: -14px; padding: 14px !important; }
#category:not(.distribuidora) #subcategories .subcategories-list .subcategory-name, #subcategories ul li .subcategory-name, .product .product-description .reference strong, .product-prices .product-price .current-price-value, .products .product-price .current-price-value, .product-price .regular-price, #product .product-variants-item .current-price-value, #product .product-variants-item .regular-price { color: var(--font-primary); }
.product .product-description, .product .product-description * { color: rgb(118, 118, 118); }
.product .product-description .reference strong { color: var(--font-primary); }
button.add-to-cart.btn-primary { background-color: var(--font-primary); border-color: var(--font-primary); }
.product .product-units, .products .product-units { color: rgb(108, 108, 108); }
#header .material-icons, #header .header-nav .cart-preview i.shopping-cart { color: var(--font-primary); }
#header .search-widgets .material-icons { color: rgb(255, 255, 255); background-color: var(--font-primary); }
.block-social ul li { background-color: var(--font-primary); }
body#product .product-header .reference strong, body#product .product-actions .product-quantity #quantity_wanted, #wrapper .bootstrap-touchspin input[name="qty"], .product-shipping-info, .product-shipping-info span, .product-shipping-info strong, body#product .product_custom_group .row a, body#product .product-data-sheet .data-sheet a { color: var(--font-primary); }
body#product .product_custom_group .row a.active { background-color: var(--font-primary); color: rgb(255, 255, 255); }
.btn-primary, #_desktop_top_menu a.btn-primary { background-color: var(--font-primary); border-color: var(--font-primary); }
#footer .links li a, .footer-container li a { display: inline-block; width: fit-content; min-height: 26px; padding: 6px 0px !important; }
#footer .links li { margin-bottom: 2px; }
#footer .links li span[onclick], .footer-container li span[onclick] { display: inline-block; width: fit-content; padding: 5px 0px; }
#footer .links li a:hover, .footer-container li a:hover, #footer .links li span[onclick]:hover, .footer-container li span[onclick]:hover { text-decoration: underline; }
#header .blockcart .header span.hidden-sm-down { display: none !important; }
#header .blockcart .cart-products-count { background: var(--font-primary); border-radius: 999px; min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 6px; font-size: 0.75rem; font-weight: 600; margin-left: 4px; line-height: 1; color: rgb(255, 255, 255) !important; }
@media (max-width: 991px){
#header .blockcart .cart-products-count { min-width: 24px; height: 24px; font-size: 0.875rem; }
}
#product #wrapper .container { width: 100%; }
#product .js-product-container { gap: 1.5rem 0px; display: flex; flex-wrap: wrap; }
#product .product-container .row { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#product .product-image { width: 100%; padding: 0px; }
#product .product-image .product-cover { margin-bottom: 0px; }
#product .product-image .product-cover picture, #product .product-image .product-images picture { width: 100%; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; }
#product .product-image .product-images { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0px; }
#product .product-image .product-images { height: 110px; overflow: hidden; }
#product .product-image .product-images .thumb-container { display: flex; aspect-ratio: 1 / 1; flex-direction: column; justify-content: center; align-items: center; }
#product .product-image img { margin: 0px; width: 100%; height: auto; border: 2px solid transparent; }
#product .product-image img.selected { border: 2px solid var(--primary); }
#product #content { max-width: 100%; }
#product .product-header { display: flex; flex-direction: column; gap: 0.5rem; }
#product .product-header .reference { font-size: 0.925rem; }
#product .product-header .reference strong { color: var(--primary); font-weight: 600; }
#product .h1 { text-align: left; text-transform: uppercase; font-weight: 700; font-size: 1.5rem; }
#product .product-description { font-size: 0.925rem; line-height: 1.2; }
#product .product-description ul { list-style: initial; margin: 1rem 0px; padding-left: 1.5rem; }
#product .product-description p, #product .product-description li { margin-bottom: 0.5rem; }
#product .col-xs-12, #product .product-actions * { margin: 0px; padding: 0px; }
#product .row.product-content { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 1rem; padding: 1rem; }
#product .product-content .col-md-6 { padding: 0px; width: 100%; }
#product .product-actions .product-add-to-cart, #product .reassurance { display: flex; flex-direction: column; gap: 1rem; }
#product .reassurance { gap: 2rem; margin-top: 2rem; }
#product .product-content .product-prices, #product .product-content .product-prices div { margin: 0px; }
#product .product-units { margin-top: 0.5rem; }
#product .product-quantity { width: 100%; display: flex; gap: 1rem; }
#product .product-quantity .qty { width: 100%; }
#product #quantity_wanted { width: calc(100% - 4rem); margin-left: 2rem; }
#product .product-quantity .add { width: 100%; }
#product .product-quantity .btn-primary, #product .product-quantity .btn-outline-primary { padding: 1.43rem; width: 100%; }
#product .product-additional-info { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
#product .product-shipping-info { display: flex; align-items: center; gap: 0.75rem; font-size: 0.925rem; line-height: 1.2; padding: 1rem; color: var(--primary); background: var(--tertiary); }
#product .product-shipping-info img { width: 2.25rem; }
#product .product-shipping-time { font-size: 0.85rem; line-height: 1.2; }
#product .product_custom_group { margin: 0px; }
#product .product_custom_group .h3 { font-size: 1rem; font-weight: 600; text-transform: none; padding: 0.75rem; text-align: center; background: rgb(249, 249, 249); color: var(--font-primary); margin-bottom: 1rem; }
#product .product_custom_group .row { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; }
#product .product_custom_group .row a { display: flex; align-items: center; justify-content: center; min-width: 0px; overflow-wrap: anywhere; padding: 0.75rem 0.5rem; text-align: center; background: var(--tertiary); color: var(--primary); font-size: 0.952rem; line-height: normal; transition: all 0.3s ease-in-out 0s; }
#product .product_custom_group .row a.active { background: var(--primary); color: var(--bg); }
@media (max-width: 399px){
#product .product_custom_group .row { grid-template-columns: 1fr; }
}
#product .product-add-to-cart .control-label, #product .tax-shipping-delivery-label, #product #product-availability { display: none; }
#product .benefits { display: flex; flex-direction: row; gap: 1rem; }
#product .benefits .col-md-4 { display: flex; width: 100%; align-items: center; justify-content: center; line-height: 1.1rem; font-size: 0.95rem; padding: 1rem; background: rgb(249, 249, 249); color: var(--font-primary); }
#product .benefits p { color: var(--font-primary); text-align: center; line-height: 1.1rem; margin: 0px; padding: 0px; }
#product .benefits p span { text-decoration: underline; cursor: pointer; }
#product .product-data-sheet { display: flex; flex-direction: column; gap: 1rem; background: rgb(249, 249, 249); padding: 2rem 0px; margin: 2rem 0px; }
#product .product-data-sheet .data-sheet * { margin: 0px; padding: 0px; }
#product .product-data-sheet .product-description * { color: var(--font-secondary); }
#product .product-data-sheet .h3 { color: var(--font-primary); }
#product .product-data-sheet .data-sheet .row { padding: 0.75rem 0px; border-top: 1px solid var(--secondary); }
#product .product-data-sheet .data-sheet .name { font-weight: 600; padding-left: 1rem; }
#product .product-data-sheet .data-sheet a { color: var(--primary); }
#product .product-categories { padding: 2rem 0px; }
#product .product-categories .row { display: flex; flex-flow: wrap; gap: 0.5rem; margin: 0px; }
#product .product-categories .owl-stage { margin: 0px 0.5rem 0.75rem; }
#product .product-categories .btn-outline-primary { padding: 0.75rem 1.5rem; font-weight: 600; font-size: 1rem; text-transform: none; background: var(--bg); color: var(--primary); border: 1px solid var(--secondary); box-shadow: 0 .25rem .25rem var(--secondary); transition: all 0.3s ease-in-out 0s; }
#product #wrapper .container { width: 100%; }
#product .productos-relacionados { padding: 2rem 0px; }
@media screen and (min-width: 768px){
#product .product-content .col-md-6 { width: 100%; }
}
@media screen and (min-width: 992px){
#product #main-content { padding: 1rem 0px 0px; }
#product .js-product-container { padding: 0px 1.5rem; gap: 1.5rem; }
#product .js-product-container .product-image { padding: 0px; width: calc(50% - 0.75rem); }
#product .js-product-container .product-content { padding: 0px; width: calc(50% - 0.75rem); }
#product .product-data-sheet { padding: 3rem 0px; }
#product .benefits .col-md-4 { max-width: calc(33.33% - 0.7rem); text-align: center; }
}
@media screen and (min-width: 1200px){
#product .js-product-container { padding: 0px; gap: 1.5rem; }
#product #wrapper .breadcrumb, #product #wrapper .product-container, #product #wrapper .product-data-sheet .col-xs-12, #product #wrapper .product-categories, #product #wrapper .productos-relacionados { width: 1200px; margin: auto; }
#product #wrapper .breadcrumb { padding: 0.5rem 0px; margin-bottom: 1rem; }
#product .product-content .col-md-6 { max-width: calc(50% - 0.5rem); }
}
@media screen and (min-width: 1400px){
#product #wrapper .breadcrumb, #product #wrapper .product-container, #product #wrapper .product-data-sheet .col-xs-12, #product #wrapper .product-categories, #product #wrapper .productos-relacionados { width: 1400px; }
}
#product .product-image .product-cover { aspect-ratio: 1 / 1; }
#product .product-actions .product-quantity { width: 100%; display: flex; gap: 16px; align-items: center; }
#product .product-actions .product-quantity .qty { flex: 0 1 150px; min-width: 118px; width: auto; max-width: 150px; }
#product .product-actions .product-quantity .bootstrap-touchspin { width: 100%; min-width: 0px; max-width: none; display: flex; align-items: stretch; }
#product .product-actions .product-quantity .input-group-btn-vertical { position: static; display: contents; }
#product .product-actions .product-quantity .btn-touchspin { position: static; flex: 0 0 42px; width: 42px; height: 48px; background: rgb(236, 243, 249); border: 1px solid var(--primary); margin: 0px; font-size: 1.35rem; font-weight: 700; color: var(--primary); line-height: 1; padding: 0px; border-radius: 0px; box-shadow: none; }
#product .product-actions .product-quantity .bootstrap-touchspin-down { order: 0; }
#product .product-actions .product-quantity .bootstrap-touchspin-up { order: 2; border-left: 1px solid var(--primary); }
#product .product-actions .product-quantity #quantity_wanted { position: static; order: 1; flex: 1 1 auto; width: auto; min-width: 34px; margin: 0px; height: 48px; background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: none; border-right: none; text-align: center; font-weight: 600; font-size: 1.05rem; color: var(--primary); -webkit-font-smoothing: antialiased; text-shadow: none; padding: 0px; box-shadow: none; border-radius: 0px; }
#product .product-actions .product-quantity i.touchspin-up, #product .product-actions .product-quantity i.touchspin-down { position: static; width: auto; height: auto; border: none; line-height: 48px; font-size: 1.35rem; margin: 0px; }
#product .product-actions .product-quantity .add { flex: 1 1 auto; width: auto; min-width: 0px; }
#product .product-actions .product-quantity .add .btn { width: 100%; min-width: 0px; padding: 0px 10px; height: 48px; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
#product .product-actions .product-quantity .btn .material-icons { margin-right: 0.4rem; flex: 0 0 auto; }
#product .product-miniature form.product-add-to-cart { display: flex; align-items: center; gap: 16px; width: 100%; min-width: 0px; }
#product .product-miniature .product-quantity { display: flex; align-items: stretch; flex: 0 0 auto; width: auto; min-width: 0px; gap: 0px; margin: 0px; }
#product .product-miniature .product-quantity .bootstrap-touchspin { display: flex; align-items: stretch; flex: 0 0 auto; width: auto; min-width: 0px; max-width: none; position: static; }
#product .product-miniature .product-quantity .input-group-btn-vertical { display: contents; position: static; }
#product .product-miniature .product-quantity .btn-touchspin { position: static; flex: 0 0 34px; width: 34px; height: 48px; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 1px solid var(--primary); color: var(--primary); font-size: 1.2rem; font-weight: 700; line-height: 1; box-shadow: none; border-radius: 0px; }
#product .product-miniature .product-quantity .bootstrap-touchspin-down { order: 0; }
#product .product-miniature .product-quantity .bootstrap-touchspin-up { order: 2; border-left: 1px solid var(--primary); }
#product .product-miniature .product-quantity input.input-group.form-control { position: static; order: 1; flex: 0 1 52px; width: 52px; min-width: 36px; height: 48px; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: none; border-right: none; text-align: center; font-weight: 600; color: var(--font-primary); box-shadow: none; outline: none; border-radius: 0px; }
#product .product-miniature .product-quantity i.touchspin-up, #product .product-miniature .product-quantity i.touchspin-down { position: static; width: auto; height: auto; border: none; line-height: 48px; font-size: 1.2rem; margin: 0px; }
#product .product-miniature form.product-add-to-cart .add { flex: 1 1 auto; width: auto; min-width: 0px; margin: 0px; }
#product .product-miniature form.product-add-to-cart .add .btn { width: 100%; min-width: 0px; height: 48px; padding: 0px 10px; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
#product .product-miniature .call2action { container-type: inline-size; }
#product .product-miniature form.product-add-to-cart .add .btn { gap: 0.35rem; }
#product .product-miniature form.product-add-to-cart .add .btn .material-icons { margin: 0px; width: auto; flex: 0 0 auto; display: inline-flex; }
@media (max-width: 420px){
#product .product-actions .product-quantity { gap: 12px; }
#product .product-miniature form.product-add-to-cart { gap: 12px; }
}
#product .product-actions .product-quantity .btn-touchspin, #product .product-miniature .product-quantity .btn-touchspin { display: flex; align-items: center; justify-content: center; }
#product .product-actions .product-quantity .btn-touchspin i, #product .product-miniature .product-quantity .btn-touchspin i { line-height: 1; height: auto; display: flex; align-items: center; justify-content: center; }
#product .product-actions .product-quantity .btn-touchspin i, #product .product-miniature .product-quantity .btn-touchspin i { width: 100%; }
@media (min-width: 768px) and (max-width: 991px){
#product .js-product-container { display: flex; flex-wrap: wrap; }
#product .js-product-container .product-image, #product .js-product-container .product-content { float: none; width: 100%; max-width: 100%; }
#product #main-content { padding: 1rem 1.5rem 0px; }
}
@media (min-width: 992px) and (max-width: 1199px){
#product #main-content { padding: 1rem 1.5rem 0px; }
#product #wrapper .breadcrumb { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1200px) and (max-width: 1399px){
#product .product-actions .product-quantity .qty { flex: 0 1 118px; }
#product .product-actions .product-quantity { gap: 12px; }
}
#product .product-actions .product-quantity .btn-touchspin, #product .product-miniature .product-quantity .btn-touchspin { position: relative !important; }
#product .product-actions .product-quantity .btn-touchspin i, #product .product-miniature .product-quantity .btn-touchspin i { position: absolute !important; inset: 0px !important; width: auto !important; height: auto !important; margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
@media (max-width: 1199px){
#product .js-product-container { margin-left: 0px; margin-right: 0px; }
}