/* ====== Navbar general ====== */
.navbar {
    background-color: #ffffff !important;
    box-shadow: none;
    width: 100%;  
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.container-navbar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px; /* <- Aquí agregás los 16px de margen lateral */
    position: relative;
}

/* Contenedor del botón hamburguesa + texto */
.menu-left {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px;            /* Espacio entre botón y texto */
}

/* Estilo para el texto */
.menu-text {
    color: #014375;
    font-size: 16px;
    margin: 0; /* elimina márgenes por defecto */
}

/* ====== Logo centrado ====== */
.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-logo {
    width: 377px;
    height: 55px;
    object-fit: contain;
}

/* ====== WhatsApp ====== */
.navbar .fab.fa-whatsapp {
    color: #014375;
    font-size: 20px;
}

/* ====== Hamburguesa ====== */
.navbar-toggler {
    border: none;
    background: transparent;
}

.navbar-toggler-icon {
    background-image: none;
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
}

.navbar-toggler-icon::before, 
.navbar-toggler-icon::after, 
.navbar-toggler-icon span {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #014375;
    position: absolute;
    left: 0;
}

.navbar-toggler-icon::before { top: 6px; }
.navbar-toggler-icon span { top: 14px; }
.navbar-toggler-icon::after { top: 22px; }
/* ====== Hover animado en links del navbar ====== */
.navbar-nav .nav-link {
  position: relative;
  font-weight: normal;
  
  text-decoration: none;
  transition: font-weight 0.3s ease;
  display: inline-block; /* importante para que la línea siga el ancho del texto */
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px; /* separación de la línea */
  width: 0;
  height: 1px; /* grosor de la línea */
  background-color: black;
  transition: width 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  font-weight: bold;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 100%;
}
/* ====== Vista móvil ====== */
@media (max-width: 767px) {
    .navbar {
        width: 100%;              /* ocupa todo el ancho del dispositivo */
      height: 51px;              /* altura de móvil */
      padding: 8px 16px;         /* top, right, bottom, left */
      justify-content: space-between;
    }
  
    .container-navbar {
      width: 100%;
      padding: 0;                /* eliminamos padding doble */
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .menu-text {
      font-size: 14px;
    }
  
    .navbar-logo {
      content: url('../imagenes/Logo_MCA_Desktop.png');
      width: 220px !important; /* ancho exacto */
        height: 35px !important; /* alto exacto */
      height: auto;
      object-fit: contain;
    }
    
    .menu-text {
        display: none !important;
      }
    .navbar .fab.fa-whatsapp {
      font-size: 22px;
    }
  
    .navbar-toggler-icon {
      width: 24px;
      height: 24px;
    }
  
    .navbar-toggler-icon::before { top: 4px; }
    .navbar-toggler-icon span { top: 10px; }
    .navbar-toggler-icon::after { top: 16px; }
  }