html {
    font-size: 10px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    scroll-behavior: smooth;
    color: var(--cor-textos);
}

main {
    background-color: #ffffff;
}

* {
    box-sizing: border-box;
}

:root {
    /*Tamanho de texto*/
    --font-size-min: 1.2rem;
    --font-size-small: 1.4rem;
    --font-size-default: 1.6rem;
    --font-size-large: 1.8rem;
    --font-size-xlarge: 2rem;
    --font-size-h1: 4rem;
    --font-size-h2: 3.8rem;
    --font-size-h3: 3.2rem;
    --font-size-h4: 3.2rem;
    --font-size-h5: 2.4rem;
    --font-size-h6: 2rem;

    /*Cores básicas*/
    --cor-textos: #0E1629;
    --cor-textos-branco: #D9D9D9;
    --cor-textos-cinza: #7B7B7B;
    --cor-branco: #f0f0f0;
    --cor-primaria: #0E1629;
    --cor-primaria-contraste: #162556;
    --cor-secundaria: #FFD05A;
    --cor-secundaria-contraste: #FFE4A2;
    --cor-contraste: #FAFAFA;
    --cor-linha-cinza: #e9e9e9;

    /*Botões*/
    --btn-size-grande: 5.6rem;
    --btn-size-medio: 4.8rem;
    --btn-size-pequeno: 4.4rem;
    --border-radius-btn: 5rem;
}

@media (min-width:1024px) {
    :root {
        /*Tamanho de texto*/
        --font-size-h1: 4.4rem;
        --font-size-h2: 4.4rem;
        --font-size-h3: 3.8rem;
    }
}

ul {
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

button {
    border: 0;
    background-color: transparent;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    width: fit-content;
    color: var(--cor-textos);
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 0 3.2rem;
    font-size: 1.6rem;
    border-radius: var(--border-radius-btn);
}

.btnGrande {
    min-height: var(--btn-size-grande);
}

.btnMedio {
    min-height: var(--btn-size-medio);
}

.btnPequeno {
    min-height: var(--btn-size-pequeno);
}

.btnPrimario {
    background-color: var(--cor-secundaria);
}

.btnSecundario {
    border: 1px solid var(--cor-secundaria);
}

.btnDesativado {
    border: 1px solid var(--cor-textos-branco);
}

.btnPrimario:hover {
    background-color: var(--cor-secundaria-contraste);
    transition: all 0.3s ease;
}

.btnSecundario:hover, .btnDesativado:hover {
    background-color: var(--cor-secundaria-contraste);
    border: 1px solid var(--cor-secundaria-contraste);
    transition: all 0.3s ease;
}

.itemEmBreve {
    font-style: italic;
    color: var(--cor-secundaria-contraste);
    font-size: var(--font-size-min);
}

.linkHover:hover {
    color: var(--cor-secundaria-contraste);
    transition: all 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    line-height: 130%;
    letter-spacing: 3px;
    font-weight: 400;
    margin: 0;
}

h1 {
    font-size: var(--font-size-h1);
}

h2 {
    font-size: var(--font-size-h2);
}

h3 {
    font-size: var(--font-size-h3);
}

h4 {
    font-size: var(--font-size-h4);
}

h5 {
    font-size: var(--font-size-h5);
}

h6 {
    font-size: var(--font-size-h6);
}

p {
    font-size: var(--font-size-default);
    line-height: 160%;
    margin: 0;
}

.font-min {
    font-size: var(--font-size-min);
}

.font-default {
    font-size: var(--font-size-default);
}

.font-small {
    font-size: var(--font-size-small);
}

.font-large {
    font-size: var(--font-size-large);
}

.font-xlarge {
    font-size: var(--font-size-xlarge);
}

/*Para alterar estilo básicos da biblioteca de ícones*/
.lucide {
    /* Change this! */
    /*
    color: #;
    width: 56px;
    height: 56px;
    */
    stroke-width: 1.25px;
}

.textGradiente {
    background-image: linear-gradient(to right, var(--cor-branco), var(--cor-secundaria));
    background-clip: text;
    -webkit-background-clip: text; /* Alguns navegadores precisam do prefixo */
    -webkit-text-fill-color: transparent;
    color: var(--cor-branco);
}

.textCinza {
    color: var(--cor-textos-cinza);
}
 
.whatsapp {
    display: inline-block;
    border-radius: 100%;
    padding: 1.6rem;
    background: #25D366;
    position: fixed;
    bottom: 4rem;
    right: 2rem;
    z-index: 1002;
}

@media (min-width:768px) {
    .whatsapp {
        display: inline-block;
        border-radius: 100%;
        padding: 1.6rem;
        background: #25D366;
        position: fixed;
        bottom: 4rem;
        right: 6rem;
        z-index: 1002;
    }
}

.whatsapp img {
    width: 3.2rem;
}

@media (min-width:768px) {
    .whatsapp img {
        width: 2.4rem;
    }
}

.flags {
    width: 20px;
}