/* LINKS con flecha*/
.link_flecha {

}


.link_flecha:hover::after {}

.link_flecha::after {
  display: inline-block;
  background-image: url(../images/flecha_negra.svg);
  margin-top: 0px;
  width: 1.6vw;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  background-position: center center;
  transition: 0.1s ease-in;
  opacity: 0;
  vertical-align: middle;
}

#blog_item .link_flecha {
    display: -webkit-box;
}

#blog_item .link_flecha::after {
/*
  background-image: url(../images/flecha.svg);
  background-size: 10px 20px;
  display: inline-block;
  margin: 0px;
  width: 3.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  background-position: center;
  transition: 0.3s ease-in;
  opacity: 0;
  */

  background-image: url(../images/flecha.svg);
    display: inline-block;
    margin: 0px;
    width: 1.3em;
    height: 1.6em;
    background-repeat: no-repeat;
    background-size: 90%;
    content: "";
    background-position: bottom;
    transition: 0.3s ease-in;
    opacity: 0;

}

.link_flecha_visible::after{
    opacity: 1 !important;
    margin-left: .3rem;

    padding-top: 3px;
}

.link_externo::after{

    transform: rotate(-45deg);

}

/*flecha hacia abajo*/
.link_flecha_down::after {
  transform: rotate(180deg);
}

.link_flecha_down:hover::after {
  opacity: 1;
  transform: rotate(90deg) translateY(30%) translateX(10%);
  transition: 2s ease-in;
}

/*flecha hacia arriba*/
.link_flecha_up::after {
  transform: rotate(0deg) translateY(60%);
}

.link_flecha_up:hover::after {
  opacity: 1;
  transform: rotate(0deg) translateY(30%);
  transition: 12s ease-in;
}

/*flecha hacia izquierda*/
.link_flecha_left::after {
  transform: rotate(-90deg) translateY(60%);
}

.link_flecha_left:hover::after {
  opacity: 1;
  transform: rotate(-90deg) translateY(30%);
  transition: .2s ease-in;
}

/*flecha hacia derecha*/
.link_flecha_right::after {

}

.link_flecha_right:hover::after {
  opacity: 1;
  transform:  translateX(30%);
  transition: .3s ease-in;
}