.contenedor-interlinking {
  width: 100%;
    margin: auto; 
    display: flex;
    border-bottom: 1px solid #e8eaed;
    padding-bottom: 5px;
}

.contenedor-interlinking-BB {
	width: 30%;
    margin: auto;
	/* height: 100vh; */
	display: flex;
	justify-content: center;
	align-items: center;
/*	flex-wrap: wrap;*/
  
}

a,
a:hover,
a:active,
a:visited {
	color: unset;
	text-decoration: none;
	cursor: pointer;
}

/* Valores reemplazados */
.link {
	display: block;
	position: relative;
	margin-inline: 20px;
	font-size: 16px;
	color: hsl(0, 0%, 10%);
}

/* link__0 */
.link__0:before {
	content: "";
	width: 0;
	height: 2px;
	background-color: #eb0028;
	position: absolute;
	top: 100%;
	left: 0;
	transition: width 0.3s ease-in-out;
}

.link__0:hover:before {
	width: 100%;
	z-index: -1;
}

/* link__1 */
/* Nota: transparentize($secondary, 0.3) ≈ rgba equivalente */
.link__1:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(235, 0, 40, 0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: height 0.3s ease-in-out;
}

.link__1:hover:before {
	height: 10px;
}

/* link__2 */
.link__2:before,
.link__2:after {
	content: "";
	height: 1px;
	background-color: hsl(0, 0%, 10%);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	opacity: 0;
}

.link__2:before {
	width: 90%;
	bottom: -50%;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.link__2:after {
	width: 70%;
	bottom: -80%;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.link__2:hover:before {
	opacity: 1;
	bottom: 0;
}

.link__2:hover:after {
	opacity: 1;
	bottom: -10%;
}

/* link__3 */
.link__3:before {
	content: "";
	width: 0;
	height: 2px;
	background-color: hsl(14, 100%, 53%);
	position: absolute;
	top: 100%;
	left: 0;
	transition: width 0.3s ease-in-out;
}

.link__3:after {
	content: "\2192";
	position: relative;
	display: inline-block;
	margin-left: 5px;
	transform: rotate(-45deg);
	transition: margin 0.3s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.link__3:hover:before {
	width: 100%;
	z-index: -1;
}

.link__3:hover:after {
	color: hsl(14, 100%, 53%);
	margin-left: 15px;
	transform: rotate(0deg);
}

@media (max-width: 1600px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 14px;
    color: hsl(0, 0%, 10%);}   
    
}

@media (max-width: 1140px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 13px;
    color: hsl(0, 0%, 10%);}   
    
}    
    
 @media (max-width: 920px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 13px;
    color: hsl(0, 0%, 10%);}  
     
.contenedor-interlinking-BB {
    width: 50%;
    margin: auto;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
}     
    
}    

@media (max-width: 600px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 12px;
    color: hsl(0, 0%, 10%);}  
     
.contenedor-interlinking-BB {
    width: 60%;
    margin: auto;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
}     
    
}    


@media (max-width: 430px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 12px;
     font-weight: 700;
    color: hsl(0, 0%, 10%);}  
     
.contenedor-interlinking-BB {
    width: 80%;
    margin: auto;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
}     
    
}  



@media (max-width: 340px){
 .link {
    display: block;
    position: relative;
    margin-inline: 20px;
    font-size: 11px;
     font-weight: 700;
    color: hsl(0, 0%, 10%);}  
     
.contenedor-interlinking-BB {
    width: 92%;
    margin: auto;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */}     
    
}