/* SectorUrbano — submenu Albumes/Riddims: visual compatible con el nav existente */
#mainNav .su-nav-albums{
  position:relative;
  display:flex;
  align-items:center;
  align-self:stretch;
  flex:0 0 auto;
}
#mainNav .su-nav-albums > .su-nav-albums-toggle{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  background:transparent;
  color:#e8e1e8;
  font:inherit;
  font-size:inherit;
  line-height:normal;
  font-weight:800;
  padding:10px 12px;
  border-radius:7px;
  white-space:nowrap;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
}
#mainNav .su-nav-albums > .su-nav-albums-toggle:hover,
#mainNav .su-nav-albums.active > .su-nav-albums-toggle,
#mainNav .su-nav-albums.open > .su-nav-albums-toggle{
  background:#8c0000;
  color:#fff;
  box-shadow:0 0 22px rgba(140,0,0,.30);
}
#mainNav .su-nav-albums .su-nav-arrow{
  font-size:.72em;
  opacity:.82;
  transition:transform .18s ease;
}
#mainNav .su-nav-albums.open .su-nav-arrow{transform:rotate(180deg)}
#mainNav .su-nav-albums-menu{
  display:none;
  position:absolute;
  z-index:5000;
  top:calc(100% - 2px);
  left:0;
  min-width:175px;
  padding:7px;
  border:1px solid #3a2a27;
  border-radius:9px;
  background:#0b0b0b;
  box-shadow:0 18px 38px rgba(0,0,0,.55);
}
#mainNav .su-nav-albums.open .su-nav-albums-menu,
#mainNav .su-nav-albums:hover .su-nav-albums-menu{display:grid}
#mainNav .su-nav-albums-menu a{
  width:100%!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:10px 12px!important;
  border-radius:7px!important;
  color:#e8e1e8!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:inherit!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#mainNav .su-nav-albums-menu a:hover,
#mainNav .su-nav-albums-menu a.active{
  background:#8c0000!important;
  color:#fff!important;
}

/* Riddims usa exactamente el mismo ancho/margenes base de las secciones listing */
.riddims-page{
  width:min(1180px,94%)!important;
  margin:0 auto!important;
  padding:28px 0 60px!important;
  box-sizing:border-box!important;
}
.riddims-hero{margin-top:0!important}

@media(max-width:760px){
  #mainNav .su-nav-albums{
    display:block;
    width:100%;
    align-self:auto;
  }
  #mainNav .su-nav-albums > .su-nav-albums-toggle{
    width:100%;
    justify-content:space-between;
    padding:12px 13px;
    font-size:11px;
    text-align:left;
  }
  #mainNav .su-nav-albums:hover .su-nav-albums-menu{display:none}
  #mainNav .su-nav-albums.open .su-nav-albums-menu{display:grid}
  #mainNav .su-nav-albums-menu{
    position:static;
    min-width:0;
    margin:2px 8px 7px 12px;
    padding:5px;
    box-shadow:none;
    border-color:#302522;
  }
  #mainNav .su-nav-albums-menu a{font-size:10px!important;padding:10px 12px!important}
  .riddims-page{width:94%!important;padding-top:18px!important}
}