@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

:root{--cor-primaria:#555fa8;
    --cor-secundaria:#9597bb;
    --cor-morta: #d0d1d4;
    --cor-viva:#0faeee;
}
*{
    margin: 0;
    padding: 0;
    background-color: var(morta);
}

body {

    box-sizing: border-box; 
    background-color: var(morta);
    color: var(--cor-morta);
}
.cabecalho {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
}
.cabecalho__menu {
    display: flex;
    gap: 50px;
}
.cabecalho__menu__link{
    color: var(--cor-primaria);
    text-decoration: none;

}
.cabecalho__menu__link:hover {
    font-size: 26px;
    align-items:center;
    color: var(--cor-primaria);
}
.titulo-destaque{
    color: var(--cor-primaria);
}
 
.apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.apresentacao__conteudo{
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.apresentacao__conteudo__titulo{
    font-size: 30px;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto{
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

.apresentacao__links{
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}
.apresentacao__links__subtitulo{
    font-family: 'Krona One', 'sans-serif';
    font-weight: 400px;
    font-size: 24px;
}

.apresentacao__links__link{
    /* background-color: #22D4FD; */
    display: flex;
    justify-content: center;
    gap: 16px;
    border: 2px ridge  var(--cor-primaria);
    width: 370px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: var(--cor-viva);
    font-family: 'Montserrat', sans-serif;
}
.apresentacao__links__link:hover {
    background-color: var(--cor-morta);
    padding: 3%;
}
.rodape {
    padding: 24px;
    color: var(--cor-morta);
    background-color: var(--cor-morta);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
}
/* aqui vem da parte do cadastro  *//* styles.css */

/* Estilos gerais */
body {
    font-family: Arial, sans-serif;
    background-color: var(--cor-viva);
    margin: 0;
    padding: 0;
}

.container {
    max-width: 600px;
    margin: 50px auto;
    background-color: var(--cor-viva);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px var(--cor-viva);
}

h1 {
    text-align: center;
    /* color: #333; */
}

form {
    display: grid;
    gap: 10px;
}

label {
    font-weight: bold;
}

input[type="text"],
input[type="number"],
select {
    width: 100%;
    padding: 10px;
    border: 1px soli var(--cor-primaria);
    border-radius: 5px;
}

input[type="submit"] {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background-color: var(--cor-primaria);
    color: var( --cor-secundaria);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
    background-color: var(--cor-primaria);
}

/* Estilos específicos para os campos */
select {
    appearance: none; /* Remove a aparência padrão do elemento */
}