/*the container must be positioned relative:*/
[class^="custom-select"] {
  position: relative;
  font-family: Arial;
}

[class^="custom-select"] select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: white;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #101820 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #101820 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  --tw-text-opacity: 1;
  color: rgba(16, 24, 32, var(--tw-text-opacity));
}
.select-items div,
.select-selected {
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-label {
  padding-bottom: 1rem;
}

.dropdown-label .select-selected {
  border-color: #101820;
  height: 50px;
  line-height: 32px;
}
.dropdown-label .select-selected:after {
  top: 23px;
}
/*point the arrow upwards when the select box is open (active):*/
.dropdown-label .select-selected.select-arrow-active:after {
  top: 13px;
}

.quantity-dropdown {
  border: 1px solid #101820;
}
.quantity-dropdown * {
  max-width: 5rem !important;
  min-width: 5rem !important;
}

.filter-anim {
  text-align: center;
}
.filter-anim:hover {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: #cda45e;
}
.filter-anim {
  transition: all 0.3s ease;
}
.filter-anim.compact:hover {
  font-weight: 400;
}

.customRadio [type="radio"]:checked,
.customRadio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.customRadio [type="radio"]:checked + label,
.customRadio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: flex;
  /*color: #101820*/;
}
.customRadio [type="radio"]:checked + label:before,
.customRadio [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.customRadio [type="radio"]:checked + label:after,
.customRadio [type="radio"]:not(:checked) + label:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE4IgogICBoZWlnaHQ9IjE4IgogICB2aWV3Qm94PSIwIDAgMTggMTgiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im9rLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xLjEgKGViOTA5NjNlODQsIDIwMjEtMTAtMDIpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxMCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzgiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6em9vbT0iMzQuMjUiCiAgICAgaW5rc2NhcGU6Y3g9IjEwLjM3OTU2MiIKICAgICBpbmtzY2FwZTpjeT0iOS4yNzAwNzMiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwNTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc2IiAvPgogIDxyZWN0CiAgICAgc3R5bGU9Im9wYWNpdHk6MDtmaWxsOiMwMDY2ZTc7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjYuODY3MjMiCiAgICAgaWQ9InJlY3QzNCIKICAgICB3aWR0aD0iMTgiCiAgICAgaGVpZ2h0PSIxOCIKICAgICB4PSIwIgogICAgIHk9IjAiIC8+CiAgPGcKICAgICBpZD0iZzEwNjIiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC44NTM4MDYxLDAsMCwwLjg1MzgwNjEsMTEuMjI3NzcyLDAuODU5MDE1MTQpIj4KICAgIDxwYXRoCiAgICAgICBkPSJtIDQuMzUwMDI5LDUuMzg2MDY3OCAtOC42OTU2Niw5Ljc4MjYwOTIiCiAgICAgICBzdHJva2U9IiNmZmZmZmYiCiAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgaWQ9InBhdGgyIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gLTkuNzgwNjg1LDEwLjgyMDYzNyA1LjQzNDc4NCw0LjM0Nzg0IgogICAgICAgc3Ryb2tlPSIjZmZmZmZmIgogICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKICAgICAgIGlkPSJwYXRoNCIgLz4KICA8L2c+Cjwvc3ZnPgo=");
  width: 18px;
  height: 18px;
  background: #cda45e;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.customRadio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* -webkit-transform: translate(25%,25%) scale(0); */
  /* transform: translate(25%,25%) scale(0); */
}
.customRadio [type="radio"]:checked + label:after {
  opacity: 1;
  /* -webkit-transform: translate(25%,25%) scale(1); */
  /* transform: translate(25%,25%) scale(1); */
}

.customRadio.customRadio-big [type="radio"]:checked + label:after,
.customRadio.customRadio-big [type="radio"]:not(:checked) + label:after {
  text-align: center;
  line-height: 25px;
}

@media (max-width: 768px) {
  .customRadio.customRadio-big [type="radio"]:checked + label:after,
  .customRadio.customRadio-big [type="radio"]:not(:checked) + label:after {
    line-height: 30px;
  }
  .p-0 {
    padding: 0;
  }
}

.customRadio.customRadio-big [type="radio"]:checked + label:after,
.customRadio.customRadio-big [type="radio"]:not(:checked) + label:after,
.customRadio.customRadio-big [type="radio"]:checked + label:before,
.customRadio.customRadio-big [type="radio"]:not(:checked) + label:before {
  width: 25px;
  height: 25px;
}

.customRadio [type="radio"]:checked + label:before,
.customRadio [type="radio"]:not(:checked) + label:before {
  border: 1px solid #101820;
}

.customRadio.customRadio-big [type="radio"]:checked + label,
.customRadio.customRadio-big [type="radio"]:not(:checked) + label {
  line-height: 25px;
}
.force-center {
  left: 50%;
  transform: translateX(-50%);
}
#modal-producto > .w-screen {
  width: 100vw;
  max-width: 100vw;
  min-width: 100vw;
}
.z-40 {
  z-index: 40;
}

.owl-dots {
  text-align: center;
  bottom: 30px;
  position: relative;
}
.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 5px;
  border: 1px solid #fff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
}

.prev.big-nav-owl {
  height: 40px;
  width: 40px;
  left: 4vw;
  transform: translateY(-100%) rotate(45deg);
  border-color: #fff;
}
.next.big-nav-owl {
  height: 40px;
  width: 40px;
  right: 4vw;
  transform: translateY(-100%) rotate(45deg);
  border-color: #fff;
}

@media screen and (max-width: 1000px) {
  .owl-carousel.product-slider {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
  .prev.big-nav-owl {
    height: 25px;
    width: 25px;
  }
  .next.big-nav-owl {
    height: 25px;
    width: 25px;
  }
}

.captiontexts {
  color: blue;
}

.disabled {
  background-color: #b3b3b3;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.disabled\:opacity-75:disabled {
  opacity: 0.75;
}

@media (max-width: 360px) {
  .xs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


.float1{
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
font-size:30px;
  box-shadow: 2px 2px 3px #999;
z-index:100;
}
.fa-wsp-footer{
  top: 0.5rem;
position: relative;
}

.resumible{
  width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.question.active p,.question.active ul{
  max-height: 100%;
}

.promocion {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*width: calc(33.33% - 10px);*/
  margin-bottom: 20px;
  /*padding: 10px;*/
  /*border: 1px solid #ccc;*/
}
.contenedorprecios {
  display: flex; /* Establece el contenedor como un contenedor flexible */
  justify-content: space-between; /* Alinea los elementos a los lados opuestos del contenedor */
}

.izquierda {
  order: 1; /* Ordena el elemento a la izquierda */
}

.derecha {
  order: 1; /* Ordena el elemento a la derecha */
}