:root {
    --uni-color-primary: #754494;
    --uni-color-secundary: #595959;
    --uni-color-therd: #a94694;
}

/*---generales----*/

div.spacer-up{
    height: 25px;
}

.subtitle-curso{
    font-family: "Bebas Neue";
    background-color: var(--uni-color-secundary);
    width: min(576px, 100vw);

}

.uni-bg-prim{
    background-color: var(--uni-color-primary);
}

.uni-bg-sec{
    background-color: var(--uni-color-secundary);
}

.uni-bg-ter{
    background-color: var(--uni-color-therd);
}

.text-uni-pri{
    color: var(--uni-color-primary);
}

.text-uni-sec{
    color: var(--uni-color-secundary);
    font-weight: bold;
    font-size: 19px;
}

.text-uni-ter{
    color: var(--uni-color-therd);
}

.deco-rounded-title{
    border-radius: 0 15px;
    box-shadow: 0px 2px 2px gray;
}

p{
    font-size: 1.2rem;
}

@media (min-width:576px) {
    .text-uni-sec{
        font-size: 22px;
    }
}

.ico-contact{
    width: 25px;
}
/*-----------*/

/*--------tarjetas cursos------------*/
section#content-cursos{
    min-height: 30vh;

    & div.card{
        border-width: 0;
        border-left: 10px solid var(--uni-color-primary);
        min-height: 160px;

        & p.short-description{
            font-size: 13px;
        }
        & h3{
            letter-spacing: 1px;
            color: var(--uni-color-secundary);
        }
    }
}

/*--------styles single-curso------------*/


article.type-curso{
    min-height: calc(100vh - 405px);
}

.item-curso:is(.info-gral){
    & h2{
        font-family: "Bebas Neue";
        background-color: var(--uni-color-secundary);
        width: min(576px, 100vw);
        color: white;
        padding: .25rem 1rem 0 1rem;
    }

    & p{
        padding-left: 1.5rem;
    }


}