@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{ 
    --color-primario:#000000;
    --color-secundario:#f6f6f6;
    --color-Terciario:#22D4FD;
    --color-hover:#272727;
    --fuente-Montserrat: 'Montserrat', sans-serif;
    --fuente-Krona: 'Krona One', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    }

body{
        background-color: var(--color-primario);
        color: var(--color-secundario);
        box-sizing: border-box;
    }
.header{
    padding: 2% 0% 0% 15%;
    
}
.header__menu{
    display: flex;
    gap: 80px;
}
.header__menu__link{
    font-family: var(--fuente-Montserrat);
    font-size: /*24px*/ 1.5rem;
    /*Como no se ha establecido un tamaño 
    de fuente predeterminado en la raíz del 
    proyecto, un REM por defecto del navegador 
    equivale a 16px, por lo tanto, 
    40px dividido por 16px del REM es igual 
    a 2.5rem.*/
    font-weight: 600;
    color:var(--color-Terciario);
    text-decoration: none;
}
.presentacion{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 82px;

}    
.presentacion__contenido{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap:40px;
}    
.presentacion__contenido__titulo{
    font-size: /*36px*/ 2rem;
    font-family:var(--fuente-Krona);
    
    
}
.Titulo-destaque{
    color: var(--color-Terciario);
    }

.presentacion__contenido__texto{
    font-size: /*24px*/ 1.5rem;    ;
    font-family:var(--fuente-Montserrat);
   /* color:var(--color-secundario); */  
}
.presentacion__enlaces{
    display: flex;
    justify-content: space-between;
    /* width: 50%;*/
    flex-direction: column;
    align-items: center;
    gap: 32px;

}     
.presentacion__enlaces__subtitulo{
    font-size: /*24px*/ 1.5rem;
    font-family: var(--fuente-Krona);
    font-weight: 400;
    
}      
.presentacion__enlaces__link{
    display: flex;
    justify-content: center;
    gap: 16px;
    border: 2px solid var(--color-Terciario);
    width:50%;
    text-align: center;
    border-radius: 8px;
    font-size: /*24px*/ 1.5rem;
    font-weight: 600;
    padding:21.5px 0;
    text-decoration: none;
    color:var(--color-secundario);
    font-family:var(--fuente-Montserrat);
    background-color: var(--color-primario);  
    }
.presentacion__enlaces__link:hover{
    background-color:var(--color-hover);
}
.presentacion__imagen{
    width: 50%;
}
.footer{
    padding: 24px;
    background-color:var(--color-Terciario);
    color:var(--color-primario);
    text-align: center;
    font-family: var(--fuente-Montserrat);
    font-size: /*24px*/ 1.5rem;
    font-weight: 400;
}
@media(max-width:1200px){
.header{
        padding: 10% ;
    }
.header__menu{
    justify-content: center;
    }
.presentacion{
    flex-direction: column-reverse;
    padding: 5%;
    }
.presentacion__contenido{
    width:auto;
    }
}