.pagination-center .list-dynamic.list-paginate .list-pagination {
margin-top:1%;
}

.image-src-box.presized img {
    image-rendering: auto;
}

/**************** clase para ocultar eventos o noticias cuando no sea necesario visualizar la lista */
.ocultarZona .list-dynamic {
    display: none;
}

.imgZonaEnlaces {
    aspect-ratio: 10/1;
}

/******************************* cuerpo de la pagina ***********************************/
main {
    margin-top: 21px;
}

.seccionUno {
    margin-bottom: -40px;
}

.seccionDos,
seccionTres {
    margin-top: 30px;
    margin-bottom: -56px;
}

.seccionCuatro {
    margin-bottom: 25px;
}

/************************************ slaiders *****************************************/
.slick-dots {
    opacity: 1;
    z-index: 1;
}

.slick-next {
    right: 0px;
}

.slick-prev,
.slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    z-index: 1;
	
}

.slick-prev {
    left: 0px;
}

.slick-arrow::before {
    opacity: 1;
    transition: opacity 0.5s linear;
}

.slick-prev::before, .slick-next::before{
margin: auto;
}
/********************************* botones oferta academica ************************************/
.btnCursos {
    margin: auto;
}

.btnsOferta {
    width: 98%;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 15px;
}

/********************************* botones de notocias y veventos ******************************/
.btnComunicacion .piece-btn {
    width: 30%;
    margin-left: 35%;
    background-color: black;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    padding: 3px;
}

.btnComunicacion .piece-btn:hover {
    background-color: #ffcc29;
    color: #000;
    font-weight: 500;
}

.contNoticias {
    width: 96%;
    margin: auto;
    padding: 15px;
    margin-top: 15px;
    background-color: #f2f2f2;
    border-radius: 15px;
}

.contNoticias .list-content {
    padding: 10px;
}

.conEvent {
    margin-bottom: 25px;
}

.tile-margin-15 .tile-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.pagination .previous,
.pagination li:not(:nth-child(-n+5)) {
    display: none;
}

.type-event .teaser-text {
    display: none;
}


.teaser .intro-headline {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.01;
margin-top: 10px;
}

/******************************** imagenes de los titulos **************************************/
.imgTitDer {
    margin-left: auto;
    margin-right: 0;
}

.conImgTitulo {
    margin: auto;
}

.imgTitulo {
    width: 80%;
    margin: auto;
    margin-top: 14%;
}

/******************************** zona de campus ***********************************************/

.imgCampus {
    display: flex;
    justify-content: center;
    width: 68%;
    margin: auto;
    aspect-ratio: 1 / 0.7;
}

/****************************** seccion contador ********************************/
.conContadorV2 .inf_cifras {
    font-size: 1rem;
}

.conContadorV2 .textoTitulos {
    font-size: 1.3rem;
}

.conContadorV2 .textoContador {
    font-size: 1.5rem;
    text-align: center;
    color: black;
}

.conContadorV2 .imgContador {
    width: 10%;
    height: 10%;
}

.conContadorV2 {
    margin-top: 12%;
    margin-bottom: 10px;
}

.fondoContador {
    background-image: url('https://www.uptc.edu.co/sitio/portal/.content/imagenes/frontal/cifra/cifras.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/******************* zona cifras *********************/
.zonaCifras {
    width: 96.8%;
    aspect-ratio: 16 / 1;
}

@media (min-width: 2000px) {
    .imgTitulo {
        width: 70%;
        margin: auto;
        margin-top: 14%;
    }

    .conContadorV2 .inf_cifras {
        font-size: 1.5rem;

    }

    .conContadorV2 .textoTitulos {
        font-size: 2rem;
    }

    .conContadorV2 .textoContador {
        font-size: 2.3rem;
        text-align: center;
        color: black;
    }

    .conContadorV2 .imgContador {
        width: 7%;
        height: 7%;
    }

    .conContadorV2 {
        margin-top: 10%;
        margin-bottom: 10px;
    }
}

@media (min-width: 1500px) {

.contNoticias .type-dynamic-list .list-dynamic .list-entries .visual{
    width: 70%;
    margin: auto;
transition: width 0.4s ease-in-out;
}
}

/*screen media*/
@media (min-width: 1200px) and (max-width: 1999.98px) {

    /*********************** seccion contador ***************************/
    .conContadorV2 {
        margin-top: 12%;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 1014px) and (max-width: 1199.98px) {}

@media (max-width: 1013.99px) {

    /********************************** serccion oferta académica **************************/
    .imgOfertaAcad {
        margin: auto;
        margin-bottom: 5px;
    }

    /******************************** img titulos *****************************************/
    .imgTitulo {
        width: 75%;
        margin: auto;
    }

    .seccionUno {
        margin-bottom: -25px;
    }

    .seccionDos,
    seccionTres {
        margin-top: 30px;
        margin-bottom: -25px;
    }

    .type-slick-slider.text-below-on-xs .slick-arrow {
        display: none;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1013.99px) {

    /****************************************** cuerpo de la pagina *************************************/
    main {
        margin-top: 72px;
    }

    /******************************* seccion contador ********************************************/
    .conContadorV2 .textoTitulos,
    .conContadorV2 .textoContador,
    .conContadorV2 .inf_cifras {
        font-size: 1rem;
        color: white;
    }

    .conContadorV2 {
        margin-top: 9%;
    }

    .conContadorV2 .imgContador {
        display: none;
    }

    .fondoContador {
        background-image: none;
        background-color: #000;
    }
}

@media (max-width: 767.99px) {
    .piece.p-xs-7>.visual {
        width: calc((100% + 100px)* .583333 - 30px);
        margin: auto;
    }
    .nav-main-items li>a {
        font-size: 1rem;
    }

    /**** cuerpo de la pagina *****/
    .seccionTres {
        margin-top: 40px;
    }

    .btnOferta {
        width: 85%;
        margin: auto;
        margin-bottom: 5px;
    }

    .seccionUno {
        margin-bottom: -20px;
    }

    .seccionDos {
        margin-bottom: -45px;
    }

    /************************* enlaces ******************/

    .imgZonaEnlaces {
        aspect-ratio: 16/3;
    }

    /******************************* zona de campus ******************************************/
    .zonaCifras {
        margin: auto;
        margin-bottom: 36px;
    }

    .imgCampus {
        width: 35%;
        margin: auto;
        margin-bottom: 5px;
    }

    /******************************** seccion contador ************************************/
    .conContadorV2 .textoTitulos,
    .conContadorV2 .textoContador,
    .conContadorV2 .inf_cifras {
        font-size: 1rem;
        color: white;
    }

    .conContadorV2 .imgContador {
        display: none;
    }

    .fondoContador {
        background-image: none;
        background-color: #000;
    }

    .conContadorV2 .inf_cifras {
        font-size: 0.8rem;
    }

    /************* titulos de secciones ******/
    .conImgTitulo {
        margin: auto;
    }

    .type-slick-slider.text-below-on-xs .slick-dots {
        bottom: initial;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.99px) {

    /**************************************** cuerpo de la pagina ***************************************/
    main {
        margin-top: 55px;
    }

    /******************************** seccion contador ************************************/
    .conContadorV2 .textoTitulos,
    .conContadorV2 .textoContador,
    .conContadorV2 .inf_cifras {
        font-size: 1rem;
        color: white;
    }

    .conContadorV2 {
        margin-top: 12%;
        margin-bottom: 10px;
    }

    .conContadorV2 .imgContador {
        display: none;
    }

    .fondoContador {
        background-image: none;
        background-color: #000;
    }

    .conContadorV2 .inf_cifras {
        font-size: 0.8rem;
    }

    /**************************** seccion campus **********************************************/
    .imgCampus {
        width: 47%;
        margin-bottom: 5px;
    }

    /************************************** botones de noticias y eventos *******************************/
    .btnComunicacion .piece-btn {
        width: 54%;
        margin-left: 23%;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.99px) {

    /********************************* cuerpo de la pagina **********************************************/
    main {
        margin-top: 45px;
    }

    /******************************** seccion contador ************************************/
    .conContadorV2 .textoTitulos,
    .conContadorV2 .textoContador,
    .conContadorV2 .inf_cifras {
        font-size: 1rem;
        color: white;
    }

    .conContadorV2 {
        margin-top: 20%;
        margin-bottom: 10px;
    }

    .conContadorV2 .imgContador {
        display: none;
    }

    .fondoContador {
        background-image: none;
        background-color: #000;
    }

    .conContadorV2 .inf_cifras {
        font-size: 0.8rem;
    }

    /**************************** seccion campus **********************************************/
    .imgCampus {
        width: 47%;
        margin-bottom: 5px;
    }

    /************************************** botones de noticias y eventos *******************************/
    .btnComunicacion .piece-btn {
        width: 54%;
        margin-left: 23%;
    }

    /************* titulos de secciones ******/
    .conImgTitulo {
        margin: auto;
    }
}