.tl-single{
    padding: 24px 0px;
}

.tl-single ul {
    padding: 0px !important;
}

.tl-single-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.back.back--black {
    color: var(--color-black-02);
    text-decoration: none;
    font-size: 20px;
}

.back.back--black {
    filter: grayscale(0);
}

.back--black .back__text {
    border-bottom: solid 1px  var(--color-black-02);
}

.back .icon{
   transform: translate(0px, 0px);
   transition: all 0.3s ease-out; 
}

.back.back--black:hover .icon{
    transform: translate(-5px, 0px);
    transition: all 0.3s ease-out; 
}

.tl-single__element {
    margin: 5px 0px;
    color: var(--color-black-01);
}

.tl-single--bold {
    font-weight: bold;
}

.tl-single__list-countries {
    display: flex;
    gap: 16px;
    margin: 0;
}

.tl-country {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tl-country__text {
    color: var(--color-primary);
    font-size: var(--font-size-regular);
}

.tl-country__text--bold {
    font-weight: bold;
}

.tl-country__icon--planet{
    width: auto;
} 

.tl-country__icon svg{
    width: 24px;
    height: 16px;

}

.tl-single-paises {
    display: inline-block;
    background: var(--observatorio-highlight-light);
    padding: 8px;
    border-radius: 8px;
    border: solid 2px var(--color-white-01);
    margin-bottom: 32px;
}

.tl-single-title__main {
    margin-bottom: 24px;
}

.tl-single-title__main {
    margin-bottom: 24px;
    font-size: var(--font-size-h4) !important;
    color: var(--color-black-02);
    font-weight: 700;
}

.tl-single-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tl-single-info__element {
    background: var(--observatorio-highlight-light);
    padding: 8px;
    border-radius: 8px;
    border: solid 2px var(--color-white-01);
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.derogado-item{
    background-color: #ffefef !important;
}

.derogadoText{
    color: #FF6366 !important;
}

.tl-single-info__text {
    font-size: var(--font-size-regular) !important;
    color: var(--color-primary);
    font-weight: bold;
    margin: 0;
}

.tl-single-card__info-title{
    font-size: var(--font-size-regular) !important;
    color: var(--color-black-01);
    font-weight: bold;
    margin: 0;
}

.tl-single-info__text-desc {
    margin: 0;
}

.tl-single-info__text-desc {
    margin: 0;
    color: var(--color-primary);
}

.tl-single-card__content {
    background: var(--color-white-01);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 16px;
}


.tl-single-card__summary{
    color: var(--color-black-02); 
}

.tl-single__related-title {
    margin-top: 32px;
    margin-bottom: 16px;
}

.tl-single__related-title {
    color: var(--color-black-02);
    font-weight: bold;
}

.card__year {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media(max-width:780px){
    .back.back--black{
        font-size: 14px;
    }

    .tl-single-top{
        flex-wrap: wrap;
        gap: 18px;
    }

    .tl-single-paises{
        margin-bottom: 8px;
    }
    
    .tl-single-info {
        gap: 8px;
        margin-bottom: 10px;
    }

    .tl-single-info__element{
        margin-bottom: 0px;
    }

    .tl-single-title__main{
        font-size: var(--font-size-h5) !important;
    }

    .item-relations .card__entidad{
        font-size: 12px;
        display: inline-block;
    }
}