/* GAPEMA JOURNAL — encabezado corregido */
/* Afecta únicamente al Journal */

@media (min-width: 1101px) {

  #gm-site-header .gm-header-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    width: 100% !important;
  }

  #gm-site-header .gm-brand {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  #gm-site-header #menu.gm-site-nav {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
  }

  #gm-site-header .gm-site-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
  }
}

@media (max-width: 1100px) {

  #gm-site-header .gm-header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  #gm-site-header .gm-brand {
    order: 1 !important;
  }

  #gm-site-header .gm-site-actions {
    order: 2 !important;
    display: flex !important;
    gap: 10px !important;
  }

  #gm-site-header #menu.gm-site-nav {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
  }
}

/* === LOGOTIPO HORIZONTAL IGUAL AL HOME === */

#gm-site-header a.gm-brand {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    min-width: max-content !important;
    text-decoration: none !important;
}

#gm-site-header .gm-symbol {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    max-width: none !important;
    object-fit: contain !important;
    flex: 0 0 38px !important;
}

#gm-site-header .gm-words {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: auto !important;
    line-height: 1.1 !important;
}

#gm-site-header .gm-name {
    display: block !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
}

#gm-site-header .gm-sub {
    display: block !important;
    font-size: 8px !important;
    letter-spacing: 3px !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
}

/* GAPEMA Journal: menú debajo del logo */
@media (min-width: 1101px) {
  #gm-site-header .gm-header-inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 24px !important;
    row-gap: 12px !important;
  }

  #gm-site-header a.gm-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    order: unset !important;
  }

  #gm-site-header .gm-site-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    order: unset !important;
  }

  #gm-site-header #menu.gm-site-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    order: unset !important;
  }
}