/* ============================
   HEADER GÓMEZ 022
   ============================ */

/* Contenedor principal del header */
.header-principal{
  background:#15284E;              /* azul marino */
  padding:4px 20px;                /* ALTURA MÁS BAJA */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;                         /* separación logo ↔ menú */
}

/* Evitar fondos, bordes o sombras en grupos internos */
.header-principal .wp-block-group{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* ============================
   LOGO / TÍTULO DEL SITIO
   ============================ */

.logo-texto,
.header-principal .wp-block-site-title{
  color:#ffffff !important;
  font-family:'Montserrat', sans-serif;
  font-size:1.1rem;                /* tamaño del texto GÓMEZ 022 */
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.02em;
  margin:0;
  white-space:nowrap;
  margin-right:40px;               /* espacio antes del menú */
}

.logo-texto a,
.header-principal .wp-block-site-title a{
  color:#ffffff !important;
  text-decoration:none !important;
}

.logo-texto a:hover,
.header-principal .wp-block-site-title a:hover{
  color:#D4A62A !important;        /* dorado al pasar el ratón */
}

/* ============================
   MENÚ PRINCIPAL
   ============================ */

.header-principal .wp-block-navigation{
  background:transparent !important;
  margin-left:40px;                /* separa del logo */
}

.header-principal .wp-block-navigation-item__content{
  color:#ffffff !important;
  font-family:'Open Sans', sans-serif;
  font-size:1.05rem;               /* tamaño de letra del menú */
  font-weight:600;
  text-decoration:none;
  padding:0;
}

.header-principal .wp-block-navigation-item__content:hover{
  color:#D4A62A !important;        /* hover dorado */
}

/* Elemento actual del menú (página activa) */
.header-principal .wp-block-navigation-item__content[aria-current="page"]{
  color:#D4A62A !important;
}

/* ============================
   SUBMENÚ (TRABAJOS → OPINIONES)
   ============================ */

/* Fondo del contenedor del submenu */
.header-principal .wp-block-navigation__submenu-container{
  background:#15284E !important;   /* mismo azul que la barra */
  border:none !important;
  box-shadow:none !important;
}

/* Estilo de los elementos dentro del submenu */
.header-principal
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content{
  background:#15284E !important;
  color:#ffffff !important;
  font-family:'Open Sans', sans-serif;
  font-size:1rem;
  font-weight:600;
  padding:12px 16px;
}

/* Hover dentro del submenu */
.header-principal
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:hover{
  background:#1F3A6A !important;   /* azul ligeramente más claro */
  color:#D4A62A !important;
}

/* Fallback por si el tema mete fondo blanco al submenu */
.wp-block-navigation:not(.has-background)
  .wp-block-navigation__submenu-container{
  background:#15284E !important;
  color:#ffffff !important;
  border:none !important;
}

/* ============================
   RESPONSIVE
   ============================ */

@media (max-width: 991px){
  .header-principal{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:6px 12px;              /* más bajito en móvil también */
  }

  .logo-texto,
  .header-principal .wp-block-site-title{
    margin-right:0;
  }

  .header-principal .wp-block-navigation{
    margin-left:0;
    width:100%;
  }

  .header-principal .wp-block-navigation-item__content{
    font-size:1rem;
  }
}