/* --- Navbar --- */
.navbar{
  background: rgba(0,0,0,.7);
  padding:.8rem 1.2rem;
  position:sticky;
  top:0;
  z-index:1000;
}
/* contenedor flexible */
.navbar .container{
  max-width:1100px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{ color:#fff; font-weight:700; text-decoration:none; }

.menu{ list-style:none; margin:0; padding:0; display:flex; gap:1.2rem; }
.menu a{
  color:#fff;
  text-decoration:none;
  position:relative;
  padding:.4rem 0;
}
.menu a.activo::after{
  content:'';
  position:absolute; left:0; bottom:-4px;
  width:100%; height:2px;
  background:#ffda00;
}