@import url(header.css);
.barra-redes {
  position: fixed;
  right: 0px;
  top: 50%;
  text-align: center;
  z-index: 9;
  overflow: hidden;
}
.barra-redes div a {
  font-size: var(--parrafo);
  color: var(--color-primario);
  transition: 0.5s ease all;
}
.barra-redes > div {
  padding: 10px 10px;
}

.barra-redes > div:nth-child(1) {
  background: #3b5998;
  border-top-left-radius: 10px;
  transition: 0.5s ease all;
}
.barra-redes > div:nth-child(2) {
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
.barra-redes > div:nth-child(3) {
  background: #c4302b;
  transition: 0.5s ease all;
}
.barra-redes > div:nth-child(4) {
  background: #367cb6;
  transition: 0.5s ease all;
}
.barra-redes > div:nth-child(5) {
  background: #69C9D0;
  border-bottom-left-radius: 10px;
  transition: 0.5s ease all;
}
.barra-redes div a:hover {
  color: #949494;
}
@media (min-width: 850px) {
  .barra-redes a {
    font-size: 18px;
  }
  .barra-redes > div {
    padding: 15px 15px;
  }
}