/* Breadcrumbs */

.breadcrumbs ul {
  display: flex !important;
  flex-wrap: wrap;
  padding: 0 !important;
}

.breadcrumbs li {
  list-style: none;
  position: relative;
  display: inline-block;
}

.breadcrumbs li:not(:first-of-type) {
  padding-left: 1.5rem;
}

.breadcrumbs a {
  text-decoration: none;
}

.breadcrumbs li:not(:last-of-type):after {
  content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%235BA7DD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  top: -7.5%;
  right: -1rem;
  /*   z-index: 1; */
}

@media (width < 767px) {
  .breadcrumbs {
    font-size: 0.75rem !important;
  }

  .breadcrumbs li:not(:last-of-type):after {
    top: 0;
    right: -0.85rem;
    transform: scale(0.8);
  }

  .breadcrumbs li:not(:first-of-type) {
    padding-left: 1.25rem;
  }
}

/* Navegacion audifonos */

.navegacion-audifonos ul {
  padding: 0;
}

.navegacion-audifonos li {
  list-style: none;
}

.navegacion-audifonos li:not(:last-of-type) {
  border-bottom: 0.1rem solid #dfdfdf;
}

.navegacion-audifonos li a {
  display: inline-block;
  width: 100%;
  padding: 0.88rem;
  font-weight: 500 !important;
  text-decoration: none;
}

.navegacion-audifonos li.activo a,
.navegacion-audifonos li.activo:hover a {
  background: rgb(44, 126, 246);
  color: white !important;
}

/* Seccion con menu flotante */

@media (width > 980px) {
  .menu-flotante {
    position: absolute;
    top: calc(100vh - 7rem + 4rem);
    left: calc((100vw - 75rem) / 2);
    z-index: 20;
  }

  .seccion-con-menu-flotante {
    padding-left: 22rem !important;
  }

  /* Alinear la fila para que ocupe toda la pantalla en el lado derecho (el carrusel puede estar definido en fila o columna) */
  .seccion-con-menu-flotante .et_pb_row.carrusel-escritorio,
  .seccion-con-menu-flotante .et_pb_row:has(.carrusel-escritorio) {
    margin-left: calc((100vw - clamp(35rem, -19.7026rem + 89.2193vw, 50rem) - 22rem) / 2) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: calc((100vw - clamp(35rem, -19.7026rem + 89.2193vw, 50rem) - 22rem) / 2);
  }
}

@media (980px < width < 1300px) {
  .menu-flotante {
    left: 0;
  }
}

/* Mostrar y ocultar menu flotante en moviles */

@media (width < 981px) {
  .menu-flotante.cerrado {
    display: none !important;
  }

  .menu-flotante.abierto {
    display: block !important;
    margin-inline: auto;
    padding-block: 1rem 2rem !important;
  }

  /* bloquear eventos de otros elementos cuando menu flotante este abierto */

  body:has(.barra-de-menu-flotante.abierto) .et_pb_section:not(.menu-flotante, :has(.barra-de-menu-flotante)) {
    filter: brightness(0.25);
    pointer-events: none;
  }
}