/* nota */
.card-borde{
    height: .8rem;
    width: 1%;
    top: 0rem;
    position: fixed;
    background-color: #00c2cb;
    left: 0;
    z-index: 2;
}
.altura-card-borde{
    top: 11%;

}
@media (max-width: 320px){
    .card-borde{
        height: .5rem;
    }
}
@media (max-width: 768px){
    .altura-card-borde{
        top: 15%;
    }
}
.card-nota-individual h2{
    font-size: 1.2rem;
}
.card-nota-individual p{
    margin-bottom: .75rem;
}
.card-nota-individual_boxTexto{
    margin-top: 1rem;
}
.card-nota-individual ul{
    list-style: disc;
}
.card-nota-individual img{
    width: 100%;
}
/* perfil */
.box-perfil{
    display: flex;
    align-items: center;
}
.box-perfil img{
    border-radius: 50%;
}
.box-perfil_texto{
    padding-left: 1rem;
}
.link, .link:hover{
    color: #000;
    text-decoration: underline!important;
}
@media(max-width:768px){
    .box-perfil{
        flex-direction: column;
        margin-top: 1.5rem;
    }
    .box-perfil_texto{
        margin-top: 1rem;
    }
}

/* footer nota */
.contenedor-footer-nota{
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #5B455B;
    border-bottom: 1px solid #5B455B;
    color: #5B455B;
}
@media(min-width:768px){
    .contenedor-footer-nota img{
        width: 225px;
    }

}
.contenedor-footer-nota_redes{
    border-bottom: 1px solid #5B455B;
    justify-content: space-between;
    padding-bottom: .85rem;
    align-items: center;
}
.contenedor-footer-nota_proximoArticulos{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* .contenedor-footer-nota_proximoArticulos a{
    cursor: p
} 
.contenedor-footer-nota_proximoArticulos a:hover{
    opacity: 1;
} */
.contenedor-nota-borde{
  width: 66.6%;
}
.nota-borde_1, .nota-borde_2{
    width: 50%;
}
.nota-borde_1{
    border-right: 1px solid #5B455B;
}

.nota-borde_2 p{
    font-size: .85rem;
}
.nota-borde_2 h2{
    font-weight: 700;
}
.nota-borde_2 a{
    color: #5B455B;
}
@media(max-width:768px){
    .nota-borde_1, .contenedor-footer-nota_proximoArticulos p {
        font-size: .80rem;
    }
    .nota-borde_1{
        width: 100%;
        font-size: .75rem!important;
        padding-right: .5rem;
    }
    .contenedor-footer-nota_proximoArticulos a:hover{
        color: #5B455B;
        opacity: .8;
    }
    .contenedor-footer-nota_proximoArticulos h2{
        font-size: .9rem;
    }

}
/* redes */
.contenedor_redes-col{
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 19%;
    height: 100vh;
}
.contenedor-fix{
    position: fixed!important;
    transition: all 1s ease;

}
.redes-col_borde{
    padding: 1.2rem 1rem;
    border-right: 1px solid #5B455B;
}
.contenedor_redes-col p{
    padding-top: .85rem;
}

a:hover{
    opacity: .8;
}
.fa-twitter, .fa-facebook, .fa-linkedin-in, .fa-whatsapp{
    color: #5B455B;
    background-color: #fff;
    font-size: 2.3rem;
}
@media(max-width:768px){
    .fa-twitter, .fa-facebook, .fa-linkedin-in, .fa-whatsapp{
        font-size: 1.9rem;
    }
}

/* Contenido relacionado */
.contenedor_contenidoRelacionado{
    margin-top: .5rem;
    color: #5B455B;
}

.contenedor_contenidoRelacionado h2{
    font-weight: 700;
    font-size: 1.2rem;
    
}

.contenidoRelacionado-link:hover .contenidoRelacionado-item{
    transform: scale(1.05)!important;
    color: #5B455B;
    opacity: .8;
}
.contenidoRelacionado-item{
    border: 8px ;
    box-shadow: 0px 4px 5px rgb(121 119 119 / 47%);
    border-radius: 8px;
    margin-top: 2rem;
}
.contenidoRelacionado-item img{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    width: 100%;
    height: 148px;
    
}
@media(max-width: 768px){
    .contenidoRelacionado-item img{
        object-fit: cover;
        height: 192px;
    }
    .contenidoRelacionado-item  .img-mkt-permiso{
        object-fit: initial;
    }
}
.contenidoRelacionado-item p{
    line-height: 19px;
    font-size: 15px;
}
/* material complementario mobile */
.material-complementario-mb{
    margin-bottom: 5rem;
}

.footer-ul li i{
    font-size: 1rem;
}
.link{
    font-style: italic;
    text-decoration: underline;
}

/* Pop up articulo */
.contenedor_pop_up_articulo{
    background-color: #F5F6F8;
    display: none;
    width: initial;
    position: fixed;
    bottom: 0;
    max-width: 41%;
    padding: 1rem;
    z-index: 100;
    color: #5B455B;
    box-shadow: 0px 1px 9px rgb(121 119 119 / 87%);
}

.contenedor_pop_up_articulo .box_img img{
    width: 100%;
    border-radius: none!important;
}
.box_img{
    width: 50%;
    margin-right: 1rem;
}
.box-texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}
.box-texto i{
    top: -1.2rem;
    right: .5rem;
    font-size: 1.5rem;
    cursor: pointer;
}
.box-texto i:hover{
    opacity: .8;
}
.box-texto  h2{
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 1rem;
}
.box-texto .link_popup{
    text-decoration: underline!important;
    font-weight: bold;
    font-size: 1.2rem;
}
.box-texto a:hover{
    color: #5B455B;
}
@media(min-width: 1000px) and (max-width:1545px){
    .contenedor_pop_up_articulo{
        max-width: 60%;
    }

    .box-texto i{
        top: -1rem;
    }
}
@media(max-width:999px){
    .contenedor_pop_up_articulo{
        max-width: 100%;
        left: 0;
    }
    .box-texto {
        width: 60%;
    }
    .box-texto i{
        top: -.5rem;
        font-size: 1.2rem;
    }
    .box-texto  h2{
        font-size: .9rem;
        margin-top: .8rem;
    }
    .box-texto p{
        font-size: .8rem;
    }
    .box-texto .link_popup{
        font-size: .85rem;
    }
    .contenedor-btn-close-mobile{
        width: 3rem;
        height: 2.5rem;
        background-color: #F5F6F8;
        position: absolute;
        top: -2.4rem;
        right: 0;
        cursor: pointer;
        box-shadow: 2px -3px 3px rgb(121 119 119 / 17%);
    }
    .contenedor-btn-close-mobile i{
        width: 100%;
        margin: auto;
        position: absolute;
        left: 36%;
        top: 33%;
    }
    .flecha_desktop{
        display: none!important;
    }

}

@media(min-width:1000px){
    .flecha_desktop{
        display: block!important;
        position: absolute;
        color: #5B455B;
    }
}
@media(min-width: 1500px){
    .box-texto i {
        top: -1.5rem;
    }
}