:root{
    
    --Weights: 400, 600;
    --Font-size: 18px;
    
    --Strong-Cyan: hsl(171, 66%, 44%);
    --Light-Blue: hsl(233, 100%, 69%);

    ---Dark-Grayish-Blue: hsl(210, 10%, 33%);
    --Grayish-Blue: hsl(201, 11%, 66%);

    --icono1:[Font Awesome](https://fontawesome.com);
    --icono2:[IcoMoon](https://icomoon.io);
    --icono3: [Ionicons](https://ionicons.com);
    
}


*{
    margin: 80px 0;
    margin: 0px;
    padding:0px;
    
}


.container--supremo{
    margin: 0 px;
}


.intro{
    
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
    text-align: center;
    
}


.intro--titulo{
    color: var(---Dark-Grayish-Blue);
    font-size: 40px;
    margin: 30px 0;
}

.intro--parrafo{
    color: var(--Grayish-Blue);
    font-size: 20px;
    line-height: 25px;
    
}

.intro__link--1,.intro__link--2{
    text-decoration: none;
    margin: 5px 0;
    display: flex;
    font-size: 20px;
    width: 300px;
    height: 40px;
    justify-content: center;
    border-radius: 30px;
    color: rgba(255, 255, 255, 0.964)
    
}

.intro__link--1{
    margin-top: 25px;
    background-color:var(--Strong-Cyan);
}
.intro__link--2{
    background-color:var(--Light-Blue);
}





/* en el cuerpo de este */
.entrada{
    margin: 0 auto;

}

.entrada__1{
    
    margin: 0 auto;
    position: relative;
}

.bloque1{
    width: 100%;
    text-align: center;
    display: initial;
}

.bloque1--titulo{
    color: var(---Dark-Grayish-Blue);
    font-size: 30px;
    margin-top:150px;
    margin-bottom: 20px;
}

.bloque1--parrafo{
    color: var(--Grayish-Blue);
    font-size:17px;
    line-height: 25px;
    margin-bottom: 50px;
}

.bloque2{
    
    position: relative;
    width: 100%;
    margin: 0 auto;
    
}

.bloque2--img{
    width: 90%;
    display: block;
    background-position: contain;
    margin: 10px auto;
}

.bloque2--titulo{
    color: var(---Dark-Grayish-Blue);
    width: 100%;
    text-align: center;
    margin-top:40px;
}

.bloque2--parrafo{
    color: var(--Grayish-Blue);
    width: 100%;
    text-align: center;
    line-height: 25px;
    position: relative;
}



.entrada__2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin: 80px 0;
}
.entrada__2--titulo{
    color: var(---Dark-Grayish-Blue);
    width: 100%;
    text-align: center;
    margin-top:40px;
}

.entrada__2--parrafo{
    color: var(--Grayish-Blue);
    width: 100%;
    text-align: center;
    line-height: 25px;
    position: relative;
}

.entrada__2--img{
    display: block;
    width: 100%;
    background-position: contain;
    
}




.entrada__3{
    text-align: center;
    margin:100px 0;

}

.entrada__3--titulo,.entrada__3--titulo1,.entrada__3--titulo2,.entrada__3--titulo3{
    color: var(---Dark-Grayish-Blue);
    width: 100%;
    text-align: center;
    margin-top:40px;
}

.caracteristica1,.caracteristica2,.caracteristica3{
    margin: 55px 0 ;
}

.entrada__3--parrafo,.entrada__3--parrafo1,.entrada__3--parrafo2,.entrada__3--parrafo3{
    color: var(--Grayish-Blue);
    width: 100%;
    text-align: center;
    line-height: 25px;
    position: relative;
}

.entrada__3--img{
    display: block;
    margin: 80px auto;
}





.semifinal{
    text-align: center;   
     
}

.semifinal--titulo{
    color: var(---Dark-Grayish-Blue);
}

.semifinal--parrafo{
    color: var(--Grayish-Blue);
    line-height: 25px;
    margin: 25px 0;
}

.semifinal--link{
    display: block;
    margin: 20px auto;
    border-radius: 30px;
    padding: 15px;
    font-size: 20px;
    text-decoration: none;
    width: 200px;
    color: white;
}

.semifinal--link1{
    background-color: var(--Strong-Cyan);
}
.semifinal--link2{
    background-color: var(--Light-Blue);
}



.final{
    background-color: rgb(218, 218, 218);
    margin-top: 150px ;
    width: 100%;
    height: 500px;
    text-align: center;
}

.final--logo{
    width: 50px;
    margin: 50px 0 30px 0 ;
}

.final--parrafo{
    margin: 30px 0;
    font-size: 15px;
    color: var(---Dark-Grayish-Blue);
}

.final--img{
    
    margin: 0 30px;
}

.for-alison{
    text-align: center;
 
    
}

.for-alison-img{
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}