.imagen-cabecera{

    width: 80%;

    max-width: 450px;    

    padding: 5px;

    

}



.portada{

    text-align: center;

    padding-top: 20px;

    margin-bottom: 20px;    

}



.portada-info{

    margin-bottom: 20px;

}



.portada-titulo{

    font-size: 28px;

    font-weight: bold;

    margin: 0;    

    color: var(--primary-color);

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

}



.portada-subtitulo{

    font-size: 14px;

    font-weight: 400;

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

    padding-top: 5px;

}



.portada-details{

    font-size: 14px;

    font-weight: 500;

    text-align: justify;

    line-height: 1.5;

    max-width: 450px;

    margin: 15px auto;

    padding: 10px; 

    text-indent: 20px;  



}



.portada-btn{

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

    color: var(--text-color-inverse);

    border: none;

    font-size: 18px;

    padding: 0.5em 1em;

    border-radius: 3px;

    cursor: pointer;

}



.portada-btn:hover{

    filter: brightness(130%);

}



@media(min-width: 1080px){

    .imagen-cabecera{

        width: 100%;

        max-width: 880px;

        border-radius: 10px;

        padding: 5px;

        margin: 0 auto;

    }

    

    .portada{

        text-align: left;

        display: flex;

        justify-content: space-between;

        max-width: 1440px;

        margin: 0 auto;

        align-items: center;

    }

    

    .portada-info{

        margin-bottom: 0px;

    }

    

    .portada-titulo{

        font-size: 34px;           

       

    }



    .portada-subtitulo{

        font-size: 14px;

        font-weight: 400;

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

    }

    

    .portada-details{

        font-size: 18px;        

        max-width: 750px; 

        margin: 20px;             

    

    }

    

    .portada-btn{

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

        color: var(--text-color-inverse);        

        font-size: 22px;

        

    }    

    

}