/* Keep submenu arrows compact in both Bricks navigation variants. */
.syn-main-nav .syn-menu-parent-toggle .menu-item-icon{display:block;flex:0 0 14px;width:14px;height:14px;margin-left:9px}
.syn-main-nav .syn-menu-parent-toggle{align-items:center;gap:10px}
/* Show the eight areas and seven units in one scannable desktop panel. */
@media(min-width:1200px){
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu{
    width:min(900px,calc(100vw - 100px))!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:34px!important;row-gap:14px!important;
    padding:24px 28px 18px!important;align-items:start!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289:not(.open)>.sub-menu{
    display:none!important;visibility:hidden!important;pointer-events:none!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu::before,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu::after{content:none!important;display:none!important}
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290{
    grid-column:1!important;grid-row:1!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291{
    grid-column:2!important;grid-row:1!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11292{
    grid-column:1/-1!important;grid-row:2!important;border-top:1px solid #dce6e9!important;
    padding-top:12px!important;margin-top:2px!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291{
    display:block!important;margin:0!important;min-width:0!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.brx-submenu-toggle,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.brx-submenu-toggle{
    display:block!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.brx-submenu-toggle>button,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.brx-submenu-toggle>button{
    display:none!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.brx-submenu-toggle>a,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.brx-submenu-toggle>a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;height:auto!important;min-height:40px!important;
    padding:0 4px 9px!important;background:transparent!important;border:0!important;
    color:var(--syn-navy,#050633)!important;font-size:17px!important;font-weight:600!important;
    white-space:normal!important;line-height:1.35!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.brx-submenu-toggle>a::after,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.brx-submenu-toggle>a::after{
    content:'Ver todas'!important;color:#008b83!important;font-size:12px!important;font-weight:600!important;
    background:none!important;display:inline!important;flex:0 0 auto!important;margin-left:12px!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.sub-menu,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.sub-menu{
    position:static!important;display:grid!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;width:100%!important;min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;gap:1px!important;
    margin:2px 0 0!important;padding:0!important;background:transparent!important;
    border:0!important;box-shadow:none!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.sub-menu>li,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.sub-menu>li{
    display:block!important;margin:0!important;padding:0!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.sub-menu>li>a,
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.sub-menu>li>a{
    display:block!important;height:auto!important;min-height:36px!important;padding:8px 10px!important;
    background:transparent!important;border:0!important;font-size:14px!important;
    font-weight:400!important;line-height:1.35!important;white-space:normal!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11290>.sub-menu>li>a:is(:hover,:focus-visible),
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11291>.sub-menu>li>a:is(:hover,:focus-visible){
    background:var(--syn-canvas,#eaf9f7)!important;border-radius:6px!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11292>a{
    display:inline-flex!important;align-items:center!important;min-height:36px!important;
    padding:7px 10px!important;background:transparent!important;border:0!important;
    font-size:14px!important;font-weight:600!important
  }
  #brx-header .syn-main-nav .bricks-nav-menu>.menu-item-11289>.sub-menu>.menu-item-11292>a::after{
    content:none!important;display:none!important
  }
}
/* Bricks switches the header to a compact layout before it hides the desktop menu. */
@media(max-width:1199px){
  #brx-header .syn-main-nav{flex:0 0 44px!important;width:44px!important;height:44px!important}
  #brx-header .syn-main-nav .bricks-nav-menu-wrapper{display:none!important}
  #brx-header .syn-main-nav .bricks-mobile-menu-toggle{display:flex!important}
  #brx-header .syn-header-inner{align-items:center!important}
}
@media(max-width:991px){
  .syn-main-nav .bricks-mobile-menu .syn-menu-parent-toggle{width:100%;min-height:48px;justify-content:space-between}
  .syn-main-nav .bricks-mobile-menu .syn-menu-parent-toggle .menu-item-icon{flex:0 0 16px;width:16px;height:16px;margin-left:auto}
}
@media(max-width:1199px){
  #brx-header .syn-main-nav .bricks-mobile-menu>li.menu-item-has-children>.brx-submenu-toggle>button.syn-menu-parent-toggle{
    width:calc(100% - 40px)!important;min-height:52px!important;height:52px!important;
    margin:0 20px!important;padding:0!important;box-sizing:border-box!important
  }
  #brx-header .syn-main-nav .bricks-mobile-menu>li:not(.menu-item-has-children)>a{
    display:flex!important;align-items:center!important;width:100%!important;
    min-height:52px!important;height:52px!important;padding:0 20px!important;
    box-sizing:border-box!important
  }
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11290>.brx-submenu-toggle,
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11291>.brx-submenu-toggle{
    display:flex!important;align-items:center!important;gap:6px!important
  }
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11290>.brx-submenu-toggle>a,
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11291>.brx-submenu-toggle>a{
    flex:1 1 auto!important;min-width:0!important;padding-right:0!important
  }
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11290>.brx-submenu-toggle>button,
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11291>.brx-submenu-toggle>button{
    flex:0 0 40px!important;width:40px!important;min-width:40px!important;padding:10px!important
  }
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11290>.brx-submenu-toggle>button svg,
  #brx-header .syn-main-nav .bricks-mobile-menu .menu-item-11291>.brx-submenu-toggle>button svg{
    display:block!important;width:16px!important;height:16px!important;max-width:16px!important
  }
}
