@keyframes drift-fadeZoomIn {
  0% {
    transform: scale(1.5);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes drift-fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1; }
  15% {
    transform: scale(1.1);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    opacity: 0; } }

@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }

@keyframes drift-loader-before {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(6px); }
  25% {
    transform: scale(1.3) translateX(8px); }
  40% {
    transform: scale(1.2) translateX(6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(6px); }
  75% {
    transform: scale(0.7) translateX(8px); }
  90% {
    transform: scale(0.8) translateX(6px); }
  100% {
    transform: scale(1); } }

@keyframes drift-loader-after {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(-6px); }
  25% {
    transform: scale(1.3) translateX(-8px); }
  40% {
    transform: scale(1.2) translateX(-6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(-6px); }
  75% {
    transform: scale(0.7) translateX(-8px); }
  90% {
    transform: scale(0.8) translateX(-6px); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes drift-fadeZoomIn {
  0% {
    -webkit-transform: scale(1.5);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes drift-fadeZoomOut {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  15% {
    -webkit-transform: scale(1.1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
    opacity: 0; } }

@-webkit-keyframes drift-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg); } }

@-webkit-keyframes drift-loader-before {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2) translateX(6px); }
  25% {
    -webkit-transform: scale(1.3) translateX(8px); }
  40% {
    -webkit-transform: scale(1.2) translateX(6px); }
  50% {
    -webkit-transform: scale(1); }
  60% {
    -webkit-transform: scale(0.8) translateX(6px); }
  75% {
    -webkit-transform: scale(0.7) translateX(8px); }
  90% {
    -webkit-transform: scale(0.8) translateX(6px); }
  100% {
    -webkit-transform: scale(1); } }

@-webkit-keyframes drift-loader-after {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px); }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px); }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px); }
  50% {
    -webkit-transform: scale(1); }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px); }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px); }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px); }
  100% {
    -webkit-transform: scale(1); } }

.drift-zoom-pane {
  background: rgba(0, 0, 0, 0.5);
  /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 180ms ease-out;
  -webkit-animation: drift-fadeZoomIn 180ms ease-out; }

.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 210ms ease-in;
  -webkit-animation: drift-fadeZoomOut 210ms ease-in; }

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1800ms infinite linear;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear; }

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9); }

.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1800ms infinite linear;
  -webkit-animation: drift-loader-before 1800ms infinite linear; }

.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
  -webkit-animation-delay: -900ms; }

.drift-bounding-box {
  background-color: rgba(0, 0, 0, 0.4); }

@charset "UTF-8";
:focus {
  outline: none; }

.navbar-brand {
  margin-right: 0; }

.grecaptcha-badge {
  visibility: hidden; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: fadeOut; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: fadeIn; }

.drift-zoom-pane.drift-open img {
  object-fit: contain;
  opacity: 1 !important;
  transition: auto !important; }

/*loading buttons*/
@keyframes load {
  0% {
    left: 0;
    width: 0%; }
  50% {
    left: 0%;
    width: 100%; }
  100% {
    left: 100%;
    width: 0%; } }

.cursor-default {
  cursor: default; }

/**********************
sticky header
-----------------------
function stickyHeader() 
archivo /common/header.js

***********************/
.bs-sticky-header {
  position: fixed !important;
  width: 100%;
  z-index: 1000; }

/***************************
hidden search
****************************/
.bs-search-hidden.show {
  display: flex !important;
  position: absolute;
  padding: 0 1rem;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  bottom: 0;
  background: white;
  align-items: center; }

/***********************
sticky footer
------------------------
sólo css
************************/
html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }
  body > * {
    flex-shrink: 0; }
  body .bs-main {
    flex: 1 0 auto;
    padding: 1rem 0; }

a:not([class*="btn"]):hover, a:not([class*="btn"]):visited, a:not([class*="btn"]):active {
  text-decoration: none; }

a[data-product] {
  display: inline-block; }

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  border: 0; }
  @media screen and (min-width: 576px) {
    .btn-transparent-sm {
      background-color: transparent;
      border-color: transparent;
      border: 0; } }
  @media screen and (min-width: 768px) {
    .btn-transparent-md {
      background-color: transparent;
      border-color: transparent;
      border: 0; } }
  @media screen and (min-width: 992px) {
    .btn-transparent-lg {
      background-color: transparent;
      border-color: transparent;
      border: 0; } }
  @media screen and (min-width: 1200px) {
    .btn-transparent-xl {
      background-color: transparent;
      border-color: transparent;
      border: 0; } }

/*******************************
    facebook whatsapp
********************************/
.bs-chat {
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 992px) {
    .bs-chat {
      position: fixed;
      bottom: 50%;
      right: 1rem;
      flex-direction: column;
      z-index: 999; }
      .bs-chat a {
        background: white;
        border-radius: 50rem;
        border: 1px solid #eaeaea; } }
  .bs-chat a {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: .25rem;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }

.btn {
  text-decoration: none;
  /*&-instagram{
        &, i{
            background:  #cc2366; 
            background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
            background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
            background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        &:hover{
            background:  #cc2366; 
            background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
            background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
            background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
            color:white;
            i{
                color:white !important;
                -webkit-text-fill-color: white !important;
                -webkit-background-clip: inherit !important;
                border-color:transparent;
                background:transparent;
            }
        }
    }*/ }
  .btn-whatsapp {
    color: #25D366; }
    .btn-whatsapp:hover {
      background: #25D366;
      border-color: #25D366;
      color: white; }
  .btn-facebook {
    color: #0099FF; }
    .btn-facebook:hover {
      background: #0099FF;
      border-color: #0099FF;
      color: white; }

.form-control:focus {
  box-shadow: 0 0 0 0 transparent;
  border-color: #ced4da; }

.noCollection {
  display: none !important; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

/*****************************************
filtros
******************************************/
*[data-bs='filter.range.size'] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem; }

/**********************************
    noUi-target: estilo para establecer el diseño y el fondo del control deslizante

***********************************/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

/**********************************
   noUi-connect: configura las propiedades relacionadas con el segmento deslizante

***********************************/
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #b0bec5; }

[disabled] .noUi-connect {
  background: #B8B8B8; }

/**********************************
    .noUi-handle	Los mangos reales, visibles. 
    
***********************************/
.noUi-handle {
  position: absolute; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

[disabled] .noUi-handle,
[disabled] .noUi-handle,
[disabled] .noUi-target {
  cursor: not-allowed; }

/**********************************
 .noUi-origin	Los elementos conectados a la base, definiendo las ubicaciones del asa.   
    
***********************************/
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/**********************************
  noUi Slider filtro de precio
***********************************/
.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-horizontal {
  height: 18px; }

.noUi-vertical {
  width: 18px; }

.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.bs-discount[data-bs='cart.item.discount'], .bs-discount[data-bs='product.discount'] {
  opacity: 0; }

/****************************************
    > discount v1.0
*****************************************/
.bs-discount {
  position: absolute;
  z-index: 50;
  font-size: .75rem; }
  @media screen and (min-width: 768px) {
    .bs-discount {
      font-size: 1rem; } }
  @media screen and (min-width: 992px) {
    .bs-discount {
      font-size: 1.25rem; } }
  .bs-discount.bs-discount-xs {
    font-size: .75rem; }
  .bs-discount.right {
    right: 0; }
  .bs-discount.bottom {
    bottom: 0; }
  .bs-discount span, .bs-discount strong {
    box-sizing: border-box; }

/***********************
  triangulo 
************************/
.bs-discount.triangle {
  width: 6em;
  height: 3em; }
  .bs-discount.triangle::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-right: 3em solid transparent;
    border-top: 2em solid black;
    border-left: 3em solid black;
    border-bottom: 2em solid transparent; }
  .bs-discount.triangle span, .bs-discount.triangle strong {
    position: relative;
    top: -3em;
    width: 100%;
    padding: 0 .5em;
    display: block;
    color: white;
    text-align: left; }
  .bs-discount.triangle.right::before {
    border-right: 3em solid black;
    border-top: 2em solid black;
    border-left: 3em solid transparent;
    border-bottom: 2em solid transparent; }
  .bs-discount.triangle.right span, .bs-discount.triangle.right strong {
    text-align: right; }

/************************************
  estrella ie11 + otros
*************************************/
.bs-discount.star {
  display: flex;
  transform: rotate(15deg); }
  .bs-discount.star::before, .bs-discount.star::after, .bs-discount.star span::before, .bs-discount.star span::after, .bs-discount.star strong::before, .bs-discount.star strong::after, .bs-discount.star, .bs-discount.star span, .bs-discount.star strong {
    height: 2.6em;
    width: 2.6em;
    background: black; }
  .bs-discount.star::before, .bs-discount.star::after, .bs-discount.star span::before, .bs-discount.star span::after, .bs-discount.star strong::before, .bs-discount.star strong::after {
    content: " ";
    display: block;
    position: absolute; }
  .bs-discount.star::before, .bs-discount.star span::before, .bs-discount.star strong::before {
    transform: rotate(30deg);
    left: 0;
    top: 0; }
  .bs-discount.star::after, .bs-discount.star span::after, .bs-discount.star strong::after {
    transform: rotate(60deg);
    top: 0;
    left: 0; }
  .bs-discount.star span, .bs-discount.star strong {
    color: white;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-15deg);
    z-index: 150; }
  .bs-discount.star span::before, .bs-discount.star span::after, .bs-discount.star strong::before, .bs-discount.star strong::after {
    z-index: -1; }

/*************************************
  flag
**************************************/
.bs-discount.flag-down,
.bs-discount.flag-side {
  background: black;
  color: white;
  text-align: center;
  width: 4em;
  line-height: 3em; }

/*************************************
    flag-down
**************************************/
.bs-discount.flag-down::after {
  content: " ";
  border-left: 2em solid black;
  border-right: 2em solid black;
  border-bottom: 1em solid transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0; }

/*********************************
  flag-side left
**********************************/
.bs-discount.left.flag-side::after {
  content: " ";
  border-top: 1.5em solid black;
  border-bottom: 1.5em solid black;
  border-right: 1em solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0; }

/*********************************
  flag-side right
**********************************/
.bs-discount.right.flag-side::after {
  content: " ";
  border-top: 1.5em solid black;
  border-bottom: 1.5em solid black;
  border-left: 1rem solid transparent;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0; }

/*************************************
  tag
**************************************/
.bs-discount.tag {
  margin: .25rem;
  background: black;
  color: white;
  text-align: center;
  width: 4rem;
  line-height: 3.5rem; }

/******************************
   tag right
******************************/
.bs-discount.tag.right::before,
.bs-discount.tag.right::after {
  content: " ";
  display: block;
  position: absolute;
  right: 100%; }

.bs-discount.tag.right::before {
  border-top: 1.75rem solid transparent;
  border-bottom: 1.75rem solid transparent;
  border-right: 1rem solid black;
  top: 0;
  bottom: 0; }

.bs-discount.tag.right::after {
  height: 0.4rem;
  width: 0.4rem;
  background: white;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%; }

/******************************
   tag left
******************************/
.bs-discount.tag.left::before,
.bs-discount.tag.left::after {
  content: " ";
  display: block;
  position: absolute;
  left: 100%; }

.bs-discount.tag.left::before {
  border-top: 1.75rem solid transparent;
  border-bottom: 1.75rem solid transparent;
  border-left: 1rem solid black;
  top: 0;
  bottom: 0; }

.bs-discount.tag.left::after {
  height: 0.4rem;
  width: 0.4rem;
  background: white;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%; }

/******************************
   tag corner badge
******************************/
.bs-discount.corner-badge {
  height: 5rem;
  width: 5rem;
  overflow: hidden; }
  .bs-discount.corner-badge.right {
    transform: rotate(90deg); }
  .bs-discount.corner-badge span, .bs-discount.corner-badge strong {
    display: block;
    position: absolute;
    background: black;
    color: white;
    width: 7rem;
    text-align: center;
    left: -1.5rem;
    top: 1rem;
    transform: rotate(-45deg); }

/*****************************************
  hexagon
******************************************/
.bs-discount.hexagon {
  margin: 0.5rem;
  color: white;
  width: 4rem;
  height: 2rem;
  background: black; }
  .bs-discount.hexagon, .bs-discount.hexagon span, .bs-discount.hexagon strong {
    display: flex;
    align-items: center;
    justify-content: center; }
  .bs-discount.hexagon::before, .bs-discount.hexagon::after {
    content: "";
    position: absolute;
    border-left: solid transparent 2rem;
    border-right: solid transparent 2rem; }
  .bs-discount.hexagon::before {
    bottom: 100%;
    border-bottom: solid black 1.4rem; }
  .bs-discount.hexagon::after {
    top: 100%;
    border-top: solid black 1.4rem; }

/*************************************
  > circle
**************************************/
.bs-discount.circle {
  background: black;
  color: white;
  height: 4em;
  width: 4em;
  border-radius: 500em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -.5em; }

/**************************************
  form-A
***************************************/
.bs-discount.form-A {
  background: black;
  color: white;
  padding: 1em;
  margin: 0.5em; }
  .bs-discount.form-A, .bs-discount.form-A.left {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  .bs-discount.form-A.right {
    border-radius: 70% 30% 30% 70% / 30% 30% 70% 70%; }

/*************************
bubble
*************************/
.bs-discount.bubble {
  background: black;
  color: white;
  height: 3.6em;
  width: 3.6em;
  border-radius: 500em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -.5em; }
  .bs-discount.bubble span, .bs-discount.bubble strong {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .bs-discount.bubble span::after, .bs-discount.bubble span::before, .bs-discount.bubble strong::after, .bs-discount.bubble strong::before {
      content: " ";
      display: block;
      width: 1rem;
      height: 1rem;
      background: black;
      border-radius: 50%;
      position: absolute; }
    .bs-discount.bubble span:after, .bs-discount.bubble strong:after {
      bottom: -0.125rem;
      left: .35rem; }
    .bs-discount.bubble span:before, .bs-discount.bubble strong:before {
      top: -0.125rem;
      right: .35rem; }
  .bs-discount.bubble::after, .bs-discount.bubble::before {
    content: " ";
    display: block;
    width: .5rem;
    height: .5rem;
    background: black;
    border-radius: 50%;
    position: absolute; }
  .bs-discount.bubble:after {
    left: -.125rem;
    bottom: 0.5rem; }
  .bs-discount.bubble:before {
    right: -.125rem;
    top: 0.5rem; }

/*************************
ovalado
*************************/
.bs-discount.ovalado {
  background-color: black;
  border-radius: 100%;
  color: white;
  padding: 0 0.5em;
  font-size: 1.5rem; }

/*************************
cuadrado
*************************/
.bs-discount.cuadrado {
  top: 8px;
  color: white;
  background: black;
  padding: .75rem .65rem; }

.bs-pagination ul {
  display: flex; }

.bs-pagination ul,
.bs-pagination li {
  margin: 0;
  padding: 0;
  list-style: none; }

.bs-pagination a,
.bs-pagination span {
  margin: 0 .25rem;
  padding: .5rem 1rem; }

/***************************************
    > textos
****************************************/
.bs-trunc {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 2rem;
  margin: 0; }

/**************************************
    > slider
**************************************/
.slick-dots {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0; }
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    padding: .5rem; }
    .slick-dots li button:focus {
      outline: none; }
    .slick-dots li button:before {
      display: block;
      content: "X";
      width: 1rem;
      height: 1rem;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 50%; }
  .slick-dots li .active button:before {
    background: rgba(0, 0, 0, 0.8); }

.slider-left > .slick-list > .slick-track {
  margin-left: 0; }

/***********************************************
    > slick slider
***********************************************/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.bs-horizontal-slider {
  overflow: hidden; }
  .bs-horizontal-slider.slick-initialized {
    display: flex;
    align-items: center; }
  .bs-horizontal-slider .slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .bs-horizontal-slider .slick-slide {
    height: auto;
    width: 100%; }
  .bs-horizontal-slider .slick-track {
    display: flex;
    width: 100%; }
  .bs-horizontal-slider .slick-list {
    width: 100%; }
  .bs-horizontal-slider .bs-product {
    padding: 1rem;
    height: 100%; }
  .bs-horizontal-slider .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem; }
    .bs-horizontal-slider .slick-arrow:hover {
      background: silver; }

.slidesToShow-1 {
  display: flex; }
  .slidesToShow-1 > .item:nth-child(n+ 2) {
    display: none !important; }
  .slidesToShow-1 > .item:not(:nth-child(n+ 2)) {
    width: 100%;
    display: flex !important; }

.slidesToShow-2 {
  display: flex; }
  .slidesToShow-2 > .item:nth-child(n+ 3) {
    display: none !important; }
  .slidesToShow-2 > .item:not(:nth-child(n+ 3)) {
    width: 50%;
    display: flex !important; }

.slidesToShow-3 {
  display: flex; }
  .slidesToShow-3 > .item:nth-child(n+ 4) {
    display: none !important; }
  .slidesToShow-3 > .item:not(:nth-child(n+ 4)) {
    width: 33.33333%;
    display: flex !important; }

.slidesToShow-4 {
  display: flex; }
  .slidesToShow-4 > .item:nth-child(n+ 5) {
    display: none !important; }
  .slidesToShow-4 > .item:not(:nth-child(n+ 5)) {
    width: 25%;
    display: flex !important; }

.slidesToShow-5 {
  display: flex; }
  .slidesToShow-5 > .item:nth-child(n+ 6) {
    display: none !important; }
  .slidesToShow-5 > .item:not(:nth-child(n+ 6)) {
    width: 20%;
    display: flex !important; }

.slidesToShow-6 {
  display: flex; }
  .slidesToShow-6 > .item:nth-child(n+ 7) {
    display: none !important; }
  .slidesToShow-6 > .item:not(:nth-child(n+ 7)) {
    width: 16.66667%;
    display: flex !important; }

.slidesToShow-7 {
  display: flex; }
  .slidesToShow-7 > .item:nth-child(n+ 8) {
    display: none !important; }
  .slidesToShow-7 > .item:not(:nth-child(n+ 8)) {
    width: 14.28571%;
    display: flex !important; }

.slidesToShow-8 {
  display: flex; }
  .slidesToShow-8 > .item:nth-child(n+ 9) {
    display: none !important; }
  .slidesToShow-8 > .item:not(:nth-child(n+ 9)) {
    width: 12.5%;
    display: flex !important; }

.slidesToShow-9 {
  display: flex; }
  .slidesToShow-9 > .item:nth-child(n+ 10) {
    display: none !important; }
  .slidesToShow-9 > .item:not(:nth-child(n+ 10)) {
    width: 11.11111%;
    display: flex !important; }

.slidesToShow-10 {
  display: flex; }
  .slidesToShow-10 > .item:nth-child(n+ 11) {
    display: none !important; }
  .slidesToShow-10 > .item:not(:nth-child(n+ 11)) {
    width: 10%;
    display: flex !important; }

.slidesToShow-11 {
  display: flex; }
  .slidesToShow-11 > .item:nth-child(n+ 12) {
    display: none !important; }
  .slidesToShow-11 > .item:not(:nth-child(n+ 12)) {
    width: 9.09091%;
    display: flex !important; }

.slidesToShow-12 {
  display: flex; }
  .slidesToShow-12 > .item:nth-child(n+ 13) {
    display: none !important; }
  .slidesToShow-12 > .item:not(:nth-child(n+ 13)) {
    width: 8.33333%;
    display: flex !important; }

@media screen and (min-width: 576px) {
  .slidesToShow-sm-1 {
    display: flex; }
    .slidesToShow-sm-1 > .item:nth-child(n+ 2) {
      display: none !important; }
    .slidesToShow-sm-1 > .item:not(:nth-child(n+ 2)) {
      width: 100%;
      display: flex !important; }
  .slidesToShow-sm-2 {
    display: flex; }
    .slidesToShow-sm-2 > .item:nth-child(n+ 3) {
      display: none !important; }
    .slidesToShow-sm-2 > .item:not(:nth-child(n+ 3)) {
      width: 50%;
      display: flex !important; }
  .slidesToShow-sm-3 {
    display: flex; }
    .slidesToShow-sm-3 > .item:nth-child(n+ 4) {
      display: none !important; }
    .slidesToShow-sm-3 > .item:not(:nth-child(n+ 4)) {
      width: 33.33333%;
      display: flex !important; }
  .slidesToShow-sm-4 {
    display: flex; }
    .slidesToShow-sm-4 > .item:nth-child(n+ 5) {
      display: none !important; }
    .slidesToShow-sm-4 > .item:not(:nth-child(n+ 5)) {
      width: 25%;
      display: flex !important; }
  .slidesToShow-sm-5 {
    display: flex; }
    .slidesToShow-sm-5 > .item:nth-child(n+ 6) {
      display: none !important; }
    .slidesToShow-sm-5 > .item:not(:nth-child(n+ 6)) {
      width: 20%;
      display: flex !important; }
  .slidesToShow-sm-6 {
    display: flex; }
    .slidesToShow-sm-6 > .item:nth-child(n+ 7) {
      display: none !important; }
    .slidesToShow-sm-6 > .item:not(:nth-child(n+ 7)) {
      width: 16.66667%;
      display: flex !important; }
  .slidesToShow-sm-7 {
    display: flex; }
    .slidesToShow-sm-7 > .item:nth-child(n+ 8) {
      display: none !important; }
    .slidesToShow-sm-7 > .item:not(:nth-child(n+ 8)) {
      width: 14.28571%;
      display: flex !important; }
  .slidesToShow-sm-8 {
    display: flex; }
    .slidesToShow-sm-8 > .item:nth-child(n+ 9) {
      display: none !important; }
    .slidesToShow-sm-8 > .item:not(:nth-child(n+ 9)) {
      width: 12.5%;
      display: flex !important; }
  .slidesToShow-sm-9 {
    display: flex; }
    .slidesToShow-sm-9 > .item:nth-child(n+ 10) {
      display: none !important; }
    .slidesToShow-sm-9 > .item:not(:nth-child(n+ 10)) {
      width: 11.11111%;
      display: flex !important; }
  .slidesToShow-sm-10 {
    display: flex; }
    .slidesToShow-sm-10 > .item:nth-child(n+ 11) {
      display: none !important; }
    .slidesToShow-sm-10 > .item:not(:nth-child(n+ 11)) {
      width: 10%;
      display: flex !important; }
  .slidesToShow-sm-11 {
    display: flex; }
    .slidesToShow-sm-11 > .item:nth-child(n+ 12) {
      display: none !important; }
    .slidesToShow-sm-11 > .item:not(:nth-child(n+ 12)) {
      width: 9.09091%;
      display: flex !important; }
  .slidesToShow-sm-12 {
    display: flex; }
    .slidesToShow-sm-12 > .item:nth-child(n+ 13) {
      display: none !important; }
    .slidesToShow-sm-12 > .item:not(:nth-child(n+ 13)) {
      width: 8.33333%;
      display: flex !important; } }

@media screen and (min-width: 768px) {
  .slidesToShow-md-1 {
    display: flex; }
    .slidesToShow-md-1 > .item:nth-child(n+ 2) {
      display: none !important; }
    .slidesToShow-md-1 > .item:not(:nth-child(n+ 2)) {
      width: 100%;
      display: flex !important; }
  .slidesToShow-md-2 {
    display: flex; }
    .slidesToShow-md-2 > .item:nth-child(n+ 3) {
      display: none !important; }
    .slidesToShow-md-2 > .item:not(:nth-child(n+ 3)) {
      width: 50%;
      display: flex !important; }
  .slidesToShow-md-3 {
    display: flex; }
    .slidesToShow-md-3 > .item:nth-child(n+ 4) {
      display: none !important; }
    .slidesToShow-md-3 > .item:not(:nth-child(n+ 4)) {
      width: 33.33333%;
      display: flex !important; }
  .slidesToShow-md-4 {
    display: flex; }
    .slidesToShow-md-4 > .item:nth-child(n+ 5) {
      display: none !important; }
    .slidesToShow-md-4 > .item:not(:nth-child(n+ 5)) {
      width: 25%;
      display: flex !important; }
  .slidesToShow-md-5 {
    display: flex; }
    .slidesToShow-md-5 > .item:nth-child(n+ 6) {
      display: none !important; }
    .slidesToShow-md-5 > .item:not(:nth-child(n+ 6)) {
      width: 20%;
      display: flex !important; }
  .slidesToShow-md-6 {
    display: flex; }
    .slidesToShow-md-6 > .item:nth-child(n+ 7) {
      display: none !important; }
    .slidesToShow-md-6 > .item:not(:nth-child(n+ 7)) {
      width: 16.66667%;
      display: flex !important; }
  .slidesToShow-md-7 {
    display: flex; }
    .slidesToShow-md-7 > .item:nth-child(n+ 8) {
      display: none !important; }
    .slidesToShow-md-7 > .item:not(:nth-child(n+ 8)) {
      width: 14.28571%;
      display: flex !important; }
  .slidesToShow-md-8 {
    display: flex; }
    .slidesToShow-md-8 > .item:nth-child(n+ 9) {
      display: none !important; }
    .slidesToShow-md-8 > .item:not(:nth-child(n+ 9)) {
      width: 12.5%;
      display: flex !important; }
  .slidesToShow-md-9 {
    display: flex; }
    .slidesToShow-md-9 > .item:nth-child(n+ 10) {
      display: none !important; }
    .slidesToShow-md-9 > .item:not(:nth-child(n+ 10)) {
      width: 11.11111%;
      display: flex !important; }
  .slidesToShow-md-10 {
    display: flex; }
    .slidesToShow-md-10 > .item:nth-child(n+ 11) {
      display: none !important; }
    .slidesToShow-md-10 > .item:not(:nth-child(n+ 11)) {
      width: 10%;
      display: flex !important; }
  .slidesToShow-md-11 {
    display: flex; }
    .slidesToShow-md-11 > .item:nth-child(n+ 12) {
      display: none !important; }
    .slidesToShow-md-11 > .item:not(:nth-child(n+ 12)) {
      width: 9.09091%;
      display: flex !important; }
  .slidesToShow-md-12 {
    display: flex; }
    .slidesToShow-md-12 > .item:nth-child(n+ 13) {
      display: none !important; }
    .slidesToShow-md-12 > .item:not(:nth-child(n+ 13)) {
      width: 8.33333%;
      display: flex !important; } }

@media screen and (min-width: 992px) {
  .slidesToShow-lg-1 {
    display: flex; }
    .slidesToShow-lg-1 > .item:nth-child(n+ 2) {
      display: none !important; }
    .slidesToShow-lg-1 > .item:not(:nth-child(n+ 2)) {
      width: 100%;
      display: flex !important; }
  .slidesToShow-lg-2 {
    display: flex; }
    .slidesToShow-lg-2 > .item:nth-child(n+ 3) {
      display: none !important; }
    .slidesToShow-lg-2 > .item:not(:nth-child(n+ 3)) {
      width: 50%;
      display: flex !important; }
  .slidesToShow-lg-3 {
    display: flex; }
    .slidesToShow-lg-3 > .item:nth-child(n+ 4) {
      display: none !important; }
    .slidesToShow-lg-3 > .item:not(:nth-child(n+ 4)) {
      width: 33.33333%;
      display: flex !important; }
  .slidesToShow-lg-4 {
    display: flex; }
    .slidesToShow-lg-4 > .item:nth-child(n+ 5) {
      display: none !important; }
    .slidesToShow-lg-4 > .item:not(:nth-child(n+ 5)) {
      width: 25%;
      display: flex !important; }
  .slidesToShow-lg-5 {
    display: flex; }
    .slidesToShow-lg-5 > .item:nth-child(n+ 6) {
      display: none !important; }
    .slidesToShow-lg-5 > .item:not(:nth-child(n+ 6)) {
      width: 20%;
      display: flex !important; }
  .slidesToShow-lg-6 {
    display: flex; }
    .slidesToShow-lg-6 > .item:nth-child(n+ 7) {
      display: none !important; }
    .slidesToShow-lg-6 > .item:not(:nth-child(n+ 7)) {
      width: 16.66667%;
      display: flex !important; }
  .slidesToShow-lg-7 {
    display: flex; }
    .slidesToShow-lg-7 > .item:nth-child(n+ 8) {
      display: none !important; }
    .slidesToShow-lg-7 > .item:not(:nth-child(n+ 8)) {
      width: 14.28571%;
      display: flex !important; }
  .slidesToShow-lg-8 {
    display: flex; }
    .slidesToShow-lg-8 > .item:nth-child(n+ 9) {
      display: none !important; }
    .slidesToShow-lg-8 > .item:not(:nth-child(n+ 9)) {
      width: 12.5%;
      display: flex !important; }
  .slidesToShow-lg-9 {
    display: flex; }
    .slidesToShow-lg-9 > .item:nth-child(n+ 10) {
      display: none !important; }
    .slidesToShow-lg-9 > .item:not(:nth-child(n+ 10)) {
      width: 11.11111%;
      display: flex !important; }
  .slidesToShow-lg-10 {
    display: flex; }
    .slidesToShow-lg-10 > .item:nth-child(n+ 11) {
      display: none !important; }
    .slidesToShow-lg-10 > .item:not(:nth-child(n+ 11)) {
      width: 10%;
      display: flex !important; }
  .slidesToShow-lg-11 {
    display: flex; }
    .slidesToShow-lg-11 > .item:nth-child(n+ 12) {
      display: none !important; }
    .slidesToShow-lg-11 > .item:not(:nth-child(n+ 12)) {
      width: 9.09091%;
      display: flex !important; }
  .slidesToShow-lg-12 {
    display: flex; }
    .slidesToShow-lg-12 > .item:nth-child(n+ 13) {
      display: none !important; }
    .slidesToShow-lg-12 > .item:not(:nth-child(n+ 13)) {
      width: 8.33333%;
      display: flex !important; } }

@media screen and (min-width: 1200px) {
  .slidesToShow-xl-1 {
    display: flex; }
    .slidesToShow-xl-1 > .item:nth-child(n+ 2) {
      display: none !important; }
    .slidesToShow-xl-1 > .item:not(:nth-child(n+ 2)) {
      width: 100%;
      display: flex !important; }
  .slidesToShow-xl-2 {
    display: flex; }
    .slidesToShow-xl-2 > .item:nth-child(n+ 3) {
      display: none !important; }
    .slidesToShow-xl-2 > .item:not(:nth-child(n+ 3)) {
      width: 50%;
      display: flex !important; }
  .slidesToShow-xl-3 {
    display: flex; }
    .slidesToShow-xl-3 > .item:nth-child(n+ 4) {
      display: none !important; }
    .slidesToShow-xl-3 > .item:not(:nth-child(n+ 4)) {
      width: 33.33333%;
      display: flex !important; }
  .slidesToShow-xl-4 {
    display: flex; }
    .slidesToShow-xl-4 > .item:nth-child(n+ 5) {
      display: none !important; }
    .slidesToShow-xl-4 > .item:not(:nth-child(n+ 5)) {
      width: 25%;
      display: flex !important; }
  .slidesToShow-xl-5 {
    display: flex; }
    .slidesToShow-xl-5 > .item:nth-child(n+ 6) {
      display: none !important; }
    .slidesToShow-xl-5 > .item:not(:nth-child(n+ 6)) {
      width: 20%;
      display: flex !important; }
  .slidesToShow-xl-6 {
    display: flex; }
    .slidesToShow-xl-6 > .item:nth-child(n+ 7) {
      display: none !important; }
    .slidesToShow-xl-6 > .item:not(:nth-child(n+ 7)) {
      width: 16.66667%;
      display: flex !important; }
  .slidesToShow-xl-7 {
    display: flex; }
    .slidesToShow-xl-7 > .item:nth-child(n+ 8) {
      display: none !important; }
    .slidesToShow-xl-7 > .item:not(:nth-child(n+ 8)) {
      width: 14.28571%;
      display: flex !important; }
  .slidesToShow-xl-8 {
    display: flex; }
    .slidesToShow-xl-8 > .item:nth-child(n+ 9) {
      display: none !important; }
    .slidesToShow-xl-8 > .item:not(:nth-child(n+ 9)) {
      width: 12.5%;
      display: flex !important; }
  .slidesToShow-xl-9 {
    display: flex; }
    .slidesToShow-xl-9 > .item:nth-child(n+ 10) {
      display: none !important; }
    .slidesToShow-xl-9 > .item:not(:nth-child(n+ 10)) {
      width: 11.11111%;
      display: flex !important; }
  .slidesToShow-xl-10 {
    display: flex; }
    .slidesToShow-xl-10 > .item:nth-child(n+ 11) {
      display: none !important; }
    .slidesToShow-xl-10 > .item:not(:nth-child(n+ 11)) {
      width: 10%;
      display: flex !important; }
  .slidesToShow-xl-11 {
    display: flex; }
    .slidesToShow-xl-11 > .item:nth-child(n+ 12) {
      display: none !important; }
    .slidesToShow-xl-11 > .item:not(:nth-child(n+ 12)) {
      width: 9.09091%;
      display: flex !important; }
  .slidesToShow-xl-12 {
    display: flex; }
    .slidesToShow-xl-12 > .item:nth-child(n+ 13) {
      display: none !important; }
    .slidesToShow-xl-12 > .item:not(:nth-child(n+ 13)) {
      width: 8.33333%;
      display: flex !important; } }

/***************
owl
***************/
.bs-owl-compact.bs-owl-compact .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: black; }

.bs-owl-compact.bs-owl-compact .owl-nav {
  margin: 0; }
  .bs-owl-compact.bs-owl-compact .owl-nav .owl-prev, .bs-owl-compact.bs-owl-compact .owl-nav .owl-next {
    position: absolute;
    top: 0;
    bottom: 0; }
    .bs-owl-compact.bs-owl-compact .owl-nav .owl-prev:focus, .bs-owl-compact.bs-owl-compact .owl-nav .owl-next:focus {
      outline: none; }
    .bs-owl-compact.bs-owl-compact .owl-nav .owl-prev span, .bs-owl-compact.bs-owl-compact .owl-nav .owl-next span {
      font-size: 2rem;
      padding: 1rem; }
  .bs-owl-compact.bs-owl-compact .owl-nav .owl-prev {
    left: 0; }
  .bs-owl-compact.bs-owl-compact .owl-nav .owl-next {
    right: 0; }

.bs-owl-compact.bs-owl-compact .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

/***********************************************
    > img cuadrada 
************************************************/
.bs-img-square {
  width: 100%;
  position: relative; }
  .bs-img-square::after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .bs-img-square picture {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
    .bs-img-square picture img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      -o-object-fit: contain; }
  .bs-img-square.vertical::after {
    padding-bottom: 125%; }
  .bs-img-square.horizontal::after {
    padding-bottom: 75%; }
  .bs-img-square.cover picture img {
    object-fit: cover;
    -o-object-fit: cover; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bs-img-square picture {
    display: flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center; }
  .bs-img-square picture img {
    position: relative;
    max-width: 100%;
    height: auto; } }

[data-bs="video"].embed-responsive iframe,
[data-bs="video"].embed-responsive img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: black; }

[data-bs="video"] img {
  cursor: pointer; }
  [data-bs="video"] img:hover + .icon, [data-bs="video"] img + .icon:hover {
    color: white;
    opacity: 1; }

[data-bs="video"] .icon {
  cursor: pointer;
  position: absolute;
  z-index: 50;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  margin: 0 auto;
  color: silver;
  opacity: 0.75;
  font-size: 4rem; }

/*************************************************
    > articulos
**************************************************/
/*
.bs-article{
    img{
        max-width:100%;
        height:auto;
    }
    .fr-fic.fr-dib{
        float:none;
        display:block;
        text-align:center;
        margin: .5rem auto;
    }
    .fr-img-wrap{
        display:flex;
        flex-direction:column;
    }
    .fr-bordered{
        border:.25rem solid;
    }
    .fr-rounded{
        border-radius:1rem;
    }
}

.fr-img-caption.fr-fic.fr-dib .fr-img-wrap{
    margin:0 auto;
}
img.fr-shadow,
.fr-shadow .fr-img-wrap{
    box-shadow: 0 10px 6px -6px rgba(0,0,0,.25), 0 5px 3px -3px rgba(0,0,0,.35) ;
}
@media screen and (min-width:768px){
   .bs-article .fr-fic.fr-dib.fr-fil{
        float:left;
        margin: .5rem 1rem .5rem 0rem;
    }
    .bs-article .fr-fic.fr-dib.fr-fir{
        float:right;
        margin: .5rem 0rem .5rem 1rem;
    } 
}
*/
.z-index-0 {
  z-index: auto; }

.z-index-1 {
  z-index: 1000; }

.z-index-2 {
  z-index: 1010; }

.z-index-3 {
  z-index: 1020; }

.z-index-4 {
  z-index: 1030; }

.z-index-5 {
  z-index: 1040; }

.z-index-6 {
  z-index: 1050; }

.z-index-7 {
  z-index: 1060; }

.z-index-8 {
  z-index: 1070; }

/*.position-absolute{
    position:absolute !important;
    &-sm{
      @media screen and (min-width: 576px){
          position:static !important;
      }  
    }
    &-md{
        @media screen and (min-width: 768px){
            position:static !important;
        } 
    }
    &-lg{
        @media screen and (min-width: 992px){
            position:static !important;
        }
    }
    &-xl{
        @media screen and (min-width: 1200px){
            position:static !important;
        }
    }
}*/
/************************
Estilos de froala
*************************/
.fr-img-wrap {
  overflow: hidden; }

img, .fr-fic, .fr-img-wrap, .fr-img-caption {
  max-width: 100%;
  height: auto; }

.fr-inner {
  display: block;
  text-align: center;
  padding: 0 1rem; }

.fr-dii, .fr-dii .fr-img-wrap {
  display: inline-block; }

.fr-fil {
  float: left;
  margin-right: 1rem; }

.fr-fir {
  float: right;
  margin-left: 1rem; }

.fr-dib,
.fr-dib .fr-img-wrap {
  display: block;
  float: none;
  margin: 0 auto .5rem; }

.fr-dib.fr-fil,
.fr-dib.fr-fil .fr-img-wrap {
  margin-left: 0;
  margin-right: auto;
  text-align: left; }

.fr-dib.fr-fir,
.fr-dib.fr-fir .fr-img-wrap {
  margin-left: auto;
  margin-right: 0;
  text-align: right; }

img.fr-bordered,
.fr-bordered .fr-img-wrap {
  border: .25rem solid; }

img.fr-rounded,
.fr-rounded .fr-img-wrap {
  border-radius: 1rem; }

img.fr-shadow,
.fr-shadow .fr-img-wrap {
  box-shadow: 0 1rem 0.5rem -0.5rem rgba(0, 0, 0, 0.25), 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.35); }

pre {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: .5rem;
  border-radius: .125rem;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla  */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */ }

.bs-error-stock {
  padding: 1rem;
  color: #721c24;
  background: #f8d7da; }

/* Dropdown carro */
.btnCart {
  position: relative; }

.dropdownContent {
  z-index: 99999;
  display: none;
  position: fixed;
  background-color: #fff;
  width: 24rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  padding: .5rem;
  right: 0;
  top: 0;
  bottom: 0; }

.btnCloseDropdown {
  margin-right: .5rem;
  margin-top: .5rem; }

.containerCartEmpty i {
  font-size: 5rem; }

@media (max-width: 380px) {
  .dropdownContent {
    width: 100%; } }

/* Item en el carro */
.containerItemsCart {
  height: 100%;
  overflow-y: auto; }

.containerItemCart {
  padding: .5rem;
  margin: .5rem 0;
  background-color: #f8f9fa; }

.detailItemCart {
  display: flex;
  margin-bottom: .5rem; }

.detailItemCart .bs-img-square {
  width: 30%; }

.detailItemCart .infoItemCart {
  width: 70%;
  text-align: left;
  margin-left: 1rem; }

.detailItemCart .bs-discount {
  font-size: .7rem;
  margin: .25rem; }

.detailItemCart .bs-discount.tag {
  width: 2rem;
  line-height: 1.8rem; }

.infoItemCart a {
  display: block;
  font-size: .9rem; }

@media (max-width: 380px) {
  .detailItemCart .bs-discount {
    margin: .25rem; } }

.containerButtonsCart {
  display: flex;
  justify-content: space-between; }

.quantityButtons {
  width: 60%; }

.buttonRemoveItem {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.containerButtonGoToPay {
  display: flex;
  justify-content: flex-end; }

.containerSubtotal {
  text-align: right; }

.containerButtonGoToPay a {
  width: 100%; }

.containerButtonGoToPay button {
  width: 100%; }

/* Dropdown carro vacío*/
.containerCartEmpty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.containerCartEmpty i {
  text-align: center;
  color: #000; }

.containerCartEmpty p {
  margin-top: 1rem;
  font-size: 1.25rem; }

.showElement {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.textPriceUnity {
  display: block;
  font-size: 0.8rem;
  color: darkgray;
  font-weight: 400; }

.footerDropdownCart {
  padding-bottom: calc(2 * env(safe-area-inset-bottom)); }


/*# sourceMappingURL=bsale_dev.css.map*/