:root {
    --white: #ffffff;
    --primary-color: #003642;
    --color-green: #7AB529;
    --color-cyan: #0aa99c;
    --space-xs: 0.5rem; /* 8px */
    --space-sm: 1rem; /* 16px */
    --space-md: 1.5rem; /* 24px */
    --space-lg: 2rem; /* 32px */
    --space-xl: 2.5rem; /* 40px */
    --bs-body-color: #003642;

    --space-2xl: 3rem; /* 48px */
    --space-3xl: 3.5rem; /* 56px */
    --space-4xl: 4rem; /* 64px */
    --space-5xl: 4.5rem; /* 72px */
    --space-6xl: 5rem; /* 80px */

    --space-7xl: 6rem; /* 96px */
    --space-8xl: 7rem; /* 112px */
    --space-9xl: 8rem; /* 128px */
    --space-10xl: 9rem; /* 144px */
    --space-11xl: 10rem; /* 160px */

    --space-12xl: 12rem; /* 192px */
    --space-14xl: 14rem; /* 224px */
    --space-16xl: 16rem; /* 256px */
    --space-18xl: 18rem; /* 288px */
    --space-20xl: 20rem; /* 320px */

    --space-tiny: 0.5rem;
    --space-small: 1rem;
    --space-medium: 2rem;
    --space-large: 4rem;
    --space-huge: 8rem;
    --space-massive: 12rem;
    --space-giant: 16rem;
    --space-colossal: 20rem;
}


.footer--container {
    height: 15.938rem;
    width: 100%;
    background-color: var(--primary-color) !important;
    font-size: 19px;
}

.footer--container--wrapper--img {
}

.footer--img {
    height: 3.375rem;
    width: 13.188rem;
    /*margin-top: var(--space-lg);*/
}

.wrapper--conheca--nos {
    margin-left: var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.wrapper--conheca--nos > .wrapper--conheca--nos--title {
    color: var(--color-green);
}

.wrapper--conheca--nos > .wrapper--conheca--nos--instituto--sicoob > .wrapper--conheca--nos--instituto--sicoob--link {
    color: var(--white);
    text-decoration: none;
}

.wrapper--conheca--nos > .wrapper--conheca--nos--sicoob > .wrapper--conheca--nos--sicoob--link {
    color: var(--white);
    text-decoration: none;
}


.text-nao-perca-mais-tempo {
    font-size: 1.125rem !important;
}

.wrapper--fale--conosco {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}
.wrapper--fale--conosco > .wrapper--fale--conosco--title {
    color: var(--color-green);
}

.wrapper--fale--conosco > .wrapper--fale--conosco--email--content {
    color: var(--white);
    text-decoration: none;
}

.wrapper--politica--privacidade {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-left: 2rem;
}

.wrapper--politica--privacidade > .wrapper--politica--privacidade--title {
    color: var(--white);
    margin-top: var(--space-xl);
}

.wrapper--politica--privacidade > .wrapper--politica--privacidade--content > .wrapper--politica--privacidade--content--link{
    color: var(--white);
    text-decoration: none;
}

.wrapper-information{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.wrapper-information > .wrapper-information--cookie{
    color: var(--white);
}
.wrapper-information > .wrapper-information--up--btn--top {}

#wrapper-information--up--btn--top {
    position: fixed; /* Posição fixa na tela */
    bottom: 20px; /* Distância da parte inferior */
    right: 30px; /* Distância da direita */
    z-index: 1000; /* Fica acima de outros elementos */
    border: none; /* Sem borda */
    outline: none; /* Sem contorno ao focar */
    color: white; /* Cor do ícone SVG (se ele usar currentColor) */
    cursor: pointer; /* Cursor de mãozinha */
    border-radius: 50%; /* Bordas arredondadas para ficar circular */
    width: 50px; /* Largura */
    height: 50px; /* Altura */
    transition: background-color 0.3s, opacity 0.3s; /* Transições suaves */
    background-color: var(--white);
}
.wrapper-information > .wrapper-information--up--btn--top > .wrapper-information--up--btn--top-svg {
    width: 100%; /* Faz o SVG preencher o botão */
    height: 100%;
    color: var(--color-cyan);
    cursor: pointer;
    border: 1px var(--white) solid;
    border-radius: 100%;
}

/*==============================================================================================*/

/* Mobile (até 767px) */
@media (max-width: 767px) {
    .footer--container {
        height: auto;
    }
    .wrapper--conheca--nos {
        margin-left: 0;
    }

    .footer--img {
        margin-top: 0.8rem;
    }

    .wrapper--fale--conosco{
        margin-top: var(--space-sm);
    }

    .wrapper--politica--privacidade {
        margin-left: 0;
        margin-top: 0;
    }

    .wrapper--politica--privacidade > .wrapper--politica--privacidade--title{
        margin-top: var(--space-2xl);
    }

    .footer--container--wrapper--img{
        margin-top: var(--space-sm);
        text-align: center;
    }
}

/* Tablet (768px a 1257px) */
@media (min-width: 768px) and (max-width: 1257px) {
}

/* HD (1258px a 1919px) */
@media (min-width: 1258px) and (max-width: 1919px) {
}

/* Full HD (1920px a 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
}

/* 2K (2560px a 3839px) ou 'twok' */
@media (min-width: 2560px) and (max-width: 3839px) {
}

/* 4K (a partir de 3840px) ou 'fourk' */
@media (min-width: 3840px) {
}