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

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

html{
    scroll-behavior:smooth;
}

body{

    min-height:100vh;

    overflow-x:hidden;

    background:var(--crema);

    color:var(--texto);

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

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

}

img{
    display:block;
    max-width:100%;
}

svg{
    display:block;
}

button{

    border:none;

    background:none;

    cursor:pointer;

    font:inherit;

}

a{

    color:inherit;

    text-decoration:none;

}

ul,
ol{
    list-style:none;
}

input,
textarea,
select,
button{

    font:inherit;

}

section{

    position:relative;

    width:100%;

}

.container{

    width:min(var(--container),90%);

    margin-inline:auto;

}