/* FIX v2.9 (build v3.1) — Logo VERTICAL apilado idéntico al referencial */

/* ============================================
   HEADER GLOBAL - suficiente altura para logo vertical
   ============================================ */
.site-header {
  padding: 0 !important;
  overflow: visible !important;
  z-index: 900 !important;
  background: #fff !important;
}
.site-header__inner {
  overflow: visible !important;
  align-items: center !important;
}

/* ============================================
   DESKTOP - Logo VERTICAL 150px de alto a la izquierda
   (GF arriba + GlobalFibra + ESPECIALISTAS abajo apilados)
   ============================================ */
@media (min-width: 969px) {
  .site-header__inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 40px !important;
    min-height: 180px !important;
  }
  .site-header__logo {
    justify-self: flex-start !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }
  .site-header__logo img {
    height: 150px !important;
    width: auto !important;
    max-height: 150px !important;
    max-width: 200px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
  }
  .main-nav { margin-left: auto !important; }
}

/* ============================================
   MÓVIL - Logo VERTICAL 130px centrado (grande y presente)
   ============================================ */
@media (max-width: 968px) {
  .site-header {
    padding: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid var(--gf-border, #e5e5e5) !important;
  }
  .site-header__inner {
    display: grid !important;
    grid-template-columns: 60px 1fr 60px !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 14px 16px !important;
    min-height: 160px !important;
  }
  .site-header__inner::before {
    content: "";
    grid-column: 1;
  }
  .site-header__logo {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
  .site-header__logo img {
    height: 130px !important;
    width: auto !important;
    max-height: 130px !important;
    max-width: 180px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
  }
}