@import url('https://fonts.cdnfonts.com/css/academy-engraved-let');
@import url('https://fonts.cdnfonts.com/css/wallpaper');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    box-sizing: border-box;
}

body {
    background-color: #FFE7D1;
    padding: 0 26px;
}

header {
    width: 100%;
    height: 100px;
    border: 1px solid black;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 94px;
}

nav {
    display: flex;
    gap: 61px;
}

header > h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'Academy Engraved LET', sans-serif;
    color: black;
}

nav > a {
    font-size: 25px;
    font-family: 'Academy Engraved LET', sans-serif;
    color: black;
}

header > button {
    width: 200px;
    height: 48px;
    background-color: #ED4D1B;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border: 2px solid black;
}

main {
    width: 100%;
    height: 800px;
    border: 1px solid black;

    display: flex;
    align-items: center;
}

main > span {
    width: 40%;
    display: flex;
    flex-direction: column;
    padding-left: 112px;
    gap: 40px;
}

span > h2 {
    width: 474px;
    font-size: 64px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
}

span > p {
    width: 368px;
    font-size: 24px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
}

span > button {
    width: 225px;
    height: 48px;
    background-color: #ED4D1B;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border: 2px solid black;
}

main > img {
    width: 60%;
}

.heroArrow {
    display: flex;
    margin-top: -40px;
    margin-left: 140px;
    width: 105px;
    height: 97px;
}

.heroTitle {
    color: #ED4D1B;
}

.heroTextContainer {
    display: flex;
}

.iconTextHero {
    margin-top: -20px;
}

section{
width: 100%;
height: 666px;
border: 1px solid black;
display: flex;
padding: 25px;
gap: 30px;
flex-direction: column;
align-items: center;
}

.logo{
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 40px;
}

.alinhamento{
    display: flex;
    gap: 30px;
    margin-top: -20px;
    margin-left: 50px;
}

.cardred{
    width: 272px;
    height: 306px;
    background-color: #ED4D1B  ;
    border: 2px solid black;
    display: flex;
    flex-direction: column;
    padding-top: 27px;
    padding: top;
    align-items: flex-start;
    padding-left: 32px;
    margin : -30px;
    padding: 20px;
}

.redContent{
    display: flex;
    flex-direction: column;
    gap: 16px;

}


.cardred>img{
    display: block;
    align-self: self-end;
    padding-top: 50px;

}

.cardred{
    display: flex;
    flex-direction: column;
    gap: 16px;


}
.redContent> img{

    width: 48px;
    height: 48px;
    
}


.redContent > h3{
font-size: 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
.redContent > p{
    width: 207;
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


}



.cardyello{

    width: 272px;
    height: 306px;
    background-color: #FF9A3C;    ;
    border: 2px solid black;
    display: flex;
    flex-direction: column;
    padding-top: 27px;
    padding: top;
    align-items: flex-start;
    padding-left: 32px;
    margin : 30px;
    padding: 20px;
}


.cardyello>img{
    display: block;
    align-self: self-end;
    padding-top: 50px;

}

.yelloContent{
    display: flex;
    flex-direction: column;
    gap: 16px;


}
.yelloContent> img{

    width: 48px;
    height: 48px;
}
.yelloContent> p{
    width: 207;
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


}
.yelloContent> h3{
font-size: 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}


.logo{

    display: flex;
    font-family: 'Roboto', sans-serif;
    font-size: 65px;
    gap: 10px;
    padding-top: -29;
    
}

.nomeTexto{

color: #ED4D1B;

}


.botao1{
    background-color: #ED4D1B;
    width: 225;
    height: 48px;
    border: 2px solid ;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    padding: 0px 20px 0px 20px ;
}


.footer_content{
    width: 100%;
    height: 403px;
    border: 1px solid black;
}

.footerFilho{

    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 60px;
    margin-left: 80px;
}

.cabeçalho2 {
font-family: Roboto;
font-size: 20px;
font-weight: 900;
line-height: 23px;
letter-spacing: 0em;
text-align: left;

font-family: Roboto;
font-size: 40px;
font-weight: 900;
line-height: 47px;
letter-spacing: 0em;
text-align: left;


}

.cabeçalho2 > p{
font-size: 15px;
margin-top: -20px;

}




.listaFooter > ul  {
    
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-top: -40px;
    text-decoration: none;
    height: 28px;
    font-family: Roboto;
    font-size: 24px;
    margin-left: -130px;
}
    

a{
    text-decoration: none;
    color: black;
}


.alinhamento_footer{

    display: flex;
    flex-direction: column;
    align-items: end;
    margin: -100px 80px 0px 0px;
    font-size: 24px;
    gap: 25px;
}


.miniTexto_Content{

    display: flex;
    padding-right: 80px;
}

input{
    width: 460px;
    height: 33px;
    padding-right: -30px;
    border: 2px solid black;
    

}

.botao3{

    width: 200px;
    height: 48px;
    background-color: #ED4D1B;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border: 2px solid black;
    margin-right: 260px;

}