/*
Theme Name: ONLINE VALLES
Template: kadence

*/

/* Theme admin customization starts here
-------------------------------------------------------------- */
/*
Prueba de Iker para el Sort by
*/
.dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
/* Iker Responsive */
@media (max-width: 767px) {
  .kb-row-layout-id7536_92b7b6-12 > .kt-row-column-wrap { 
	padding-left: 20px !important;
  }
}


.dropbtn { 
  /* background-color: #4CAF50; */
  margin-top: 50px;
  border-radius: 5px;
  background-color: #333333 !important;
  color: white;
  padding: 10px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  margin-bottom: 5px;
}
.dropdown{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.dropdown-content {
  display: none;
  color: 333333;
  position: absolute;
  background-color: #333333;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
  top: 100%; /* justo debajo del botón */
  left: 50%;  /* centro horizontal */
  transform: translateX(-50%);
}
.dropdown-content div {
  color: white;
  padding: 10px;
  cursor: pointer;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content div:hover {
  background-color: #4b4949;
}


/*Codigo original de Online Valles*/
.trp-license-notice {
  display: none !important;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--global-palette1, red);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--global-palette1, red);
}

.sbi_notice,
.trp-notice.error,
.sbi_notice.sbi_review_notice_step,
.trp-notice.trp-narrow.notice.notice-info,
.trp-notice.trp-narrow {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

button,
.button,
.wp-block-button__link,
.wp-element-button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce-MyAccount-navigation-link a,
a.button {
  font-family: var(--global-heading-font-family, inherit) !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
  padding-left: 0.6em;
  line-height: 1;
}

.text-slogan strong {
  color: var(--global-palette9, #ffffff);
}

.text-slogan {
  font-weight: bold;
  font-family: EurostileProExtendedBlack, Helvetica, Arial;
  font-size: 20px;
  color: var(--global-palette1);
}

.text-slogan-white strong {
  color: var(--global-palette3, #111);
}

.text-slogan-white {
  font-weight: bold;
  font-family: EurostileProExtendedBlack, Helvetica, Arial;
  font-size: 20px;
  color: var(--global-palette1);
}

.black-header {
  z-index: 999;
}
.white-header {
  z-index: 999;
}


.black-header .text-slogan-header {
  color: var(--global-palette9, #ffffff);
}

.text-slogan-header {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 2px;
  font-family: var(--global-heading-font-family, inherit) !important;
}

@media (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}

.f-600 {
  font-weight: 600;
}

.slider-home .kb-splide[data-slider-dots="true"] {
  margin: 0 !important;
}

@media (min-width: 600px) {
  .slider-home .kb-splide .splide__pagination,
  .slider-home .kb-splide ul.splide__pagination.splide__pagination {
    bottom: 125px;
  }
}

.slider-home .kb-splide .splide__pagination,
.slider-home .kb-splide ul.splide__pagination.splide__pagination {
  bottom: 125px;
  z-index: 99;
}

.menu-idiomas-container ul span {
  display: flex !important;
}

.menu-idiomas-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.menu-idiomas-container ul a {
  text-decoration: none;
  color: currentColor !important;
  display: flex;
  align-items: center;
  padding: 8px;
}

.menu-idiomas-container ul .menu-item-has-children {
  position: relative;
}

.menu-idiomas-container ul .menu-item-has-children > a:after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.menu-idiomas-container ul .sub-menu {
  visibility: hidden;
  height: 0;
  width: 50px;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.black-header .menu-idiomas-container ul .sub-menu {
  background-color: var(--global-palette3, #1a202c);
}

.white-header .menu-idiomas-container ul .sub-menu {
  background-color: var(--global-palette9, #ffffff);
}

.menu-idiomas-container ul .menu-item-has-children:hover .sub-menu {
  visibility: visible;
  height: 40px;
}

/* menu IBQ XXXXX */

#menu-vertical-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.secondary-navigation ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.secondary-navigation ul li a {
  padding: 0 10px !important;
  display: flex !important;
  align-items: center;
  border-right: 1px solid #ccc;
}

.secondary-navigation ul li a svg {
  transition: all 0.2s;
}

.secondary-navigation ul li:last-child a {
  border-right: 0;
}

.secondary-navigation span {
  display: none;
}

.secondary-navigation svg {
  width: 20px;
}

#masthead .ibq-svg .ibq-path {
  fill: #000 !important;
}

/* transparent header */
.transparent-header #masthead .ibq-svg .ibq-path {
  fill: #fff !important;
}

/* fixed header */

/* vertical icons */
.ibq-svg-wp .ibq-color,
.ibq-svg-workProtection .ibq-color,
.workplace-fabrics .ibq-color,
.fr-workplace-fabrics .ibq-color {
  fill: #e7333f;
}

.ibq-svg-fr .ibq-color,
.ibq-svg-firstResponders .ibq-color,
.first-responders .ibq-color {
  fill: #faba2c;
}

.ibq-svg-dm .ibq-color,
.ibq-svg-defenseMilitary .ibq-color,
.ibq-svg-defense-military .ibq-color {
  fill: #859a6a;
}

.ibq-svg-sa .ibq-color,
.ibq-svg-sportsActivities .ibq-color,
.mountain-adventure-fabrics .ibq-color,
.motorsports-activities .ibq-color {
  fill: #41c0f0;
}

.ibq-svg-fl .ibq-color,
.ibq-svg-functionalLifestyle .ibq-color,
.functional-lifestyle .ibq-color {
  fill: #b4a698;
}

.ibq-icons .ibq-svg span,
.vertical-icons .ibq-svg span {
  display: none;
}

.ibq-icons ul,
.vertical-icons ul,
.filter-vertical-icons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.5rem;
}

.ibq-icons ul li svg,
.vertical-icons li svg {
  width: 40px;
}

.filter-vertical-icons svg {
  width: 16px;
}

.ibq-icons ul li span,
.vertical-icons li span,
.filter-vertical-icons li span {
  display: none;
}

/* fabric-finder */
.fabric-finder {
  font-size: 12px;
  width: 100%;
}

.fabric-finder-table{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Resposive biel */
@media (max-width: 768px) {
  .fabric-finder-table {
    display: block;
  }
  .fabric-finder-table table {
    min-width: 900px; /* Igual que arriba */
  }
}

.fabric-finder .fabric-title {
  padding: 4px 10px;
  font-family: var(--global-heading-font-family, inherit) !important;
  text-align: left;
  font-size: 12px;
  line-height: 1.1;
  position: relative;
}
.fabric-finder tr.fabric-header {
  border-bottom: 1px solid #fff;
}

.fabric-finder td {
  border-bottom: 1px solid var(--global-palette4);
  border-right: 1px solid var(--global-palette4);
}

.sort-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #fff;
  margin-left: 4px;
  cursor: pointer;
  position: absolute;
  top: 50%; /* Centrado verticalmente */
  transform: translateY(-50%); /* Ajuste para centrar completamente */
}

.sort-arrow.asc {
  border-top: none;
  border-bottom: 7px solid #fff;
}

.sort-arrow.desc {
  border-top: 7px solid #fff;
  border-bottom: none;
}

.fabric-finder .fabric-img {
  width: 60px;
  padding: 4px 0;
  border-right: none;
}

.fabric-finder .fabric-name {
  padding: 4px 10px;
  font-family: EurostileProExtendedBlack, Helvetica, Arial;
  font-size: 18px;
  width: 280px;
}

.fabric-finder .reference,
.fabric-finder .fabric-sku {
  padding: 4px 10px;
  text-align: left;
  width: 200px;
}

.fabric-finder .f-sku {
  font-family: var(--global-heading-font-family, inherit) !important;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
}

.fabric-finder .f-ref {
  font-family: var(--global-body-font-family, inherit);
  font-size: 10px;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
}

.fabric-finder .fabric-comp {
  padding: 4px 10px;
  width: 300px;
  line-height: 1.2;
}

.fabric-finder .fabric-weave {
  padding: 4px 10px;
  width: 250px;
}

.fabric-finder .fabric-weight {
  padding: 4px 10px;
  width: 110px;
  text-align: center;
}

.fabric-finder .fabric-total {
  padding: 4px 10px;
  width: 110px;
  text-align: center;
}

.fabric-finder .fabric-vertical {
  padding: 8px 10px;
  width: 136px;
}

.fabric-finder .filter-vertical-icons {
  gap: 4px;
}

.fabric-finder .fabric-eh {
  padding: 8px 4px;
  width: 60px;
}

.fabric-finder .fabric-eh img {
  width: 14px;
  margin: 0 2px;
}

.fabric-impact {
  display: flex;
  justify-content: center;
}

.fabric-finder td.fabric-link {
  width: 130px;
  padding: 8px 0 8px 10px;
  border-right: none;
}

.fabric-finder a.button {
  font-size: 12px;
  background-color: var(--global-palette4);
  color: #e7333d;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
}

.fabric-finder a.button:hover {
  background-color: var(--global-palette1);
  color: #fff;
}

.fabric-finder .fabric-img img {
  width: 80px;
}

.fabric-filters {
  margin: 0 auto;
  max-width: 920px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
.filter-title {
  text-align: left;
  font-size: 20px;
  width: 100%;
  padding: 0;
  margin: 5px 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 85px;
}
/* iker fabric responisve */







.total-active {
  font-family: var(--global-body-font-family);
  color: var(--global-palette6);
  font-size: 16px;
  position: static;
  transform: none;
}
a.collapse-fabric {
  color: var(--global-palette9) !important;
  text-decoration: none;
  padding: 8px 16px;
  display: inline-block;
  position: relative;
  padding-right: 20px; /* Espacio para el triángulo */
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: EurostileProExtendedBlack, Helvetica, Arial;
  font-size: 18px;
}

/* Triángulo dentro del span */
.collapse-fabric .triangle {
  position: absolute;
  top: 50%; /* Centrado verticalmente */
  right: 0; /* Alineado al extremo derecho */
  transform: translateY(-50%); /* Ajuste para centrar completamente */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #fff; /* Color del triángulo */
  transition: transform 0.1s ease;
}

/* Estado abierto: triángulo gira hacia arriba */
.collapse-fabric.open .triangle {
  transform: translateY(-50%) rotate(-180deg); /* Rotación desde el centro */
}

.collapse-fabric-content {
  display: none;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}

.collapse-fabric-content.open {
  display: block;
}

.filtros {
  display: flex;
  width: 1746px;
  height: auto;
  padding: 30px 10px;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 15px;
}

.filtro {
  display: flex;
  width: 233px;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: #222121;
  border-radius: 10px;
}

.fibras-padre{
  height: 247px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.selectores{
  display: flex;
  justify-content: center;
  gap: 5px;
}

.btn-selectores{
  height: auto;
  width: 90px !important;

  font-size: 12px;
  display: flex;
  width: 144px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid transparent; /*Hacer un borde invisible, para que cuando se haga el hover, el tamaño no se cambie*/
  background: var(--Gris, #333);

}

.btn-selectores-activo,
.btn-selectores.active{
 border: 1px solid var(--Rojo, #DF3743) !important;
  background: var(--Rojo, #DF3743) !important;
  color: white !important;
}

.weave-buttons {
  width: 75%;
  margin: 0 auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.scroll-subitems {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 247px;
}
button.weave-button {
  font-size: 12px;
  display: flex;
  width: 144px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid transparent; /*Hacer un borde invisible, para que cuando se haga el hover, el tamaño no se cambie*/
  background: var(--Gris, #333);
}

button.weave-button:hover{
border: 1px solid var(--Rojo, #DF3743);
background: var(--Blanco, #FFF);
color: var(--Rojo, #DF3743);
}

button.weave-button.active {
  border: 1px solid var(--Rojo, #DF3743);
  background: var(--Rojo, #DF3743);
}

button.weave-button.active:hover {
  border: 1px solid var(--Rojo, #DF3743);
  background: var(--Rojo, #DF3743);
  color: white;
}

.buscador {
  display: flex;
  flex-direction: column;
}

.active-weave-buttons {
  width: 100%;
  display: block;
  margin: 32px auto;
  display: flex;
  justify-content: center;
  gap: 15px;
  padding-top: 30px;
}
#active-buttons {
  padding-top: 35px;
}
#active-buttons button.weave-button.active{
  width: auto;
  
}



#btn-filtro {
  display: flex;
  width: 50px;
  height: 47px;
  padding: 9px 13px;
  align-items: center;
  gap: 10px;

  border-radius: 8px;
  /* border: 0.5px solid #FFF; */
  background: #df3743;
}

.search-container {
  /* display: flex;
    align-items: center;
    margin-bottom: 20px;
	position: relative;
	width: 40%;
	border: 1px solid #ccc;
	border: 1px solid #fff;
	border-radius: 5px; */

  display: flex;
  width: 670px;
  height: 47px;
  padding: 7px 16px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--global-palette6);
  margin-bottom: 20px;

  background: rgba(217, 217, 217, 0.07);
}

.filter-button {
  background: none;
  border: none;
  cursor: pointer;
  margin: auto 0;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  border-radius: 0;
}

.filter-button svg {
  width: 20px;
  fill: #fff;
  margin-right: 8px;
}

#search-input {
  padding: 0pxpx 0px;
  font-size: 20px;
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  flex: 1;
  /* border-radius: 0; */
  border: 0;
  /* border: 1px solid #fff; */
  background-color: transparent;
  color: #fff;
}

.clear-search {
  position: absolute;
  right: 10px; /* Ajusta la posición de la "X" */
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  cursor: pointer;
  display: none; /* Ocultar por defecto */
  color: #ccc;
  display: flex;
}

.product-logos .wp-block-group figure {
  margin: 0;
}

.product-logos .wp-block-group img {
  margin: 0;
  height: 70px;
  width: auto;
  max-width: none;
}

#wrapper {
  position: relative;
}

#masthead,
#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(
    .site-header-row-container
  ):not(.site-main-header-wrap),
#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  > .site-header-row-container-inner {
  box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.05);
}

#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .ibq-svg
  .ibq-path {
  fill: #fffe !important;
}

#masthead {
  z-index: 100 !important;
}

.site-header-upper-inner-wrap {
  z-index: 999;
}

#registrarse {
  position: fixed;
  z-index: 999;
  top: 60px;
  left: 0;
  right: 0;
  height: auto;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
  /* Inicialmente desplazado hacia arriba */
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

#registrarse.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* Mostrar desplazándose hacia abajo */
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.registrarse-intro {
  text-align: center;
}
#registrarse .close-register {
  position: absolute;
  top: -40px;
  right: -8px;
  text-decoration: none;
  color: #9e9e9e;
}

.registrarse-form {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

.accept-privacity {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 20px 0 !important;
}

.registrarse-form .input-text {
  border-radius: 0;
  border: 1px solid #b2b2b2;
  background-color: var(--global-palette3) !important;
  color: #fff !important;
  width: 100%;
}

.registrarse-form select {
  border-radius: 0;
  border: 1px solid #b2b2b2;
  background-color: var(--global-palette3) !important;
  color: #fff !important;
  width: 100%;
  padding: 0.4em 0.5em;
}

.registrarse-form .input-text:focus {
  border: 1px solid #b2b2b2;
  background-color: #111 !important;
  color: #fff !important;
}

/* Estilos para campos autocompletados */
.registrarse-form .input-text:-webkit-autofill {
  background-color: var(--global-palette3) !important;
  color: #fff !important;
}

.registrarse-form .input-text:-webkit-autofill:focus {
  background-color: #111 !important;
  color: #fff !important;
}

/* Estilos para otros navegadores */
.registrarse-form .input-text:-moz-autofill {
  background-color: var(--global-palette3) !important;
  color: #fff !important;
}

.registrarse-form .input-text:-moz-autofill:focus {
  background-color: #111 !important;
  color: #fff !important;
}

.registrarse-form .lost_password {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.registrarse-form-row,
.registrarse-form .form-row {
  display: flex;
  flex-direction: column;
}

.registrarse-form-row label,
.registrarse-form .form-row label {
  font-size: 16px;
  text-align: left;
}

.lost_password .button {
  font-weight: 600;
  text-align: center;
  border-radius: 6px;
  border: 0;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette1, red);
  border: 1px solid var(--global-palette1, red);
  min-width: 180px;
}

.lost_password .button-off {
  color: var(--global-palette9, #ffffff);
  background: transparent;
  border: 1px solid #b2b2b2;
}

.lost_password .button-off:hover,
.lost_password .button-off:focus {
  background: var(--global-palette1, red);
  border: 1px solid var(--global-palette1, red);
  border: 1px solid var(--global-palette1, red);
}

.privacity {
  margin-bottom: 40px;
  font-size: 14px;
}

#buscador {
  position: fixed;
  z-index: 999;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 99;
  height: auto;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
  /* Inicialmente desplazado hacia arriba */
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

#buscador.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* Mostrar desplazándose hacia abajo */
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

#buscador .close-search {
  position: absolute;
  top: -11px;
  right: -3px;
  text-decoration: none;
  color: #9e9e9e;
}
@media (min-width: 800px) {
  #buscador .close-search {
    top: 11px;
    right: -32px;
  }
  
}
/* Iker responsive buscador */
@media (max-width: 767px) {
  
  #search-input {
  padding: 5px 10px;
  font-size: 14px;
  flex: 1;
  border: 0;
  background-color: transparent;
  color: #fff;
}
.search-container {
  /* display: flex;
    align-items: center;
    margin-bottom: 20px;
	position: relative;
	width: 40%;
	border: 1px solid #ccc;
	border: 1px solid #fff;
	border-radius: 5px; */

  display: flex;
  padding: 10px 10px;
  width: 250px;
  height: 47px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--global-palette6);
  margin-bottom: 20px;
  background: rgba(217, 217, 217, 0.07);
}
}
@media (max-width: 767px) {
  .ab-item {
    display: none !important;
  }
}
.buscador-icon svg {
  width: 18px !important;
}

.buscador-icon a {
  color: #b2b2b2 !important;
  display: flex !important;
}

.ibq-buscador {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.ibq-buscador select {
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette1, #3182ce);
  font-size: 12px;
  letter-spacing: 2px;
  font-family: var(--global-heading-font-family, inherit);
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  border: 0;
  border-radius: 0;
  text-align: center;
}

.ibq-buscador .search-field,
.ibq-buscador input[type="number"] {
  flex: 1;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: #fff;
}

.ibq-buscador button {
  padding: 10px;
  background-color: #fff;
  color: #2b2b2b;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ibq-buscador button:hover {
  background-color: #fff;
  color: #000;
}

.ibq-buscador button svg {
  width: 18px;
}

.frase-buscador {
  text-transform: none;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--global-heading-font-family, inherit);
}
#megamenu,
#whitemegamenu {
	position: fixed;
	z-index: 999;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 99;
	height: auto;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100px);
	/* Inicialmente desplazado hacia arriba */
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.admin-bar #megamenu,
.admin-bar #whitemegamenu {
	top: 106px;
}

@media (min-width: 1000px) {

	.admin-bar #megamenu,
	.admin-bar #whitemegamenu {
		top: 92px;
	}
}


#megamenu.show,
#whitemegamenu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	/* Mostrar desplazándose hacia abajo */
	width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;

}


.megamenu-links {
	text-transform: uppercase;
	font-family: var(--global-heading-font-family, inherit) !important;
}

.megamenu-links a {
	color: #B2B2B2 !important;
}

.megamenu-links a:hover,
.megamenu-links a:focus {
	color: var(--global-palette9) !important;
}


.whitemegamenu-links {
	text-transform: uppercase;
	font-family: var(--global-heading-font-family, inherit) !important;
}

.whitemegamenu-links a {
	color: var(--global-palette5, #4A5568) !important;
}

.whitemegamenu-links a:hover,
.whitemegamenu-links a:focus {
	color: var(--global-palette1) !important;
}


.admin-bar .megamenu-links-- {
	top: 32px;
}

.admin-bar .registrarse-links-- {
	top: 32px;
}

.admin-bar .margin-admin-- {
	top: 32px;
}




@keyframes expandMenu {
	from {
		transform: translateY(-100px);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes collapsedMenu {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100px);
	}
}
/* Relative iker */
@media (max-width: 767px) {
  #megamenu {
    max-height: 80vh; /* Limita la altura del menú */
    overflow-y: auto; /* Habilita el desplazamiento vertical */
    -webkit-overflow-scrolling: touch; /* Mejora la experiencia en móviles */
  }
  .filter-button{
    height: 30px !important;
    width: 40px !important;
    padding: 2px !important;
  }
  .filter-button svg{
    margin-right: 6px;
    margin-top: 5px;
    margin-bottom: 9px;
  }
}

/* menu burguer */
.burguer-menu>a {
	padding: 10px 0;
	border-radius: 0;
	outline: 0;
	width: 40px;
	height: 100%;
	margin-left: 0;
	display: block;
}

@media (min-width: 1024px) {
	.burguer-menu>a {
		width: 64px;
	}
}


.burguer-menu>a span {
	display: table-cell;
	vertical-align: middle;
}

.burguer-menu>a span em {
	/* this is the menu icon */
	display: block;
	position: relative;
	height: 2px;
	width: 40px;
	background-color: transparent;
	backface-visibility: hidden;
	/* this is the menu central line */
	margin: auto;
	transition: none;
	backface-visibility: hidden;
}

.burguer-menu>a span em::before,
.burguer-menu>a span em::after {
	/* this is the menu icon */
	display: block;
	height: 2px;
	width: 40px;
	backface-visibility: hidden;
	position: absolute;
	content: "";
	left: 0;
	transition: transform 0.2s;
}


/* Black header color */
.black-header .burguer-menu>a span em {
	background-color: #b2b2b2;
}

.black-header .burguer-menu>a span em::before,
.black-header .burguer-menu>a span em::after {
	background-color: #b2b2b2;
}

.black-header .idiomas a {
	color: #b2b2b2;
}

/* White header color */
.white-header .wp-block-kadence-header-row {
	box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.05);
}



.white-header .burguer-menu>a span em {
	background-color: #4A4A4A;
}

.white-header .burguer-menu>a span em::before,
.white-header .burguer-menu>a span em::after {
	background-color: #4A4A4A;
}

.white-header .idiomas a {
	color: #4A4A4A;
}

/* Top line */
.burguer-menu>a span em::before {
	top: -9px;
	transform: rotate(0);
}

/* Bottom line */
.burguer-menu>a span em::after {
	top: 9px;
	transform: rotate(0);
}


/* Hover state */
.burguer-menu>a.open span em {
	background-color: transparent;
}

.burguer-menu>a.open span em::before {
	transform: translateY(9px) rotate(45deg);
}

.burguer-menu>a.open span em::after {
	width: 40px;
	transform: translateY(-9px) rotate(-45deg);
}

.burguer-menu>a.open,
.navbar-toggler:focus {
	box-shadow: none;

}

.black-header .buscador-icon {
  color: #9e9e9e;
}

.buscador-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b2b2b2;
}

.white-header .buscador-icon {
  color: #4a4a4a;
}

@media (min-width: 1024px) {
  .buscador-icon {
    margin-right: 8px;
  }
}

.buscador-icon svg {
  width: 20px !important;
}

.black-header
  .wp-block-woocommerce-customer-account
  a
  .wc-block-customer-account__account-icon {
  width: 24px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.mi-cuenta {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  color: currentColor !important;
  padding: 0 15px 0 10px;
}

.mi-cuenta svg {
  box-sizing: content-box !important;
  height: 1.4375em;
  min-height: 1.4375em;
  min-width: 1.4375em;
  padding: 0.5em;
  width: 1.4375em;
}

/* Vertical Links */
.vertical-links {
  list-style: none;
  margin: auto 0 !important;
  padding: 0 !important;
  display: flex;
  gap: 0;
}

.vertical-links li {
  display: flex;
}

.vertical-links li .vertical-link {
  display: flex;
  padding: 2px 8px;
  border-right: 1px solid #707070;
}

.vertical-links li:last-child .vertical-link {
  border-right: none;
}

.vertical-links .vertical-link svg {
  width: 24px;
  height: auto;
  transition: transform 0.3s ease;
}

.vertical-links li a:hover svg {
  transform: scale(1.1);
}

.whitemegamenu .vertical-links .vertical-link svg .ibq-path,
.white-header .vertical-links .vertical-link svg .ibq-path {
  fill: #000;
}

/* Buscador (Search Icon) */
.buscador-icon svg {
  transition: transform 0.3s ease;
}

.buscador-icon:hover svg {
  transform: scale(1.25);
}




.toggle-menu > a .dropdown-nav-toggle {
  display: none;
}

.toggle-menu > a {
  transition: none !important;
}

.header-navigation li.menu-item.toggle-menu > a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0;
  outline: 0;
  width: 64px;
  height: 100%;
  margin-left: 0;
}

.toggle-menu > a span {
  display: table-cell;
  vertical-align: middle;
}

.toggle-menu > a span em {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 40px;
  background-color: transparent;
  backface-visibility: hidden;
  /* this is the menu central line */
  margin: auto;
  transition: none;
  background-color: var(--global-palette3);
  backface-visibility: hidden;
}

.toggle-menu > a span em::before,
.toggle-menu > a span em::after {
  /* this is the menu icon */
  display: block;
  height: 2px;
  width: 40px;
  background-color: var(--global-palette3);
  backface-visibility: hidden;
  position: absolute;
  content: "";
  left: 0;
  transition: transform 0.2s;
}

/* Top line */
.toggle-menu > a span em::before {
  top: -9px;
  transform: rotate(0);
}

/* Bottom line */
.toggle-menu > a span em::after {
  top: 9px;
  transform: rotate(0);
}

/* Hover state */
.toggle-menu > a.open span em {
  background-color: transparent;
}

.toggle-menu > a.open span em::before {
  transform: translateY(9px) rotate(45deg);
}

.toggle-menu > a.open span em::after {
  width: 40px;
  transform: translateY(-9px) rotate(-45deg);
}

.toggle-menu > a.open,
.navbar-toggler:focus {
  box-shadow: none;
}

/* fixed section */
.transparent-header .toggle-menu > a.open span em {
  background-color: transparent;
}

.transparent-header .toggle-menu > a span em {
  background-color: #b2b2b2;
}

.transparent-header .toggle-menu > a span em::before,
.transparent-header .toggle-menu > a span em::after {
  background-color: #b2b2b2;
}

.transparent-header .toggle-menu > a span em {
  background-color: #b2b2b2;
}

/* transparent */
#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .toggle-menu
  > a.open
  span
  em {
  background-color: transparent;
}

#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .toggle-menu
  > a
  span
  em {
  background-color: #b2b2b2;
}

#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .toggle-menu
  > a
  span
  em::before,
#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .toggle-menu
  > a
  span
  em::after {
  background-color: #b2b2b2;
}

#masthead
  .kadence-sticky-header.item-is-fixed:not(.item-at-start)
  .toggle-menu
  > a
  span
  em {
  background-color: #b2b2b2;
}

.product-bg {
  width: 100%;
  overflow: hidden;
  height: 675px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}

.product-bg img {
  display: none !important;
}

.product-bg img {
  width: 100%;
  height: auto;
}

.product-cta-info {
  position: relative;
  min-height: 140px;
  display: flex;
  width: 100%;
  max-width: 1008px;
  padding-left: var(--global-content-edge-padding);
  padding-right: var(--global-content-edge-padding);
  margin: 0 auto;
  flex-direction: column;
  margin-top: -180px;
  z-index: 50;
  margin-bottom: 40px;
}

.product-cta-title {
  margin-bottom: 20px;
  font-size: var(--global-kb-font-size-xxl, 4rem);
  line-height: 1;
  font-style: normal;
  color: #fff;
}

.product-cta-details {
  display: flex;
  align-items: center;
  color: #fff;
}

.product-cta-sku {
  font-weight: bold;
  font-size: 32px;
  margin-right: 20px !important;
  font-family: var(--global-heading-font-family, inherit);
}

.product-cta-reference {
  font-weight: bold;
  font-size: 20px;
  font-family: var(--global-heading-font-family, inherit);
}

/* loop */
.product-loop-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-loop-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* mapa web */
.listado-title {
  font-size: 1.25rem;
}

.single-content ul.listado,
.single-content ol.listado {
  list-style: none;
  padding: 0;
}

.single-content ul.listado li,
.single-content ol.listado li {
  line-height: 1.1;
  padding: 5px 0;
}

.single-content ul.listado li a,
.single-content ol.listado li a {
  text-decoration: none;
}

.single-content ul.lista-productos {
  column-count: 2;
  column-gap: 20px;
}

/* ficha ibq */
.iconos-uses {
  margin-right: -20px;

}

@media (min-width: 1024px) {
  .iconos-uses {
    margin-right: -400px;
    margin-left: -27px;
  }
}

.ficha-ibq {
  table-layout: fixed;
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0;
}

.ficha-ibq .wash-care {
  height: 20px;
  width: auto;
  margin-left: auto;
}

.ficha-ibq .span-property-wash {
  text-align: left;
  display: flex;
  align-items: center;
}

.ficha-ibq-title {
  text-transform: uppercase;
  padding: var(--global-kb-spacing-xxs, 0.5rem);
  margin: 40px 0 0 0 !important;
  text-align: center;
  font-size: var(--global-kb-font-size-md, 1.25rem);
  font-style: normal;
  color: var(--global-palette3) !important;
  background-color: var(--global-palette6);
  font-weight: bold;
}

.ficha-ibq td,
.ficha-ibq th {
  padding: 0.5em;
  border: 1px solid var(--global-palette6);
  word-break: normal;
  word-break: break-word;
  width: 100px;
}

.ficha-ibq th {
  border-bottom: 2px solid var(--global-palette9);
}

.ficha-ibq .composition {
  width: 300px;
  text-align: left;
  border-left: 0;
}

.ficha-ibq .weave {
  text-align: center;
}

.ficha-ibq .weight {
  text-align: center;
}

.ficha-ibq .total {
  text-align: center;
  border-right: 0;
}

.ficha-ibq .total-sufix:after {
  content: "*";
}

.ficha-ibq .value {
  text-align: center;
}

.ficha-ibq .certificate {
  text-align: center;
  width: 200px;
}

.ficha-ibq .entity {
  text-align: center;
}

.ficha-ibq .unit {
  text-align: center;
}

.ficha-ibq .warp {
  text-align: center;
}

.ficha-ibq .tol {
  text-align: center;
}

.ficha-ibq .weft {
  text-align: center;
}

.ficha-ibq .stainning {
  text-align: center;
  width: 160px;
}

.ficha-ibq .chance {
  text-align: center;
  width: 160px;
}

.ficha-ibq .property {
  text-align: left;
  width: 32%;
  border-left: 0;
}

.ficha-ibq .standard {
  text-align: center;
  width: 20%;
  border-right: 0;
}

.ficha-ibq .certificate-number {
  text-align: center;
  width: 15%;
  border-right: 0;
}

.ficha-ibq .standard-test {
  text-align: center;
  width: 30%;
  border-right: 0;
}

.ficha-ibq .observations {
  width: 20%;
  text-align: left;
  font-size: 10px;
}

.ficha-ibq .change,
.ficha-ibq .staining {
  text-align: center;
}

.ficha-ibq .span-prefix {
  font-weight: bold;
  margin-right: 20px;
}

.fr-image {
  position: relative;
}

.fr-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 35%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

.slider-news .kt-block-intrisic {
  position: relative;
}

.slider-news .kt-block-intrisic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

.hexagon {
  position: relative;
  display: flex;
}

.hexagon svg {
  width: 100%;
}

.hexagon .ibq-use-image {
  border: 0;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  z-index: 99;
  padding: 0;
  height: auto;
}

.ibq-targeted.ibq-uses li {
  width: 60px;
  margin: 8px 0;
  padding: 0 2px 0 2px;
  height: auto;
  position: relative;
}

.ibq-targeted.ibq-uses li .hexagon:after {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translate(-50%, -50%);
}

.ibq-uses-hero.ibq-targeted.ibq-uses.ibq-align-left
  li:nth-child(6n)
  .hexagon:after {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translate(-50%, -50%);
  visibility: hidden;
}

.ibq-uses-footer.ibq-targeted.ibq-uses li:nth-child(5n) .hexagon:after {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translate(-50%, -50%);
  visibility: hidden;
}

/*
kt-has-3-columns
kt-has-1-columns 

kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top

*/

.ibq-targeted.ibq-uses li:last-child .hexagon:after {
  content: "";
  width: 0;
  height: 0;
}
/*
.ibq-targeted.ibq-uses li:nth-child(6n) .hexagon:after {
	content: '';
	width: 0;
	height: 0;
}
*/

.ibq-targeted.ibq-uses li .ibq-use-title {
  margin-top: 8px !important;
  padding: 8px 0px;
}

.ibq-uses-footer.ibq-targeted.ibq-uses {
  max-width: 350px;
}

@media (max-width: 660px) {
  .hexagons-col .kt-inside-inner-col {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 430px) {
  .ibq-uses-footer.ibq-targeted.ibq-uses {
    max-width: 400px;
  }
  .ibq-targeted.ibq-uses li {
    width: 70px;
    height: auto;
    padding: 0 2px 0 2px;
  }

  .ibq-targeted.ibq-uses li .hexagon:after {
    width: 4px;
    right: -6px;
  }

  .hexagon .ibq-use-image {
    width: 40px;
  }
}

@media (min-width: 660px) {
  .ibq-uses-footer.ibq-targeted.ibq-uses {
    max-width: 100%;
  }
  .ibq-targeted.ibq-uses li {
    width: 120px;
    height: auto;
    padding: 0 5px 0 5px;
  }

  .ibq-targeted.ibq-uses li .hexagon:after {
    width: 10px;
    right: -15px;
  }

  .hexagon .ibq-use-image {
    width: 70px;
  }
}

@media (min-width: 1500px) {
  .ibq-targeted.ibq-uses li {
    width: 140px;
    height: auto;
    padding: 0 5px 0 5px;
  }

  .ibq-targeted.ibq-uses li .hexagon:after {
    width: 10px;
    right: -15px;
  }

  .hexagon .ibq-use-image {
    width: 80px;
  }
}

.ibq-uses {
  margin: 10px auto 0 auto !important;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.ibq-align-left {
  justify-content: flex-start;
}

.ibq-uses li {
  width: 80px;
  margin: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1000px) {
  .ibq-uses li {
    width: 160px;
  }
}

@media (min-width: 1500px) {
  .ibq-uses li {
    width: 180px;
  }
}

.ibq-use-image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 1px solid var(--global-palette9);
  display: flex;
}

.ibq-use-title {
  text-transform: uppercase;
  font-size: 5px;
  margin: 0 !important;
  padding: 8px 0;
  font-family: var(--global-body-font-family, inherit);
  font-weight: normal;
  text-align: center;
}

@media (min-width: 380px) {
  .ibq-use-title {
    font-size: 7px;
  }
}

@media (min-width: 1000px) {
  .ibq-use-title {
    font-size: 10px;
  }
}

@media (min-width: 1500px) {
  .ibq-use-title {
    font-size: 12px;
  }
}

.table-note {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 14px;
  font-style: italic;
}

.ibq-guaranteed-properties {
  margin: 40px auto 20px auto !important;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: 2px solid var(--global-palette9);
}

.ibq-guaranteed-properties li {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  border-bottom: 1px solid var(--global-palette9);
  border-right: 1px solid var(--global-palette9);
}

@media (min-width: 1000px) {
  .ibq-guaranteed-properties li {
    width: 50%;
  }
}

/* Pagina nueva estilo hexagonos- iker */
/* Agrega este CSS en el personalizador de WordPress o en tu archivo CSS */
/* Fuerza la visualización correcta */
.contenedor-hexagonos-lineas-separadas {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
	margin-top: 35px;
    width: 100%;
}

.hexagon-item-blanco {
    position: relative;
    width: 128px;
    height: 111px;
    margin-right: 0;
}

.linea-conectora-separada {
    width: 40px;
    height: 2px;
    background: white;
    margin: 0 10px;
}

.hexagon-svg-blanco {
    width: 100%;
    height: 100%;
}

.hexagon-poligono-blanco {
    fill: transparent;
    stroke: white;
    stroke-width: 2px;
}

.hexagon-texto-blanco {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    color: white;
}

.hexagon-titulo {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.hexagon-subtitulo {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    
}

@media (max-width: 768px) {
    .contenedor-hexagonos-lineas-separadas {
        flex-wrap: wrap;
        justify-content: flex-start; /* 👈 Alinea hacia la izquierda */
        margin-left: 20px; /* Opcional: margen menor */
    }

    .hexagon-item-blanco {
        width: 75px;   /* 👈 Más pequeño */
        height: 65px;
        margin-bottom: 15px;
    }

    .hexagon-titulo {
        font-size: 16px; /* Texto más pequeño */
    }

    .hexagon-subtitulo {
        font-size: 10px;
    }

    .linea-conectora-separada {
        width: 25px; /* Línea horizontal más corta */
        height: 2px;
        margin: 0 6px;
    }
}

.ibq-property {
  width: 100%;
  display: flex;
  padding: 0;
  align-items: center;
}

.ibq-property-image {
  width: 32px;
  height: 32px;
  margin-right: 8px;

  display: flex;
}

.ibq-property-title {
  text-transform: uppercase;
  font-size: 12px;
  margin: 0 !important;
  padding: 0;
  font-family: var(--global-heading-font-family, inherit);
  font-weight: normal;
  text-align: center;
}

.ibq-property-rating {
  margin: auto 0 auto auto;
  border: none;
  display: flex;
}

.ibq-property-rating .ibq-property-rating-stars {
  width: 32px;
  height: 32px;
  border-left: 1px solid var(--global-palette9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}

.ibq-property-rating.stars-1
  .ibq-property-rating-stars:first-child
  .ibq-property-marked {
  background-color: var(--global-palette9);
  display: flex;
  width: 100%;
  height: 100%;
}

.ibq-property-rating.stars-2
  .ibq-property-rating-stars:nth-child(5n + 2)
  .ibq-property-marked,
.ibq-property-rating.stars-2
  .ibq-property-rating-stars:nth-child(5n + 1)
  .ibq-property-marked {
  background-color: var(--global-palette9);
  display: flex;
  width: 100%;
  height: 100%;
}

.ibq-property-rating.stars-3
  .ibq-property-rating-stars:nth-child(5n + 3)
  .ibq-property-marked,
.ibq-property-rating.stars-3
  .ibq-property-rating-stars:nth-child(5n + 2)
  .ibq-property-marked,
.ibq-property-rating.stars-3
  .ibq-property-rating-stars:nth-child(5n + 1)
  .ibq-property-marked {
  background-color: var(--global-palette9);
  display: flex;
  width: 100%;
  height: 100%;
}

.ibq-property-rating.stars-4
  .ibq-property-rating-stars:nth-child(5n + 4)
  .ibq-property-marked,
.ibq-property-rating.stars-4
  .ibq-property-rating-stars:nth-child(5n + 3)
  .ibq-property-marked,
.ibq-property-rating.stars-4
  .ibq-property-rating-stars:nth-child(5n + 2)
  .ibq-property-marked,
.ibq-property-rating.stars-4
  .ibq-property-rating-stars:nth-child(5n + 1)
  .ibq-property-marked {
  background-color: var(--global-palette9);
  display: flex;
  width: 100%;
  height: 100%;
}

.ibq-property-rating.stars-5
  .ibq-property-rating-stars:nth-child(5n + 5)
  .ibq-property-marked,
.ibq-property-rating.stars-5
  .ibq-property-rating-stars:nth-child(5n + 4)
  .ibq-property-marked,
.ibq-property-rating.stars-5
  .ibq-property-rating-stars:nth-child(5n + 3)
  .ibq-property-marked,
.ibq-property-rating.stars-5
  .ibq-property-rating-stars:nth-child(5n + 2)
  .ibq-property-marked,
.ibq-property-rating.stars-5
  .ibq-property-rating-stars:nth-child(5n + 1)
  .ibq-property-marked {
  background-color: var(--global-palette9);
  display: flex;
  width: 100%;
  height: 100%;
}

.ibq-use-image div {
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  background-position: center center;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.ibq-property-image div {
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  background-position: center center;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.ibq-use-image .durability,
.ibq-property-image .durability {
  background-image: url(./pictogramas/durability.png);
}

.ibq-use-image .cut-resistance,
.ibq-property-image .cut-resistance {
  background-image: url(./pictogramas/cut-resistance.png);
}

.ibq-use-image .tear-strength,
.ibq-property-image .tear-strength,
.ibq-use-image .tearStrength,
.ibq-property-image .tearStrength {
  background-image: url(./pictogramas/tear-strength.png);
}

.ibq-use-image .tensileStrength,
.ibq-property-image .tensileStrength,
.ibq-use-image .tensile-resistance,
.ibq-property-image .tensile-resistance {
  background-image: url(./pictogramas/tensile-resistance.png);
}

.ibq-use-image .high-visibility,
.ibq-property-image .high-visibility {
  background-image: url(./pictogramas/high-visibility.png);
}

.ibq-use-image .uvProtection,
.ibq-property-image .uvProtection,
.ibq-use-image .uv-protection,
.ibq-property-image .uv-protection {
  background-image: url(./pictogramas/uv-protection.png);
}

.ibq-use-image .windproof,
.ibq-property-image .windproof {
  background-image: url(./pictogramas/windproof.png);
}

.ibq-use-image .breathability,
.ibq-property-image .breathability,
.ibq-use-image .breathable,
.ibq-property-image .breathable {
  background-image: url(./pictogramas/breathable.png);
}

.ibq-use-image .waterResistance,
.ibq-property-image .waterResistance,
.ibq-use-image .water-resistant,
.ibq-property-image .water-resistant {
  background-image: url(./pictogramas/water-resistant.png);
}

.ibq-use-image .elasticity,
.ibq-property-image .elasticity {
  background-image: url(./pictogramas/elasticity.png);
}

.ibq-use-image .heatAndFireProtection,
.ibq-property-image .heatAndFireProtection,
.ibq-use-image .high-temperature-protection,
.ibq-property-image .high-temperature-protection {
  background-image: url(./pictogramas/high-temperature-protection.png);
}

.ibq-use-image .anti-static,
.ibq-property-image .anti-static {
  background-image: url(./pictogramas/anti-static.png);
}

.ibq-use-image .thermoregulation,
.ibq-property-image .thermoregulation {
  background-image: url(./pictogramas/thermoregulation.png);
}

.ibq-use-image .waterproof,
.ibq-property-image .waterproof {
  background-image: url(./pictogramas/waterproof.png);
}

.ibq-use-image .lightWeight,
.ibq-property-image .lightWeight,
.ibq-use-image .lightweight,
.ibq-property-image .lightweight {
  background-image: url(./pictogramas/lightweight.png);
}

.ibq-use-image .moistureControl,
.ibq-property-image .moistureControl,
.ibq-use-image .moisture-evaporation,
.ibq-property-image .moisture-evaporation {
  background-image: url(./pictogramas/moisture-evaporation.png);
}

.ibq-use-image .quickdry,
.ibq-property-image .quickdry,
.ibq-use-image .quick-dry,
.ibq-property-image .quick-dry {
  background-image: url(./pictogramas/quick-dry.png);
}

.ibq-use-image .impactAbrasion,
.ibq-property-image .impactAbrasion,
.ibq-use-image .impact-abrasion,
.ibq-property-image .impact-abrasion {
  background-image: url(./pictogramas/impact-abrasion.png);
}

.ibq-use-image .abrasion,
.ibq-property-image .abrasion {
  background-image: url(./pictogramas/abrasion.png);
}

.ibq-use-image .antibacterial,
.ibq-property-image .antibacterial {
  background-image: url(./pictogramas/antibacterial.png);
}

.ibq-use-image .pilling,
.ibq-property-image .pilling {
  background-image: url(./pictogramas/pilling.png);
}

.ibq-use-image .snagging,
.ibq-property-image .snagging {
  background-image: url(./pictogramas/snagging.png);
}

.ibq-use-image .recovery,
.ibq-property-image .recovery {
  background-image: url(./pictogramas/recovery.png);
}

.ibq-use-image .biStrech,
.ibq-property-image .biStrech {
  background-image: url(./pictogramas/bi-stretch.png);
}

.ibq-use-image .clothing,
.ibq-property-image .clothing {
  background-image: url(./pictogramas/clothing.png);
}

.ibq-use-image .outerwear,
.ibq-property-image .outerwear {
  background-image: url(./pictogramas/outerwear.png);
}

.ibq-use-image .footwear,
.ibq-property-image .footwear {
  background-image: url(./pictogramas/footwear.png);
}

.ibq-use-image .equipment,
.ibq-property-image .equipment {
  background-image: url(./pictogramas/equipment.png);
}

.ibq-use-image .reinforcements,
.ibq-property-image .reinforcements,
.ibq-use-image .reinforcement,
.ibq-property-image .reinforcement {
  background-image: url(./pictogramas/reinforcements.png);
}

.ibq-use-image .frworkplace,
.ibq-property-image .frworkplace {
  background-image: url(./pictogramas/fr-workplace.png);
}

.ibq-use-image .workplace,
.ibq-property-image .workplace {
  background-image: url(./pictogramas/workplace.png);
}

.ibq-use-image .motorsports,
.ibq-property-image .motorsports {
  background-image: url(./pictogramas/motorsports.png);
}

.ibq-use-image .rural,
.ibq-property-image .rural {
  background-image: url(./pictogramas/rural.png);
}

.ibq-use-image .corporate,
.ibq-property-image .corporate {
  background-image: url(./pictogramas/corporate.png);
}

.ibq-use-image .urban,
.ibq-property-image .urban {
  background-image: url(./pictogramas/urban.png);
}

.ibq-use-image .dynamic,
.ibq-property-image .dynamic,
.ibq-use-image .athleisure,
.ibq-property-image .athleisure {
  background-image: url(./pictogramas/athleisure.png);
}

.ibq-use-image .travel,
.ibq-property-image .travel {
  background-image: url(./pictogramas/travel.png);
}

.ibq-use-image .emergencyresponse,
.ibq-property-image .emergencyresponse,
.ibq-use-image .disaster-response,
.ibq-property-image .disaster-response,
.ibq-use-image .disaster-response-teams,
.ibq-property-image .disaster-response-teams {
  background-image: url(./pictogramas/disaster-response.png);
}

.ibq-use-image .emergency-medical-services,
.ibq-property-image .emergency-medical-services {
  background-image: url(./pictogramas/emergency-medical-services.png);
}

.ibq-use-image .search-and-rescue-teams,
.ibq-property-image .search-and-rescue-teams {
  background-image: url(./pictogramas/search-and-rescue-teams.png);
}

.ibq-use-image .maritime-rescue-services,
.ibq-property-image .maritime-rescue-services,
.ibq-use-image .maritimerescueservices,
.ibq-property-image .maritimerescueservices {
  background-image: url(./pictogramas/maritime-rescue-services.png);
}

.ibq-use-image .grandtourmotorsport,
.ibq-property-image .grandtourmotorsport,
.ibq-use-image .grand-tour-motor-sport,
.ibq-property-image .grand-tour-motor-sport {
  background-image: url(./pictogramas/grand-tour-motor-sport.png);
}

.ibq-use-image .kartssingleseater,
.ibq-property-image .kartssingleseater,
.ibq-use-image .karts-single-seater,
.ibq-property-image .karts-single-seater {
  background-image: url(./pictogramas/karts-single-seater.png);
}

.ibq-use-image .rallyraid,
.ibq-property-image .rallyraid,
.ibq-use-image .rally-raid,
.ibq-property-image .rall-yraid {
  background-image: url(./pictogramas/rally-raid.png);
}

.ibq-use-image .motorcycling,
.ibq-property-image .motorcycling {
  background-image: url(./pictogramas/motorcycling.png);
}

.ibq-use-image .motocrossenduro,
.ibq-property-image .motocrossenduro,
.ibq-use-image .motocross-enduro,
.ibq-property-image .motocross-enduro {
  background-image: url(./pictogramas/motocross-enduro.png);
}

.ibq-use-image .motorcycletouring,
.ibq-property-image .motorcycletouring,
.ibq-use-image .motorcycle-touring,
.ibq-property-image .motorcycle-touring {
  background-image: url(./pictogramas/motorcycle-touring.png);
}

.ibq-use-image .mountainadventure,
.ibq-property-image .mountainadventure,
.ibq-use-image .mountain-climbing,
.ibq-property-image .mountain-climbing {
  background-image: url(./pictogramas/mountain-climbing.png);
}

.ibq-use-image .mountaineering,
.ibq-property-image .mountaineering {
  background-image: url(./pictogramas/mountaineering.png);
}

.ibq-use-image .climbing,
.ibq-property-image .climbing {
  background-image: url(./pictogramas/climbing.png);
}

.ibq-use-image .hiking,
.ibq-property-image .hiking {
  background-image: url(./pictogramas/hiking.png);
}

.ibq-use-image .walking,
.ibq-property-image .walking {
  background-image: url(./pictogramas/walking.png);
}

.ibq-use-image .trekking-mountain,
.ibq-property-image .trekking-mountain,
.ibq-use-image .trekking,
.ibq-property-image .trekking {
  background-image: url(./pictogramas/trekking-mountain.png);
}

.ibq-use-image .private-security,
.ibq-property-image .private-security {
  background-image: url(./pictogramas/private-security.png);
}

.ibq-use-image .police,
.ibq-property-image .police {
  background-image: url(./pictogramas/police.png);
}

.ibq-use-image .tactical,
.ibq-property-image .tactical {
  background-image: url(./pictogramas/tactical-gear.png);
}

.ibq-use-image .military-forces,
.ibq-property-image .military-forces {
  background-image: url(./pictogramas/military-forces.png);
}

.ibq-use-image .high-risk-ppe-users,
.ibq-property-image .high-risk-ppe-users {
  background-image: url(./pictogramas/high-risk-ppe-users.png);
}

.ibq-use-image .electricity-and-arc-flash-risk-works,
.ibq-property-image .electricity-and-arc-flash-risk-works {
  background-image: url(./pictogramas/electricity-and-arc-flash-risk-works.png);
}

.ibq-use-image .petrochemical-industry-and-refining,
.ibq-property-image .petrochemical-industry-and-refining {
  background-image: url(./pictogramas/petrochemical-industry-and-refining.png);
}

.ibq-use-image .welding-and-metal-works,
.ibq-property-image .welding-and-metal-works {
  background-image: url(./pictogramas/welding-and-metal-works.png);
}

.ibq-use-image .metallurgy-and-foundry,
.ibq-property-image .metallurgy-and-foundry {
  background-image: url(./pictogramas/metallurgy-and-foundry.png);
}

.ibq-use-image .automotive-and-machinery-manufacturing,
.ibq-property-image .automotive-and-machinery-manufacturing {
  background-image: url(./pictogramas/automotive-and-machinery-manufacturing.png);
}

.ibq-use-image .industrial-maintenance,
.ibq-property-image .industrial-maintenance {
  background-image: url(./pictogramas/industrial-maintenance.png);
}

.ibq-use-image .mining-and-quarrying,
.ibq-property-image .mining-and-quarrying {
  background-image: url(./pictogramas/mining-and-quarrying.png);
}

.ibq-use-image .construction-and-carpentry,
.ibq-property-image .construction-and-carpentry {
  background-image: url(./pictogramas/construction-and-carpentry.png);
}

.ibq-use-image .manufacturing-and-assembly,
.ibq-property-image .manufacturing-and-assembly {
  background-image: url(./pictogramas/manufacturing-and-assembly.png);
}

.ibq-use-image .industrial-safety,
.ibq-property-image .industrial-safety {
  background-image: url(./pictogramas/industrial-safety.png);
}

/* Slides */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  max-width: 300px;
}

ul.products li .kb-row-layout-wrap,
ul.products li.product {
  background-color: transparent !important;
  box-shadow: none !important;
}

.slider-products .products,
.slider-news .kb-query-grid-wrap {
  width: 100%;
  display: block !important;
  margin: 0 !important;
}

.row-slider .owl-carousel .owl-dots,
.slider-news .owl-carousel .owl-dots,
.slider-products .owl-carousel .owl-dots,
.ibq-slider .owl-carousel .owl-dots {
  min-width: 120px;
  position: absolute;
  top: -20px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.row-slider .owl-carousel .owl-dots .owl-dot,
.slider-news .owl-carousel .owl-dots .owl-dot,
.slider-products .owl-carousel .owl-dots .owl-dot,
.ibq-slider .owl-carousel .owl-dots .owl-dot {
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-block;
}

.row-slider .owl-carousel .owl-dots .owl-dot span,
.slider-news .owl-carousel .owl-dots .owl-dot span,
.slider-products .owl-carousel .owl-dots .owl-dot span,
.ibq-slider .owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 4px;
  margin-left: 2px;
  background: var(--global-palette7);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 0;
}

@media (min-width: 600px) {
  .row-slider .owl-carousel .owl-dots .owl-dot span,
  .slider-news .owl-carousel .owl-dots .owl-dot span,
  .slider-products .owl-carousel .owl-dots .owl-dot span,
  .ibq-slider .owl-carousel .owl-dots .owl-dot span {
    width: 24px;
  }
}

.row-slider .owl-carousel .owl-dots .owl-dot.active span,
.slider-news .owl-carousel .owl-dots .owl-dot.active span,
.slider-products .owl-carousel .owl-dots .owl-dot.active span,
.ibq-slider .owl-carousel .owl-dots .owl-dot.active span {
  background: var(--global-palette1);
}

.row-slider .owl-carousel .owl-nav .ibq-owl-prev,
.row-slider .owl-carousel .owl-nav .ibq-owl-next {
  top: 30%;
  margin: -15px;
}

.ibq-slider .owl-carousel .owl-nav .ibq-owl-prev,
.ibq-slider .owl-carousel .owl-nav .ibq-owl-next {
  top: 30%;
  margin: -15px;
}

.slider-products .owl-carousel .owl-nav .ibq-owl-prev,
.slider-products .owl-carousel .owl-nav .ibq-owl-next {
  top: 30%;
  margin: -15px;
}

.owl-carousel .owl-nav .ibq-owl-prev,
.owl-carousel .owl-nav .ibq-owl-next {
  position: absolute;
  top: 50%;
  padding: 0;
  margin: -15px 0 0 0;
  background: transparent;
  width: 30px;
  height: 30px;
}

.owl-nav .ibq-owl-prev {
  left: 0;
}

.owl-nav .ibq-owl-next {
  right: 0;
}

.cta-product-slide .owl-nav .ibq-owl-prev {
  left: 24px;
}

.cta-product-slide .owl-nav .ibq-owl-next {
  right: 24px;
}

/* product-slide */
.cta-product-slide {
  width: 100%;
  overflow: hidden;
  height: 675px;
  background-color: var(--global-palette3);
  position: relative;
}

.cta-product-slide .owl-dots {
  margin: 0;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.cta-product-slide.owl-carousel .owl-dots {
  min-width: 120px;
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cta-product-slide.owl-carousel .owl-dots .owl-dot {
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-block;
}

.cta-product-slide.owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 4px;
  background: var(--global-palette7);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
}

@media (min-width: 600px) {
  .cta-product-slide.owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
}

.cta-product-slide.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--global-palette1);
}

/* area cliente */

.area-cliente .woocommerce .woocommerce-form.woocommerce-form-login.login {
  max-width: 500px;
}

.info-text p {
  font-size: 14px;
  margin: 0 0 10px 0 !important;
}

.woocommerce-account .area-cliente .account-navigation-wrap {
  float: none;
  order: 2;
  padding-left: 0;
  padding-top: 30px;
}

.woocommerce-account .area-cliente .woocommerce-MyAccount-content {
  float: none;
  order: 1;
  padding: 20px;
  border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .woocommerce-account .area-cliente .account-navigation-wrap {
    float: right;
    order: 2;
    padding-left: 30px;
    padding-top: 0;
  }

  .woocommerce-account .area-cliente .woocommerce-MyAccount-content {
    padding: 30px;
  }
}

.woocommerce-account .area-cliente fieldset {
  padding: 0;
  border: 0;
}

.woocommerce-account
  .area-cliente
  .account-navigation-wrap
  .kadence-account-avatar {
  display: none;
}

.woocommerce-account .area-cliente .account-navigation-wrap {
  border: 0;
}

.woocommerce-account .area-cliente .account-navigation-wrap li.is-active a,
.woocommerce-account
  .area-cliente
  .account-navigation-wrap
  li.is-active
  a:hover,
.woocommerce-account .area-cliente .account-navigation-wrap li:hover a {
  border-left: 0;
  font-weight: 600;
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette1, red);
}

.woocommerce-account .area-cliente .account-navigation-wrap li a {
  font-weight: 600;
  text-align: center;
  border-radius: 6px;
  border: 0;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette6, #494c51);
}

.woocommerce form .form-row.button-row {
  margin-top: 2rem;
}

.area-cliente .woocommerce-form {
  min-height: 430px;
  border-radius: 0 !important;
  border: 1px solid #b2b2b2 !important;
}

.area-cliente .woocommerce-button,
.area-cliente .woocommerce-Button,
.area-cliente .button {
  font-weight: 600;
  text-align: center;
  border-radius: 6px;
  border: 0;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette1, red);
  min-width: 150px;
}

.info-cliente {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.info-column {
  width: 50%;
  padding: 0 20px 40px 0;
}

.info-title {
  font-size: 14px;
  font-family: var(--global-heading-font-family, inherit);
  color: var(--global-palette6, #ccc);
}

.ibq-title-down {
  padding-left: 20px;
  position: relative;
}

.ibq-title-down:before {
  content: "";
  background-image: url("./assets/arrow-gray.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 12px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(90deg);
  z-index: 99;
}

/* logos */
.logos-marcas {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}

.logos-marcas li {
  margin: 0 !important;
  padding: 4px !important;
}

.logos-marcas li img {
  max-width: none;
  width: auto;
  height: 40px;
}

@media (min-width: 600px) {
  .logos-marcas li {
    padding: 8px !important;
  }

  .logos-marcas li img {
    height: 78px;
  }
}

/* flechas */
.arrow-right {
  padding-right: 24px;
  position: relative;
  display: inline-block;
}

.arrow-right:before {
  content: "";
  background-image: url("./assets/arrow-red.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 16px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 99;
}

.ibq-title {
  padding-left: 24px;
  position: relative;
}

.ibq-title:before {
  content: "";
  background-image: url("./assets/arrow-red.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 16px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 99;
}

.ibq-title-red,
.ibq-title-blue,
.ibq-title-yellow,
.ibq-title-gray,
.ibq-title-green {
  padding-left: 24px;
  position: relative;
}

.ibq-title-red:before,
.ibq-title-blue:before,
.ibq-title-yellow:before,
.ibq-title-gray:before,
.ibq-title-green:before {
  content: "";
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 16px;
  height: 26px;
  position: absolute;
  top: 14px;
  left: 0;
  transform: translateY(-50%);
  z-index: 99;
}

.ibq-title-red:before {
  background-image: url("./assets/arrow-red.svg");
}

.ibq-title-yellow:before {
  background-image: url("./assets/arrow-yellow.svg");
}

.ibq-title-gray:before {
  background-image: url("./assets/arrow-gray.svg");
}

.ibq-title-green:before {
  background-image: url("./assets/arrow-green.svg");
}

.ibq-title-blue:before {
  background-image: url("./assets/arrow-blue.svg");
}

.textos-iso {
  font-size: 12px;
}

.textos-iso p {
  margin-bottom: 10px !important;
}

.iso-butttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 0;
}

.collapse-iso {
  display: inline-block;
  position: relative;
  margin: 4px;
  padding: 4px 20px;
  color: #4a4a4a;
  background: #f7f7f7;
  border: 1px solid #b2b2b2;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #111;
  border-radius: 6px;
  font-family: var(--global-heading-font-family, inherit);
}

.collapse-iso:hover,
.collapse-iso.active {
  color: var(--global-palette9, #ffffff);
  background: var(--global-palette1, red);
  border: 1px solid var(--global-palette1, red);
}

.collapse-btn {
  display: inline-block;
  position: relative;
  margin: 20px auto 20px auto;
  padding: 4px 30px;
  color: var(--global-palette5, #4a5568) !important;
  background: var(--global-palette9, #ffffff) !important;
  border: 1px solid var(--global-palette5, #4a5568) !important;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #111;
  border-radius: 6px;
}

.collapse-btn:after {
  content: "más";
}

.collapse-btn.active:after {
  content: "menos";
}

.translatepress-en_GB .collapse-btn:after {
  content: "more";
}

.translatepress-en_GB .collapse-btn.active:after {
  content: "less";
}

.collapse-btn:hover,
.collapse-btn:focus,
.collapse-btn.active {
  color: var(--global-palette9, #ffffff) !important;
  background: var(--global-palette1, #e7333f) !important;
  border: 1px solid var(--global-palette1, #e7333f) !important;
}

.collapse-title {
  display: block;
  padding-left: 34px;
  position: relative;
  text-decoration: none;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  font-family: var(--global-heading-font-family, inherit);
  text-transform: none;
  color: #111;
}

.collapse-title:hover,
.collapse-title:focus {
  color: #111;
}

.collapse-title:before {
  content: "";
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 16px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 99;
  background-image: url("./assets/arrow-gris.svg");
}

.collapse-title.active:before {
  transform: translateY(-50%) rotate(90deg);
  background-image: url("./assets/arrow-red.svg");
}

.collapse-content {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, visibility 0.3s ease;
}

.collapse-content.active,
.editor-visual-editor .collapse-content {
  visibility: visible;
  max-height: none;
  overflow: auto;
}

.hexagonos {
  width: 200px;
  padding: 45px 0;
  display: flex;
  clear: both;
  margin: 0 auto;
  position: relative;
}

.hexagono-1 {
  width: 200px;
  margin: 0;
  animation: speaker-hover-off 0.5s;
  -webkit-animation: speaker-hover-off 0.5s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.hexagono-2 {
  width: 100px;
  margin: 0;
  animation: speaker-hover-off 0.5s;
  -webkit-animation: speaker-hover-off 0.5s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  position: absolute;
  top: 0;
  right: 25px;
  display: flex;
  transform: rotate(90deg);
}

.hex-1 {
  -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==");
  -moz-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==");
  background-size: contain;
  width: 200px !important;
  height: 200px !important;
  margin: 0 auto;
  display: block;
  transform: rotate(90deg);
}

.hex-2 {
  -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==");
  -moz-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==");
  mask-size: contain;
  /* Ajusta la máscara para que encaje dentro del contenedor */
  -webkit-mask-size: contain;
  /* Ajusta la máscara para WebKit */
  mask-repeat: no-repeat;
  /* Evita que la máscara se repita */
  -webkit-mask-repeat: no-repeat;
  /* Evita que la máscara se repita en WebKit */
  width: 100px !important;
  /* Tamaño del contenedor hexágono */
  height: 100px !important;
  /* Tamaño del contenedor hexágono */
  display: block;
}

.secondary-navigation .kt-inside-inner-col {
  justify-content: space-between !important;
}

.encima {
  position: relative;
  z-index: 10;
}

.debajo {
  position: relative;
  z-index: 1;
}

.slider-visible .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.slider-titles .kt-inside-inner-col {
  padding-top: 50px;
  position: relative;
}

.slider-titles .slider-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 460px;
}

.cuadricula {
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.07) 2px,
      transparent 2px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px) !important;
  background-size: 32px 32px, 32px 32px !important;
  background-position: -2px -2px, -2px -2px !important;
}

.cuadricula-b {
  background-image: linear-gradient(rgba(0, 0, 0, 0.07) 2px, transparent 2px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.07) 2px, transparent 2px) !important;
  background-size: 32px 32px, 32px 32px !important;
  background-position: -2px -2px, -2px -2px !important;
}

.sku-number {
  font-weight: bold;
  font-size: 32px;
  margin-right: 20px !important;
}

.customTariff {
  font-weight: bold;
  font-size: 20px;
}

.woocommerce .up-sells.products h2,
.woocommerce .related.products h2 {
  color: var(--global-palette9, #ffffff);
}

.iconos-footer figure {
  margin: 0 !important;
}

.iconos-footer figure img {
  height: 40px;
  width: auto;
  max-width: none;
}

.fila-iconos {
  flex-wrap: wrap !important;
  gap: 20px;
}

/* header */

/* footer */

.subscribirse .kb-advanced-form input[type="email"] {
  border-left: 50%;
}

.woocommerce-error {
  margin: 60px 0 0 0 !important;
}

.woocommerce nav.woocommerce-pagination ul {
  margin: 0 auto;
  display: flex;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
  color: var(--global-palette9, #ffffff) !important;
}

.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
  background-color: transparent;
}

@media (max-width: 1000px) {
  .fila {
    margin-top: 0 !important;
    display: block !important;
  }
  .fila p {
    margin-left: 24px !important;
    margin-top: 4px !important;
  }
}

.fila {
  align-items: flex-end;
}

.fila p {
  line-height: 1.3;
  color: #ccc7c7 !important;
}

.borderline {
  border-color: #4a4a4a !important;
}

@media (max-width: 767px) {
  .dropbtn { 
  margin-top: 30px;
  }
  .filtros {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 0;            /* Sin márgenes */
    padding: 0 0 10px 0;   /* Sin padding a la izquierda */
    scroll-snap-type: x mandatory;
    justify-content: flex-start; /* Alineamos siempre a la izquierda */
  }

  .filtros::-webkit-scrollbar {
    height: 8px;
  }

  .filtros::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
  }

  .filtro {
    flex: 0 0 auto;
    min-width: 160px;
    margin-right: 15px;
    scroll-snap-align: start;
  }
  
  /* Evitamos cualquier margen extra para el primer filtro */
  .filtros .filtro:first-child {
    margin-left: 0;
  }
}