.navbar{
  position:sticky;
  top:0;
  background: rgba(10,31,68,0.95);
  display:flex;
  align-items:center;
  justify-content:center; 
  padding:35px 70px;
  z-index:1000;

  position:relative;
  overflow:hidden;
}

/* LOGO */
.logo{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
}

.logo img{
  height:65px;
  width:auto;
  object-fit:contain;
  margin-right:10px;
}

/* REDES */
.redes img{
  height:20px;
  width:auto;
  margin-left:10px;
  cursor:pointer;
  transition:0.3s;
}

.redes img:hover{
  transform:scale(1.1);
}

/* POSICIÓN DERECHA */
.navbar div:last-child{
  position:absolute;
  right:20px;
}

/* LINKS */
.navbar a{
  color:white;
  margin:0 12px;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:0.3s;
}

.navbar a:hover{
  color:#8b0000;
}

/* SCROLL */
.navbar.scrolled{
  background:rgba(10,31,68,0.95);
  backdrop-filter:blur(10px);
  box-shadow:0 5px 20px rgba(0, 0, 0, 0.6);
}

.navbar.scrolled a{
  color:white;
}

/* MENÚ */
.menu a{
  position:relative;
}

.menu a.active{
  color:#8b0000;
  font-weight:700;
}

/* SUBRAYADO ANIMADO */
.menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:3px;
  background:#8b0000;
  transition:0.3s;
}

.menu a:hover::after,
.menu a.active::after{
  width:100%;
}

/* 🔥 FRANJA ROJA SINCRONIZADA (CORRECTA) */
.navbar::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3px;

  background:linear-gradient(
    90deg,
    transparent,
    #8b0000,
    transparent
  );

  animation:redLineMove 2.8s linear infinite;
}