.container-header {
  box-shadow: 0 2px 0 rgba(0,0,0,0.25); /* línea sólida */
}

/* Centrar el menú en Cassiopeia Extendida */
.container-header .mod-menu {
  display: flex;
  justify-content: center;
  margin-top: 0 !important; /* elimina espacio extra arriba del menú */
}
.container-header .mod-menu li {
  margin: 0 10px;
}

/* Centrar el logo en Cassiopeia Extendida */
.container-header .navbar-brand {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 !important;   /* sin márgenes extra */
  padding: 0 !important;  /* sin relleno extra */
}
.container-header .navbar-brand img {
  margin: 0 auto;
}

/* Reducir espacio superior del header */
.container-header {
  padding-top: 0 !important;   /* elimina espacio extra arriba */
  padding-bottom: 0 !important;
  min-height: auto;
}

/* Compactar header eliminando relleno interno */
.container-header .grid-child {
  padding: 0.2em !important;   /* aire mínimo controlado */
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

/* Tipografía del menú */
.container-header .mod-menu > li > a {
  font-weight: 600; /* medium para el menú principal */
}

/* Fondo uniforme para submenús */
.container-header .mod-menu li ul {
  background-color: rgb(250, 250, 250) !important; /* igual al header */
  border: 0.75px solid #ddd; /* línea sutil para separar */
}

/* Tipografía y espaciado de los ítems hijos */
.container-header .mod-menu li ul li a {
  font-weight: 700;   /* bold para hijos */
  padding: 6px 12px;  /* aire interno */
  display: block;
}

/* Separación entre ítems hijos */
.container-header .mod-menu li ul li {
  margin-top: 4px; /* espacio entre cada hijo */
}