@import url("https://fonts.cdnfonts.com/css/pt-sans-pro");
html {
    scroll-padding-top: 157px;
    scroll-behavior: smooth;
}
:root {
    --gris: #4f5759;
    --verdeclaro: #00dbeb;
    --negro: #202020;
    --colorTextos: #4f5759;
    --azuloscuro: #170552;
	  --main-page-color-humanas:#662483;
}
/*Anclas*/
#descripcion-programa, #por-que-estudiar-v, #plan-estudios-v, #profesores-v, #perfilIngreso-v, #footerVirtual-v  {
    position: absolute;
    margin-top: -110px;
    z-index: -1;
}
/*Anclas*/
h1,
h2,
h3,
h4,
p,
h3.h3 {
    font-family: "PT Sans Pro", sans-serif;
    color: var(--colorTextos);
}
h3.h3 {
	color: #202020;
}
.paragraph, .datos  {
    font-family: 'Arial', sans-serif !important;
    color: var(--c-text);
}
.text-long ol li::marker {
    color: #ff233d !important;
}
.modal {
    --bs-modal-margin: 1.75rem;
}
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.h3 {
    font-weight: 300;
}
.card-conferencistas-ur__content__modal-button button {
    background-color: var(--bs-white);
    border: 1px solid #da0921;
}
#Menu {
    box-shadow: -1px 3px 9px #d1d1d14f;
    position: sticky;
    z-index: 3;
    top: 118px;
}
#Menu a.navbar-brand {
    color: var(--c-administracion-500);
}
#Menu .navbar {
    padding: 0;
}
#Menu li {
    cursor: pointer;
    border-left: solid 2px #f3f3f3;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#Menu li a i {
    color: var(--main-page-color);
    font-size: 12px;
    margin-right: 3px;
    margin-top: 3px;
}
#Banner-programa-virtual .hero-image__body {
    max-width:57%;
}
#Banner-programa-virtual h1 {
    font-size: 2.5em !important;
    color: var(--negro);
}
#Banner-programa-virtual h2 {
    color: var(--c-administracion-500);
    font-size: 1.3rem !important;
    font-weight: bold;
}
#Banner-programa-virtual h3 {
    background-color: var(--verdeclaro);
    padding: 6px 11px;
    font-size: 1.2rem;
    display: table;
}
#Banner-programa-virtual strong {
    color: var(--gris);
    display: block;
    font-size: 1.2rem;
}
#Banner-programa-virtual .btn-virtual a,
.btn-virtual a {
    /*background-color: var(--c-administracion-500);*/
    background-color: #FF233D;
    padding: 9px 24px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
    font-weight: 600;
}
#Banner-programa-virtual .btn-virtual a img,
#Descripcion-programa .btn-virtual a img,
.btn-virtual a img {
    margin: 0 8px;
    height: 26px;
    width: 26px;
}
#Banner-programa-virtual p.Fecha {
    font-size: 1.5rem;
    margin: 0;
}
#Banner-programa-virtual .btn-virtual a:hover,
.btn-virtual a:hover {
    background-color: #1c142d;
}
#Descripcion-programa .Contenedor {
    background-color: #ffffff;
    display: flex;
    padding: 26px;
    justify-content: space-evenly;
}
#Descripcion-programa ul {
    --icon-space: 16px;
    list-style: none;
    padding: 0;
}
#Descripcion-programa li {
    padding-left: var(--icon-space);
}
#Descripcion-programa li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 0.5rem;
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space);
    color: var(--c-administracion-500);
}
#Descripcion-programa svg {
    /*fill: var(--c-administracion-500);*/
    fill: #3CE0F7;
    transform: scale(1.6);
}
#por-que-estudiar .card-modal-program__content-body {
    height: 37px;
}

#por-que-estudiar .card-modal-program__content {
    margin-bottom: 20px;
    height: 200px;
}

#por-que-estudiar h3.h3 strong {
    font-weight: 700;
}
#por-que-estudiar {
    background-color: var(--gris);
}
#por-que-estudiar h3.h3 {
    width: 57%;
}
#por-que-estudiar img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: top;
}
/*#por-que-estudiar  button {
    display: none;
}*/
#por-que-estudiar .card-modal-program {
    background-color: var(--gris);
    color: var(--bs-white);
}
#por-que-estudiar h5.card-modal-program__heading {
    color: var(--bs-white);
    font-size: 1.2rem;
    font-family: PT sans;
    font-weight: 600;
    margin: 21px 0;
    padding: 0;
}
#por-que-estudiar .card-modal-program__media {
    width: 100%;
    border-bottom: 3px solid var(--gris);
}
#por-que-estudiar .card-modal-program button {
    /*background-color: var(--gris);
    border-bottom: 1px solid #2f3637;*/
    background-color: transparent;
    color: transparent;
    border-bottom: 0px solid #2f3637;
    margin: auto;
    width: 100%;
    padding: 15px 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 4;
}
#por-que-estudiar .card-modal-program button:hover {
    /*background-color: #434a4c;*/
    background-color: transparent;
    color: transparent !important;
}
#por-que-estudiar .card-modal-program__content-body {
    display: block;
}
#por-que-estudiar h4 {
    color: var(--bs-white);
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0 9px;
}
#por-que-estudiar p {
    display: none;
}
#por-que-estudiar h5 {
    font-weight: 300;
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#por-que-estudiar #cardModalBody h5 {
		font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
#por-que-estudiar .card-carousel .splide__arrow.splide__arrow--next::before {
    color: #fff;
    font-size: 2rem;
    visibility: visible;
    text-shadow: 2px 2px 2px #4f5759;
    transition: all 0.4s;
}
#espacios-apredizaje {
    background-color: var(--azuloscuro);
}
#PerfilEgreso {
    background-color: var(--gris);
}
#perfilIngreso .PerfilSeccionuno,
#PerfilEgreso .PerfilSecciondos {
    padding: 0 8%;
}

#perfilIngreso .PerfilSeccionuno {
    padding: 0 6% 0 30%;
}
#PerfilEgreso .PerfilSecciondos {
	padding: 0 30% 0 8%;
}

#perfilIngreso .PerfilSecciondos img,
#PerfilEgreso .PerfilSeccionuno img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top;
}
#footerVirtual {
    background-image: url(/sites/default/files/2024-04/rosario-base-red.svg);
    background-repeat: no-repeat;
    background-position-x: 23px;
    background-position-y: 149px;
}
#footerVirtual ul li {
    list-style: none;
}
#footerVirtual ul.uk-list {
    margin: 0;
}
#por-que-estudiar,
.display-none-inmobile {
    display: block;
}
@media (min-width: 1200px) {
    h3.h3 {
        font-size: 2.3rem;
    }
    #por-que-estudiar h3.h3 {
        width: 70%;
    }
}
@media (min-width: 576px) and (max-width: 1800px) {
    #Menu {
        top: 76px;
    }
}
@media (min-width: 768px) and (max-width: 1316px) {
    #perfilIngreso .PerfilSecciondos img,
    #PerfilEgreso .PerfilSeccionuno img {
        height: 500px;
    }
}
@media (min-width: 768px) and (max-width: 1300px) {
    .mb-2 {
        margin-bottom: 12px;
    }
    #Banner-programa-virtual h1 {
        font-size: 1.4em !important;
    }
    #Banner-programa-virtual p.Fecha {
        font-size: 1.1rem;
    }
    #Banner-programa-virtual strong {
        font-size: 1rem;
    }
    #Menu li {
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
	.hero-image__content-wrapper {
    max-width: 700px;
    width: 100%;
    justify-content: flex-start;
    height: 35%;
	}
	#Banner-programa-virtual .hero-image__body {
	    max-width: 100%;
	}
}

@media (max-width: 600px) {
    .section-title {
        margin-left: 0rem;
    }
    #Menu button.navbar-toggler {
        margin-bottom: 11px;
    }
    #Menu {
        top: 76px;
    }
    #Menu li {
        justify-content: flex-start;
    }
    #Banner-programa-virtual {
        position: relative;
    }

    #Banner-programa-virtual .btn-virtual a {
        /*position: absolute;
        bottom: 0;*/
        position: relative;
    }
    #Banner-programa-virtual .hero-image__content-wrapper {
			align-items: flex-start;
			justify-content: space-between;
			padding: 0;
    }
    #Banner-programa-virtual .hero-image__body {
        max-width: 100%;
    }
    #Banner-programa-virtual h1 {
        font-size: 1.7em !important;
        margin-top: 47px;
    }
    #Banner-programa-virtual .btn-virtual a {
			display: -webkit-inline-box;
			margin-bottom: 0px;
			position: absolute;
			bottom: 0;
    }
    #Descripcion-programa .Contenedor > div {
        width: auto;
    }
    #por-que-estudiar h3.h3 {
        width: 100%;
    }
    #Descripcion-programa .Contenedor {
        flex-wrap: wrap;
    }
    #Descripcion-programa .Contenedor .datos {
        width: 91%;
        padding-left: 18px;
    }
    #perfilIngreso .PerfilSeccionuno,
    #PerfilEgreso .PerfilSecciondos {
        padding: 13% 8%;
    }
    #perfilIngreso.layout-twocol .layout-content {
        display: inline-flex;
        flex-direction: column-reverse;
    }
    #footerVirtual {
        background-position-y: 366px;
        background-size: 32%;
    }
    .btn-virtual a {
        margin-bottom: 42px;
    }
    .splide__arrow--prev {
        left: -1.2rem;
    }
    .splide__arrow--next {
        right: -1.2rem;
    }
}