.main-header {
  font-family: var(--text-semibold);
  margin-bottom: 20px;
}

.header-logo {
  height: 45px;
  width: auto;
}


#navbarHome .nav-link {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  padding: 8px 12px;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  /* Espacio para el foco */
  border-radius: 6px;
}


#navbarHome .nav-link:hover,
#navbarHome .nav-link:focus-visible {
  color: var(--red);
}

/*Foco accesible para ACC*/
#navbarHome .nav-link:focus-visible{
  outline: 2px solid var(--black, #000);
  outline-offset: 2px;
  border-color: transparent;
}

#navbarHome .navbar-brand:focus-visible {
  box-shadow: none;
}

#navbarHome .logoMM{width: 43px;}

/*Adaptaciones*/
@media(min-width: 450px) {
  #navbarHome .logoMM{width: 160px;}
}
@media(min-width: 1000px) {
  #navbarHome .logoMM{width: 168px;}
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav{padding-left:0;}
  #navbarHome .areahamb{flex:1;}

  .main-header{margin-bottom:16px;}

  #navbarHome .navbar-brand {
    flex: 1;
  }

  #navbarHome .social-wrapper {
    flex: 1;
    justify-content: flex-end;
  }

  #navbarHome .navbar-collapse {
    flex: 2;
    display: flex !important;
    justify-content: center;
  }

  #navbarHome .desktop-row-force {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
  }

  /*Línea roja inferior sólo en desktop */
  #navbarHome .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    height: 2.5px;
    background-color: var(--red);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  #navbarHome .nav-link:hover::after,
  #navbarHome .nav-link:focus-visible::after {
    transform: scaleX(1);
  }
}


@media (max-width: 992px) {
  #navbarHome .navbar-collapse {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #eee;
  }

  #navbarHome .navbar-nav {
    flex-direction: column;
    text-align: left;
    padding: 15px 0;
  }

  #navbarHome .nav-item {
    width: 100%;
  }

  #navbarHome .nav-link {
    width: 100%;
    padding: 12px 15px !important;
    border-radius: 0 6px 6px 0;
  }

  /* En mobile NO usamos la línea inferior, sino borde izquierdo */
  #navbarHome .nav-link::after {
    display: none !important;
  }

  #navbarHome .nav-link:hover,
  #navbarHome .nav-link:focus-visible {
    background-color: #fdf2f2;
    border-left: 5px solid var(--red) !important;
  }

  /* Mantener el social-wrapper siempre en la barra, a la derecha,
     independientemente de si el menú está desplegado o no */
  #navbarHome {
    position: relative;
  }

  #navbarHome .social-wrapper {
    position: absolute;
    right: 16px;
    top: 8px;
    height: 45px;
    display: flex !important;
    align-items: center;
    pointer-events: none;
  }

  #navbarHome .social-wrapper * {
    pointer-events: auto;
  }
}