@charset "UTF-8";

.primeira-section {
    background-color: var(--smalt-800);
    padding: 20px;
}

#container-imagem {
    width: 900px;
    padding: 20px;
    margin: auto;
    display: flex;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.438);
}

#img {
    width: 700px;
    height: 300px;
    background-color: var(--smalt-900);
    background: url('imagens/pexels-mizunokozuki-12903279.jpg') center center no-repeat scroll;
    background-size: cover;
}

#text {
    padding: 10px;
    text-align: justify;
}

#text p {
    color: black;
    width: 632px;
}

#list {
    padding: 10px;
}

#list ul {
    list-style-position: inside;
    columns: 2;
}

#espaco {
    margin: 20px;
}

#meu-grid {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-template-rows: repeat(3, auto);
    gap: 20px;
}

#meu-grid aside {
    grid-column: 1;
    grid-row: span 3;
    height: 918px;
    background-color: var(--smalt-900);
}

#meu-grid section {
    grid-column: 2;
    grid-row: span 2;
    height: 100%;
    background-color: var(--smalt-400);
}

#coluna2 h3, p{
    padding: 10px;
}

/* ASIDE COLUNA1 */

#coluna1 {
    padding: 20px;
}

#coluna1 p {
    text-align: justify;
}

#imagem-aside {
    width: 260px;
    height: 300px;
    background: url('imagens/pexels-edmond-dantes-4339796.jpg') center center no-repeat scroll;
    background-size: cover;
}

/* FIM */

/* FORMULÁRIO */

#formulario {
    width: 400px;
    margin: auto;
    
}
form {
    padding: 10px;
}

fieldset {
    width: 400px;
    border-radius: 20px;
    background-color: var(--smalt-500);
    border: 0px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
}

#titulo-form {
    width: 112px;
    padding: 10px;
    margin: 10px;
    font-weight: normal;
    border-bottom: 2px solid black;
}

legend {
    margin-left: 20px;
}

.caixa-input {
    text-align: center;
    padding: 10px;
}

.caixa-input input {
    padding: 10px;
    border-radius: 20px;
    border: 0px;
    background-color: var(--smalt-100);
}

/* FIM */


#casos {
    padding: 20px;
    margin: 10px;
    display: flex;
    justify-content: space-evenly;
    border-top: 2px solid black;
}

.caso {
    width: 300px;
    height: 400px;
    padding: 10px;
    background-color: var(--smalt-800);
    text-align: center;
}

.caso i {
    font-size: 3em;
    padding: 20px;
    background-color: var(--smalt-600);
    border-radius: 50%;
}

.caso h3 {
    padding: 5px;
}

.caso p {
    text-align: justify;
}

/* SECTION SERVICOS */

#servicos {
    margin: 50px;
}

#servicos h2 {
    width: 250px;
    text-align: center;
    padding: 10px;
    margin-left: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: var(--smalt-900);
}


#blocos {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--smalt-900);
}

#blocos i {
    font-size: 2em;
}

.bloco {
    width: 300px;
    height: 340px;
    margin: 20px;
    background-color: var(--smalt-400);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.459);
}



.bloco h3 {
    text-align: center;
    padding: 10px;
    margin: 10px;
    border-bottom: 2px solid black;
}

.bloco p {
    text-align: justify;
    padding: 15px;
}