.header-top{
  background:#ffffff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 50px;

  border-bottom:3px solid #8b0000;

  box-shadow:0 4px 15px rgba(0,0,0,0.06);

  font-size:14px;
  font-weight:600;

  position:relative;
  overflow:hidden;
}

.header-top{
  background:#ffffff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 50px;

  border-bottom:3px solid #8b0000;
  box-shadow:0 4px 15px rgba(0,0,0,0.06);

  font-size:14px;
  font-weight:600;

  position:relative;
  overflow:hidden;
}

/* 🔥 FRANJA ROJA */
.header-top::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;
}

/* CONTACTO */
.contacto{
  display:flex;
  align-items:center;
  gap:15px;
}

.contacto a{
  color:#0a1f44;
  text-decoration:none;
  transition:0.3s;
  font-weight:600;
}

/* hover contacto */
.contacto a:hover{
  color:#8b0000;
  transform:translateY(-2px);
}

.contacto span{
  color:#aaa;
}

/* REDES */
.redes{
  display:flex;
  align-items:center;
  gap:12px;
}

/* ICONOS AZULES */
.redes img{
  width:22px;
  height:22px;

  filter: brightness(0) saturate(100%) invert(12%) sepia(18%) saturate(2000%) hue-rotate(180deg);

  transition:0.3s;
  cursor:pointer;
}

/* hover redes */
.redes img:hover{
  filter: brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(4000%) hue-rotate(200deg);
  transform:scale(1.2) rotate(5deg);
}