:root{
    /*text*/
    --font-size-regular: 1.2rem;
    --font-size-title:2.8rem;
    --font-size-subtitle:2rem;

    /*color*/
    --color-principal: #D4A500;
    --color-secondary: #F7D971;
    --color-orange: #f25623;
    --color-gray: #5B5B5B;
    --color-black: #000000;
    --color-white: #FFFFFF;
    
    /*space*/
    --space-section: 4rem;
    --space-inner: 2rem;
};

html{
    font-size: 62.5%;
}

/*ESTILOS GENERALES*/

h1{
    color: #D4A500;
    font-weight: bold;
    font-size: var(--font-size-title);    
}


h2{
    color: #D4A500;
    font-weight: bold;
    font-size: var(--font-size-subtitle);    
}

p{
    color: var(--color-gray);
    font-size: var(--font-size-regular);  
}

.figure_footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem auto;
    border-radius: 2rem ;
    width: 70vw;
    background-color: var(--color-orange);
    color: white;
}

.figure_footer img{
    display: flex;
    justify-content: center;
    margin: auto auto;
    width: 20vw;
}


.figure_footer p{

    color: white;
}

/* .botton-circle{
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
    background-color: gray;
    margin: 35% 0;
} */

.video{
    margin: var(--space-inner);
    width: 80vw;

}