/**
 * @file
 * Subtheme specific CSS.
 */

/* Hacer los menús horizontales */
nav ul.menu {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

nav ul.menu li {
  margin: 0 1rem 0 0;
  display: inline-block;
}

nav ul.menu li a {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

/* Menú principal específico */
nav#block-becario-superdotado-v2-main-menu ul,
nav.navbar ul.menu,
.region-primary-menu ul.menu {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}

.region-primary-menu ul.menu li,
nav.navbar ul.menu li {
  display: inline-block;
  margin: 0;
}

/* Bootstrap navbar horizontal */
.navbar-nav {
  flex-direction: row !important;
}

.navbar-nav .nav-item {
  display: inline-block;
}

/* Submenús desplegables horizontales */
nav ul.menu ul.menu {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 1000;
}

nav ul.menu li:hover > ul.menu {
  display: block;
}

/* Estilos específicos para Bootstrap navbar */
.navbar .navbar-collapse {
  flex-direction: row;
}

.navbar .navbar-nav {
  flex-direction: row !important;
  align-items: center;
}

.navbar .nav-link {
  padding: 0.5rem 1rem;
}

/* Menú principal - forzar horizontal */
.region-primary-menu .menu,
.block-system-menu-block ul.menu,
#block-mainnavigation ul.menu,
#block-becario-superdotado-v2-main-menu ul.menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.region-primary-menu .menu li,
.block-system-menu-block ul.menu li,
#block-mainnavigation ul.menu li,
#block-becario-superdotado-v2-main-menu ul.menu li {
  display: inline-block !important;
  margin: 0 0.5rem;
}

/* Menú secundario también horizontal */
.region-secondary-menu .menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
}

/* Asegurar que los items del menú estén en línea */
ul.menu > li {
  float: none !important;
  display: inline-block !important;
}
a.navbar-brand {
    max-width: 155px;
}

nav#navbar-main {
    background-color: #000022;
}
nav#navbar-top {
    background-color: #000000;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #f0f0f0;
}
.js-filter-wrapper.js-form-wrapper {
    display: none;
}
img.rounded-circle.border.border-info.shadow.image-style-thumbnail
 {
    height: 120px;
    width: 120px;
}
.image-preview, .image-widget-data {
  float:none !important;
}

form#node-becario-form legend
 {
    display: none;
}
form#node-becario-form .js-form-item-field-system-prompt-0-value label
 {
    display: none;
}
form#node-becario-edit-form legend
 {
    display: none;
}
form#node-becario-edit-form .js-form-item-field-system-prompt-0-value label
 {
    display: none;
}
.page-view-becarios img.rounded-circle.border.border-info.shadow.image-style-foto-becario {
  width:64px !important;
  height: 64px !important;
}