.elementor-kit-176482{--e-global-color-primary:#000000;--e-global-color-secondary:#303030;--e-global-color-text:#B7B7B7;--e-global-color-accent:#61CE70;--e-global-color-6c913c0:#FFFFFF;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:22px;--e-global-typography-primary-letter-spacing:-0.2px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:0.75rem;--e-global-typography-accent-font-weight:400;--e-global-typography-f185b23-font-family:"DM Sans";--e-global-typography-f185b23-font-size:1.5rem;--e-global-typography-f185b23-font-weight:700;--e-global-typography-f185b23-text-transform:uppercase;--e-global-typography-a3e2d0c-font-family:"DM Sans";--e-global-typography-a3e2d0c-font-size:0.875rem;--e-global-typography-a3e2d0c-font-weight:500;--e-global-typography-f5a7036-font-family:"DM Sans";--e-global-typography-f5a7036-font-size:13px;--e-global-typography-f5a7036-font-weight:900;--e-global-typography-f5a7036-text-transform:uppercase;--e-global-typography-f5a7036-line-height:17px;--e-global-typography-f5a7036-letter-spacing:1.5px;--e-global-typography-2b68d60-font-family:"DM Sans";--e-global-typography-2b68d60-font-size:1.5rem;--e-global-typography-2b68d60-font-weight:400;--e-global-typography-2b68d60-letter-spacing:0.2px;--e-global-typography-f6e184a-font-family:"DM Sans";--e-global-typography-f6e184a-font-size:0.8125rem;--e-global-typography-f6e184a-font-weight:300;--e-global-typography-e52b1d7-font-family:"DM Sans";--e-global-typography-e52b1d7-font-size:20px;--e-global-typography-e52b1d7-font-weight:600;--e-global-typography-e52b1d7-text-transform:uppercase;--e-global-typography-3196649-font-family:"DM Sans";--e-global-typography-3196649-font-size:13px;--e-global-typography-3196649-font-weight:300;--e-global-typography-83e6967-font-family:"DM Sans";--e-global-typography-83e6967-font-size:13px;--e-global-typography-83e6967-font-weight:300;--e-global-typography-d8265ba-font-family:"DM Sans";--e-global-typography-d8265ba-font-size:16px;--e-global-typography-e609728-font-family:"Inter";--e-global-typography-e609728-font-weight:700;--e-global-typography-e609728-text-transform:uppercase;--e-global-typography-e609728-font-style:normal;--e-global-typography-e609728-text-decoration:none;--e-global-typography-e609728-letter-spacing:0.6px;--e-global-typography-e173d6d-font-family:"DM Sans";--e-global-typography-e173d6d-font-size:12px;--e-global-typography-e173d6d-font-weight:600;--e-global-typography-e173d6d-text-transform:uppercase;--e-global-typography-e173d6d-line-height:14.5px;--e-global-typography-62764a8-font-family:"DM Sans";--e-global-typography-62764a8-font-size:12px;--e-global-typography-62764a8-font-weight:300;--e-global-typography-62764a8-line-height:19.7px;--e-global-typography-52e0915-font-family:"DM Sans";--e-global-typography-52e0915-font-size:0.8rem;--e-global-typography-52e0915-font-weight:400;--e-global-typography-52e0915-text-transform:uppercase;--e-global-typography-52e0915-letter-spacing:1.2px;--e-global-typography-eb22ff3-font-family:"DM Sans";--e-global-typography-eb22ff3-font-size:0.75rem;--e-global-typography-eb22ff3-font-weight:700;--e-global-typography-3ab89c0-font-family:"DM Sans";--e-global-typography-3ab89c0-font-size:12px;--e-global-typography-3ab89c0-font-weight:900;--e-global-typography-3ab89c0-line-height:16.94px;--e-global-typography-8b828de-font-family:"DM Sans";--e-global-typography-8b828de-font-size:12px;--e-global-typography-8b828de-font-weight:200;--e-global-typography-8b828de-line-height:22px;--e-global-typography-8b828de-letter-spacing:0px;--e-global-typography-3d189f9-font-family:"DM Sans";--e-global-typography-3d189f9-font-size:11px;--e-global-typography-3d189f9-font-weight:400;--e-global-typography-e6322ec-font-family:"DM Sans";--e-global-typography-e6322ec-font-size:12px;--e-global-typography-e6322ec-font-weight:400;--e-global-typography-e6322ec-text-transform:uppercase;--e-global-typography-e6322ec-letter-spacing:1.4px;--e-global-typography-1a42ad6-font-family:"DM Sans";--e-global-typography-1a42ad6-font-size:11px;--e-global-typography-1a42ad6-font-weight:300;--e-global-typography-251cd44-font-family:"DM Sans";--e-global-typography-251cd44-font-size:12px;--e-global-typography-251cd44-font-weight:500;--e-global-typography-af481f6-font-family:"DM Sans";--e-global-typography-af481f6-font-weight:600;--e-global-typography-af481f6-text-transform:uppercase;color:#000000;font-family:"DM Sans", Sans-serif;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:var( --e-global-color-6c913c0 );border-style:none;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#FFFFFF;border-style:none;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-6c913c0 );border-style:none;}.elementor-kit-176482 a{color:#000000;font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 a:hover{color:#020000EB;text-decoration:underline;}.elementor-kit-176482 h1{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 h2{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 h3{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 h4{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 h5{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 h6{font-family:"DM Sans", Sans-serif;}.elementor-kit-176482 button,.elementor-kit-176482 input[type="button"],.elementor-kit-176482 input[type="submit"],.elementor-kit-176482 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:0.8rem;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;}.elementor-kit-176482 input:not([type="button"]):not([type="submit"]),.elementor-kit-176482 textarea,.elementor-kit-176482 .elementor-field-textual{font-family:var( --e-global-typography-a3e2d0c-font-family ), Sans-serif;font-size:var( --e-global-typography-a3e2d0c-font-size );font-weight:var( --e-global-typography-a3e2d0c-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0rem;--container-default-padding-right:0rem;--container-default-padding-bottom:0rem;--container-default-padding-left:0rem;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#F2F2F2;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:#000000;font-family:"DM Sans", Sans-serif;font-size:0.75rem;--message-message-icon-color:var( --e-global-color-primary );--message-buttons-normal-text-color:#000000;--message-buttons-hover-text-color:var( --e-global-color-secondary );--message-border-type:none;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-family:"DM Sans", Sans-serif;font-size:0.75rem;font-weight:500;text-transform:uppercase;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );--info-message-icon-color:var( --e-global-color-primary );--info-buttons-normal-text-color:var( --e-global-color-primary );--info-buttons-hover-text-color:var( --e-global-color-secondary );--info-border-type:none;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-family:"DM Sans", Sans-serif;font-size:0.75rem;font-weight:500;text-transform:uppercase;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-176482 input:not([type="button"]):not([type="submit"]),.elementor-kit-176482 textarea,.elementor-kit-176482 .elementor-field-textual{font-size:var( --e-global-typography-a3e2d0c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-accent-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-kit-176482{--e-global-typography-f185b23-font-size:1.5rem;--e-global-typography-2b68d60-font-size:0.825rem;--e-global-typography-e52b1d7-font-size:20px;--e-global-typography-e52b1d7-letter-spacing:0.3px;--e-global-typography-af481f6-font-size:0.825rem;}.elementor-kit-176482 input:not([type="button"]):not([type="submit"]),.elementor-kit-176482 textarea,.elementor-kit-176482 .elementor-field-textual{font-size:var( --e-global-typography-a3e2d0c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-accent-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS */.archive-seo {
  & .archive-title h1 {
    font-size: 1.668rem !important;
    margin-block: 0 !important;
  }

  & .archive-description {
    h2,
    h3,
    h2 *,
    h3 * {
      font-size: 14px !important;
    }

    p {
      font-size: 12px !important;
    }
  }
}

.post-password-form {
  margin-block: 10rem;
  height: 100%;
  max-width: 85%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;

  & label {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  & input {
    border-radius: 0 !important;
  }

  & input[type="submit"] {
    border-color: black !important;
    background-color: black !important;
    color: white !important;

    &:hover,
    &:focus {
      background-color: #1d1d1d !important;
      color: white !important;
    }
  }
}

.screen-reader-text {
  font-size: unset !important;
}

/*El color de  producto*/
.wpc-term-swatch {
  flex-shrink: 0;
}

.woocommerce ul.products li.product a img {
  aspect-ratio: 4 / 5;
  object-fit: cover !important;
}

/* ========== ESTILOS FILTROS ============== */
.filters-chips {
  gap: 0 !important;
}

.wpc-widget-popup-title {
  text-transform: uppercase;
}

.filters-chips .wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,
.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed
  .wpc-filter-title
  .wpc-open-icon,
.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
.wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon {
  content: unset !important;
  width: unset !important;
  min-width: unset !important;
  height: unset !important;
  display: unset !important;
  border-left: unset !important;
  border-top: unset !important;
  position: relative;
  transform: unset !important;
}

.filters-chips .wpc-filters-section.wpc-opened .wpc-open-icon::before {
  background-color: transparent;
}

.filters-chips .wpc-filters-section[data-fid="172851"] .wpc-filter-title {
  display: none !important;
}
.filters-chips div.wpc-filters-section-172851 {
  margin-bottom: 0 !important;
}
.filters-chips
  ul.wpc-filters-ul-list.wpc-filters-checkboxes.wpc-filters-list-172851 {
  padding-bottom: 0 !important;
}

.filters-chips
  ul.wpc-filters-ul-list.wpc-filters-checkboxes.wpc-filters-list-172851
  > li {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 1rem;
  margin-bottom: 1rem;

  & .children {
    margin-left: 0 !important;
  }
}

.filters-chips
  ul.wpc-filters-ul-list.wpc-filters-checkboxes.wpc-filters-list-172851
  > li
  > div {
  padding-right: 0 !important;
  max-height: 12px !important;

  & > input {
    display: none !important;
  }

  & label {
    pointer-events: none;
  }

  & i {
    width: 100%;
  }

  & a {
    font-size: 0.75rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding-block: 0.5rem !important;
    letter-spacing: 1.2px !important;
  }

  & a.wpc-filters-close-button {
    border-color: black !important;
  }
}

.filters-chips i.wpc-toggle-children-list {
  right: 0 !important;
}

.filters-chips .wpc-open-icon {
  &:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 1px;
    background-color: #6d6d6d;
    position: absolute;
    right: 0;
    transform: rotate(90deg);
  }

  &:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 1px;
    background-color: #6d6d6d;
    position: absolute;
    right: 0;
  }
}

.filters-chips .ui-slider-handle {
  top: -3px !important;
  margin-left: -4px !important;
  width: 8px !important;
  height: 8px !important;
  border: none !important;
  background: black !important;
}

.filters-chips .wpc-filter-range-form {
  display: flex !important ;
  flex-direction: column;
  gap: 8px;

  & .wpc-filters-range-wrapper {
    margin-bottom: 1rem;
    justify-content: flex-start !important;

    & span {
      font-size: 0.75rem;
      font-weight: 200;
      margin-inline: 4px;
    }

    & .wpc-filters-range-column {
      display: flex !important;
      align-items: center;
      margin: 0 !important;
    }

    & input {
      border: none !important;
      pointer-events: none;
      padding: 0;
      text-align: center;
      font-size: 0.75rem;
      font-weight: 200;
      field-sizing: content;

      &:focus {
        outline: none;
      }
    }
  }
}

/* .cookie-notice-container {
  display: flex !important;  
  flex-direction: column;
  gap: 1rem;
} */

.filters-chips .elementor-widget-shortcode .wpc-filters-widget-wrapper {
  padding-left: 0.5rem !important;
}

.filters-chips .elementor-widget-shortcode label > a {
  font-size: 0.75rem !important;
  font-weight: 200 !important;
}

.filters-chips .elementor-widget-shortcode input[type="checkbox"] {
  border: 1px solid black !important;
  min-width: unset !important;
  width: 14px;
  height: 14px;
  border-radius: 2px !important;

  &:after {
    left: 5px !important;
    top: 2px !important;
    width: 3px !important;
    height: 7px !important;
    border-color: white !important;
    border-width: 1px !important;
  }

  &:checked {
    border: inherit !important;
    background-color: var(--e-global-color-primary);
  }
}

/* La caja contenedora del titulo con el toggle y los filtros per sé*/
.filters-chips .elementor-widget-shortcode .wpc-filters-ul-list {
  padding-bottom: 0.5rem;
  padding-inline: 0 !important;
}

/**
  
  El swatch, en este caso de los colores
  */
.filters-chips
  .elementor-widget-shortcode
  li.wpc-term-item
  label
  span.wpc-term-swatch,
.wpc-term-swatch-wrapper {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border-radius: 50%;
  border: none !important;
}

/*
La fila con el titulo y el icono del filtro
*/
.filters-chips
  .elementor-widget-shortcode
  .wpc-filters-section:not(div.wpc-filters-section-172851) {
  margin-bottom: 1rem !important;
  border-bottom: 1px solid #d8d8d8;
}

.filters-chips .elementor-widget-shortcode .wpc-filter-title {
  padding-bottom: 1rem !important;
  margin-bottom: 0px !important;
}

/*
El titulo del filtro
*/
.filters-chips .elementor-widget-shortcode .wpc-wrap-icons,
.filters-chips .wpc-toggle-children-list {
  font-size: 0.75rem;
  font-weight: 700;
  flex-wrap: nowrap !important;
}

/*
Sección donde aparecen los filtros marcados
*/
.filters-chips .elementor-widget-shortcode .wpc-inner-widget-chips-wrapper {
  overflow-y: hidden !important;
}

.filters-chips .elementor-widget-shortcode .wpc-filter-chips-list {
  padding: 0;
  flex-direction: column !important;
}

.filters-chips .elementor-widget-shortcode .wpc-applied-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.filters-chips .elementor-widget-shortcode .wpc-filter-chips-list li {
  margin: 0 !important;
}

.filters-chips
  .elementor-widget-shortcode
  .wpc-filter-chips-list
  li.wpc-filter-chip
  a {
  font-size: 0.75rem;
  font-weight: 500;
  display: flex !important;
}

/*
El filtro seleccionado
*/
.filters-chips
  .elementor-widget-shortcode
  .wpc-filter-chips-list
  li.wpc-filter-chip:not(.wpc-chip-reset-all)
  a {
  border-radius: 0 !important;
  color: #a7a7a7 !important;
  background-color: #f7f7f7 !important;
  padding: 0.5rem !important;
  border: none !important;
}

.filters-chips
  .elementor-widget-shortcode
  .wpc-filter-chips-list
  a:hover
  .wpc-chip-remove-icon {
  color: var(--e-global-color-primary) !important;
}

/*
El numero de productos ya lo tenemos en los filtros del archive
*/
.filters-chips .elementor-widget-shortcode .wpc-posts-found {
  display: none !important;
}

/**
Al plegar el filtro aparecen los checkboxes seleccionados, ocultamos
*/
.filters-chips
  .elementor-widget-shortcode
  .wpc-filter-collapsible.wpc-closed
  .wpc-filter-selected-values {
  display: none;
}

.filters-chips .elementor-widget-shortcode .wpc-filter-layout-submit-button {
  display: none !important;
}

/*@media screen and (min-width: 768px) {*/
/*    .filters-chips .show-mobile {*/
/*        display: none !important;*/
/*    }*/
/*}*/

.filters-chips .elementor-widget-shortcode .wpc-chip-reset-all a {
  border: none !important;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .filters-chips .elementor-widget-shortcode .wpc-chip-reset-all a {
    padding: 1rem 0 3rem 0 !important;
  }
}

@media (max-width: 767px) {
  .filters-chips .show-desktop {
    display: none !important;
  }
  /* .filters-chips .elementor-widget-shortcode .widget_wpc_filters_widget {
    display: none !important;
  }

  .filters-chips .elementor-widget-shortcode .wpc-filters-open-button-container {
    display: none !important;
  } */

  .filters-chips .elementor-widget-shortcode .wpc-filters-widget-wrapper {
    padding-left: 0rem !important;
  }
}

/* ========== END ESTILOS FILTROS ============== */

/* ========== ESTILOS PRODUCT ARCHIVE ============== */
/*
    El #product-archive de sortyby
**/

#product-archive .woocommerce-ordering::before {
  content: url("/wp-content/uploads/2024/12/chevron-arrow-down.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  pointer-events: none;
}

#product-archive .woocommerce-ordering select.orderby {
  border: none;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  direction: rtl;
  appearance: none;
  -webkit-appearance: none;
  background: none;

  position: relative;
  padding-right: 1rem !important;
}

#product-archive .woocommerce-ordering select.orderby:hover {
  cursor: pointer;
}

#product-archive .woocommerce-ordering select.orderby:focus {
  outline: none;
}

#product-archive .woocommerce-ordering select.orderby option {
  padding-right: 1.5rem;
}

/*
El contador de productos
**/

#product-archive .woocommerce-result-count {
  display: flex;
  align-items: center;
}

#product-archive .woocommerce-result-count svg {
  margin-right: 4px;
}

#product-archive .woocommerce-result-count span:nth-child(2) {
  font-size: 0.75rem;
  font-weight: 700;
}

#product-archive .woocommerce-result-count .product-count {
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 18px;
  color: #a3a3a3;
}

/*Botón de reseteo de filtros*/
#product-archive .woof_reset_button_2 {
  border-radius: 0 !important;
  background: black !important;
  border: none !important;
  color: white !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
}

#product-archive .product-gallery-slider button:focus {
  outline: none;
  background-color: transparent;
}

#product-archive .products ul {
  margin: 0 !important;
}

#product-archive .price {
  padding-top: 2px !important;
}

#product-archive:not(.discount-price) .price small {
  font-size: 0.625rem !important;
}

#product-archive .discount-price .woocommerce-price-suffix {
  display: none !important;
}

#product-archive .woocommerce-LoopProduct-link {
  width: 100%;
}

#product-archive .woocommerce-loop-product__title {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  padding: 0 !important;
}

#product-archive .discount-price:not(:has(ins)) {
  content: " Excl. Tax";
  font-size: 0.625em;
  margin-left: 2px;
  gap: 0;
}

#product-archive .price:not(:has(ins))::after {
  content: " Excl. Tax";
  font-size: 0.625em;
  margin-left: 2px;
}

#product-archive .price:has(ins) {
  & del {
    text-decoration: none;

    & .amount {
      text-decoration: line-through;
      color: #c3c3c3 !important;
      font-size: 0.625rem;
    }
  }

  & del::after {
    content: " Excl. Tax";
    font-size: 0.625em;
    margin-left: 2px;
    color: #c3c3c3; /* Default suffix color */
    text-decoration: line-through;
  }
  & ins {
    text-decoration: none !important;

    &::after {
      content: " Excl. Tax";
      font-size: 0.625em;
      margin-left: 2px;
      color: #d00000; /* Default suffix color */
    }
    & span {
      color: #d00000 !important;
      font-size: 0.75rem;
    }
  }

  & small {
    color: #d00000 !important;
    font-size: 0.625rem;
  }
}

#product-archive .discount-price {
  display: flex !important;
  flex-direction: row;
  justify-content: start;
  gap: 0.5rem;
  flex-wrap: wrap;
}

#product-archive .price > span {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

#product-archive .price > span .price-suffix {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
}

#product-archive .discount-price ins {
  text-decoration: none !important;
  font-weight: 600 !important;
}

#product-archive .discount-price del {
  color: #c3c3c3 !important;

  & > span {
    color: #c3c3c3 !important;
  }
}

#product-archive .discount-price ins span,
#product-archive .discount-price del span {
  font-weight: 600 !important;
  font-size: 0.75rem !important;
}

#product-archive .discount-price ins span {
  color: #d00000 !important;
}

#product-archive .discount-price del span .price-suffix {
  display: none !important;
}

#product-archive .discount-price ins span .price-suffix,
#product-archive .discount-price del span .price-suffix {
  font-size: 0.625rem !important;
}

#product-archive .product-image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

#product-archive .product-image-wrapper .add_to_cart_button {
  width: 100%;
  background: black;
  color: white;
  border: none;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, opacity 0.3s ease;
  margin: 0 !important;
  font-family: var(--e-global-typography-primary-font-family), sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.625rem !important;
  text-transform: uppercase;
  padding: 12px;
}

#product-archive .product-designer-name {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

#product-archive .product-image-wrapper {
  position: relative;
  overflow: hidden;
}
#product-archive .product-image-wrapper .added_to_cart {
  display: none !important;
}

#product-archive .product-image-wrapper .add_to_cart_button {
  position: absolute;
  bottom: -20px;
  opacity: 0;
}

#product-archive .product-image-wrapper:hover .add_to_cart_button {
  transform: translateY(-20px);
  opacity: 1;
}

#product-archive .product-image-wrapper:hover .product-gallery-slider button {
  opacity: 1;

  &:hover {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
    border-radius: 50%;
    /* height: 32px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 32px; */
    aspect-ratio: 1;
    padding: 8px;
    outline: none;

    & svg {
      stroke: white;
    }
  }
}

/*
Contenedor que envuelve el sortby y el contador
*/

#product-archive .shop-header-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;

  & .woocommerce-notices-wrapper {
    order: 1;
    display: none !important;

    & .woocommerce-result-count {
      flex-wrap: wrap;
      display: flex;
    }
  }

  & .woocommerce-ordering {
    order: 2;
    position: relative;
  }
}

#product-archive .product-gallery-slider {
  position: relative;
  overflow: hidden;
}

#product-archive .product-gallery-images .product-image-slide {
  display: none;

  & img {
    margin: 0;
  }
}

#product-archive .product-gallery-images .product-image-slide.active {
  display: block;
}

#product-archive .product-gallery-slider button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  color: var(--e-global-color-primary);
  border: none;
  padding: 8px;
  cursor: pointer;
  z-index: 10;
  transition: none;
  border-radius: 0;
  border-radius: 50%;
  max-height: 40px;
  transition: all 0.3s ease-in;
}

#product-archive .elementor-grid {
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
}

@media (max-width: 1440px) and (min-width: 1024px) {
  #product-archive .elementor-grid {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 1023px) {
  #product-archive .elementor-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  }

  #product-archive .shop-header-container {
    /* align-items: flex-end; */
    position: relative;

    & .woocommerce-result-count {
      flex-wrap: wrap-reverse;
      display: flex;
      margin: 0 !important;
      gap: 0.5rem;

      & .product-count {
        margin-left: 0;
      }
    }
  }

  /* .shop-header-container::before,
  .shop-header-container::after {
    content: "";
    position: absolute;
    left: calc(
      -100vw + 100%
    ); 
    width: 100vw; 
    height: 5px; 
    background-color: red;
  }

  .shop-header-container::before {
    top: 0; 
  }

  .shop-header-container::after {
    bottom: 0; 
  } */

  #product-archive .woocommerce-ordering select.orderby {
    padding-right: 16px !important;
  }
}

#product-archive .price:has(del) del {
  display: block !important;
}

@media (max-width: 520px) {
  #product-archive .discount-price:has(del) .discount-price {
    flex-direction: column;
    gap: 0 !important;
  }
}

/* ========== END ESTILOS PRODUCT ARCHIVE ============== */

/*
Esto es el botón de "Add to cart", cuando algunos productos que tienen variaciones  como pueden ser los zapatos de distintas tallas, no tienen ninguna variante seleccionada. Por defecto tiene un lila. 
*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.alt:disabled[disabled]:hover {
  background-color: #1d1d1d !important;
  color: #fff;
}

.elementor-widget-text-editor a {
  text-decoration: none !important;

  &:hover {
    font-weight: inherit !important;
  }
}

/*Cookies container*/
#cn-notice-buttons .cn-button {
  color: white;
  border: 1px solid white;
  padding-inline: 8px;
  background-color: black;
  border-radius: 0;
  font-weight: 300;
}

.cn-close-icon {
  display: none !important;
}

/*
El texto que aparece debajo de los filtros en el catalogo.
Es un botón para editar los filtros si estas logueado como admin.
*/
.wpc-edit-filter-set {
  display: none !important;
}

.elementor-widget-woocommerce-cart .woocommerce {
  font-family: "DM Sans", sans-serif !important;
}
.woocommerce-message {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;

  &::before {
    top: unset !important;
  }
}

.woocommerce-message a {
  font-size: 0.75rem;
}

.woocommerce-message:focus {
  outline: none !important;
}

.onsale {
  display: block !important;
  color: #ffffff !important;
  background-color: #a00707 !important;
  font-family: "DM Sans", Sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-radius: 0px !important;
  min-width: 116px !important;
  min-height: 31px !important;
  line-height: 31px !important;
  right: auto !important;
  left: 0 !important;
  margin: 0px !important;
}

.main-footer a {
  color: white !important;
}

.main-footer:hover a {
  text-decoration: underline;
}

.footer-social-icons .elementor-social-icon {
  justify-content: flex-start !important;
}

.footer-input input::placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.footer-input input::-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 1;
}

.footer-input input:focus::placeholder {
  color: #d5d5d5 !important;
  opacity: 1;
}

.sub-menu {
  animation: fadeIn ease-in-out 0.3s;
  -webkit-animation: fadeIn ease-in-out 0.3s;
  -moz-animation: fadeIn ease-in-out 0.3s;
  -o-animation: fadeIn ease-in-out 0.3s;
  -ms-animation: fadeIn ease-in-out 0.3s;
}

.menu-cart-icon svg {
  fill: none !important;
}

.menu-cart-icon:hover svg {
  fill: none !important;
}

.menu-cart-icon .elementor-menu-cart__wrapper {
  text-align: right !important;
}

/*
El loader que aparece en el botón de add to cart  en el product archive cuando el usuario le da  aañadir y espera respuesta del ajax

*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button.loading::after {
  position: unset !important;
  margin-left: 8px !important;
}

/*GIFT CART SECTION - NOT ACTIVE */

/* .cart-items .button {
  color: white !important;
  background-color: black !important;
  border-radius: 0 !important;
}

.cart-items .owl-stage {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  width: 100% !important;
  gap: 2rem !important;
}

.cart-items .owl-nav,
.cart-items .owl-dots {
  display: none !important;
}

.cart-items .owl-item.active {
  width: unset !important;
  margin-right: 0 !important;
  display: flex;
}

.cart-items .fgw_gift_div {
  float: none !important;
} */

/*Modal de lost possword de la pagina de login. */

/* .lost_reset_password > p {
display: none !important;
} */

.lost_reset_password label {
  font-family: "Inter", Sans-Serif !important;
  font-weight: 400 !important;
  color: black !important;
  font-size: 0.875rem !important;
}

.lost_reset_password button {
  width: 100% !important;
  border: solid 1px black !important;
  color: white !important;
  background-color: black !important;
}

.lost_reset_password input {
  border-radius: 0 !important;
  margin-top: 0.5rem;
  padding: 0.325rem 1rem;
}

/*El contenedor donde esta el carrito*/

.menu-cart-icon .elementor-menu-cart__toggle_button {
  padding: 0 !important;
}

.header-icons svg:not(.sub-arrow svg) {
  width: 20px !important;
  height: 20px !important;
}

.header-main-menu a {
  transition: all 0.2s ease-in-out !important;
}

.header-main-menu a:hover {
  font-weight: 500 !important;
}

.header-main-menu .elementor-sub-item:hover {
  background-color: white !important;
}

/*Slider de productos en movil en la home*/

#wps-slider-section img.wpsf-product-img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  top: 230px !important;
  border: none !important;
}

.swiper-button-prev {
  right: unset !important;
}

#wps-slider-section .wps-product-section .wpsp-pagination-dot {
  display: none !important;
}

#wps-slider-section
  #sp-woo-product-slider-167023.sp-wps-custom-template
  .wpsf-product
  .wps-product-data {
  border: none !important;
}

.sp-wps-product-details {
  padding: 0 !important;
}

.wpsf-product-price span {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}
.wpsf-product-price small {
  font-size: 0.5rem !important;
  font-weight: 700 !important;
}
#wps-slider-section.wps-slider-section-167023 {
  padding-top: 0 !important;
}

.sp-wps-product-details-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}

.wps-product-brand-name {
  font-size: 1 !important;
  font-weight: 700 !important;
  color: black !important;
}

.wpsf-product-title a {
  font-size: 0.825rem !important;
  font-weight: 400 !important;
  color: black !important;
}

.swiper-button-next,
.swiper-button-prev i {
  font-size: 2rem !important;
}

.swiper-button-disabled {
  opacity: 0 !important;
}

/* COLOR FILTER*/

.bapf_clr_span {
  border-radius: 50% !important;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  margin-right: 10px !important; /* Aumentar el margen derecho del círculo */
  margin-bottom: 1px !important; /* Añade margen entre cada elemento */
  width: 20px !important; /* Añadir !important */
  height: 20px !important; /* Añadir !important */
}

/* Círculo de color sin borde cuando está seleccionado */
.bapf_body .bapf_clr_span {
  border: none !important; /* Elimina cualquier borde al seleccionar */
}

/* Negrita en el label al hacer clic en el checkbox asociado */
.bapf_body input[type="checkbox"]:checked + label {
  font-weight: 500; /* Aplica negrita al texto */
}

/* Contenido de los filtros */

.bapf_body .checked .bapf_clr_span {
  border: solid black 2px !important;
}

.bapf_ckbox_sqchck input[type="checkbox"] {
  width: 15px; /* Ajusta el tamaño a tu preferencia */
  height: 15px; /* Ajusta el tamaño a tu preferencia */
  border-radius: 3px; /* Ajusta el radio para redondear las esquinas */
  border: 1px solid #000000; /* Cambia el color y grosor del borde según sea necesario */
}

.bapf_body ul {
  padding-left: 0 !important;
}

.bapf_body ul li {
  font-family: "dm sans", Sans-Serif;
  color: #000000 !important;
  font-size: 12px !important;
  margin-bottom: 5px !important; /* Añade margen entre cada elemento */
}
.bapf_body ul li label {
  padding-left: 0.1rem !important;
}
.bapf_head {
  display: none !important;
}

.bapf_ckbox_sqchck input[type="checkbox"]:checked {
  background-color: #000000 !important;
}

.bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
  border-bottom: 2px solid white !important;
  border-right: 2px solid white !important;
}
.bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
  content: "";
  border-bottom: 3px solid white !important;
  border-right: 3px solid white !important;
  width: 5px; /* Ajusta el tamaño del tilde */
  height: 10px; /* Ajusta el tamaño del tilde */
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px; /* Ajusta el desplazamiento horizontal */
  margin-top: -7px; /* Ajusta el desplazamiento vertical */
}

.bapf_ckbox_sqchck input[type="checkbox"]:checked + label {
  font-weight: 500; /* Aplica negrita al texto */
}

/* El label con el nombre de "Multicolor" */
label[for="bapf_2_13245"] > span:first-of-type {
  background-color: none !important;
  background: radial-gradient(
    circle,
    rgba(36, 0, 0, 1) 0%,
    rgba(88, 121, 9, 1) 13%,
    rgba(8, 135, 125, 1) 22%,
    rgba(152, 143, 7, 1) 33%,
    rgba(116, 6, 166, 1) 42%,
    rgba(50, 181, 5, 1) 52%,
    rgba(196, 4, 179, 1) 62%,
    rgba(3, 146, 212, 1) 72%,
    rgba(2, 158, 220, 1) 77%,
    rgba(2, 170, 228, 1) 82%,
    rgba(236, 1, 1, 1) 87%,
    rgba(0, 212, 255, 1) 100%
  );
}

/* La pagina de designers*/

.designers {
  list-style: none;
  display: grid;
  padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
  justify-items: center;
}

.designers li {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 auto;
}

.designers li a {
  color: black;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.designers li a:hover {
  color: #ccc;
}

/*El modal sell item del header*/

#elementor-popup-modal-164651 {
  backdrop-filter: blur(3px);
  background-color: transparent !important;
}

.sell-item-modal .eicon-close {
  transition: transform 0.3s ease-in-out;
}
.sell-item-modal .eicon-close:hover {
  transform: rotate(90deg) !important;
}

.header-main-menu .elementor-item-active {
  background-color: transparent !important;
}

/*El texto que dentro del slider en el herader*/
.elementor-slides .swiper-slide-inner {
  padding: 0px !important;
}

@media screen and (min-width: 1024px) {
  .sub-menu {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 769px) {
  .woocommerce table.shop_table_responsive tbody th,
  .woocommerce-page table.shop_table_responsive tbody th {
    display: flex;
    width: 100%;
  }

  /* .th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number:before {
content: attr(data-title) ": ";
width: 100%;
} */

  #content
    > div
    > div.elementor.elementor-13709
    > div
    > div.elementor-element.elementor-element-8801189.e-flex.e-con-boxed.e-con.e-child
    > div
    > div
    > div
    > div
    > div
    > div
    > table
    > tbody
    > tr:nth-child(1)
    > th:before {
    content: attr(data-title) ": ";
    width: 100%;
  }

  .main-header-home {
    background-color: white !important;
  }
  .main-header-home .header-icons svg,
  .main-header-home header-icons a {
    stroke: black !important;
    color: black !important;
  }

  .main-header-home .logo-icon-mobile svg {
    max-height: 2rem !important;
    fill: black !important;
  }

  /*Menu principal en movil*/

  .header-main-menu a.elementor-sub-item {
    font-weight: 300 !important;
  }

  .header-main-menu .elementor-nav-menu__container {
    height: 100vh !important;
    /* top: 50px !important; */
    padding-top: 1.5rem !important;
  }

  .header-main-menu .elementor-item {
    justify-content: space-between !important;
  }

  .header-main-menu .elementor-item:focus {
    background-color: transparent !important;
  }

  .header-main-menu .highlighted .sub-arrow i {
    transition: all 0.2s ease-in-out;
    transform: rotate(90deg) !important;
  }

  .header-main-menu .sub-menu.elementor-nav-menu--dropdown {
    border: none !important;
  }
}

/*
ESTO SOBRE ESCRIBE EL POPUP DE LOS FILTROS EN EL PRODUCT ARCHIVE
*/

.wpc-widget-popup-title {
  position: relative !important;
}

@media screen and (max-width: 768px) {
  .wpc-widget-close-container .wpc-icon-html-wrapper {
    background-color: unset !important;

    & span {
      background-color: black !important;
      background: black !important;
    }
  }

  .wpc-filters-widget-controls-container {
    border-top: none !important;
  }

  .wpc-chip-reset-all a {
    padding: 1rem 0 1rem 0 !important;
  }

  .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper {
    padding-inline: 0 !important;
  }

  .wpc-filters-widget-controls-wrapper {
    margin-inline: 0 !important;
    flex-direction: row-reverse;

    & a {
      text-transform: uppercase !important;
      font-size: 0.825rem !important;
      font-weight: 600 !important;
      border-radius: 0 !important;
      border-color: black !important;
      padding-block: 0.5rem !important;
    }

    & a.wpc-filters-apply-button {
      font-size: 0 !important;

      &::after {
        content: "APPLY" !important;
        font-size: 0.825rem !important;
        font-weight: 600;
      }
    }
  }

  body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
  body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
  body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened),
  .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {
    padding-inline: 2rem !important;
  }

  .wpc_show_bottom_widget
    .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
  .wpc_show_bottom_widget .wpc-widget-close-container,
  html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
    display: flex !important;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  /* .main-header-mobile, .main-header-home-mobile {
    height: 50px !important;
  } */
  /*Banner de la home*/

  .home-banner-mobile,
  .footer-banner-mobile {
    position: relative;
  }

  .home-banner-mobile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .footer-banner-mobile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 65%, black 100%);
  }
}

@media (min-width: 800px) {
  .designers {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

@media (min-width: 1200px) {
  /*
  Esto es el botón de "Add to cart", cuando algunos productos que tienen variaciones  como pueden ser los zapatos de distintas tallas, no tienen ninguna variante seleccionada. Por defecto tiene un lila. 
  */

  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt.disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt.disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt:disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt:disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt:disabled[disabled],
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.alt:disabled[disabled]:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt.disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt.disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt:disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt:disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt:disabled[disabled],
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.alt:disabled[disabled]:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt.disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt.disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt:disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt:disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt:disabled[disabled],
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.alt:disabled[disabled]:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt.disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt.disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt:disabled,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt:disabled:hover,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt:disabled[disabled],
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.alt:disabled[disabled]:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt.disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt.disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt:disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt:disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt:disabled[disabled],
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.alt:disabled[disabled]:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt.disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt.disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt:disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt:disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt:disabled[disabled],
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.alt:disabled[disabled]:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt.disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt.disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt:disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt:disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt:disabled[disabled],
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.alt:disabled[disabled]:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt.disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt.disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt:disabled,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt:disabled:hover,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt:disabled[disabled],
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.alt:disabled[disabled]:hover {
    background-color: #1d1d1d !important;
    color: #fff;
  }

  .elementor-widget-text-editor a {
    text-decoration: none !important;

    &:hover {
      font-weight: inherit !important;
    }
  }

  /*Cookies container*/
  #cn-notice-buttons .cn-button {
    color: white;
    border: 1px solid white;
    padding-inline: 8px;
    background-color: black;
    border-radius: 0;
    font-weight: 300;
  }

  .cn-close-icon {
    display: none !important;
  }

  /*
  El texto que aparece debajo de los filtros en el catalogo.
  Es un botón para editar los filtros si estas logueado como admin.
  */
  .wpc-edit-filter-set {
    display: none !important;
  }

  .elementor-widget-woocommerce-cart .woocommerce {
    font-family: "DM Sans", sans-serif !important;
  }
  .woocommerce-message {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;

    &::before {
      top: unset !important;
    }
  }

  .woocommerce-message a {
    font-size: 0.75rem;
  }

  .woocommerce-message:focus {
    outline: none !important;
  }

  .onsale {
    display: block !important;
    color: #ffffff !important;
    background-color: #a00707 !important;
    font-family: "DM Sans", Sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    min-width: 116px !important;
    min-height: 31px !important;
    line-height: 31px !important;
    right: auto !important;
    left: 0 !important;
    margin: 0px !important;
  }

  .main-footer a {
    color: white !important;
  }

  .main-footer:hover a {
    text-decoration: underline;
  }

  .footer-social-icons .elementor-social-icon {
    justify-content: flex-start !important;
  }

  .footer-input input::placeholder {
    color: #ffffff !important;
    opacity: 1;
  }
  .footer-input input::-ms-input-placeholder {
    color: #ffffff !important;
    opacity: 1;
  }

  .footer-input input:focus::placeholder {
    color: #d5d5d5 !important;
    opacity: 1;
  }

  .sub-menu {
    animation: fadeIn ease-in-out 0.3s;
    -webkit-animation: fadeIn ease-in-out 0.3s;
    -moz-animation: fadeIn ease-in-out 0.3s;
    -o-animation: fadeIn ease-in-out 0.3s;
    -ms-animation: fadeIn ease-in-out 0.3s;
  }

  .menu-cart-icon svg {
    fill: none !important;
  }

  .menu-cart-icon:hover svg {
    fill: none !important;
  }

  .menu-cart-icon .elementor-menu-cart__wrapper {
    text-align: right !important;
  }

  /*
  El loader que aparece en el botón de add to cart  en el product archive cuando el usuario le da  aañadir y espera respuesta del ajax
  
  */
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    #respond
    input#submit.loading::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    a.button.loading::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    button.button.loading::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
    input.button.loading::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    #respond
    input#submit.loading::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    a.button.loading::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    button.button.loading::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(
      :not(.edit-post-visual-editor)
    )
    .woocommerce
    input.button.loading::after {
    position: unset !important;
    margin-left: 8px !important;
  }

  /*GIFT CART SECTION - NOT ACTIVE */

  /* .cart-items .button {
    color: white !important;
    background-color: black !important;
    border-radius: 0 !important;
  }
  
  .cart-items .owl-stage {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    width: 100% !important;
    gap: 2rem !important;
  }
  
  .cart-items .owl-nav,
  .cart-items .owl-dots {
    display: none !important;
  }
  
  .cart-items .owl-item.active {
    width: unset !important;
    margin-right: 0 !important;
    display: flex;
  }
  
  .cart-items .fgw_gift_div {
    float: none !important;
  } */

  /*Modal de lost possword de la pagina de login. */

  /* .lost_reset_password > p {
  display: none !important;
  } */

  .lost_reset_password label {
    font-family: "Inter", Sans-Serif !important;
    font-weight: 400 !important;
    color: black !important;
    font-size: 0.875rem !important;
  }

  .lost_reset_password button {
    width: 100% !important;
    border: solid 1px black !important;
    color: white !important;
    background-color: black !important;
  }

  .lost_reset_password input {
    border-radius: 0 !important;
    margin-top: 0.5rem;
    padding: 0.325rem 1rem;
  }

  /*El contenedor donde esta el carrito*/

  .menu-cart-icon .elementor-menu-cart__toggle_button {
    padding: 0 !important;
  }

  .header-icons svg:not(.sub-arrow svg) {
    width: 20px !important;
    height: 20px !important;
  }

  .header-main-menu a {
    transition: all 0.2s ease-in-out !important;
  }

  .header-main-menu a:hover {
    font-weight: 500 !important;
  }

  .header-main-menu .elementor-sub-item:hover {
    background-color: white !important;
  }

  /*Slider de productos en movil en la home*/

  #wps-slider-section img.wpsf-product-img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 230px !important;
    border: none !important;
  }

  .swiper-button-prev {
    right: unset !important;
  }

  #wps-slider-section .wps-product-section .wpsp-pagination-dot {
    display: none !important;
  }

  #wps-slider-section
    #sp-woo-product-slider-167023.sp-wps-custom-template
    .wpsf-product
    .wps-product-data {
    border: none !important;
  }

  .sp-wps-product-details {
    padding: 0 !important;
  }

  .wpsf-product-price span {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
  }
  .wpsf-product-price small {
    font-size: 0.5rem !important;
    font-weight: 700 !important;
  }
  #wps-slider-section.wps-slider-section-167023 {
    padding-top: 0 !important;
  }

  .sp-wps-product-details-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
  }

  .wps-product-brand-name {
    font-size: 1 !important;
    font-weight: 700 !important;
    color: black !important;
  }

  .wpsf-product-title a {
    font-size: 0.825rem !important;
    font-weight: 400 !important;
    color: black !important;
  }

  .swiper-button-next,
  .swiper-button-prev i {
    font-size: 2rem !important;
  }

  .swiper-button-disabled {
    opacity: 0 !important;
  }

  /* COLOR FILTER*/

  .bapf_clr_span {
    border-radius: 50% !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    margin-right: 10px !important; /* Aumentar el margen derecho del círculo */
    margin-bottom: 1px !important; /* Añade margen entre cada elemento */
    width: 20px !important; /* Añadir !important */
    height: 20px !important; /* Añadir !important */
  }

  /* Círculo de color sin borde cuando está seleccionado */
  .bapf_body .bapf_clr_span {
    border: none !important; /* Elimina cualquier borde al seleccionar */
  }

  /* Negrita en el label al hacer clic en el checkbox asociado */
  .bapf_body input[type="checkbox"]:checked + label {
    font-weight: 500; /* Aplica negrita al texto */
  }

  /* Contenido de los filtros */

  .bapf_body .checked .bapf_clr_span {
    border: solid black 2px !important;
  }

  .bapf_ckbox_sqchck input[type="checkbox"] {
    width: 15px; /* Ajusta el tamaño a tu preferencia */
    height: 15px; /* Ajusta el tamaño a tu preferencia */
    border-radius: 3px; /* Ajusta el radio para redondear las esquinas */
    border: 1px solid #000000; /* Cambia el color y grosor del borde según sea necesario */
  }

  .bapf_body ul {
    padding-left: 0 !important;
  }

  .bapf_body ul li {
    font-family: "dm sans", Sans-Serif;
    color: #000000 !important;
    font-size: 12px !important;
    margin-bottom: 5px !important; /* Añade margen entre cada elemento */
  }
  .bapf_body ul li label {
    padding-left: 0.1rem !important;
  }
  .bapf_head {
    display: none !important;
  }

  .bapf_ckbox_sqchck input[type="checkbox"]:checked {
    background-color: #000000 !important;
  }

  .bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
    border-bottom: 2px solid white !important;
    border-right: 2px solid white !important;
  }
  .bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
    content: "";
    border-bottom: 3px solid white !important;
    border-right: 3px solid white !important;
    width: 5px; /* Ajusta el tamaño del tilde */
    height: 10px; /* Ajusta el tamaño del tilde */
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px; /* Ajusta el desplazamiento horizontal */
    margin-top: -7px; /* Ajusta el desplazamiento vertical */
  }

  .bapf_ckbox_sqchck input[type="checkbox"]:checked + label {
    font-weight: 500; /* Aplica negrita al texto */
  }

  /* El label con el nombre de "Multicolor" */
  label[for="bapf_2_13245"] > span:first-of-type {
    background-color: none !important;
    background: radial-gradient(
      circle,
      rgba(36, 0, 0, 1) 0%,
      rgba(88, 121, 9, 1) 13%,
      rgba(8, 135, 125, 1) 22%,
      rgba(152, 143, 7, 1) 33%,
      rgba(116, 6, 166, 1) 42%,
      rgba(50, 181, 5, 1) 52%,
      rgba(196, 4, 179, 1) 62%,
      rgba(3, 146, 212, 1) 72%,
      rgba(2, 158, 220, 1) 77%,
      rgba(2, 170, 228, 1) 82%,
      rgba(236, 1, 1, 1) 87%,
      rgba(0, 212, 255, 1) 100%
    );
  }

  /* La pagina de designers*/

  .designers {
    list-style: none;
    display: grid;
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
    justify-items: center;
  }

  .designers li {
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .designers li a {
    color: black;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
  }

  .designers li a:hover {
    color: #ccc;
  }

  /*El modal sell item del header*/

  #elementor-popup-modal-164651 {
    backdrop-filter: blur(3px);
    background-color: transparent !important;
  }

  .sell-item-modal .eicon-close {
    transition: transform 0.3s ease-in-out;
  }
  .sell-item-modal .eicon-close:hover {
    transform: rotate(90deg) !important;
  }

  .header-main-menu .elementor-item-active {
    background-color: transparent !important;
  }

  /*El texto que dentro del slider en el herader*/
  .elementor-slides .swiper-slide-inner {
    padding: 0px !important;
  }

  @media screen and (min-width: 1024px) {
    .sub-menu {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
  }

  @media screen and (max-width: 769px) {
    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
      display: flex;
      width: 100%;
    }

    /* .th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number:before {
  content: attr(data-title) ": ";
  width: 100%;
  } */

    #content
      > div
      > div.elementor.elementor-13709
      > div
      > div.elementor-element.elementor-element-8801189.e-flex.e-con-boxed.e-con.e-child
      > div
      > div
      > div
      > div
      > div
      > div
      > table
      > tbody
      > tr:nth-child(1)
      > th:before {
      content: attr(data-title) ": ";
      width: 100%;
    }

    .main-header-home {
      background-color: white !important;
    }
    .main-header-home .header-icons svg,
    .main-header-home header-icons a {
      stroke: black !important;
      color: black !important;
    }

    .main-header-home .logo-icon-mobile svg {
      max-height: 2rem !important;
      fill: black !important;
    }

    /*Menu principal en movil*/

    .header-main-menu a.elementor-sub-item {
      font-weight: 300 !important;
    }

    .header-main-menu .elementor-nav-menu__container {
      height: 100vh !important;
      /* top: 50px !important; */
      padding-top: 1.5rem !important;
    }

    .header-main-menu .elementor-item {
      justify-content: space-between !important;
    }

    .header-main-menu .elementor-item:focus {
      background-color: transparent !important;
    }

    .header-main-menu .highlighted .sub-arrow i {
      transition: all 0.2s ease-in-out;
      transform: rotate(90deg) !important;
    }

    .header-main-menu .sub-menu.elementor-nav-menu--dropdown {
      border: none !important;
    }
  }

  .filters-chips .elementor-widget-shortcode input[type="checkbox"] {
    &:checked {
      accent-color: var(--e-global-color-primary) !important;
    }
  }

  /*
  ESTO SOBRE ESCRIBE EL POPUP DE LOS FILTROS EN EL PRODUCT ARCHIVE
  */

  .wpc-widget-popup-title {
    position: relative !important;
  }
  @media screen and (max-width: 768px) {
    .wpc-widget-close-container .wpc-icon-html-wrapper {
      background-color: unset !important;

      & span {
        background-color: black !important;
        background: black !important;
      }
    }

    .wpc-filters-widget-controls-container {
      border-top: none !important;
    }

    .wpc-chip-reset-all a {
      padding: 1rem 0 1rem 0 !important;
    }

    .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper {
      padding-inline: 0 !important;
    }

    .wpc-filters-widget-controls-wrapper {
      margin-inline: 0 !important;
      flex-direction: row-reverse;

      & a {
        text-transform: uppercase !important;
        font-size: 0.825rem !important;
        font-weight: 600 !important;
        border-radius: 0 !important;
        border-color: black !important;
        padding-block: 0.5rem !important;
      }

      & a.wpc-filters-apply-button {
        font-size: 0 !important;

        &::after {
          content: "APPLY";
          font-size: 0.825rem !important;
          font-weight: 600 !important;
        }
      }
    }

    body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
    body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
    body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened),
    .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {
      padding-inline: 2rem !important;
    }

    .wpc_show_bottom_widget
      .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
    .wpc_show_bottom_widget .wpc-widget-close-container,
    html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
      display: flex !important;
      flex-direction: row-reverse;
      width: 100%;
      align-items: center;
      justify-content: space-between;
    }
  }

  @media screen and (max-width: 767px) {
    /* .main-header-mobile, .main-header-home-mobile {
      height: 50px !important;
    } */
    /*Banner de la home*/

    .home-banner-mobile,
    .footer-banner-mobile {
      position: relative;
    }

    .home-banner-mobile::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .footer-banner-mobile::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 0, 0, 0) 65%,
        black 100%
      );
    }
  }

  @media (min-width: 800px) {
    .designers {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
  }

  @media (min-width: 1200px) {
    .designers {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  /* fade in animation */

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .designers {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* fade in animation */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */