.site-header {
  /* backdrop-filter: blur(36px); */
  border-bottom: 1px solid var(--c-blanco-bg);
  background-color: transparent;
}

.bg-menu {
  background: rgba(35, 35, 35, 0.3) !important;
  background-color: rgba(35, 35, 35, 0.3) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  .menu-general {
    .elementor-nav-menu {
      .menu-item {
        .elementor-item {
          font-family: var(--tipo-titulos);
          letter-spacing: var(--letter-spacing-tit);
          text-transform: uppercase;
          color: var(--c-blanco);
          z-index: 2;
          position: relative;
          overflow: hidden;

          &::after {
            position: absolute;
            content: "";
            background-color: var(--c-rojo);
            height: 100%;
            width: 130%;
            bottom: -50px;
            left: -50px;
            transition: var(--transitions-large);
            z-index: -1;
          }
          &:hover {
            &::after {
              bottom: 0px;
              transition: var(--transitions-large);
            }
          }
        }

        .sub-menu {
          .menu-item {
            overflow: auto;
          }
        }
      }
    }
  }

  .menu-burguer {
    position: relative;

    &::after {
      position: absolute;
      content: "";
      background-color: var(--c-rojo);
      height: 100%;
      width: 100%;
      bottom: 0px;
      left: -210px;
      transition: var(--transitions-large);
      z-index: -1px;
      overflow: hidden;
    }

    .elementor-icon {
      svg {
        z-index: 10;
      }
    }

    &:hover {
      .elementor-icon {
        svg {
          path {
            transition: var(--transitions-large);
            fill: var(--c-blanco-bg);
          }
        }
      }

      &::after {
        left: 0px;
        transition: var(--transitions-large);
        transition-delay: 0.3s;
      }
    }
  }
}

.menu-desplegable {
  .elementor-nav-menu {
    .menu-item {
      .elementor-item {
        font-family: var(--tipo-titulos);
        letter-spacing: var(--letter-spacing-tit);
        font-size: var(--tit-size);
      }
    }
  }
}