/*---------------ARCHIVO RAÍZ---------------*/

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;    
}

:root{
    --font-size-title: 3.6rem;
    --font-size-subtitle:2.4rem;
    --font-size-regular: 2rem;

    --space-sections: 4rem;
    --space-inner: 2rem;

    --color-black: #1A1A1A;
    --color-gray: #4E4E4F;
    --color-white: #ffffff;
    --color-blue: #001F46;  
    --color-red:#DC0D15;  
}

html{
    font-size: 62.5%;
    font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/*Header*/

.bloque1_header{
    width: 90vw;
    margin: 0 auto;
}

.bloque1_header img{
    width: 90vw;
    margin: 0 auto;
}

.bloque1_header figure img{
    border-radius: 3rem;
}

.bloque_2_parrafo_principal{
    margin: var(--space-sections) auto;
    text-align: center;
}

h1{
    text-align: center;
    font-size: var(--font-size-title);
    color: var(--color-gray);
}

h1 b{
    text-align: center;
    font-size: var(--font-size-title);
    color: var(--color-red);
}

h2{
    font-size: var(--font-size-subtitle);
    color: var(--color-red);
    text-align: center;
}
p{
    font-size: var(--font-size-regular);
}

.bloque_2_parrafo_principal p{
    width: 80vw;
    text-align: center;
    color: var(--color-gray);
    margin: 0 auto;
}

.bloque_3_iconos{
    width: 95vw;
    display: flex;
    margin: var(--space-inner) auto;
}

.bloque_3_iconos figure{
    width: 20vw;
    justify-content: center;
    margin: var(--space-inner) auto;
}

.bloque_3_iconos figure img{
    width: 18vw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.bloque_3_iconos figure figcaption{
    text-align: center;
    color: var(--color-gray);
    font-size: var(--font-size-regular);
    margin: var(--space-inner) auto;

}

.bloque_4_iconos{
    width: 95vw;
    display: flex;
    margin: var(--space-inner) auto;
}

.bloque_4_iconos figure{
    width: 20vw;
    justify-content: center;
    margin: var(--space-inner) auto;
}

.bloque_4_iconos figure img{
    width: 18vw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.bloque_4_iconos figure figcaption{
    text-align: center;
    color: var(--color-gray);
    font-size: var(--font-size-regular);
    margin: var(--space-inner) auto;

}


.bloque_5_exhibicion{
   display: flex;
   justify-content: center;
}

.bloque_5_exhibicion figure img{
    width: 80vw;
    border-radius: 3rem;
}

.bloque_6_video{
    margin: var(--space-sections) auto;
}

.bloque_6_video iframe{
    display: flex;
    justify-content: center;
    width: 80vw;
    height: 80vh;
    margin: var(--space-sections) auto;
}

.bloque_7_footer{
    
    width: 80vw;
    height: 40vh;
    background-color: var(--color-gray);
    border-radius: 5rem; 
    margin: var(--space-sections) auto;
    padding: var(--space-inner);   
}


.bloque_7_footer figure img{ 
    width: 20vw;    
    display: flex;
    justify-content: center;
    margin: var(--space-inner) auto;
}

.bloque_7_footer figure figcaption{
    text-align: center;
    color: var(--color-white);
    font-size: var(--font-size-regular);
}

@media screen and (max-width:800px) {

    
    .bloque_3_iconos{
        width: 95vw;
        display: flex;
        flex-direction: column;
        margin: var(--space-inner) auto;
    }

    .bloque_3_iconos figure{
        width: 20vw;
        justify-content: center;
        margin: var(--space-inner) auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .bloque_3_iconos figure img{
        width: 50vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: var(--space-inner) auto;
    }

    .bloque_4_iconos{
        width: 95vw;
        display: flex;
        flex-direction: column;
        margin: var(--space-inner) auto;
    }
    
    .bloque_4_iconos figure{
        width: 20vw;
        justify-content: center;
        margin: var(--space-inner) auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .bloque_4_iconos figure img{
        width: 50vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: var(--space-inner) auto;
    }

}