* {
    /*Estilização universal*/
    margin: 0;
    /*Removendo os espaçamentos laterais e superiores*/
    padding: 0;
    /*Desabilitando preeenchimento aplicado por padrão*/
    scroll-behavior: smooth;
    /*Transição universal no scrool*/
    list-style: none;
    /*Removendo estilo de lista*/
}

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

/*Estilização do Header*/



#sobrenos {

    scroll-margin-top: 120px;
}

.cabecalho {
    background-color: #fff538;
    /*Cor do Fundo Header*/
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 20px;
    gap: 40px;
    position: sticky;
    /*deixar o header fixo no top da tela*/
    top: 0;
    /*deixar o header fixo | Define que o elemento ficará preso ao topo da tela*/
    left: 0;
    /*deixar o header fixo | Define o alinhamento a esquerda da pagina, mantendo 0px de distancia*/
    z-index: 1;
    /*Para nenhum ficar sobre-pondo o header | Controla a sobreposição do elemento sobre outros elementos da pagina*/
}

.img-cabecalho {

    width: 80px;

}

.div-nome-empresa {
    font-family: "Archivo Black";
    font-size: 20px;

}

.img-aviao {
    width: 50px;
}

span {

    font-size: 30px;
    font-weight: bold;

}

/*Etilização da Lista do Header*/

.ul-lista-header li {

    list-style: none;
    margin-left: 50px;

}

.ul-lista-header {

    display: flex;
    justify-content: right;
    gap: 60px;
}

.ul-lista-header li a {
    text-decoration: none;
    color: hsl(0, 0%, 0%);
    font-size: 20px;
    font-weight: bolder;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.589)
}

/*HOVER ação do mouse sobre os elementos*/
.ul-lista-header li a:hover {

    color: #000000;
    text-decoration-line: underline;
    text-shadow: 0px 0px 0px#000000;
    transition: 0.8s;
}


/*Fim da Estilização do Header*/

/*Inicio da Estilização da Section-01*/

.section-01 {

    background-color: #ddd53e;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 70px;
    gap: 100px;
}

.div-texto-01 {

    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    margin-bottom: 10px;
}

.img-section-01 {

    width: 310px;
    box-shadow: 10px 10px 20px black;
    /*Sombra da caixa*/

}


.section-01 p {

    font-size: 30px;
    text-align: justify;
}
/*alterando tamnho da imagem do whatsapp*/
.whatsapp img { 
    width: 50px;
}
/*alterando posição da imagem do whatsapp*/
.whatsapp {

    position: fixed;
    right: 25px;
    bottom: 25px;
}



.whatsapp :hover {
width: 60px;
transition: 0.8s;
}

/*inicio da Estilização da Section-02*/

.section-02 {

    background-color: #fff538;
    padding: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.fa-solid {

    font-size: 35px;
    padding: 5px;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.589)
}

.fa-solid:hover {

    text-shadow: 0px 0px 0px black;
    transition: 0.8s;
}


.paragrafo-section-02 {

    font-size: 20px;
}

/*Iniciando Estilização section-03*/

.section-03 {
    background-image: url(Imagens/Dicas-nordeste.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
    padding: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-03 div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}

.button-section-03 {

    background-color: #000000;
    color: #fff538;
    font-size: 13px;
    font-weight: bold;
    border-radius: 15px;
    padding: 10px;


}

.button-section-03:hover {
    background-color: #fff538;
    color: #000000;
    transition: 0.8s;
}

/* inicio da estilização da section-04 */

.section-04 div {
    width: 300px;
    height: 400px;
    background-color: #009ddd;
    padding: 40px;
    text-align: justify;
    border-radius: 20px;
    text-align: center;
    box-shadow: 10px 10px 20px black;
}

.section-04 div:hover {

    box-shadow: 15px 15px 25px black;
    transition: 0.8s;
}

.section-04 {
    background-color: #fff538;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 30px;

}

/* Estilização Quadro 01 | section-04 */
.div-quadro-01 {

    font-size: 20px;
    font-weight: 300px;

}

.div-quadro-01 h2 {
    font-size: 25px;
    margin-top: 30px;

}

.img-disney {

    width: 300px;
}


/* Estilização Quadro 02 | section-04 */

.div-quadro-02 {

    background-image: url(Imagens/ChatGPT\ Image\ 12\ de\ mar.\ de\ 2026\,\ 19_28_49.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

/* Estilização Quadro 03 | section-04 */

.div-quadro-03 {

    font-size: 20px;
    font-weight: 300px;
}


.img-agente-viagem {

    width: 100px;
}

.fa-whatsapp {

    font-size: 100px;

}

/* Estilização Rodapé */

footer {

    background-color: #ddd53e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

.fa-brands {
    font-size: 30px
}