#curso, #proyecto{
    font-size: 16px;
    & p{
        text-align: justify;
    }

    & li{
        list-style: none;
    }

    & ul{
        padding-left: 0;
    }

    & .field {
        color: var(--color-text);
        text-align: justify;
        margin-bottom: 20px;
        & .field__label{
            margin-right: 5px;
            font-weight: bold;
        }

        & ul{
            padding-left: revert;
        }

        & li {
            list-style: revert;
        }
    }
}

#curso #curso-tabla-contenido, #proyecto #proyecto-tabla-contenido {
    -webkit-column-count: 3;

    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 20px 0 0;
}

#curso #curso-titulo, #curso #curso-imagen, #curso #curso-tabla-contenido, #curso .curso-item, #proyecto #proyecto-titulo, #proyecto #proyecto-imagen, #proyecto #proyecto-tabla-contenido, #proyecto .proyecto-item {
    width: 100%;
}

#curso #curso-tabla-contenido li, #proyecto #proyecto-tabla-contenido li {
    background-image: url(../images/bg-curso-li.jpg);
    background-position: left 10px;
    background-repeat: no-repeat;
    padding: 5px 0 6px 12px;
}

#curso .curso-item, #proyecto .proyecto-item {
    border-top: 2px solid #BCBEC0;
    margin-top: 20px;
}

#curso .curso-item h3, #proyecto .proyecto-item h3 {
    background-image: url(../images/bg-curso-h.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 12px;
    font-size: 20px;
    margin-block: 24px;
}

#curso .curso-nav ul, #proyecto .proyecto-nav ul {
    background-color: #F1F2F2;
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
    display: flex;
    margin-left: auto;
}

#curso .curso-nav li, #proyecto .proyecto-nav li {
    margin: 0 10px !important;
}


#curso .curso-nav li a, #proyecto .proyecto-nav li a {
    font-size: 14px;
}

#proyecto #proyecto-responsable .field--name-field-nombre, 
#proyecto #proyecto-investigador .field__item, 
#proyecto #proyecto-coinvestigadores .field__item {
    font-size: 24px;
    color: var(--color-text);
}

#proyecto #proyecto-responsable .field--name-field-cargo, 
#proyecto #proyecto-investigador span#proyecto-investigador-cargo {
    font-size: 14px;
    color: var(--color-text);
}

#curso .curso-logos, #proyecto .proyecto-logos {
    margin-bottom: 20px;
    width: 100%;
}

#curso #curso-patrocinadores .field__item, 
#curso #curso-aliados .field__item, 
#proyecto #proyecto-patrocinadores .field__item, 
#proyecto #proyecto-aliados .field__item
 {
    border: 1px solid #E6E7E8;
    border-radius: 5px;
    padding: 0.25%;
    margin: 0.5%;
    width: 18%;
    max-width: 132px;
}

#curso img, 
#proyecto img {
    margin: 0 auto;
    display: block;
}

.field--name-field-ubicacion .paragraph {
    display: flex;
    flex-wrap: wrap;
    gap: 0 6px;
    color: var(--color-text);
}

.field--name-field-ubicacion .field {
    flex: 1;
    display: contents;

    & .field__label{
        font-weight: bold;
        &::before{
            content: " - ";
        }

        &::after{
            content: ":";
        }
    }
}

.field--name-field-duracion time{
    &:first-child::before{
        content: "Fecha de inicio: ";
        font-weight: bold;
    }
    &:last-child::before{
        content: "Fecha de finalización: ";
        font-weight: bold;
    }
}


.field--name-field-patrocinadores, .field--name-field-aliados {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}


.proyecto-nav {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    #curso #curso-tabla-contenido, #proyecto #proyecto-tabla-contenido {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}