.imgtemas{
    text-align: center;
    font-family: 'Confortaa';
    font-size: 2em;
    width: 102%;
    margin-left: -1%;
    height: 2em;
    color: rgb(255, 255, 255);
    padding-top: 30%;
    background-image: url("../img/Aerea_TEC.jpeg");
    background-size:cover;
    background-attachment: fixed;
}
.imgtemas h1{
    margin-top: -2%;
    margin-left: -25%;
    letter-spacing: 6px;
}
h1{
    font-family: 'Confortaa't !important;
    text-align: center;
}

.infociudades {
    margin-top: -3%;
    padding: 10%;
    text-align: justify;
    font-family: 'FiraSansCondensed',sans-serif;
    font-size: 2.5vh;
    color: rgba(0, 0, 0, 0.881);
    line-height: 31px;
}

.inforeg {
    text-align: center;
    padding: 3px;
    font-family: 'CantoraOne';
    background-image: url("../img/tec-campus.jpg");
    background-size: cover;
    background-attachment: fixed;
    color: white;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 0 0 70% 70% / 3%;
}

.infogrid {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  
    background-color: rgba(236, 227, 227, 0.151);
    margin-top: 70px;
    padding-left: 1%;
    margin-left: -1%;
    color: rgb(0, 0, 0);
   font-family: 'FiraSansCondensed',sans-serif;
    text-align: left;
}

.slider-framesTEC{
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}
.slider-framesTEC ul {
    display: flex;
    padding: 0;
    width: 500%;
    animation: slide 25s infinite alternate ease-in-out;
   
}

.slider-framesTEC li {
    list-style: none;
    width: 100%;
}

.slider-framesTEC img {
    width: 70%;
}

@keyframes slide {
    0% {
        margin-left: 0%
    }

    20% {
        margin-left: 0%
    }

    25% {
        margin-left: -100%
    }

    45% {
        margin-left: -100%
    }

    50% {
        margin-left: -200%
    }

    70% {
        margin-left: -200%
    }

    75% {
        margin-left: -300%
    }

    95% {
        margin-left: -300%
    }
}

/* Media query para dispositivos móviles */

@media screen and (max-width: 1234px) {
    .principal {
        margin-top: 10%;
        grid-template-columns: 1fr;
        grid-template-rows: 1.5fr;
    }
    .infogrid{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .infociudades{
        margin-top: -10%;
    }
    .fachada {
        width: 90%;
        height: 95%;
        
    }
    .inforeg{
        width:300;
        height: 200;
    }
    
}