/*
==================================
RESET
==================================
*/

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

html{

    scroll-behavior:smooth;

}

body{

    font-family:var(--font-family);

    font-size:var(--font-body);

    color:var(--color-text);

    background:var(--color-background);

    line-height:1.5;

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

/*
==================================
CONTENEDOR GLOBAL
==================================
*/

.container{

    width:min(100% - 40px,var(--container));

    margin:auto;

}