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

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat", sans-serif;
    background: var(--white);
    color: var(--black);
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
}

/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.section-container {
    width: min(
        calc(100% - 120px),
        var(--max-width)
    );

    margin: 0 auto;

    position: relative;

    z-index: 5;
}