.contenedor-botones-menu {display: flex; flex-direction: row-reverse; }

/* MENU PRINCIPAL */
.menu--menu-principal li a, .menu--menu-principal li span{color: #fff; }
.menu--menu-principal li {
  float: left;
}
/*.menu--menu-principal::before{
  content: "";
  border-top: 1px solid #fff;
  width: 1px;
  height: 100%;
}*/
.menu--menu-principal li a, .menu--menu-principal li span{
  margin-right: 0;
  padding: 18px 15px 15px;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.menu--menu-principal li a:hover, .menu--menu-principal li span:hover{
  background-color: #025f97;
  outline: none;
  text-decoration: none;
}
#navbar-collapse {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#navbar-collapse .region-navigation-collapsible{
  position: relative;
}
#navbar-collapse .region-navigation-collapsible #block-logoconselleriadepoliticasocial{
  position: absolute;
  right: 0;
  top: -72px;
}

@media only screen and (max-width: 915px) {
  .navbar-collapse.collapse {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .menu--menu-principal li {
    text-align: left;
  }
  .menu--menu-principal {
    padding-top: 0px;
  }
}

/* MENU LATERAL (BOTÓN APERTURA) */
.navbar-button {
  margin: 35px 0 0 0;
  position: relative;
  float: right;
  padding: 9px 10px;
  background-color: transparent;
  background-image: none;
  border: none;
  color: #fff;
  font-size: 30px;
}
.navbar-button .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
}
.navbar-button .icon-bar + .icon-bar {
  margin-top: 4px;
}

/* MENU LATERAL (BOTÓN IDIOMA) */
.navbar-button img {
  width: 21px;
  height: auto;
  filter: brightness(0) invert(1);
}

/* MENU LATERAL (BUSQUEDA) */

/* MENU LATERAL */
.menu-lateral {
  display: none;
  top: 0;
  z-index: 9999;
  right: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  max-width: 730px;
  background-color: #002b49;
  color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 110px 0 50px;
}
.menu-lateral.abierto {
  display: block;
}

.menu-lateral .language-switcher-language-url {
  margin: 25px 0;
  width: fit-content;
}

.menu-lateral ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu-lateral li {
  display: block;
  width: 100%;
}
.menu-lateral li a, .menu-lateral li span{
  padding: 19px 70px 13px 15px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  font-weight: bold;
  border: 2px solid transparent;
  display: inline-block;
  width: 100%;
}
.menu-lateral li .icon-open{
  display: inline-block !important;
  position: absolute;
  right: 0;
  top: 2px;
  padding: 11px 15px;
  cursor: pointer;
  transform: rotate(180deg);
}
.menu-lateral li .icon-open.rotate{
  transform: none;
  top: 7px;
}
.menu-lateral li .icon-open img{
  width: 38px;
  height: auto;
}
.menu-lateral li.dropdown a .caret, .menu-lateral li.dropdown span .caret{
  display: none;
}
.menu-lateral li > a:hover, .menu-lateral li > span:hover{
  background-color: #007bc4;
}
/*.menu-lateral li.active > a{
  background-color: #007bc4;
}*/
.menu-lateral li > a.is-active, .menu-lateral li > span.is-active{
  background-color: #007bc4;
}

.menu-lateral li a.no-border, .menu-lateral li span.no-border{
  border: 2px solid #007bc4;
  margin-top: 8px;
  background: transparent;
}
.menu-lateral ul.menu.menu--menu-principal.nav li {
  display: block;
  width: 100%;
}
.menu-lateral ul.menu.menu--menu-principal.nav > li {
  border-bottom: 1px solid #fff;
}

/* BOTÓN CIERRE MENÚ LATERAL */
#cerrarMenu {position: absolute; top: 15px; right: 15px; padding: 8px 16px; border: none; cursor: pointer; z-index: 1; }
#cerrarMenu img {width: 25px; height: auto; }

.boton-transformable {width: 50px; height: 50px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.boton-transformable span { position: absolute; width: 30px; height: 3px; background-color: #fff; transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease; }

.boton-transformable span:nth-child(1) {transform: rotate(45deg); top: 15px; left: 10px; }
.boton-transformable span:nth-child(2) {transform: rotate(45deg); top: 15px; left: 10px; }
.boton-transformable span:nth-child(3) {transform: rotate(-45deg); top: 16px; left: 10px; }

.boton-transformable:hover span:nth-child(1) {top: 13px; left: 10px; }
.boton-transformable:hover span:nth-child(2) {transform: rotate(0deg); top: 22px; left: 2px; }
.boton-transformable:hover span:nth-child(3) {transform: rotate(-45deg); top: 32px; left: 10px; }

/* SUB MENÚS DEL MENÚ LATERAL */
.menu-lateral .menu--menu-principal li.dropdown.open a.dropdown-toggle, .menu-lateral .menu--menu-principal li.dropdown.open span.dropdown-toggle{
  background-color: #007bc4;
  /* color: #fff; */
}
.menu-lateral .menu--menu-principal li .dropdown-menu {
  position: relative;
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  padding-bottom: 15px;
  padding-top: 9px;
  display: none;
}
.menu-lateral .menu--menu-principal li .dropdown-menu.show{display: block;}
.menu-lateral .menu--menu-principal li .dropdown-menu li a, .menu-lateral .menu--menu-principal li .dropdown-menu li span{padding: 8px 15px 4px 40px; font-weight: normal; font-size: 17px;}
.menu-lateral .menu--menu-principal li.active .dropdown-menu li a, .menu-lateral .menu--menu-principal li.active .dropdown-menu li span{    background-color: transparent;
    border: none;
    color: #fff;}
.menu-lateral .menu--menu-principal li .dropdown-menu li a:hover, .menu-lateral .menu--menu-principal li .dropdown-menu li span:hover{background-color: #007bc4; color:#fff}
.menu-lateral .menu--menu-principal li .dropdown-menu li a.is-active, .menu-lateral .menu--menu-principal li .dropdown-menu li span.is-active{background-color: #007bc4;}
.menu-lateral .menu--menu-principal li a.dropdown-toggle, .menu-lateral .menu--menu-principal li span.dropdown-toggle{border: 2px solid #007bc4;background-color: transparent;}


@media(max-width:991px){
  .navbar-button{margin: 6px 0 0 0;}
  header.navbar-default .navbar-header{border-bottom: none;}
  .menu-lateral{padding: 10px 50px 0 50px;}
}
@media(max-width:475px){
  .menu-lateral{padding: 10px 35px 0 25px;}
  .menu-lateral .menu--menu-principal li .dropdown-menu li a, .menu-lateral .menu--menu-principal li .dropdown-menu li span{white-space: normal; word-wrap: break-word;}
}
@media(max-width:370px){
  .contenedor-botones-menu .navbar-button{padding: 9px 0px 9px 10px;}
  .menu-lateral .menu--menu-principal li .dropdown-menu li a, .menu-lateral .menu--menu-principal li .dropdown-menu li span{padding: 8px 15px 4px 30px;}
}