@import url('fonts.css');
@import url('banner.css?v=99');
@import url('form.css?v=99');
@import url('presentation.css?v=99');
@import url('information-block.css?v=99');
@import url('content-wrapper.css?v=99');
@import url('localization.css?v=99');
@import url('text-image-block.css?v=99');
@import url('about-us.css?v=99');
@import url('footer.css?v=99');

:root {
    --font: Helvetica;
    --font-gs : "Gravesend Sans";
    --font-gsl : "Gravesend Sans Light";
    --font-ts: "The Seasons";

    --color-background: #FFFDF7;
    --color-white: #FFF9EB;
    --color-grey: #979797;
    --color-green-dark: #162F2C;
    --color-green-medium: #2D4441;
    --color-green-light: #B4D196;
    --color-golden-dark: #A08045;
    --color-golden-light: #FFF9EB;

    --size-13: 13px;
    --size-14: 14px;
    --size-15: 15px;
    --size-16: 16px;
    --size-17: 17px;
    --size-18: 18px;
    --size-20: 20px;
    --size-24: 24px;
    --size-28: 28px;
    --size-40: 40px;
}

body {
    font-family: var(--font);
    background-color: var(--color-background);
    color: var(--color-green-dark);
    margin: 0;
}

.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



.button {
    display: inline-block;
    background: var(--color-green-dark);
    color: var(--color-white);
    font-size: var(--size-18, 18px);
    font-weight: 500;
    font-family: var(--font-gs);
    text-transform: uppercase;
    border-radius: 40px;
    padding: 8px 40px;
    text-decoration: none;
    transition: background-color 0.2s;
    line-height: 28px;
}

.button:hover {
    background-color: var(--color-green-medium);
}

/* Layout para Desktop */
@media (min-width: 1024px) {
    :root {
        
    }
}

/* Layout para Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        
    }
}

/* Layout para Mobile */
@media (max-width: 767px) {
    :root {
        
    }
}