:root {
    --text-color: #667085;
    --main-color: #8E2424;
    --second-color: #101828;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

body {
    width: 100%;
    height: 100vh;
}

nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1rem 0;
}

#paginas a{
    color: var(--text-color);
    text-decoration: none;
    margin-right: 2rem;
    font-weight: 500;
}

button {
    padding: 0.8rem 1rem;
    cursor: pointer;
    background-color: #FFFFFF;
    border: none;
    border-radius: 0.5rem;
    color: var(--text-color);
    font-weight: 500;
    font-size: 1rem;
}

button#cadastrar {
    background-color: #8E2424;
    color: #FFFFFF;
}

/* Cabeçalho - Primeira seção */

#sobre-nos {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 6rem 0px;
}

#sobre-nos span{
    font-weight: 600;
    color: var(--main-color);
    margin: 1.5rem 0px;
}

#sobre-nos h1{
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 2.5rem; 
    color: #101828;
}

#sobre-nos p{
    font-weight: 400; 
    font-size: 1.25rem;
    width: 49.5rem;
    line-height: 1.9rem;
}

/* Métricas - Segunda seção */

#metricas {
    display: flex;
    justify-content: space-evenly;
    padding: 0 2rem 6rem;
}

#metricas div {
    width: 280px;
}

#metricas h1 {
    color: var(--main-color);
    font-weight: 600;
    font-size: 4rem;
}

#metricas h2 {
    color: var(--second-color);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.8rem;
}

#metricas p {
    color: var(--text-color);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}

/* Vagas - Terceira seção */

#vagas {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    /* Vagas abertas */

    #vagas-abertas {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #vagas-abertas span {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: var(--main-color);
        border-radius: 1rem;
        background: rgba(142, 36, 36, 0.05);
        padding: 0.25rem 0.75rem;
    }

    #vagas-abertas h1 {
        font-size: 2.25rem;
        font-weight: 600;
        line-height: 2.75rem;
        color: var(--second-color);
        margin: 1rem 0;
    }

    #vagas-abertas p {
        font-size: 1.25rem;
        font-weight: 400;
        color: var(--text-color);
        margin-bottom: 3.25rem;
    }

    /*  Segmentos */

    #segmentos {
        margin: 4rem 0;
        width: 48rem;
    }

    #segmentos h1 {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.875;
        color: var(--second-color);
    }

    #segmentos div {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        border: 1px solid #EAECF0;
        border-radius: 1rem;
        padding: 1.5rem 1.5rem 1.5rem;
        margin: 1.5rem 0;
        cursor: pointer;
    }

    #segmentos h2 {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.75rem;
        color: var(--second-color);
        margin-bottom: 1.5rem;
    }

    #segmentos span {
        display: flex;
    }

    #segmentos p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        color: var(--text-color);
        margin-right: 1rem;
    }

/* Depoimentos - Quarta seção */

#depoimentos {
    padding: 64px;
    margin: 0 4rem 4rem;
    background: rgba(196, 25, 25, 0.03);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#depoimentos span {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--main-color);
    margin-bottom: 1rem;
}

#depoimentos h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.5rem;
    color: var(--second-color);
    margin-bottom: 1rem;
}

#depoimentos img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin: 1rem 0;
}

#depoimentos h2 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--second-color);
}

#depoimentos p {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--text-color);
}

/* Formulário - Quinta seção */

#formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 96px 0px;
    background-color: #F9FAFB;
}

#formulario h1 {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: var(--second-color);
}

#formulario p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #667085;
    margin-top: 1.25rem;
}

#formulario div {
    display: flex;
    margin: 2.5rem 0;
}

#formulario input {
    padding: 0.75rem 0.875rem 0.75rem 1rem;
    border: 1px solid #D0D5DD;
    border-radius: 0.5rem;
    color: var(--text-color);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 360px;
    margin-right: 1rem;
}

#formulario input:focus {
    outline: none;
}

#formulario input:focus::placeholder {
    color: transparent;
}

#formulario button {
    background-color: var(--main-color);
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    cursor: pointer;
}

#formulario span {
    color: #98A2B3;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}