@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    /* border: 1px dashed red; */
}

:root {
    --rougefonce: #6B1D1D;
    --rouge: #921318;
    --rougeclair: #C44C4C;

    --vertfonce: #4A611C;
    --vert: #708C33;
    --vertclair: #A1C77F;

    --blanc: #F5F5F5;
    --blancfonce: #E9E9E9;

    --shadow: #686868;
    --gris: #363835;

    --noir: #121517;
    --noirfonce: #0C0C0C;

    /* SCROLLBAR */
    --scrollbar-thumb: #888;
    --scrollbar-thumb-hover: #555;
    --scrollbar-track: #f1f1f1;
}

body {
    background-color: var(--blancfonce);
    overflow: visible;
}

a {
    color: var(--noir);
    text-decoration: none;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}


.visible {
    opacity: 1 !important;
    pointer-events: all !important;
}

.scroll-down {
    max-height: 0;
    padding: 0;
}

.floating-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10000;
    
    border: none;
    background: none;

    width: 70px;
    height: 70px;
    color: var(--blanc);
    border-radius: 50%;

    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}

.emporio-floating-button, .braseiro-floating-button {
    opacity: 1 !important;
    pointer-events: all !important;
    cursor: pointer !important;
}

.emporio-floating-button {
    background-color: var(--vert);
}

.emporio-floating-button:hover {
    background-color: var(--vertfonce);
}

.braseiro-floating-button {
    background-color: var(--rouge);
}

.braseiro-floating-button:hover {
    background-color: var(--rougefonce);
}

.whats-btn {
    background-color: #25D366;
}

.whats-btn:hover {
    background-color: #128C7E;
}

.green-background {
    color: var(--blanc);
    background-color: var(--vertfonce);
    padding: 20px 0;
    width: 100%;
}

.red-background {
    color: var(--blanc);
    background-color: var(--rougefonce);
    padding: 20px 0;
    width: 100%;
}

.btn-show-more {
    transition: all 0.2s ease-in-out;
    color: var(--blanc);
    /* background-color: var(--vert); */
}

.add-plus {
    color: green;
}

.add-plus:hover {
    color: darkgreen;
}