/* colores */

:root {
  --font: #404040;
  --gray: #c4c4c4c4;
  --lightgray: #ececec;
  --border: #e5e5e5;
  --white: #ffffff;
  --paleblue: #abd2d7;
  --blue: #17b2bc;
  --darkblue: #261f47;
  --yellow: #feac00;
  --darkyellow: #bf8200;
  --error: #cc0000;
  --valid: green;
  --warning: #ff9966;
  --text-shadow: 0 0 2px var(--darkblue);
  --shadow: 0px 18px 35px 0px #261f471f;
  --gradient: -webkit-linear-gradient(0deg, var(--darkblue), var(--blue));
  --trans: 0.2s ease;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.25rem;
  font-weight: 300;
  user-select: none;
  transition: 0.1s ease;
  background-color: var(--blue);
  color: var(--white);
  border: 0;
  max-width: 100%;
  padding: 7px 20px;
  transition: 0.2s ease;
  white-space: nowrap;
  border-radius: 5px;
}

.btn-default:hover {
  background-color: var(--darkblue);
  color: #fff;
}

.btn-unstyle {
  background: none;
  border: 0;
}

.btn.btn-yellow,
.btn.btn-yellow-modal {
  background-color: hsl(41deg 100% 54%);
  transition: 0.2s ease;
  /* box-shadow: var(--shadow); */
}

.btn.btn-yellow:hover,
.btn.btn-yellow-modal:hover {
  background-color: hsl(41deg 100% 54%);
  color: #fff;
}
.cart-actions .btn {
  box-shadow: var(--shadow);
}

.cart-actions .btn:hover {
  box-shadow: none;
}

.checkout-proccess_actions .btn-yellow {
  display: flex !important;
}

.btn-primary:hover,
.btn-secondary:hover {
  color: var(--white);
}

.table-responsive>table {
  overflow: hidden;
  overflow-x: auto;
}

.btn-secondary {
  background-color: var(--darkblue);
}

.logged .btn-yellow {
  display: none;
}

body.not-logged .btn-logged {
  display: none;
}

.btn-logged.main-cta:hover {
  background: #fff;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid #fff;
  width: auto;
}

.btn-transparent:hover {
  background-color: #d3d3d32e;
  color: #fff;
}

.btn-transparent.btn-transparent_blue {
  border-color: var(--darkblue);
  color: var(--darkblue);
}

.btn>label {
  pointer-events: none;
}

.unlist {
  list-style: none;
}

.shadow-simple {
  box-shadow: var(--shadow);
}

[disabled],
[readonly] {
  background-color: var(--gray);
  opacity: 0.75;
  cursor: not-allowed;
}

.ui_btn:hover {
  background-color: rgb(255 255 255 / 15%);
  transition: var(--trans);
  border-radius: 5px;
  cursor: pointer;
}

.text-hidden {
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

.hidden {
  display: none !important;
}

.updatable {
  transition: var(--trans);
  opacity: 1;
}

.updating {
  opacity: 0.2;
  cursor: not-allowed !important;
}

.updating:active {
  pointer-events: none;
}

.ico_btn {
  margin-left: 15px;
}

.cblue {
  color: var(--blue);
}

.link-check-current.active {
  background-color: #1c1735;
  text-decoration: underline;
}

/*login page*/
.page-authentication .login-form {
  width: 500px;
  margin: 0 auto;
  padding: 50px 30px;
  text-align: center;
  max-width: 100%;
}

/* campos form */

.qty_input,
.checkout-qty_input,
.customer-qty_input,
.cart-pack_qty_input,
.pack_qty_input,
.checkout-design_qty_input,
.customer-modal_design_qty {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

.qty {
  position: relative;
  width: 80px;
  background-color: #fff;
  border: 1px solid var(--darkblue);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.qty_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.qty_btns>span {
  width: 24px;
  text-align: center;
  height: 17px;
  line-height: 16px;
  font-size: 16px;
  cursor: pointer;
}

.qty_btns>span:hover {
  background-color: var(--lightgray);
}

.form-field-sol.check-sol {
  margin-bottom: 5px;
}

.form-field-sol.check-sol:last-child {
  margin-bottom: 15px;
}

.form-field-sol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}

.field-wrap .checkbox-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  width: 100%;
}

.custom-checkbox_gdpr {
  margin-right: 7px;
}
.custom-checkbox_gdpr input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.custom-checkbox {
  position: relative;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-right: 7px;
  border: 1px solid var(--font);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
  background-color: #fff;
}

.custom-checkbox input[type="checkbox"],
.custom-checkbox input[type="radio"] {
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.custom-checkbox input[type="checkbox"]+span,
.custom-checkbox input[type="radio"]+span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  width: 9px;
  height: 9px;
  background-color: var(--darkblue);
  opacity: 0 !important;
  transition: opacity 0.1s ease, transform 0.1s ease-out;
  transform: scale(0.5);
  will-change: opacity, transform;
}

.custom-checkbox input[type="checkbox"]:checked+span,
.custom-checkbox input[type="radio"]:checked+span {
  opacity: 1 !important;
  transform: scale(1);
}

.custom-checkbox label {
  text-align: left;
}

.check-sol>.checkbox-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  width: 100%;
  margin-bottom: 0;
}

.modal-header {
  padding: 50px;
  padding-bottom: 15px;
}

.modal-body {
  padding: 50px;
  padding-top: 15px;
}

.modal-login_create {
  color: var(--font) !important;
  text-decoration: underline;
  cursor: pointer;
}
.login_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.form-field-sol .form-control {
  width: 100%;
  padding: 7px 15px;
  border: 1px solid var(--font);
  border-radius: 5px;
}
.pass_wrap .pass_toggler {
    position: absolute;
    right: 10px;
    top: 7px;
}
.show_pass .feather-eye {
  display: block;
}

.show_pass .feather-eye-off {
  display: none;
}

.feather-eye {
  display: none;
}
.pass_wrap {
    width: 100%;
    position: relative;
}
.form-field-sol>label {
  margin-bottom: 5px;
}

.checkbox-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  width: 100%;
}

.field-optin {
  display: none !important;
}

.js-terms {
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

/* header */

.ets_mm_megamenu_content {
  padding-right: 0;
}

.topbar>.container,
.mainbar>.container,
.subbar>.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mainbar {
  background-color: var(--blue);
}

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

.gap-1 {
  gap: 1rem;
}
.cursor-pointer{
  cursor: pointer;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-fifty {
  flex: 0 0 48%;
}

.wrap {
  flex-wrap: wrap;
}

.displayTop .flex-center {
  justify-content: space-between;
  height: 35px;
}

.displayTop {
  width: 100%;
  color: var(--darkblue);
}

.header-tools a {
  color: var(--white);
  white-space: nowrap;
}

.displayTop .custom-html p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6.5px;
  white-space: nowrap;
  backface-visibility: hidden;
}

.cart_link.inactive .cart-products-count {
  display: none;
}

.cart_link .cart-products-count {
  display: flex;
  position: absolute;
  left: 16px;
  bottom: 18px;
  background-color: var(--yellow);
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  min-width: 20px;
  aspect-ratio: 1/1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart_link {
  margin-left: 15px;
  position: relative;
  padding: 7px;
}

.displayTop .custom-html img {
  margin-right: 10px;
  backface-visibility: hidden;
}

.subiendo {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 0.7s linear infinite;
  -webkit-animation: spin 0.7s linear infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

#search_widget {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  overflow: visible;
  z-index: 4;
  pointer-events: none;
}

.open .backdrop-search {
  opacity: 1;
  pointer-events: auto;
}

.looking-for .search-results {
  pointer-events: all;
  opacity: 1;
  top: calc(100% + 15px);
  margin: 0 auto;
}

.title-search {
  margin-bottom: 25px;
  background: linear-gradient(to bottom, #f4f4f4 75%, transparent);
  position: sticky;
  top: 0px;
  z-index: 15;
  padding: 25px 25px 50px;
}

.listado.search-results .item-miniature {
  width: 250px;
  text-align: center;
}

.search-loader {
  border-color: #261f47;
  border-top-color: #f4f4f4;
  margin-top: 45px;
}

.no-results {
  padding-bottom: 0;
  padding-top: 45px;
}

.title-search,
.no-results {
  width: 100%;
  color: var(--darkblue);
  text-align: center;
  font-weight: 600;
  font-size: 24px;
}

#search_widget.open form {
  opacity: 1;
  pointer-events: all;
}

#search_widget form {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  background: var(--darkblue);
  transition: var(--trans);
  z-index: 4;
}

#search_widget button {
  display: none;
}

.pagination-search {
  display: inline-block;
  padding-left: 0;
  border-radius: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
  text-align: center;
}

.search-results {
  padding: 50px !important;
  padding-top: 0 !important;
  max-height: calc(100vh - 250px);
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 35px);
  z-index: 5;
  background-color: #f4f4f4;
  opacity: 0;
  pointer-events: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--container) - 30px);
  max-width: calc(100vw - 30px);
}

.ui-autocomplete.ui-widget-content {
  display: none !important;
}

.backdrop-search {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  right: 0;
  background: #00000099;
  bottom: 0;
  height: 100vh;
  width: 100%;
  transition: opacity var(--trans);
  backdrop-filter: blur(3px);
  opacity: 0;
  pointer-events: none;
}

#search_widget:after {
  top: unset;
  bottom: 100%;
}

.search-toggler {
  color: #fff;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  margin: auto 0;
  /* margin-left: auto; */
}

#search_widget input[name="s"] {
  width: calc(100% - 35px);
  border: 0;
  padding: 5px 15px;
  background: transparent;
  text-align: center;
  color: #fff;
  margin-right: 10px;
  margin-left: 45px;
}

#search_widget input[name="s"],
#search_widget input[name="s"]::placeholder {
  color: #fff;
  font-weight: 100;
}

#search_widget button span {
  display: none;
}

.subbar {
  background-color: var(--darkblue);
  color: var(--white);
  font-size: 1rem;
  position: relative;
}

.subbar .customer_nav a {
  white-space: nowrap;
  color: var(--white);
  padding: 11.5px 10px;
  display: block;
  transition: var(--trans);
  white-space: nowrap;
}

.subbar .customer_nav .distrib-alt-link {
  position: absolute;
  top: 100%;
  background: #261f47;
  opacity: 0;
  pointer-events: none;
  width: 180px;
  white-space: normal;
  text-align: left;
  transition-property: opacity;
}

.subbar .customer_nav .distrib-alt-link+.distrib-alt-link {
  top: 200%;
}

#header {
  z-index: 5;
  position: sticky;
  top: -35px;
}

.subbar .customer_nav .cb-item:hover .distrib-alt-link {
  opacity: 1;
  pointer-events: auto;
}

.distrib-alt-link:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.subbar .customer_nav .distrib-alt-link:hover {
  background: #1c1735;
}

.subbar .customer_nav .cb-item:hover a:not(.distrib-alt-link) {
  background-color: #1c1735;
}

.subbar .cb-wrapper.flex-center {
  justify-content: space-evenly;
  width: 100%;
}

.nav-contact * {
  white-space: nowrap;
}

.customer_nav.cb-wrapper .cb-item:first-child a {
  padding-left: 0;
  padding-bottom: 11px;
}

.customer_nav_logged.cb-wrapper .cb-item:first-child a,
.customer_nav_logged.cb-wrapper .cb-item:first-child:hover a {
  color: var(--blue);
  background: transparent;
}

.subbar .customer_nav .cb-item.nav-contact:hover a {
  background: transparent;
}

.first_level {
  padding: 10px 15px;
}

.ml-auto {
  margin-left: auto;
}

.subbar>.container>.cb {

  flex-grow: 1;
}

.btn-login img {
  margin-left: 6px;
}

.register_top {
  text-decoration: underline;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.user-info {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: -20px;
  color: var(--white);
}
.user_login {
    font-size: 1rem;
}
.logged_img {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: var(--yellow);
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.user-info.logeado {
  padding-bottom: 0;
  padding-right: 50px;
  margin: 0;
}

.backdrop-hide {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 32;
  pointer-events: none;
}

.opened .backdrop-hide {
  pointer-events: all;
}

.account-links_content {
  position: absolute;
  right: 50px;
  top: calc(100% + -15px);
  width: 175px;
  opacity: 0;
  z-index: 32;
  pointer-events: none;
  border-radius: 10px;
  overflow: hidden;
  color: var(--font);
  padding: 0;
  background-color: var(--white);
  transition: opacity var(--trans), top var(--trans);
  box-shadow: var(--shadow);
  margin: 0;
}

.account-links.opened .account-links_content {
  opacity: 1;
  pointer-events: auto;
  top: calc(100% - 20px);
}

.account-links_content li a {
  color: var(--font);
  padding: 7px 15px;
  transition: var(--trans);
  display: block;
  font-size: 14px;
}

.account-links {
  user-select: none;
  cursor: pointer;
  text-align: right;
  white-space: nowrap;
}

.acc_link.acc_logout {
  color: var(--error);
}

/* modales */

.modal_sol {
  opacity: 0;
  pointer-events: none;
}

.modal_sol.active {
  opacity: 1;
  pointer-events: initial;
}

.modal_sol {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /*z-index: 5;*/
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: opacity var(--trans);
}

.modal-bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #00000080;
}
.modal-bg[data-modal-close="designs"] {
	pointer-events: none;
}

.modal-content {
  background-color: #fff;
  color: var(--font);
  text-align: center;
  width: 780px;
  max-width: 90vw;
  transition: transform var(--trans);
  overflow: hidden;
  border-radius: 5px;
  max-height: calc(100vh - 75px);
  overflow-y: auto;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.4);
}

a.logout:hover {
  background-color: #e60000;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
  color: white;
}

.modal-close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  color: var(--error);
  padding: 13px;
  cursor: pointer;
  border-bottom-left-radius: 5px;
  transition: var(--trans);
  box-sizing: content-box;
}

.modal-close:hover {
  background-color: var(--lightgray);
}

.modal_sol.active .modal-content {
  transform: translateY(0px);
}

span.modal_title {
  font-size: 30px;
}

#login-form .modal-login_recover {
  color: var(--font);
  display: block;
  text-align: left;
  text-decoration: underline;
}

/* menu */

.ets_mm_megamenu ul {
  list-style: none;
  margin: 0;
}

.mm_menus_li:hover>a {
  background-color: var(--white);
  color: var(--darkblue);
}

.mainbar>.container {
  height: 100px;
}

.mm_menus_li.mm_has_sub:hover:before {
  opacity: 1;
}

.mm_menus_li.mm_has_sub:before {
  z-index: 15;
  background: rgb(0 0 0 / 25%);
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transition: var(--trans);
}

.mm_menus_li .first_level {
  border-radius: 5px;
}

.mm_menus_li.mm_has_sub>.first_level {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.mm_menus_li.mm_has_sub:hover>a {
  z-index: 16;
}

.mm_menus_li.mm_has_sub {
  position: relative;
}

.mm_blocks_li a {
  padding: 12px 15px;
  display: block;
  color: #484848;
  transition: var(--trans);
}

.mm_blocks_li a:hover {
  background-color: var(--lightgray);
}

.ets_mm_categories>li {
  width: 100%;
}

.mm_menus_li.mm_has_sub>.mm_columns_ul {
  width: 250px !important;
  border-radius: 5px;
  border-top-left-radius: 0;
  overflow: hidden;
  min-width: 115%;
}

.mm_menus_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

/* lang switch */

.lang-toggler_trigger {
  padding: 7px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  box-sizing: content-box;
}

.lang-toggler {
  position: relative;
  user-select: none;
  z-index: 3;
  display: inline-block;
}

.lang-item:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.lang-toggler_content {
  margin: 25px 0;
  gap: 15px;
}

/* .lang-toggler_content {
                                padding: 15px 0 0;
                                border-radius: 5px;
                                position: absolute;
                                right: 50%;
                                transform: translateX(50%);
                                top: calc(100% + 10px);
                                opacity: 0;
                                pointer-events: none;
                                transition: var(--trans);
                                backface-visibility: hidden;
                                box-shadow: var(--shadow);
                            }
                             */
span.lang-item_name {
  display: block;
  line-height: 1;
  color: #261f47;
  margin-left: 10px;
  /* display: none; */
}

.lang-item:hover {
  background-color: var(--lightgray);
}

.lang-toggler:hover .lang-toggler_trigger {
  background-color: rgb(255 255 255 / 15%);
}

.lang-toggler:hover .lang-toggler_content {
  pointer-events: initial;
  opacity: 1;
  top: 100%;
}

.lang-item {
  padding: 10px 15px;
  background-color: #fff;
  white-space: nowrap;
  transition: var(--trans);
  border-radius: 5px;
}

/* footer */

.footer-copy .material-icons {
  font-size: 15px;
}

.footer-copy {
  background-color: hsl(250deg 39% 15%);
  color: #fff;
  padding: 10px 0;
  font-size: 12px;
}

.contact-footer>a {
  padding: 5px 15px;
  display: flex;
  align-items: center;
  margin: 0;
  border-radius: 5px;
  background: #1c1735;
  margin-right: 15px;
  transition: var(--trans);
}

.contact-footer {
  display: flex;
  margin-top: 1rem;
}

.contact-footer .material-icons {
  margin-right: 10px;
}

.content-wrap-footerCopy.content-wrap-footerCopy_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.content-wrap-footer_1>p {
  margin-top: 1rem;
}

.content-wrap-footerAfter {
  width: 33.33%;
}

.content-wrap-footerAfter_2 {
  text-align: center;
}

.content-wrap-footerAfter_3 {
  text-align: right;
}

.content-wrap-footer a,
.content-wrap-footer .block-title {
  font-weight: 300;
  color: #fff;
}

.content-wrap-footer a:hover {
  color: var(--blue);
}

.content-wrap-footer_4 .material-icons {
  color: var(--darkblue);
}

.content-wrap-footer .block-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-family: "Montserrat";
  font-weight: 500;
}

#footer .displayNav2 {
  display: none;
}

.footer-main>.container {
  border-bottom: 1px solid #fff;
  padding-bottom: 25px;
  padding-top: 35px;
}

#index .footer-main>.container {
  padding-top: 15px;
}

#footer .lang-toggler_content {
  top: unset;
  bottom: calc(100% + 10px);
  padding-top: 0;
  padding-bottom: 15px;
  right: -7px;
  transform: none;
}

#footer .lang-toggler:hover .lang-toggler_content {
  bottom: 100%;
}

.content-wrap-footer {
  display: flex;
  flex-direction: column;
  width: 16.66%;
  font-weight: 300;
  color: #fff;
}

.footer-after,
.footer-main {
  background-color: var(--darkblue);
}

.social_icon {
  padding: 6px;
  display: inline-block;
}

.footer-after .container {
  align-items: center;
  justify-content: space-between;
  color: var(--white);
  padding: 25px 0;
}

.footer-container .container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
  max-width: calc(var(--container) - 30px);
}

.footer-container {
  padding-left: 15px;
  padding-right: 15px;
}

.content-wrap-footer_1 {
  width: 50%;
  padding-right: 50px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}

.content-wrap-footer_2,
.content-wrap-footer_3,
.content-wrap-footer_4 {
  text-align: right;
  margin-top: 40px;
}

.content-wrap-footer ul.expandable-mobile {
  list-style: none;
}

/*slider*/

/* .displaySlider .font-gradient, .displaySlider .splash_claims {
                                opacity: 0;
                                transition: .5s ease-in-out;
                                transform: translateX(-50px);
                            }
                            
                            .displaySlider .swiper-slide-active .font-gradient, 
                            .displaySlider .swiper-slide-active .splash_claims {
                                opacity: 1;
                                transform: translateX(0px);
                            } */

.displaySlider h1 strong {
  /* display: block; */
  font-size: 1.25em;
}

.font-gradient {
  background-image: -webkit-linear-gradient(bottom,
      var(--blue),
      var(--darkblue) 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.splash_claims {
  display: flex;
  flex-wrap: wrap;
}

.displaySlider .cb-item-content>.custom-html {
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  /* right: 0; */
  /* bottom: 0; */
  /* display: flex; */
  /* align-items: center; */
  /* overflow-x: hidden; */
  /* background-image: linear-gradient(-45deg, #17b2bc 30%, #261f47 30%); */
  background-image: linear-gradient(-90deg, #17b2bc, #261f47);
  padding: 75px 0 150px;
}

.slide-item.slide-item_1 .btn-login {
  padding-left: 2rem;
  padding-right: 2rem;
}

.splash_claim_item {
  font-size: 1.25rem;
  margin-bottom: 2.25rem;
  /* color: #fff; */
  font-family: "Montserrat";
  width: 100%;
  font-weight: 800;
  padding: 25px;
  color: #261f47;
  background: #fff;
  /* background: linear-gradient(140deg, #fff 0%, transparent 80%); */
  border-radius: 10px;
  box-shadow: 0 10px 10px 0px #261f475e;
}

.splash_claim_item img {
  width: 55px;
  margin-right: 25px;
  height: 55px;
  filter: invert(62%) sepia(65%) saturate(558%) hue-rotate(134deg) brightness(82%) contrast(90%);
  /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%); */
}

/* .displaySlider h1:before {content: "";position: absolute;bottom: 0;right: 0;width: 50vw;width: calc((100vw - 1360px)/2 + 100%);background-image: -webkit-linear-gradient(180deg, var(--darkblue), var(--blue));height: 3px;} */

.displaySlider h1 {
  margin-bottom: 2rem;
  /* font-weight: 700; */
  /* font-size: 35px; */
  padding-bottom: 1rem;
  /* position: relative; */
  /* transition-delay: .5s; */
  color: #fff;
  font-size: 1.5rem;
}

.displaySlider.swiper-slide .cb-item-content {
  overflow: hidden;
}

.slide-item.slide-item_1 {
  width: calc(100% - 600px);
  text-align: left;
  order: 1;
}

/*home*/
.listado.block-home .item-miniature {
  width: calc(25% - 50px);
}

.listado.block-home .item-miniature .cb-item-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.listado.block-home {
  margin: 0 auto;
  padding-bottom: 0;
}

.listado.block-home .block-title {
  margin-bottom: 35px;
}

.cb-item.block-title strong {
  display: block;
}

.block-home {
  padding-top: 50px;
  padding-bottom: 75px;
}

.block-home_3 {
  padding-top: 0;
}

.vid-home {
  width: 52%;
  z-index: 1;
}

#yt-adivin {
  border-radius: 5px;
  box-shadow: var(--shadow);
}

.text-claim {
  width: 48%;
}

.block-home_4 {
  align-items: flex-start;
  padding-bottom: 40px;
  margin-bottom: -150px;
  z-index: 1;
  position: relative;
}

.claim-wrap {
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin: 15px 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.vid-claim {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-left: -50px;
  padding-left: 50px;
  background: linear-gradient(90deg, #eaeaea, transparent);
}

span.vid-claim.vid-claim_1 {
  border-top-right-radius: 5px;
}

span.vid-claim.vid-claim_2 {
  border-bottom-right-radius: 5px;
}

.vid-claim .font-gradient {
  font-size: 1.75rem;
  margin-right: 15px;
  font-weight: 600;
  line-height: 1;
}

.text-claim .custom-html {
  padding-left: 50px;
}

.splash_home .cb-item-content>img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
}

.splash_home {
  border-radius: 30px;
  overflow: hidden;
}

.splash_home .cb-item-content>.custom-html {
  padding: 70px 80px;
  text-align: left;
  font-size: 20px;
  z-index: 1;
  position: relative;
}

.block-home_1 .splash_home {
  width: 75%;
}

.splash_home .cb-item-content>.custom-html p:not(:last-child) {
  margin-bottom: 35px;
}

.splash_home .cb-item-content>.custom-html img {
  margin-right: 25px;
}

body#index #wrapper {
  padding-top: 0;
}

*::-webkit-scrollbar {
  width: 5px;
  background-color: #f2f2f2
}

*::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

#wrapper {
  padding-top: 1.5rem;
}

.ekomi-home .custom-html {
  /*     position: fixed;
  right: 1rem;
  bottom: -105px;
  z-index: 5; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  box-shadow: var(--shadow);
  border-radius: 5px;
  /* color: white; */
  background: #261f47;
}

.ekomi-home {
  display: flex;
  flex-direction: column-reverse;
  align-self: flex-start;
  width: 500px;
  z-index: 2;
  /* box-shadow: 0 0 30px -10px var(--darkblue); */
}

.displaySlider .custom-html>.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.scrolled_bottom .ekomi-home .custom-html {
  bottom: -200px;
  opacity: 0;
  pointer-events: none;
}

#eKomiWidget_default {
  margin-top: -35px;
  width: 162px;
}

.block-envio,
#eKomiWidget_default {
  margin-bottom: 15px;
  line-height: 1;
  max-width: 50%;
}

.envio-estimado_title {
  display: flex;
  align-items: center;
  /* color: var(--valid); */
  flex-direction: column;
  font-size: 1.25rem;
  justify-content: center;
  margin-bottom: 10px;
}

.envio-estimado_title img {
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.envio-estimado {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  /* font-size: 1.75rem; */
  /* color: var(--valid); */
  padding-top: 10px;
  font-weight: 600;
  font-family: "Montserrat";
}
.p-envio-estimado_title {
  font-size: 1rem;
  font-weight: 500;
}
.p-envio-estimado_price {
  font-size: 1rem;
  font-weight: 300;
}

.envio-estimado-product-sheet {
  text-align: right;
  padding: 0;
}

.btn.main-cta {
  max-width: unset;
  margin-top: 0;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1rem;
  font-family: "Montserrat";
  order: 1;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-weight: 600;
}

.block-envio {
  width: calc(100% - 162px);
  color: #fff;
}

.user_name {
  font-weight: bold;
  text-decoration: underline;
}

.block-envio .envio-estimado_wrap span {
  line-height: 1.2;
}

.account-links_content li a:hover {
  background-color: var(--lightgray);
}

.listado .item-miniature {
  border-radius: 5px;
  overflow: hidden;
  /*  gap:  50px 4 elementos y 3 huecos */
  width: calc(33.33% - 50px);
  background: #fff;
  box-shadow: var(--shadow);
  transition: var(--trans);
  text-align: center;
  margin: 0 25px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.product-info a {
  min-height: 52px;
  padding: 10px;
  transition: var(--trans);
}

.item-miniature:hover .product-info a {
  color: var(--darkblue);
}

.listado .item-miniature:hover {
  box-shadow: #261f474f 0px 18px 35px 0px;
}

.logged .block-category-promo {
  display: none;
}

.logged #left-column {
  width: 100%;
}

.logged .listado .item-miniature {
  width: calc(25% - 50px);
}

.logged#category .listado {
  padding-right: 0;
}

#category .listado {
  padding-right: 50px;
}

.product-cta {
  font-size: 1rem;
  width: 100%;
  line-height: 1.5;
  border-radius: 0px 0px 0px 0px;
}

.product-title {
  width: 100%;
  display: block;
  line-height: 1;
  /* text-transform: lowercase; */
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 2; */
  /* -webkit-box-orient: vertical; */
  /* overflow: hidden; */
}

.price {
  display: block;
  font-weight: bold;
  font-size: 1.25rem;
  color: var(--darkblue);
  font-family: "Montserrat";
}

.listado .item-miniature .price {
  display: none;
}

.item-miniature:hover .product-cta {
  background-color: var(--darkblue);
}

.product-info {
  display: flex;
  align-items: center;


  margin-top: auto;
}

.product-title::first-letter {
  text-transform: uppercase;
}

.block-category-promo h2 {
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 15px;
  font-size: 1.5rem;
}

.listado {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px;
}

.item-miniature img {
  padding: 15px;
  max-width: 100%;
object-fit: contain;}

.item-miniature .custom-html {
  padding: 10px 10px 10px 15px;
  color: #fff;
  font-size: 18px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*     background: var(--gradient); */
  z-index: 3;
  margin-top: auto;
  /* border-top: 2px solid #ffffff; */
}

.item-cta>.btn {
  font-size: 0.75em;
  background-color: #fff;
  color: var(--darkblue);
  border: 1px solid #fff;
  font-weight: 600;
}

.item-cta>.btn:hover {
  background-color: var(--darkblue);
  color: #fff;
  border: 1px solid #fff;
  font-weight: 600;
}

.banner-product_home .item-cta>.btn:hover {
  background: #e7e7e7;
  color: var(--darkblue);
}

.btn .material-icons {
  margin-left: 7px;
  font-size: 1em;
}

.item-miniature .item-actions .product-count {
  font-size: 12px;
  position: relative;
  padding-left: 20px;
  display: block;
  line-height: 24px;
}

/* .item-miniature:hover .cb-item-content .cb-img {
                                opacity: .85;
                            } */

.item-miniature .cb-item-content .cb-img {
  transition: var(--trans);
}

.item-miniature .item-actions .product-count:before {
  content: "";
  position: absolute;
  background-image: url(/img/ico/flag_blu.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  border-radius: 100%;
  height: 18px;
}

.item-miniature .custom-html>p {
  max-width: 50%;
}

/*home - muestras - certif*/
.block-muestras .btn {
  position: absolute;
  right: 190px;
}

#index #footer {
  padding-top: 70px;
  position: relative;
  overflow-x: hidden;
}

body:not(.logged) .btn-logged {
  display: none;
}

.logged .hide-logged,
body:not(.logged) .logged-item {
  display: none !important;
}

#index #footer:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: transparent;
  width: 100%;
  border-style: solid;
  border-width: 70px 0 0 100vw;
  border-color: transparent transparent transparent #261f47;
}

#authentication #footer.footer_reg{
  position: relative;
  overflow-x: hidden;
}
#authentication #footer.footer_reg:before{
  content: "";
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  background: transparent;
  width: 100%;
  border-style: solid;
  border-width: 70px 0 0 100vw;
  border-color: transparent transparent transparent #261f47;
  display: block;
}

.block-muestras-certif {
  align-items: flex-start;
  margin-bottom: 50px;
}

.distrib-cert_wrap {
  padding: 50px 0;
}

.block-muestras .cb-item-content .custom-html {
  width: 50%;
}

.block-certif {
  background: url(/img/bg_deco_under.jpg) no-repeat center/contain;
}

.block-spain {
  background: url(/img/distrib_spain.png) no-repeat center/contain;
}

.block-muestras .cb-item-content {
  display: flex;
  align-items: center;
}

.block-muestras .cb-item-content img {
  order: 1;
  margin: 0 auto;
}

.block-spain,
.block-certif {
  padding: 50px 0;
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 15px;
}

.distrib-cert_wrap .custom-html {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.locations span {
  /* width: 120px; */
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
}

.block-muestras {
  text-align: left;
  margin-bottom: 150px;
  padding-bottom: 50px;
}

.block-muestras-certif h2 {
  margin-bottom: 25px;
}

.locations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.item-miniature .product-count {
  display: none !important;
}

.item-miniature.banner-product_home_3 .product-count {
  display: none;
}

.item-miniature .custom-html {
  background: var(--darkblue) !important;
}

.item-miniature .custom-html>div.item-actions {
  text-align: center;

}

/* .item-miniature .custom-html > div {
                                width: 50%;
                            } */

.block-title {
  width: 100%;
  font-size: 35px;
}

.block-title {
  font-family: "Montserrat";
}

.block-title strong {
  display: block;
}

.listado .block-title strong {
  font-size: 1.25em;
  background: -webkit-linear-gradient(93deg, var(--darkblue), var(--blue));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-all {
  margin-left: auto;
  margin-right: unset;
  display: inline-block;
  background-color: var(--darkblue);
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-all:hover {
  background-color: var(--blue);
  color: #fff;
}

.ver-todo_home {
  text-align: right;
}

.block-distrib .cb-item-content {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
}

.block-distrib {
  width: 43%;
}

.displayCustomBanners2 .cb-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #fff;
}

.bg-promo {
  background: -webkit-linear-gradient(-90deg, var(--darkblue), var(--blue));
  padding: 225px 0 175px;
  position: relative;
  overflow: hidden;
}

.bg-promo:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  border-style: solid;
  border-width: 0 100vw 150px 0;
  border-color: transparent #fff transparent transparent;
}

.bg-promo:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 0 0 100vw;
  border-color: transparent transparent transparent #f2f2f2;
}

.bg-muestras {
  overflow: hidden;
  position: relative;
}

.block-muestras:before {
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  background: #f2f2f2;
  content: "";
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
}

.block-muestras:after {
  content: "";
  background: transparent;
  left: 50%;
  right: 0;
  top: 100%;
  position: absolute;
  width: 100vw;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 150px 0 0 100vw;
  border-color: #f2f2f2 transparent transparent transparent;
}

.distrib-claims {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}

.distrib-claim {
  width: 200px;
  margin: 10px;
}

.distrib-claim .cb-item-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 20px 15px 15px;
  margin-bottom: 15px;
  background: #fff;
  border-radius: 5px;
  color: #261f47;
  min-height: 150px;
}

.distrib-cta .custom-html {
  text-align: left;
  padding-right: 50px;
}

.cta-alta-distrib {
  font-size: 1.25rem;
  padding-left: 2em;
  padding-right: 2em;
}

.distrib-claim .cb-item-content img {
  width: 30px;
  margin-bottom: 15px;
}

.text-distrib {
  width: 85%;
  margin: 0 auto 50px;
}

.distrib-item:hover>img {
  transform: translateY(-5px) scale(1.04);
}

.distrib-item>img {
  transition: var(--trans);
  cursor: pointer;
  max-width: 375px !important;
}

.claims-container {
  padding: 125px 15px 0;
  /* width: 50%; */
  justify-content: space-between;
}

.text-distrib p {
  font-weight: 300;
}

.bg-promo .block-title {
  padding-bottom: 15px;
  font-size: 50px;
}

/*category*/
#category #wrapper>.container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: 25px;
  padding-bottom: 25px;
}

.list-title {
  font-weight: 500;
  margin-bottom: 25px;
  width: 100%;
}

.product-miniature {
  background-color: #fff;
}

.block-categories {
  margin-bottom: 50px;
}

#js-product-list {
  margin-bottom: 50px;
}

.category_seo .custom-html {
  text-align: left;
}

.category_seo {
  margin: 15px 0 50px;
  color: var(--darkblue);
}

.category-cover {
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 2px solid var(--blue);
  padding: 45px;
  /* (25 padding * 2) + (2 border * 2) */
  width: var(--cat-img_size);
  height: var(--cat-img_size);
  box-shadow: 0 0 20px -8px #17b2bc;
  z-index: 1;
  transition: var(--trans);
}

.category-cover>img {
  width: 100%;
  height: 100%;
}

#content-wrapper #js-product-list-header:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 125px 0 0 100vw;
  border-color: transparent transparent transparent #f4f4f4;
  pointer-events: none;
}

.block-category .h1 {
  color: #fff;
  font-weight: 500;
  text-shadow: var(--text-shadow);
}

#category #wrapper {
  background-color: #f4f4f4;
  position: relative;
  padding-top: 0;
}

#category #js-product-list-header {
  background-image: linear-gradient(-90deg, #17b2bc, #261f47);
  position: relative;
  padding-bottom: 65px;
}

.total-products>.text-muted {
  color: var(--blue);
  text-shadow: var(--text-shadow);
}

.block-category {
  display: flex;
  text-align: center;
  padding-top: 50px;
}

:root {
  --cat-img_size: 324px;
  --cat-promo_width: 325px;
}

.block-category-inner {
  padding: 25px 0;
  width: calc(100% - var(--cat-img_size) - 162px);
  text-align: left;
  padding: 15px 35px;
}

#category-description h1,
#category-description h2,
#category-description h3 {
  margin: 20px 0 10px;
}

#category-description p {
  margin-bottom: 15px;
}

.block-category-promo {
  width: var(--cat-promo_width);
  background: #fff;
  border-radius: 5px;
  padding: 25px;
  padding-bottom: 65px;
  text-align: left;
  position: sticky;
  top: 190px;
  margin: 50px 0;
  box-shadow: var(--shadow);
}

.category-content {
  width: 100%;
}

.block-category-promo .btn-login {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rounded-img.category-cover:hover {
  box-shadow: 0 0 30px -8px #17b2bc;
}

#category-description {
  scrollbar-color: white #5b6770;
  border-radius: 5px;
}

#category-description::-webkit-scrollbar-thumb,
#category-description::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}

#category-description::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
}

#category-description::-webkit-scrollbar-track {
  background: #ffffff30;
  border-radius: 5px;
}

#category-description {
  position: relative;
  padding-bottom: 15px;
  color: #fff;
  font-weight: 300;
}

.block-category #eKomiWidget_default {
  margin: 0;
  display: flex;
}

.total-products {
  margin-bottom: 15px;
}

.category-content p {
  margin-bottom: .75rem;
}

.category-content p:last-of-type {
  margin: 0;
}

.customization-message {
  display: inline-flex;
  padding: 0px 10px 0 9px;
  background: #f3f3f3;
  border: 1px solid #40404014;
  gap: 3px;
  border-radius: 22px;
  font-size: 0.75em;
  font-weight: 600;
  cursor: default;
}

.customization-message img {
  width: 20px;
}

.text-muted {
  color: var(--blue);
  font-size: 0.75rem;
}

#left-column {
  width: calc(100% - var(--cat-promo_width));
}

.category-sub-menu.listado .item-miniature .custom-html {
  flex-direction: column;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
}

.category-sub-menu.listado .item-actions {
  padding-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #fff;
}

.displaySlider .cb-item-content>.custom-html:after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 100px 0px 0 100vw;
  border-color: transparent transparent transparent #eee;
  pointer-events: none;
}

.displayHome {
  background-image: linear-gradient(180deg, #eee, #fff);
}

.distrib-claim_text ul {
  padding: 0;
  margin: 15px 25px 35px;
}

.distrib-claim_text {
  text-align: left;
  margin-bottom: 35px;
}

.displayCustomBanners2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.cta-claims {
  margin: 35px auto 0;
  width: 100%;
}

.category_seo p {
  margin-bottom: 1rem;
}

.category_seo strong {
  font-weight: 600;
}

.category_seo h2 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

/* landings cms */
.text-center {
  text-align: center;
}

#pagenotfound #wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: center;
  flex-direction: column;
  font-size: 1.1rem;
  background: url(/img/404-page.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  min-height: 500px !important;
}
#pagenotfound #wrapper #content {
    width: 700px;
    max-width: 70%;
    padding: 100px;
    color: #fff;
    margin-right: 0;
}
.page-not-found h1 {margin-bottom: 1rem;}

.page-not-found .btn {
  margin-top: 1.5rem;
  background: #fff;
  color: var(--darkblue);
}

.page-not-found .search-open,
.page-not-found .search-close{
  background: #ffffff14;
  padding: 0 7px;
  /* border-radius: 5px; */
  border-bottom: 1px solid #ffffff9e;
  cursor: pointer;
}
/*#content.page-cms.page-cms-1 {
                                padding: 0;
                            }
                            #content.page-cms {
                                padding: 50px 0 75px;
                            }*/

#content.page-cms h1 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 600;
}

.allproducts_h2 h2 {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 0;
}

#content.page-cms p,
#content.page-cms li {
  text-align: justify;
}

/* cart */
.cart-items {
  margin: 0;
  list-style: none;
}

.labels-options{
	margin: 0;
	list-style: none;
    text-align: left;	
}

.cart-summary-line {
  justify-content: space-between;
  align-items: center;
  display: flex;
  color: var(--darkblue);
  font-size: 1.25rem;
  font-family: "Montserrat";
  font-weight: 600;
  padding: 5px 0;
}

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

.product-additional_actions>a,
.product-additional_actions .material-icons {
  color: var(--darkblue);
  transition: 0.2s ease;
}

.product-additional_actions>a:hover {
  color: var(--blue);
}

.product-additional_actions {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 1.15rem;
}

.cart-summary-line .label {
  font-size: 1rem;
  font-weight: 500;
}

.product-additional_actions .material-icons {
  margin-right: 5px;
}

.cart-detailed-totals {
  padding: 25px;
}

.cart-line-product-actions>.remove-from-cart {
  padding: 7px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  border: 1px solid #cc001752;
  background-color: #f5f5f5;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--trans);
}

.cart-line-product-actions>a:hover {
  background-color: #cc000017;
  color: var(--error);
}

.cart-total {
  background-color: var(--border);
  margin: 0 -25px;
  margin-top: 10px;
  padding: 10px 25px;
  border-radius: 5px;
  font-size: 1.7em;
}

.cart-actions .btn-yellow {
  display: flex;
}

.cart-total .label {
  font-size: 0.75em;
}

body#cart section#wrapper {
  background-color: #f3f3f3;
}

.cart-item.product-line-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  /* box-shadow: var(--shadow); */
}

.product-line-grid:last-of-type .general-product-info, .general-product-info-mobile{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.product-line-grid:first-of-type .general-product-info, .general-product-info-mobile{
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.cart-wrapper {
  padding-top: 35px;
  padding-bottom: 75px;
}

.product-line-info {
  width: 115px;
  text-align: center;
}

.cart-container h1 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 15px;
  color: var(--darkblue);
  font-weight: bold;
}

.cart_product-name {
  color: var(--darkblue);
  display: block;
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 0.9rem;
}
.cart_product-name-lowercase {
  text-transform: lowercase;
}

.cart_product-name::first-letter {
  text-transform: uppercase;
}

.remove-from-cart {
  color: var(--error);
}

.cart-container p.h1 {
  background-color: var(--blue);
  color: #fff;
  padding: 5px 15px;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  box-shadow: #17b2bc52 0px 15px 10px -10px;
  margin-bottom: 30px;
}

.product-info-header {
  color: var(--darkblue);
  font-size: 22px;
  white-space: nowrap;
  margin-bottom: 20px;
  font-weight: 700;
  margin: 20px 0;
  text-align: center;
}

.header-product-info,
.general-product-info, .general-product-info-mobile{
  display: grid;
  grid-template-rows: auto;
  width: 100%;
  grid-auto-rows: 20px;
  gap: 10px;
}

.general-product-info, .general-product-info-mobile{
  grid-template-columns: repeat(7, 1fr);
}

.header-product-info {
  grid-template-columns: repeat(7, 1fr);
}

.redirect-order {
  cursor: pointer; 
}

.general-product-info, .general-product-info-mobile{
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 7px 0;
  border-bottom: 0;
}

.product-info-header.producto {
  grid-column: 1 / 3;
}

.without-attributes .general-product-info__image {
  grid-row: 1 / -1;
  text-align: center;
  width: 100px;
}

.general-product-info__name {
  grid-column: 2 / -1;
}

.customization-options {
  list-style: none;
  margin: 0;
  margin-top: 8px;
  display: flex;
  gap: 10px;
}

.general-product-info__name {
  grid-column: 1 / 3;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 15px;
}

.combination-product-info__name {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  margin-left: 25px;
  font-size: 14px;
}

.combination-product-info__quantity {
  grid-column: 3 / 4;
}

.combination-product-info__design {
  grid-column: 4 / 5;
}

.combination-product-info__price {
  grid-column: 5 / 6;
}

.combination-product-info__pvp {
  grid-column: 6 / 7;
}

.combination-product-info__subtotal {
  grid-column: 7 / 8;
}

.combination-product-info__quantity .product-line-info {
  width: auto;
}

.combination-product-info__design {
  justify-content: center;
}

div#_combination_product_design_modal_wrapper {
  grid-row: 1 / 2;
}

span.cart_product-price__name {
  display: none;
}

/* designs */

.additional-btns {
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  padding: 15px 0 0;
  width: 100%;
}

.additional-btns a {
  font-size: 0.75rem;
  cursor: pointer;
  padding: 5px 10px;
  flex-wrap: wrap;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  border-radius: 5px;
  border: 1px solid #c6c6c6;
  transition: background-color 0.1s linear, border-color 0.1s linear;
  /*width: 33.33%;*/
  width: 44.33%;
  white-space: nowrap;
  color: var(--darkblue);
}

.additional-btns a:hover {
  background: #fff;
  border-color: var(--darkblue);
}

.additional-btns a:hover span {
  color: var(--darkblue);
}

.additional-btns .material-icons {
  font-size: 16px;
  margin-bottom: 0;
  display: block;
}

[data-modal="designs"] .help-text {
  padding: 10px 15px 10px 50px;
  position: relative;
  margin: 15px 0;
  /* background: var(--lightgray); */
  border-radius: 5px;
  border: 1px solid var(--border);
  text-align: left;
  display: inline-block;
  color: var(--darkblue);
}

.design-actions {
  text-align: left;
  padding: 15px;
  background: var(--lightgray);
  border-radius: 5px;
  border: 1px solid var(--border);
}

.design-action {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.design-action>label {
  width: 225px;
  color: var(--darkblue);
}

.design-action.action_comment {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

#btn_croquis_upload {
  background-color: #fff;
}

.design-modal button {
  width: 100%;
  max-width: unset;
  margin-top: 15px;
}

.add_designs {
  display: block;
  text-align: left;
  margin-top: 15px;
}

.action_history>label {
  text-decoration: underline;
  cursor: pointer;
}

[data-modal="designs"] .help-text .alt-text {
  font-size: 0.75rem;
}

/* [data-modal="designs"] .additional-btns {margin-bottom: 15px;padding: 0;} */
[data-modal="designs"] form {
  width: 100%;
}

[data-modal="designs"] .help-text>.material-icons {
  position: absolute;
  left: 15px;
  top: 15px;
}

/* register form */
body#authentication .reg-container{
  padding:0px 15px
}

body#authentication .main-menu_reg{
  width: 100%;
  padding-left: 5%;
}
body#authentication h1.reg-title{
  font-family: Nunito;
  color: #fff;
  font-size :35px;
  text-align: left;
}

@media screen and (max-width: 1199px) {
  body#authentication .main-menu_reg{
    padding-left: 0;
  }
  body#authentication h1.reg-title{
    font-size :3vw;
    text-align: center;
  }
}

body#authentication .subbar.customer_logged_out.reg-subbar{
  min-height: 45px;
}

@media screen and (min-width: 1580px) {
  body#authentication .reg-ekomi{
    z-index: 999;
    position: absolute;
    top: 150px;
    right: 300px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1579px) {
  body#authentication .reg-ekomi{
    z-index: 999;
    position: absolute;
    top: 150px;
    right: 50px;
  }
}
@media screen and (max-width: 1199px) {
  body#authentication .reg-ekomi{
    display: none;
  }
}

body#authentication .register-form {
  width: 600px;
  background-color: #f7f7f7;
  padding: 20px 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: 0 auto;
}

body#authentication .register-form .field-eori_number{
  width: 100%;
}
body#authentication .register-form .field-pais,
body#authentication .register-form .field-password,
body#authentication .register-form .field-tipoempresa{
  width: 32%;
}
body#authentication .register-form .field-company{
  width: 61%;
} 
body#authentication .register-form .field-eori_number{
  display: none;
  width: 24%;
}
body#authentication .register-form .field-tipoempresa select,
body#authentication .register-form .field-pais select{
  background: #fff;
}

body#authentication .register-form .field-siret{
  width: 35%;
}

body#authentication .register-form .field-email{
  width: 62%;
}

body#authentication .register-form .field-password-confirm,
body#authentication .register-form .field-phone{
  width: 48%;
}

select.field-wrap.form-control.field-pais,
select.field-wrap.form-control.field-tipoempresa{
  width: 100% !important;
}

@media screen and (max-width: 500px) {
  body#authentication .register-form .field-password-confirm,
  body#authentication .register-form .field-email{
    width: 100%;
  }
  body#authentication .register-form .field-pais,
  body#authentication .register-form .field-siret,
  body#authentication .register-form .field-password,
  body#authentication .register-form .field-tipoempresa{
    width: 45%;
  }

  body#authentication .register-form .field-company{
    width: 54%;
  }

  body#authentication .register-form .field-eori_number{
    display: none;
    width: 44%;
  }
}

body#authentication .register-form .login-lnk{
  cursor: pointer;
  padding-top: 5px;
  text-decoration: underline;
}

body#authentication .register-form .form-control-submit{
  width: 100%;
}

/* restore pass  */
body#password .block-auth h1 {
  margin-bottom: 15px;
}

body#password .forgot-password {
  margin-top: 15px;
}

body#password #content {
  width: 100%;
  padding: 50px 0;
}

body#password .block-auth {
  width: 700px;
  background-color: #f7f7f7;
  padding: 20px 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: 0 auto;
}

body#password .field-wrap.field-email {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.forgot-password {
  text-align: left;
  padding-bottom: 15px;
}

/* order conf */
body#order-confirmation section#content-hook_order_confirmation {
  text-align: center;
  padding: 50px;
}

.descargar-factura_conf,
.pay-order-wrapper {
  font-size: 1.25rem;
  margin: 15px 0;
  text-align: -webkit-center;
}

.pay-order-wrapper-button{
  width: fit-content;
  background-color: var(--yellow);
  font-size: 1.25rem;
  padding: 10px 50px;
  border-radius: 5px;
  color: white;
  user-select: none;
  cursor: pointer;
}

.descargar-factura_conf a,
.pay-order-wrapper a {
  text-decoration: none;
  color: white;
}

body#order-confirmation #content-hook_order_confirmation .card-title .material-icons {
  display: block;
  font-size: 50px;
  color: var(--valid);
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid var(--valid);
  padding: 15px;
  box-sizing: content-box;
  margin-bottom: 25px;
}

a.wa-btn {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 60px;
  height: 60px;
  background: url(/img/adivin-banderas-whatsapp.png) no-repeat #1bd741;
  z-index: 330;
  background-size: 50px;
  border-radius: 180px;
  background-position: center;
  box-shadow: 0 5px 20px -5px #000;
  transition: opacity 0.1s linear;
  box-shadow: 0 5px 20px -5px rgb(27 215 65 / 75%);
  transition: opacity 0.1s linear;
}

a.wa-btn:hover {
  opacity: 0.8;
}

@media (max-width: 991px) {

  .distrib-item {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
  }

  .block-muestras .btn-logged.btn.btn-all {
    display: none;
  }

  .block-muestras .btn {
    position: static;
    display: block;
    margin: 20px 0 15px;
  }

  .block-spain,
  .block-certif {
    width: 100%;

    padding: 30px 0;
    margin-top: 30px;
  }

  .distrib-cert_wrap {
    padding-bottom: 0;
    width: 90%;
  }

  .bg-promo {
    padding-top: 175px;
    padding-bottom: 75px;
  }

  .text-claim .custom-html {
    padding: 0;
  }

  body#password .block-auth {
    background: transparent;
  }

  .combination-product-info__price,
  .combination-product-info__pvp,
  .combination-product-info__subtotal {
    grid-column: 1 / -1;
  }

  .without-attributes .general-product-info__name {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
  }

  .without-attributes .general-product-info__name .cart_product-name {
    margin-right: unset;
  }

  .header-product-info {
    display: none;
  }

  .general-product-info, .general-product-info-mobile{
    grid-template-columns: repeat(7, 1fr);
    row-gap: 5px;
  }

  .general-product-info__name {
    grid-column: 1 / -1;
    text-align: center;
    margin-bottom: 25px;
  }

  .general-product-info__name .ImagenMobile{
    display: flex;
    flex-direction:column;
  }

  .general-product-info__image,
  .without-attributes .general-product-info__image {
    grid-row: 1 / 2;
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
  }

  .combination-product-info__name {
    grid-column: 1 / 4;
  }

  .combination-product-info__quantity {
    grid-column: 4 / 6;
  }

  .combination-product-info__design {
    grid-column: 6 / 8;
  }

  .combination-product-info__quantity .product-line-info {
    width: 30px;
  }

  span.cart_product-price__name {
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
  }

  .product-line-grid.without-attributes .combination-product-info__quantity {
    grid-column: 1 / -1;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .cart-actions {
    flex-direction: column;
    gap: 10px;
  }
}

@media screen and (max-width: 550px) {
  .combination-product-info__name {
    grid-column: 1 / -1;
  }

  .subbar .customer_nav a{
    font-size: 10px !important;
  }
}

/* FAQS */
.accordion-faqs {
  padding: 4rem 0;
}

.accordion-faqs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion-faqs .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.accordion-faqs .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.accordion-faqs .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  color: var(--font);
  background: var(--lightgray);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s;
}

.accordion-faqs .tab:nth-child(even) .tab-label {
  background: var(--white);
}

.accordion-faqs .tab-label:hover,
.accordion-faqs .tab:nth-child(even) .tab-label:hover {
  background: var(--darkblue);
  color: var(--white);
}

.accordion-faqs .tab-label::after {
  content: ">";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  transform: rotate(90deg);
}

.accordion-faqs .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: var(--font);
  background: white;
  transition: all 0.35s;
  text-align: justify;
}

.accordion-faqs .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: var(--blue);
  cursor: pointer;
}

.accordion-faqs .tab-close:hover {
  background: #1a252f;
}

.accordion-faqs input:checked+.tab-label,
.accordion-faqs .tab:nth-child(even) input:checked+.tab-label {
  background: var(--blue);
  color: var(--white);
}

.accordion-faqs input:checked+.tab-label::after {
  transform: rotate(270deg);
  transform-origin: 50% 80%;
}

.accordion-faqs input:checked~.tab-content {
  max-height: 100vh;
  padding: 1em;
}

/*paginas legales*/
.cms-id-2 #content,
.cms-id-3 #content,
.cms-id-7 #content {
  padding: 4rem 0;
}

.cms-id-2 #content.page-cms h1,
.cms-id-3 #content.page-cms h1,
.cms-id-7 #content.page-cms h1 {
  color: var(--darkblue);
  font-size: 2.25rem;
}

.cms-id-2 #content.page-cms h2,
.cms-id-3 #content.page-cms h2,
.cms-id-7 #content.page-cms h2 {
  color: var(--darkblue);
  font-size: 1.75rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
}

/*condiciones compra*/
.cms-id-2 #formas-pago,
.cms-id-2 #entrega {
  scroll-margin-top: 4.5em;
}

/*contacto*/
.contacto-wrap .g-recaptcha {
  margin: 0 0 5px 15px;
}

.contacto-wrap {
  padding: 4rem 0;
}

.contacto-wrap h3 {
  text-align: center;
  color: var(--darkblue);
  font-weight: 700;
  font-size: 2.25rem;
}

.contacto-wrap input.wpcf7-form-control:not(.wpcf7-captcha):not(input[type="submit"]),
.contacto-wrap textarea {
  width: 100%;
}

.contacto-wrap input.wpcf7-form-control:not(.wpcf7-captcha),
.contacto-wrap textarea {
  border: 0;
  border-bottom: 1px solid var(--darkblue);
  outline: 0;
}

.contacto-wrap input.wpcf7-form-control:focus-visible,
.contacto-wrap textarea:focus-visible,
.contacto-wrap input.wpcf7-form-control:active,
.contacto-wrap textarea:active {
  border: 0;
  border-bottom: 2px solid var(--blue);
}

.contacto-wrap .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.banner-contacto h2 {
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--white);
}

.banner-faqs {
  background-color: var(--blue);
}

.banner-distribuidores {
  background-color: var(--darkblue);
}

.banner-faqs,
.banner-distribuidores {
  padding: 4rem;
  flex: 0 0 50%;
}

.subbar .customer_nav .nav-contact a {
  display: inline-block;
}

/* responsive  */
@media screen and (min-width: 1367px) {
  span.mm_arrow {
    display: none;
  }

  .header-tools {
    padding-left: 15px;
  }

  span.nomMenu {
    display: none;
  }
}

@media screen and (max-width: 1366px) {

  .mm_menus_li .first_level,
  .user-info.logeado {
    font-size: 14px !important;
  }

  .listado .item-miniature {
    margin: 0 15px 30px;
    width: calc(33.33% - 30px);
  }

  .logged .listado .item-miniature {
    margin: 0 15px 30px;
    width: calc(25% - 30px);
  }

  #category .listado {
    padding-right: 30px;
  }

  .listado {
    margin: 0 -15px;
  }
}

@media screen and (max-width: 1280px) {


  .logged .listado .item-miniature {
    margin: 0 15px 30px;
    width: calc(33.33% - 30px);
  }

  .subbar .customer_nav a {
    font-size: 14px;
  }

  .product-info-header {
    font-size: 18px;
  }

  .table-responsive {
    overflow-x: auto;
  }

  /*menu*/
  .mm_menus_li .first_level {
    font-size: 13px !important;
  }

  .user-info.logeado {
    font-size: 12px !important;
    padding-right: 35px;
  }

  .logged_img {
    width: 30px;
    height: 30px;
  }

  /*home*/
  .splash_claim_item {
    display: flex;
    align-items: center;
    text-align: center;
  }

  .splash_claim_item img {
    width: auto;
    height: 35px;
    margin-right: 10px;
  }

  .distrib-claim .cb-item-content {
    justify-content: center;
  }

  .block-home_4 {
    margin-bottom: -110px;
  }

  .item-miniature .custom-html {
    font-size: 15px;
    flex-direction: column;
    padding: 15px;
  }

  .item-cta .btn {
    margin-top: 7px;
    padding: 5px 10px;
  }
}

@media screen and (min-width: 1200px) {
  .claim-item_top {
    max-width: 33.33%;
  }

  .link-check-current .material-symbols-rounded {
    display: none;
  }
}

.material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 1198px){
  .cb-item-content-mobile{
    display: none;
  }

  .free-samples-mobile{
    display: none;
  }
}

@media screen and (max-width: 1199px) {


  .displayCustomBanners1 #cb-21,
  .displayCustomBanners1 #cb-19,
  .displayCustomBanners1 #cb-12 {
    display: none;
  }

  #cb-24 {
    margin-left: auto;
  }

  .subbar .customer_nav a .material-icons, .subbar .customer_nav a .material-symbols-outlined{
    display: block !important;

  }

  .user-info>.btn-login {
    border-radius: 100%;
    width: 35px;
    padding: 0;
    height: 35px;
  }

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

  *::-webkit-scrollbar-thumb {
    height: 0;
  }

  .customer_nav::-webkit-scrollbar {
    display: none;
  }


  .customer_nav::-webkit-scrollbar {
    display: none;
  }

  .customer_nav::-webkit-scrollbar {
    display: block;
  }

  .customer_nav {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    overflow-x: auto;
    background: var(--darkblue);
    padding: 0 10px;
    border-top: 1px solid #1c1735;
  }

  .search-toggler {
    margin-left: auto;
    margin-right: 15px;
  }

  .mm_menus_ul>.mm_menus_li>a {
    display: inline-block;
    width: auto !important;
  }

  .mm_menus_li.mm_has_sub:hover>a {
    z-index: 90;
  }

  .mm_menus_ul>.mm_menus_li>.arrow {
    width: 100%;
    z-index: 80;
  }

  .mm_menus_ul>.mm_menus_li>.arrow::before {
    left: unset;
    right: 0;
  }

  .displayTop .custom-html p {
    font-size: 12px;
  }

  .user-info.logeado {
    font-size: 10px !important;
  }

  .subbar .customer_nav a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 2px;
    text-wrap: balance;
  }

  .subbar .customer_nav .distrib-alt-link {
    display: none;
  }

  .logo>img {
    width: 160px;
  }

  .account .user_name,
  .account .saludo,
  .account-links,
  .user-info>.btn-login .user_login {
    display: none;
  }

  .user-info>.btn-login img {
    margin-left: 0;
  }

  .main-menu {
    order: 1;
  }

  .main-menu .nomMenu {
    display: none;
  }

  .mm_menus_ul {
    flex-direction: column;
    justify-content: flex-start;
  }

  .ets_mm_megamenu .container {
    background-color: transparent;
  }

  .header-tools {
    margin-right: 20px;
  }

  .user-info {
    display: flex;
    flex-direction: column;
  }

  .register_top {
    position: static;
    font-size: 10px;
    display: none;
  }

  #category .listado {
    padding-right: 25px;
  }
}

@media screen and (max-width: 991px) {
.subbar .customer_nav a .material-icons
  /*top menu*/
  .claims-top {
    height: 35px;
    position: relative;
  }

  #search_widget {
    height: 50px;
  }

  .claim-item_top {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    /* align-items: center; */
  }

  .claim-item_1 {
    animation: claims_rotation1 infinite;
    animation-duration: 12s;
  }

  .claim-item_2 {
    animation: claims_rotation2 infinite;
    animation-duration: 12s;
  }

  .claim-item_3 {
    animation: claims_rotation3 infinite;
    animation-duration: 12s;
  }

  @keyframes claims_rotation1 {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    30% {
      opacity: 0;
    }

    95% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes claims_rotation2 {
    0% {
      opacity: 0;
    }

    30% {
      opacity: 0;
    }

    35% {
      opacity: 1;
    }

    60% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes claims_rotation3 {
    0% {
      opacity: 0;
    }

    65% {
      opacity: 0;
    }

    70% {
      opacity: 1;
    }

    90% {
      opacity: 1;
    }

    95% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  /*menu*/
  .mainbar>.container {
    height: 50px;
  }

  /* menu distribuidor*/
  .subbar>.container>.cb {
    width: auto;
  }

  .displayCustomBanners1 .cb-item {
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
  }

  .displayCustomBanners1 .cb-item:first-child {
    left: 0;
    height: 38px;
  }

  .customer_nav_logged.cb-wrapper .cb-item:first-child a {
    display: flex;
    align-items: center;
  }

  .customer_nav.cb-wrapper .cb-item:first-child a {
    padding-left: 12px;
  }

  /*home*/
  .text-distrib {
    width: 100%;
  }

  .block-home_3 {
    padding: 15px 0;
  }

  .distrib-claim .cb-item-content {
    margin-bottom: 0;
  }


  #footer {
    padding-bottom: 44px;
  }

  .bg-promo:after {
    border-width: 75px 0 0 100vw;
  }

  .block-muestras-certif {
    margin: 0;
  }

  .block-muestras {
    padding: 15px;
    margin: 0;
  }

  .block-muestras:after {
    border-width: 75px 0 0 100vw;
  }

  .distrib-cert_wrap .custom-html {
    margin-top: 30px;
  }

  #yt-adivin {
    height: 50vw;
  }

  .listado.block-home .item-miniature {
    width: calc(33.33% - 20px / 4 * 3);
    margin: 0 7.5px 15px;
  }

  .displaySlider .cb-item-content>.custom-html:after {
    border-width: 50px 0px 0 100vw;
  }

  .ekomi-home {
    display: flex;
    align-self: center;
    order: 1;
  }

  .displaySlider .custom-html>.container {
    flex-direction: column;
  }

  .slide-item.slide-item_1 {
    width: 90%;
    margin-top: 25px;
  }

  .displaySlider .cb-item-content>.custom-html {
    padding: 15px 0 100px;
  }

  .block-home_4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: -150px;
  }

  .vid-home {
    width: 100%;
    order: 1;
  }

  .text-claim {
    width: 100%;
    margin-bottom: 25px;
  }

  .displayCustomBanners2>.cb-wrapper:not(.claims-container) {
    flex-direction: column;
    margin: 0;
  }

  .displayCustomBanners2>.cb-wrapper.claims-container {

    padding-top: 75px;
  }

  .block-distrib {
    width: 90%;
  }

  /*footer*/
  .content-wrap-footer_1 {
    width: 100%;
  }

  .content-wrap-footer_2,
  .content-wrap-footer_3,
  .content-wrap-footer_4 {
    text-align: center;
    width: 30%;
  }

  /* categoria */
  .category-content p {
    margin-bottom: .75rem;
  }

  .category-content p:last-of-type {
    margin: 0;
  }

  .page-category.layout-both-columns main {
    padding-bottom: 144px;
  }

  #category .listado {
    padding-right: 0px;
  }

  #left-column {
    width: 100%;
  }

  .product-title:first-letter {
    text-transform: uppercase !important;
  }

  .category-cover {
    height: 150px;
    width: 150px;
    padding: 10px;
  }

  .category-cover>img {
    object-fit: cover;
  }

  .block-category-inner {
    width: 100%;
    padding: 25px 0 0;
  }

  .block-category #eKomiWidget_default {
    display: none;
  }

  .block-category {
    padding-top: 15px;
    flex-wrap: wrap;
  }

  .block-category .block-category-title {
    margin-left: 175px;
    position: absolute;
    top: 35px;
  }

  #content-wrapper #js-product-list-header:before {
    border-width: 50px 0 0 100vw;
  }

  #category-description {
    padding-bottom: 0;
    font-size: 14px;
  }

  .block-category-promo {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 15px;
    padding-bottom: 50px;
    top: unset;
    font-size: 14px;
  }

  .block-category-promo .btn-login {
    border-radius: 0;
    font-size: 1rem;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .block-category-promo h2 {
    font-size: 1rem;
    margin-bottom: 5px;
  }

  .block-category-promo br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .listado.block-home .item-miniature .cb-item-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
  }

  /*menu*/
  .ets_mm_megamenu.hook-default {
    margin-top: 0;
    padding: 0;
  }

  .user-info.logeado {
    padding-right: 0;
  }

  .logged_img {
    position: static;
    transform: none;
  }

  /*home*/
  .listado.block-home .item-miniature {
    width: calc(50% - 15px);
  }

  .block-muestras .cb-item-content {
    flex-direction: column;
  }

  .block-muestras .cb-item-content .custom-html {
    width: 100%;
  }

  .block-title {
    font-size: 28px;
  }

  .bg-promo .block-title {
    font-size: 35px;
  }

  /*footer*/
  .content-wrap-footerAfter {
    width: auto;
  }

  .content-wrap-footer_1 {
    padding-right: 0;
  }

  .content-wrap-footer_2,
  .content-wrap-footer_3,
  .content-wrap-footer_4 {
    width: 100%;
  }

  .content-wrap-footerCopy.content-wrap-footerCopy_1 {
    flex-direction: column;
    text-align: center;
  }

  .content-wrap-footer_2,
  .content-wrap-footer_3,
  .content-wrap-footer_4 {
    margin-top: 0;
    text-align: left;
  }

  .content-wrap-footer>.block-title.active+.expandable-mobile {
    max-height: 260px;
  }

  .expandable-mobile {
    margin: 0;
    max-height: 0;
    transition: max-height 0.2s linear;
    overflow: hidden;
  }

  .content-wrap-footer>.block-title:after {
    content: "\e5cf";
    font-family: "Material Icons";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    font-size: 28px;
    color: #000;
    transition: transform 0.2s linear;
  }

  .content-wrap-footer>.block-title:after {
    right: 0;
    left: unset;
    color: #d8d8d8;
  }

  .content-wrap-footer>.block-title.active:after {
    color: #fff;
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  .content-wrap-footer>.block-title,
  .footer-container li a {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid rgb(28 23 53);
  }

  .content-wrap-footer>.block-title {
    margin-bottom: 0;
    position: relative;
  }

  .content-wrap-footer ul.expandable-mobile li {
    margin-left: 15px;
    font-size: 14px;
  }

  .content-wrap-footer_2 {
    margin-top: 15px;
  }

  .footer-main>.container {
    border-bottom: 0;
  }
}

@media screen and (max-width: 610px) {

  /*home*/
  .ekomi-home {
    display: flex;
    align-self: center;
    width: 90%;
  }

  .distrib-claim {
    width: 45%;
  }

  .block-title {
    font-size: 22px;
  }

  .bg-promo .block-title {
    font-size: 30px;
  }

  /*footer*/
  .footer-container .container {
    flex-direction: column;
    align-items: center;
  }

  .content-wrap-footerAfter_2 {
    margin: 15px 0;
  }

  .content-wrap-footer_1 {
    justify-content: center;
  }

  .contact-footer {
    flex-direction: column;
  }

  .contact-footer>a {
    margin-right: 0;
    margin-top: 10px;
  }

  .listado .item-miniature,
  .logged .listado .item-miniature {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
  }
  #pagenotfound #wrapper #content {
    padding: 50px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 500px) {
  .slide-item.slide-item_1 {
    width: 90%;
  }

  .ekomi-home .custom-html {
    flex-direction: column;
  }

  .ekomi-home .block-envio {
    width: 100%;
    padding: 15px;
  }

  .block-envio,
  #eKomiWidget_default {
    max-width: 75%;
  }


}

@media screen and (max-width: 450px) {
  .displayTop .custom-html p {
    font-size: 14px;
  }

  .btn {
    font-size: 1rem;
  }

  .block-title {
    font-size: 20px;
  }

  .bg-promo .block-title {
    font-size: 25px;
  }

  .distrib-claim .custom-html {
    font-size: 13px;
  }

  .splash_claim_item {
    font-size: 14px;
  }

  .login_actions{
    display: inline-block;
  }

  .login_actions a:first-child{
    margin-bottom: 10px;
  }  
}

@media screen and (max-width: 385px) {
  .displayTop .custom-html p {
    font-size: 13px;
  }
}
/* CHECK REGISTRO */
i.fa-check{
  border-radius: 100%;
  border: 2px solid var(--font);
  font-size: 10px;
  padding: 2px;
  line-height: 1;
  color: whitesmoke !important;
  transition: .1s linear;
  user-select: none;
  cursor: pointer;
}
i.fa-check.suggar{
  color: rgb(52, 178, 51) !important;
  border: 2px solid rgb(52, 178, 51);
}

.footer_reg .container{
  padding-top: 0px;
}
.footer_reg .row_reg{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.footer_reg .row_reg img{
  margin-right: 10px;
}
.footer_reg .row_reg label{
  color: white;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  line-height: 22px;
}
.footer_reg .col-md-3-0{
  width: 24%;
  float: left;
  padding-right:15px;
}
.footer_reg .col-md-3-1{
  width: 26%;
  float: left;
  padding: 0 15px;
}
.footer_reg .col-md-3-2{
  width: 25%;
  float: left;
  padding-left:15px;
}

.footer_reg .col-md-12-1 {
  float: left;
  width: 100%;
  color: #fff;
  padding-bottom: 20px;
  margin-top: -20px;
}
.footer_reg .col-md-12-1 img{
  vertical-align: baseline;
}

@media screen and (max-width: 980px) {
  .footer_reg .col-md-3-0,
  .footer_reg .col-md-3-1,
  .footer_reg .col-md-3,
  .footer_reg .col-md-3-2{
    width: 100%;
    float: none;
    padding: 0;
    padding-top: 15px;
  }
  .footer_reg .col-md-12-1{
    margin-top: 0;
    padding-bottom: 0px;
    text-align: center;
  }
  .footer_reg .row_reg{
    justify-content: center;
  }

}

.unselectable {
 -moz-user-select: -moz-none !important;
 -khtml-user-select: none !important;
 -webkit-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  pointer-events:none !important;
  cursor: default !important;
  opacity: 0.6 !important;
}
.unselectable:hover {
  box-shadow: none !important;
}

.grupito .input-container-product-variants.unselectable:hover .base-price {
	border-radius: 5px !important;
}
/* subida caras de producto */
.layers {
  width: 300px;
  background: var(--lightgray);
  height: 300px;
  aspect-ratio: 1;
  border: 2px solid var(--gray);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  /* margin-bottom: 15px; */
  user-select: none;
}

.layer .area {
  width: 212.135px;
  height: 212.135px;
  position: absolute;
  z-index: 0;
  border: 1px solid var(--gray);
  cursor: pointer;
}
.layer_1 .area {
  content: "";
  right: 50%;
  top: 50%;
  bottom: 0;
  transform-origin: right top;
  transform: rotate(45deg);
}
.layer_2 .area,
.layer_0 .area {
  content: "";
  right: 50%;
  top: 50%;
  bottom: 0;
  transform-origin: right top;
  transform: rotate(135deg);
}
.layer_3 .area {
  content: "";
  right: 50%;
  top: 50%;
  bottom: 0;
  transform-origin: right top;
  transform: rotate(225deg);
  transition: var(--trans);
}
.layer_4 .area {
  content: "";
  right: 50%;
  top: 50%;
  bottom: 0;
  transform-origin: right top;
  transform: rotate(315deg);
}
.layer span {
  color: var(--gray);
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.layer_1 span {
  top: calc(50% - 20px);
  left: 15%;
}

.layer_2 span,
.layer_0 span {
  top: 12%;
  left: calc(50% - .25em);
}

.layer_3 span {
  top: calc(50% - 20px);
  right: 15%;
}

.layer_4 span {
  bottom: 10%;
  left: calc(50% - 0.3em);
}
[data-layer]:hover,
[data-layer].hover{
  background: #f3f3f3;
}

.sol-upload-file-adivin-form[data-layer] {
  display: none;
  flex-grow: 1;
  max-width: calc(25% - 11.25px);
}

.sol-upload-file-adivin-form[data-layer]:first-child {
  display: block;
}
.multi_upload{
  padding: 3rem;
  display: flex;
  gap: 3rem;
  /* align-items: stretch; */
}
.layers_upload {
    width: 100%;
}
.upload_row {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.multi .upload-deco .material-icons {
    font-size: 32px;
}
#sol-modal-upload .multi .upload-deco, 
#sol-modal-upload-label .multi .upload-deco {
    width: 60px;
    height: 60px;
}
.upload_mode {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: .5rem;
}

.multi_upload #sol-upload-file-adivin-form{
    padding: 0;
}
.multi .sol-upload-input label {
  font-size: 1rem;
}

.multi .sol_upload_dragndrop {
  font-size: 12px;
}

.multi_upload .layers_wrap .layers .layer .area.uploaded {
	background-color: var(--blue);
}

.badge_carrier {
  background-color: var(--yellow);
  color: white;
  padding: 0px 2px;
}

/*** DESIGNS MODAL **/
.uploaded-label .completed {
  padding: 15px;
  border-radius: 100%;
  border: 2px solid var(--valid);
}

div#sol-modal-upload,
div#sol-modal-upload-label {
  backdrop-filter: blur(3px);
  transition: var(--trans);
  opacity: 0;
  transform: translateY(30px);
}

.subida-label small {
  color: #959595;
  font-family: "Montserrat";
  font-weight: 100;
  line-height: 1.4;
  margin-top: 15px;
}

div#sol-modal-upload.fade.in,
div#sol-modal-upload-label.fade.in {
  opacity: 1;
  transform: translateY(0px);
}

#sol-modal-upload .modal-content,
#sol-modal-upload-label .modal-content {
  padding: 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  /* overflow: visible; */
  width: 100%;
}
.wrap-title-design {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wrap-title-design {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* table.designs-uploaded-wrapper {
    table-layout: fixed;
} */
.sol-upload-filename,
.design-upload-filename,
.sol-upload-label-filename {
  width: 100%;
  text-align: center;
}

div#sol-modal-upload .modal-header,
div#sol-modal-upload-label .modal-header {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  padding: 10px 15px;
  position: relative;
  border: 0;
  flex-wrap: wrap;
  padding-right: 45px;
}

.sol-upload-success,
.design-upload-success,
.sol-upload-label-success {
  color: var(--valid);
}

div#sol-modal-upload .modal-header:after,
div#sol-modal-upload-label .modal-header:after {
  display: none;
}

.design-uploaded-file {
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 15px 15px;
  display: flex;
}

.uploaded-label span {
  font-size: 2rem;
  color: var(--valid);
}

div#sol-modal-upload .completed.upload-deco.flex-center,
div#sol-modal-upload-label .completed.upload-deco.flex-center {
  background: transparent;
  box-shadow: none;
  border: 2px solid var(--valid);
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  display: none;
}

div#sol-modal-upload .completed.upload-deco.flex-center span,
div#sol-modal-upload-label .completed.upload-deco.flex-center span {
  color: var(--valid);
  font-size: 30px;
}

.sol-upload-input,
.design-upload-input,
.sol-upload-label-input {
  display: flex;
  padding: 30px 15px;
  flex-direction: row;
  border-radius: 5px !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='black' stroke-width='3' stroke-dasharray='7' stroke-dashoffset='10' stroke-linecap='square'/%3e%3c/svg%3e");
}

.sol-upload-input-nobackground,
.design-upload-input-nobackground,
.sol-upload-label-input-nobackground {
  display: flex;
  padding: 30px 15px;
  flex-direction: row;
  border-radius: 5px !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.sol-upload-input input,
.design-upload-input input,
.sol-upload-input-nobackground input,
.design-upload-input-nobackground input,
.sol-upload-label-input input,
.sol-upload-label-input-nobackground input {
  display: none;
}

.sol-upload-input label strong,
.design-upload-input label strong,
.sol-upload-input-nobackground label strong,
.design-upload-input-nobackground label strong,
.sol-upload-label-input label strong,
.sol-upload-label-input-nobackground label strong {
  color: var(--darkblue);
  cursor: pointer;
}

.sol-upload-input label,
.sol-upload-input-nobackground label,
.sol-upload-label-input label,
.sol-upload-label-input-nobackground label {
  font-size: 1.75rem;
  text-align: center;
}

div#sol-modal-upload form,
div#sol-modal-upload-label form {
  padding: 15px;
}
div#sol-modal-upload button.close,
div#sol-modal-upload-label button.close {
  font-weight: 100;
  opacity: 1;
  position: absolute;
  left: 100%;
  bottom: 100%;
  text-shadow: none;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 40px;
}

div#sol-modal-upload .modal-header span.alt-text,
div#sol-modal-upload-label .modal-header span.alt-text {
  padding: 0;
  width: 100%;
}

div#sol-modal-upload .modal-header p,
div#sol-modal-upload-label .modal-header p {
  font-weight: bold;
  color: inherit;
  margin: 0;
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 1rem;
  width: 100%;
}

div#sol-modal-upload .upload-deco,
div#sol-modal-upload-label .upload-deco {
  background-color: var(--darkblue);
  width: 80px;
  height: 80px;
  border-radius: 100%;
  box-shadow: 0 3px 12px 5px rgb(38 31 71 / 30%);
  cursor: pointer;
  transform: scale(1);
  transition: var(--trans);
  margin: 0 auto 15px;
}

div#sol-modal-upload .upload-deco:hover,
div#sol-modal-upload-label .upload-deco:hover {
  transform: scale(1.07);
}

div#sol-modal-upload .modal-header a#download_template_pdf,
div#sol-modal-upload .modal-header a#download_manual,
div#sol-modal-upload-label .modal-header a#download_template_pdf,
div#sol-modal-upload-label .modal-header a#download_manual {
  padding: 5px 0 10px;
  text-decoration: underline;
  user-select: none;
  cursor: pointer;
}

div#sol-modal-upload .modal-content input#md_modal_upload_name,
div#sol-modal-upload .modal-content .form-field-sol.wrap-qty-design input,
div#sol-modal-upload-label .modal-content input#md_modal_upload_name,
div#sol-modal-upload-label .modal-content .form-field-sol.wrap-qty-design input {
  margin: 0 auto;
  width: 400px;
  max-width: 100%;
  padding: 7px 15px;
  background: #f1f1f1;
  margin-top: 15px;
  text-align: center;
  border-radius: 5px;
  border: 0;
  border-bottom: 1px solid var(--darkblue);
}
.design-uploaded-line>td {
    padding: 1rem;
    margin: 0;
    text-align: center;
    height: auto;
}
.design-uploaded-line * {
    text-align: center;
    vertical-align: middle;
}
.upload_qty-design .input-group.bootstrap-touchspin {
    display: flex;
    position: relative;
    width: 120px;
    margin: 0 auto;
    height: 28px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    border-radius: 5px;
}

.upload_qty-design .input-group-btn-vertical {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}

.upload_qty-design .btn-touchspin {
    border: 0;
    z-index: 3;
    position: relative;
}

.md-modal-upload-observations-input {
    border: 0;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 15px 7px;
}

.design-uploaded-line .td_img {
    max-width: 120px;
}
.designs-uploaded-wrapper .md-modal-upload-qty-input {all: unset;padding: 0 40px;width: 100%;z-index: 2;position: relative;}
.subida-drawing-label.ui-btn {
    background: #17b2bc26;
    border: 1px solid #17b2bc6b;
}

.designs-uploaded-wrapper .ui-btn:hover {
    border-color: #17b2bc;
}
.designs-uploaded-wrapper .ui-btn {
    aspect-ratio: 1;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--trans);
    display: inline-flex;
    padding: 7px;
}

.designs-uploaded-wrapper .remove-design-line.ui-btn {
    background: #cc00001c;
    border: 1px solid #cc000087;
}
.designs-uploaded-wrapper .remove-design-line.ui-btn:hover {
    border-color: #cc0000;
}

.preview {
  border-radius: 100%;
  overflow: hidden;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 2px solid var(--darkblue);
  padding: 25px;
  box-shadow: 0 0 20px -8px #17b2bc;
  z-index: 1;
  aspect-ratio: 1;
}
.sol-uploaded-file,
.sol-uploaded-label-file {
    padding: 1.5rem;
}

div#sol-modal-upload .modal-content .form-field-sol.wrap-qty-design,
div#sol-modal-upload-label .modal-content .form-field-sol.wrap-qty-design {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 15px 0;
}

div#sol-modal-upload .modal-content .form-field-sol.wrap-qty-design input,
div#sol-modal-upload-label .modal-content .form-field-sol.wrap-qty-design input {
  margin: 0 8px;
  width: 60px;
  box-shadow: none;
}

div#sol-modal-upload .modal-content .form-field-sol.wrap-qty-design .alt-text,
div#sol-modal-upload-label .modal-content .form-field-sol.wrap-qty-design .alt-text {
  padding: 0px;
  padding-left: 5px;
  font-weight: 900;
}

.subida-label,
.uploaded-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.upload-deco .material-icons {
  font-size: 40px;
  color: var(--darkblue);
  color: #fff;
  filter: drop-shadow(0 0 8px #17b2bc94);
  pointer-events: none;
}

.sol-upload-input .subiendo,
.sol-upload-input .subido,
.sol-upload-input.loaded .subir,
.sol-upload-input.loading .subir,
.sol-upload-input.loading .subido,
.sol-upload-input-nobackground .subiendo,
.sol-upload-input-nobackground .subido,
.sol-upload-input-nobackground.loaded .subir,
.sol-upload-input-nobackground.loading .subir,
.sol-upload-input-nobackground.loading .subido,
.sol-upload-label-input .subiendo,
.sol-upload-label-input .subido,
.sol-upload-label-input.loaded .subir,
.sol-upload-label-input.loading .subir,
.sol-upload-label-input.loading .subido,
.sol-upload-label-input-nobackground .subiendo,
.sol-upload-label-input-nobackground .subido,
.sol-upload-label-input-nobackground .subir,
.sol-upload-label-input-nobackground.loading .subir,
.sol-upload-label-input-nobackground.loading .subido {
  display: none;
}

.sol-upload-input.loading .subiendo,
.sol-upload-input.loaded .subido,
.sol-upload-input-nobackground.loading .subiendo,
.sol-upload-input-nobackground.loaded .subido,
.sol-upload-label-input.loading .subiendo,
.sol-upload-label-input.loaded .subido,
.sol-upload-label-input-nobackground.loading .subiendo,
.sol-upload-label-input-nobackground.loaded .subido {
  display: inline-block;
}

.btn-secondary_transparent {
  border: 1px solid var(--darkblue);
  color: var(--darkblue);
  background-color: transparent;
  gap: 10px;
  font-size: 1rem;
  padding: 3px 10px;
}

.btn-secondary_transparent:hover {
  color: var(--darkblue);
  background-color: #261f470d;
}

#download_template_pdf .material-icons,
#download_manual .material-icons {
  margin: 0;
}

div#sol-modal-upload #download_template_pdf,
div#sol-modal-upload #download_manual {
  margin-top: 15px;
  backface-visibility: hidden;
}

button.sol-upload-button[disabled],
button.sol-uploaded-button[disabled],
button.design-upload-button[disabled],
button.design-uploaded-button[disabled],
button.sol-upload-label-button[disabled],
button.sol-uploaded-label-button[disabled] {
  opacity: 0.66;
  cursor: not-allowed;
}

button.sol-upload-button,
button.sol-uploaded-button,
button.design-upload-button,
button.design-uploaded-button,
button.design-upload-label-button,
button.design-uploaded-label-button {
  border: 0;
  background: 0;
  padding: 10px 15px;
  width: 300px;
  max-width: 100%;
  margin-top: 15px;
  color: #fff;
  border-radius: 5px;
  background: var(--darkblue);
  cursor: pointer;
}

.uploaded-label-message {
  color: var(--valid);
  display: block;
  text-align: center;
  width: 100%;
  text-align: left;
}

.message {
  padding: 10px 15px;
  border-radius: 3px;
  font-size: 0.75rem;
  backface-visibility: hidden;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 260px;
}

.mensajes {
  /* flex-direction: column; */
  margin: 0 auto;
  align-items: stretch;
  gap: 10px;
  margin: 10px auto;
}

.message.message-err:before,
.message.message-ok:before {
  font-family: "Material Icons";
  content: "warning";
  color: #f7952a;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
}

.message.message-ok:before {
  content: "check_circle";
  color: var(--valid);
}

.message-ok {
  background: #e0f0e0;
  border: 1px solid hsl(120 100% 25% / 0.2);
  padding-left: 40px;
}

.message-err {
  color: #f7952a;
  border: 1px solid #f7952a;
  padding-left: 40px;
  background: rgb(247 149 42 / 0.2);
}

div#sol-modal-upload .modal-dialog,
div#sol-modal-upload-label .modal-dialog {
  width: 1000px;
  max-width: 100%;
}
div#sol-modal-upload.modal_big .modal-dialog,
div#sol-modal-upload-label.modal_big .modal-dialog {
  width: 1200px;
}

.sol-upload,
.sol-disena {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
  flex-direction: column;
}
/*** END DESIGNS MODAL **/

.custom-html .material-symbols-outlined {
  display: none;
}

.custom-html .material-icons {
  display: none;
}

/* MultiUpload */

@media screen and (max-width: 991px){
  
  .multi_upload{
    flex-direction: column;
  }

  .layers_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .layers_wrap .layers{
    width: 200px;
    height: 200px;
  }

  .upload_row{
    flex-wrap: wrap;
  }

  .sol-upload-file-adivin-form[data-layer]{
    max-width: calc(50% - 8.25px);
  }

  .layers_wrap .flex-center{
    display: block;
  }
}

@media (max-width: 500px) {

  .designs-uploaded-wrapper .md-modal-upload-qty-input{
    padding: 0;
  }

  .upload_qty-design .input-group.bootstrap-touchspin{
    width: 40px;
  }

  .upload_qty-design .input-group.bootstrap-touchspin button{
    display: none;
  }

  .designs-uploaded-body-wrapper .design-uploaded-line:nth-child(even){
    background-color: none;
  }

  .designs-uploaded-body-wrapper .design-uploaded-line:nth-child(odd){
    background-color: aliceblue;
  }

  .design-uploaded-line>td{
    padding: 0.3rem !important;
  }

  .designs-uploaded-body-wrapper .design-uploaded-line>td:nth-child(1),
  .designs-uploaded-header-wrapper>tr>th:nth-child(1){
    display: none;
  }

  div#sol-modal-upload button.close{
    left: 80%;
  }

}

@media screen and (max-width:650px){

  .designs-uploaded-body-wrapper .design-uploaded-line>td:nth-child(1),
  .designs-uploaded-header-wrapper>tr>th:nth-child(1){
    display: none;
  }

  .design-uploaded-line>td{
    padding: 0.5rem;
  }
}

@media (max-width: 767px) {
  
  .design-uploaded-line .sol-uploaded-drawing-form-wrapper,
  .design-uploaded-line .remove-design-line-label {
    display: block;
  }

  .design-uploaded-line .wrap-title-design{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .designs-uploaded-wrapper{
    font-size: 10px !important;
  }

  /* Cart Details */
  .combination-product-info__design {
    grid-column: 1 / 8;
  }

  .DescripcionExtras{
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
  }

  .DescripcionExtras .combination-product__price,
  .DescripcionExtras .combination-product-info__pvp,
  .DescripcionExtras .combination-product-info__subtotal{
    justify-content: space-between;
    font-size: 12px;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    text-align: left;
  }
  .DescripcionExtras .combination-product-info__price{
    justify-content: space-between;
    margin: 0.4rem;
    font-size: 12px;
  }

  .combination-product-info__price .cart_product-price:first-child{
    width: 60%;
    text-align: left;
  }

  .combination-product-info__price .cart_product-price:nth-child(2){
    width: 40%;
    text-align: right;
  }

  .customization-options {
    align-self: center;
  }


  /*  Paso 2 subida de diseño  */
  .product-block-design-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .product-block-design-mobile .checkout-block_table td{
    vertical-align: middle;
    width: -webkit-fill-available;
  }

  .td-product-mobile .td-product{
    align-items: center;
    display: flex;
    color: var(--darkblue);
    font-weight: 600;
    width: -webkit-fill-available;
    justify-content: space-evenly;
  }

  .td-product-mobile .td-product .qty_cell{
    width: auto;
  }

  .td-product-mobile .td-product .customization-options{
    flex-direction: column;
  }

  .tr-product-mobile{
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }

  .designs-download-btn-table-wrapper{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }

  .td-product-mobile{
    display: flex;
    flex-direction: row-reverse;
  }

  .design_drawing .design_obs,
  .add_product_design .samewidth{
    width: 100%;
  }

  .add_product_design .design_file{
    width: 30%;
    text-align: -webkit-center;
  }

  .samewidth .delete_design_item{
    margin-top: 10px;
    width: 90px;
  }

  .design_obs{
    margin-top: 10px;
  }

  .checkout-custom-design-description{
    width: -webkit-fill-available;
  }

  .checkout-block_table td.design_drawing, .customer-block_table td.design_drawing{
    min-width: 100px !important;
  }

  .qty_cell .products_qty.qty{
    margin-top: 10px;
  }

  .add_product_design .delete_design_item .design_num{
    margin-right: 20px;
  }

  .multiple-faces-designs-uploaded-wrapper{
    width: 100%;
  }
}

@media screen and (max-width:700px){
  .general-product-info-mobile{
    display: grid !important;
    grid-template-rows: auto;
    width: 100%;
    grid-auto-rows: 20px;
    gap: 10px;
    grid-template-columns: repeat(7, 1fr); 
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 7px 0;
    border-bottom: 0;
    }

  .product-block-mobile, .box-customer__content-mobile{
    display: flex !important;
  }

  .general-product-info, .product-block{
    display: none;
  }
}

.general-product-info-mobile, .product-block-mobile, .box-customer__content-mobile{
  display: none;
}

@media (min-width: 501px) and (max-width: 767px) {
  div#sol-modal-upload button.close{
    left: 90%;
  }
}


@media (min-width: 768px) and (max-width: 1099px) {
  div#sol-modal-upload button.close{
    left: 95%;
  }
}

@media screen and (max-width: 450px){
  .col-xs-12{
    display: block !important;
  }
}

/*   Resumen de compra   */

@media screen and (max-width: 700px){
  .box-customer__product-content .box-customer__product-quantity,
  .box-customer__product-content .box-customer__product-price,
  .box-customer__product-content .box-customer__product-pvp,
  .box-customer__product-content .box-customer__product-subtotal{
    text-align: left;
  }

  .box-customer__product .box-customer__product-image {
    width: 30% !important;
  }

  .box-customer__product .box-customer__product-name{
    width: 70% !important;
  }

  .box-customer__product {
    width: 100% !important;
  }

  .box-customer__product-content tr{
    margin-left: 10%;
  }

  .box-customer__product-content tr td:nth-child(1){
    text-align: left !important;
  }

  .box-customer__product-content tr td:nth-child(2){
    text-align: right !important;
    padding-right: 20%;
  }

  .box-customer__product table tbody{
    display: flex;
    flex-direction: column;
    width: 100%;
  }

}

@media screen and (max-width: 500px){
  .customization-options {
    flex-direction: column;
  }
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip a{
  text-decoration: none;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  font-family: 'Nunito' !important;
  white-space: normal;
  font-size: 16px;


  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  font-family: Nunito !important;
}

.material-symbols-outlined {
  font-size: 15px;
}

.cb-item-content-mobile>p>a{
  text-decoration: none;
  color: white;
  padding-right: 5px;
}

/* Estilos para la pagina de historial de pedidos */

.histry-page-title{
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}

h2.current{
  font-weight: 600;
  text-decoration-line: underline;
}

h2.pointer{
  cursor: pointer;
  color: var(--blue);
}
h2.pointer:hover{
  color: var(--darkblue);
}

.pagination {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  justify-content: center;
}
.pagination li {
  display: inline-block;
}
.pagination button, .pagination span {
  display: inline-block;
  padding: 4px 10px;
  text-decoration: none;
  color: #007bff;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 14px;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}
.pagination li.active span {
  background: #007bff;
  color: #fff;
  border-color: #007bff;
  font-weight: bold;
}
.pagination li.disabled span {
  color: #aaa;
  background: #f8f9fa;
  border-color: #dee2e6;
}
.pagination li.ellipsis span {
  background: transparent;
  border: none;
  color: #888;
  cursor: default;
  padding: 4px 6px;
}

/* Estilos para móvil */
@media (max-width: 768px) {
  .pagination button, .pagination span {
    padding: 6px 8px;
    font-size: 13px;
    min-width: 32px;
    text-align: center;
  }
  /* Ocultar botones anterior/siguiente en móvil */
  .pagination li:first-child,
  .pagination li:last-child {
    display: none;
  }
}

/* Para pantallas muy pequeñas */
@media (max-width: 480px) {
  .pagination button, .pagination span {
    padding: 4px 6px;
    font-size: 12px;
    min-width: 28px;
  }
}