* {
    margin: 0;
    padding: 0;
    font-size: 2vh;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

body {
    overflow-x: hidden;
}

:root {
    --verde: rgb(64, 192, 64);
    --amarillo: rgb(253, 193, 63);
    --crema: rgb(243, 216, 187);
    --marron: rgb(110, 42, 54);
    --amarillo-oscuro: rgb(203, 143, 13);
}

a {
    text-decoration: none;
    white-space: nowrap;
}

main {
    padding-top: 10vh;
}

@media screen and (max-width: 1248px) {
    main {
        padding-top: 0;
    }

    #popup, .add-to-cart {
        pointer-events: auto;
        z-index: 1000;
    }
}