:root{
    --cor1: #00484F;
    --cor2: #282828;


    --cor-fonte: #5B5B5B;
    --cor-fonte-2: #1E1E1E;

    --close-btn: 70px;

    --font1: montserrat;

    --branco: #fff;
    --preto: #000;

    --scrollbarWidth: 14px;

    --transition1: .2s; 
    --transition2: .4s;
    --transition3: .7s;
    --transition4: 1s;
    --border-radius-bottom: 0 0 100px 100px;

    --cinza-claro: #EAF2F2;
    --cinza-medio: #d6d6d6;
    --cinza-escuro: #333;
    --verde-whatsapp: #70a83b;
    --verde-sucesso: #1bad00;
    --verde-escuro: #008a00;
    --verde-claro: #00cc00;
    --borda-cinza: #ccc;
    --sombra-cinza: rgba(66, 66, 66, 0.637);
    --sombra-preta: rgba(0, 0, 0, 0.1);
    --sombra-preta2: rgba(0, 0, 0, 0.20);
    --azul-transparente: #00484fcf;
    --gradiente-erro: linear-gradient(to right, #58433b, #292929);

    --radius-xs: 5px;
    --radius-s: 8px;
    --radius-m: 10px;
    --radius-l: 15px;
    --radius-xl: 17.15px;
    --radius-xxl: 20px;
    --radius-round: 50%;
    --radius-menu: 30px;

    --shadow-card: 0px 1px 23px -6px var(--sombra-cinza);
    --shadow-hover: 0 0 6px var(--preto);
    --shadow-menu: 1px 10px 10px 0 var(--sombra-preta);
    --shadow-header: 0 0 10px 0 var(--sombra-preta);
    --shadow-pagination: 0 0 2px 0 var(--preto);

    --font-titulo: 500 37.76px dilemma;
    --font-titulo-menor: 500 28.56px dilemma;
    --font-texto: 400 15px / 27.68px montserrat;
    --font-texto-menor: 400 13px / 20.95px montserrat;
    --font-label: 700 14.8px / 18.42px montserrat;
    --font-destaque: 700 16.39px / 23.74px montserrat;
    --font-pequena: 12px montserrat;

    --padding-section: 70px 0 85px;
    --padding-section-lg: 150px 0 80px;
    --padding-section-md: 80px 0;
    --padding-section-sm: 15px 0;
    --padding-card: 30px 50px;
    --padding-container: 20px;
    --margin-auto: 0 auto;
    --margin-section: 70px 0 40px;
    --margin-section-lg: 60px 0 40px;
    --margin-bottom-lg: 0 0 40px 0;
    --z-modal: 9999;
    --z-menu: 999;
    --z-fixo: 1000;
    --z-topo: 3;
    --z-meio: 2;
    --z-fundo: 1;
    --z-base: 0;
}

@media(prefers-reduced-motion){
    :root{
        --transition1: 1.2s;
        --transition2: 1.4s;
        --transition3: 1.7s;
        --transition4: 2s;
    }
}

*{padding: 0;margin: 0;line-height: inherit;vertical-align: inherit;list-style: none;text-decoration: none;}

body::-webkit-scrollbar{width: var(--scrollbarWidth);transition: var(--transition2);}
body::-webkit-scrollbar-thumb{background: var(--cor2);transition: var(--transition2);}
body::-webkit-scrollbar-thumb:hover{background: var(--cor2);}
body::-webkit-scrollbar-track{position: absolute;right: 0;top: 0;background: transparent;}
h1,h2,h3,h4,h5,h6 {display: inline; font: inherit; color: inherit;}
.container{overflow: unset;}

.conteudo-1130{width: 1130px;max-width: 90%;margin: 0 auto;--width: 1130px;}
.conteudo-1140{width: 1140px;max-width: 90%;margin: 0 auto;--width: 1140px;}
.conteudo-1200{width: 1200px;max-width: 90%;margin: 0 auto;--width: 1200px;}

.texto-com-hs > *{display: inline;}

.botao-padrao{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 15px 14px 13px 17px;background: var(--cor1);transition: background-color var(--transition2), color var(--transition2);width: fit-content;font: 12.5px var(--font1);font-weight: 600;color: var(--cor1);}
.botao-padrao:hover{background: var(--cor2);}
.botao-padrao p{flex: 1 1 auto;}
.botao-padrao i{background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url('../img/icones/arrow2.svg');flex: 0 0 auto;width: 7px;height: 11px;display: block;}

.fill-end-screen{width: calc(100vw - var(--width) + 100% - (100vw - var(--width)) / 2 - var(--scrollbarWidth) + var(--scrollbarWidth) / 2);position: absolute;}

.imagem-fit > *{object-fit: contain;display: block;width: 100%;height: 100%;}

.lista-flex{--gapX: 0px;--gapY: 0px;--itens: 4;display: flex;align-items: flex-start;justify-content: flex-start;gap: var(--gapY) var(--gapX);flex-wrap: wrap;}
.lista-flex > *{flex: 0 0 auto;box-sizing: border-box;width: calc(100% / var(--itens) - var(--gapX) + var(--gapX) / var(--itens));}

.btn-saiba-mais {display: flex; align-items: center;overflow: hidden; justify-content: center; z-index: 1; background: var(--cor1); font: 11.95px var(--font1);max-width: 100px; color: var(--branco); border-radius: 17.15px; height: 35px; width: 100px; position: relative;} 
.btn-saiba-mais > p {position: relative; z-index: 2;}
.hover-1 {cursor: pointer;}
.hover-1::after {position: absolute; content: ''; left: 0;top: 0; background: var(--preto); transition: var(--transition2); width: 0%; height: 100%;}
.hover-1:hover::after {width: 100%;}

@media(max-width: 990px){
    :root {
        --border-radius-bottom: 0 0 30px 30px;
    }
}