/*
 * Estilos solo del logo 2026 (persianas).
 * Se carga en head.inc.php unicamente si $GLOBALS['HG_LOGO_26'] es true (ver LOGO-2026.md).
 * Con el logo anterior este archivo no se carga y la web usa style-menu-sup.css tal cual.
 */
.upper-menu .row.menu-container {
  display: flex;
  align-items: center;
}
img.upper-menu-logo.logo-26,
.body-wrapHome img.upper-menu-logo.logo-26 {
  height: 70px;
}
.body-wrapHome .scrolled .elements-align {
  margin: 2.2rem 0;
}
@media (max-width:768px) {
  /* el hueco bajo el menu fijo era para el logo de 110px (110 + 20 margen) */
  .body-wrapHome .header-space {
    margin-top: 90px;
  }
  /* en movil el JS siempre pone .scrolled: se aplica el margen ya desde la carga para que no salte */
  .body-wrapHome .elements-align {
    margin: 2.2rem 0;
  }
}
@media (max-width:767px) {
  /* scripts.js se carga al final: hasta entonces el menu de la home seria transparente
     con iconos blancos. En movil siempre acaba en .scrolled, asi que se pinta asi desde el inicio */
  .body-wrapHome .menu-superior-fixed {
    background-color: #fff;
  }
  .body-wrapHome .upper-menu a {
    color: var(--main-color) !important;
  }
}