.proyecto{

    text-align: center;

    padding-top: 20px;

    margin-bottom: 20px;    

}



#swiffy-animation{

    align-items: center;

    margin: 0 auto;

}







.proyecto-info{

    text-align: center;

    margin-bottom: 20;

    max-width: 100%;

    margin: 0 auto;

}



.proyecto-titulo{

    font-size: 28px;

    font-weight: bold;

    margin: 0;    

    color: var(--primary-color);

    font-family: 'Trebuchet MS', sans-serif;

}



.proyecto-subtitulo{

    font-size: 16px;

    font-weight: 600;

    color: var(--primary-color-2);

    

}



.proyecto-details{

    font-size: 14px;

    font-weight: 500;

    text-align: justify;

    line-height: 1.3;

    padding: 0.2em 1em;

    

}



.resumen{

    text-align: center;

    padding-top: 10px;

    margin-bottom: 20px;    

}



.description-resumen{

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    line-height: 1.3;

}



.description-resumen span{

    color: var(--primary-color-2);

    font-weight: 600;

}







@media(min-width: 1080px){

    .proyecto{

        width: 1440px;

    }



    .proyecto-info{  

       width: auto;      

       max-width: 100%;

    }



    #swiffy-animation{

        margin: 0;        

        max-width: 60%;

        

        align-items: center;

        justify-content: center;

        margin: 20px auto;

    }



    #swiffy-animation img{

        object-fit: contain;

        width: 100%;

    }



    .proyecto{

        text-align: left;

        display: block;

        

        max-width: 1440px;

        margin: 0 auto;

        align-items: center;

    }

    

   

    

    .proyecto-titulo{

        font-size: 34px;  

        padding: 1em 0.5em;         

       

    }



    .proyecto-subtitulo{

        font-size: 24px;

        font-weight: 600;

        color: var(--primary-color-2);

        margin: 0;

    }

    

    .proyecto-details{

        font-size: 22px;        

        max-width: 100%; 

        margin: 5px;  

        text-align: left;           

    

    }



    .description-resumen{

        font-size: 22px;        

        max-width: 80%; 

        margin: 0 auto;  

        text-align: justify;

        margin-bottom: 30px;

    }

    

}