/*
 * CBD Perejil — pulido fino del desplegable de tienda.
 * Separado del CSS principal para poder auditarlo y retirarlo sin dejar residuos.
 */

@media (min-width: 981px) {
  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu {
    overflow: visible !important;
    border: 1.5px solid rgba(203, 140, 74, 0.84) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 48px rgba(20, 45, 32, 0.10) !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu::before,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -9px !important;
    left: 74px !important;
    width: 16px !important;
    height: 16px !important;
    transform: rotate(45deg) !important;
    background: #fffdfa !important;
    border-top: 1.5px solid rgba(203, 140, 74, 0.84) !important;
    border-left: 1.5px solid rgba(203, 140, 74, 0.84) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu::after,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu::after {
    content: "" !important;
    position: absolute !important;
    top: -2px !important;
    left: 58px !important;
    width: 50px !important;
    height: 9px !important;
    background: #fffdfa !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 4 !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li {
    position: relative !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li::before,
  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li::after,
  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu a::before,
  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu a::after,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li::before,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li::after,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu a::before,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu a::after {
    content: none !important;
    display: none !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li a,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li a {
    position: relative !important;
    border-left: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition:
      background-color 0.18s ease,
      box-shadow 0.18s ease,
      color 0.18s ease,
      transform 0.18s ease !important;
  }

  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li a:hover,
  body .et-l--header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li.current-menu-item > a,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li a:hover,
  body header .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > ul.sub-menu li.current-menu-item > a {
    color: #0b4228 !important;
    background: linear-gradient(90deg, rgba(255, 247, 233, 0.98), rgba(250, 244, 234, 0.86)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(205, 151, 90, 0.20),
      0 9px 18px rgba(31, 57, 42, 0.055) !important;
    transform: translateX(1px) !important;
  }
}