/*
 * Productos Jumbo - pulido final del header.
 * Objetivos:
 * - fila principal completamente blanca;
 * - hover solo por color de texto;
 * - eliminar espacio inferior residual del layout centered-menu-bottom-bar;
 * - no depender de .span_3 o .span_9: el runtime marca el nav real.
 */

@media only screen and (min-width: 1000px) {
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav-column,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav-column {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: normal !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav {
    display: block !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    top: auto !important;
    bottom: auto !important;
    line-height: normal !important;
    overflow: visible !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    color: #414042 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: color 160ms ease !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a > *,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a .menu-title-text {
    color: inherit !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item:hover,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item:focus-within,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-item,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-ancestor {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a:hover,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a:focus,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a:focus-visible,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-item > a,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-ancestor > a {
    color: #de0a2f !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a:hover > *,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item > a:focus > *,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-item > a > *,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu > li.jumbo-primary-item.current-menu-ancestor > a > * {
    color: #de0a2f !important;
    background: #fff !important;
    background-color: #fff !important;
  }

  /* Neutralizar cualquier resto del layout que genere una franja debajo del nav. */
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav-column::before,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav-column::after,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav::before,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-nav::after,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu::before,
  #header-outer[data-format="centered-menu-bottom-bar"] .jumbo-primary-menu::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
