html {
    scroll-behavior: smooth;
}

/* Body */
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    background-color: #002D43;
}

/* Nav */

nav {
    max-width: 100%;
    max-height: fit-content;

    top: 0;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: space-around;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    position: fixed;

    background-color: #002D43;
    font-weight: 700;
    font-size: 1rem;
}

#toggleMenuNav {
    display: none;
}

.logoNav {
    max-width: 4.8rem;
    padding-top: 0.8rem;
}

.itemsMenuNavList {
    display: flex;
    padding: 0.2rem;

    list-style: none;
    color: white;
}

.itemMenu {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/* Nav links */
.linkMenu, .buttonsLinks {
    text-decoration: none;
}

.linkMenu:link {
    color: #FFFFFF;
}

.linkMenu:visited {
    color: #FFFFFF;
}

.linkMenu:hover {
    border-bottom: solid 0.1rem #F48120;
}

.linkMenuIcon {
    color: #F48120;
    size: large;
}

.linkMenuIcon:hover {
    color: #DC6d00;
}

/* Home Section */
/* Home Section Texts */

#homeSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 6.2rem;
    padding-bottom: 3.2rem;

    background-color: #002D43;
    color: #FFFFFF;
}

.homeTextContainer {
    width: 20rem;
    max-width: 20rem;
    height: fit-content;
    max-height: fit-content;

    align-items: center;

    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.homeHeartImage {
    width: 11rem;
    max-width: 12.8rem;
    padding: 0.4rem;
    padding-bottom: 0rem;
    margin: 0rem;
}

.homeContentTitle {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 2.4rem;
    padding: 0.4rem;
    margin: 0rem;
}

.homeContentSubtitle {
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 1.6rem;
    padding: 0.4rem;
    margin: 0rem;
}

.homeButtonsContainer {
    padding-top: 2.4rem;
    padding-bottom: 0.8rem;
}

#homeTravelWithUsButton {
    margin: 0.4rem;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;

    font-weight: 700;
    background-color: #F48120;
    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#homeTravelWithUsButton:hover {
    cursor: pointer;
    background-color: #DC6d00;
}

#homeExploreButton {
    margin-left: 0.4rem;
    margin-right: 0.4rem;

    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;

    font-weight: 700;
    background-color: transparent;
    color: #F48120;

    border-style: none;
    border: solid 0.2rem #F48120;
    border-radius: 3.2rem;
}

#homeExploreButton:hover {
    cursor: pointer;

    color: #DC6d00;
    border: solid 0.2rem #DC6d00;
}

/* Home Section Image */

.homeImage {
    width: 34rem;
    max-width: 36rem;

    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* About Us Section */
/* About Us Section Image*/

#aboutSection {
    max-width: 100%;
    width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    background-color: #002D43;
    color: #FFFFFF;

    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
}

.aboutImageWrapper {
    width: 24rem;
    max-width: 24rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 2rem;
}

/* About Us Section Text*/

.aboutTextWrapper {
    width: 34rem;
    max-width: 40rem;
    height: fit-content;

    padding-left: 2rem;
    padding-right: 2rem;

    font-weight: 100;
}

.aboutContentTitle {
    font-weight: 800;
    font-size: 1.4rem;
}

strong {
    font-weight: 500;
}

.aboutContentQuote {
    font-family: 'Oooh Baby', cursive;
    font-size: 1.6rem;
}

/* Itineraries Section */

#itinerariesSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;

    background-color: #F0F1F3;
    color: #002D43;
    box-shadow: 5px -4px 7px 0px #00000040;
}

.menuItinerariesContainer {
    width: 100%;
    padding-bottom: 1.6rem;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-around;
}

.menuItinerariesTitle {
    font-weight: 700;
    font-size: 1.4rem;
    padding-right: 30rem;
}

.menuItinerariesOptions {
    display: flex;
    font-weight: 600;
    font-size: 1rem;
}

#roadItinerariesOption,
#airItinerariesOption {
    margin-right: 0.8rem;
    margin-left: 0.8rem;
}

#roadItinerariesOption {
    color: #F48120;
    border-bottom: solid 0.1rem #F48120;
}

#roadItinerariesOption:hover,
#airItinerariesOption:hover {
    cursor: pointer;
    color: #F48120;
    border-bottom: solid 0.1rem #F48120;
}

#roadItinerariesContainer,
#airItinerariesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    padding-bottom: 0;
    margin-bottom: 0;

    padding-left: 2rem;
    padding-right: 2rem;
}

#airItinerariesContainer {
    display: none;
}

.itineraryCard {
    width: fit-content;
    max-width: fit-content;
    height: fit-content;
    max-height: fit-content;

    padding: 0.3rem;
    margin: 1rem;

    background-color: #FFFFFF;
    border-radius: 0.4rem;
}

.itineraryCardImage {
    width: 20rem;
    max-width: 20rem;
    border-radius: 0.4rem;
}

.itineraryCardTitle {
    font-weight: 700;
    font-size: 1rem;

    padding-left: 0.6rem;
    padding-right: 0.6rem;

    margin-top: 0.2rem;
    margin-bottom: 0.8rem;

}

.tineraryCardSubTitleWrapper {
    display: flex;
    align-items: center;

    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-bottom: 0.8rem;
    margin-top: 0;
    padding-top: 0;
}

.itineraryCardSubtitle {
    margin: 0;
    padding-left: 0.4rem;

    font-size: 0.8rem;
}

.localIcon {
    width: 0.7rem;
}

.itinerariesFooterSpacer {
    width: 10rem;
}

.itinerariesFooterContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 5rem;
    padding-right: 5rem;
    text-align: end;
}

.itinerariesCallToActionWrapper {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.itinerariesCalToActionText {
    padding: 0.2rem;

    color: #002D43;
    font-size: 0.8rem;
    font-weight: 400;
}

#itinerariesCallToActionButton {
    margin: 0.2rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;

    font-weight: 700;
    background-color: #49C356;
    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#itinerariesCallToActionButton:hover {
    background-color: #36a542;
    cursor: pointer;
    transition-duration: 0.2s;
}

#valuesSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;

    background-color: #F48120;
    color: #FFFFFF;
    box-shadow: 5px -4px 7px 0px #00000040;
}

.valuesContentWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.valuesBoxes {
    width: 14rem;
    max-width: 14rem;
    height: 14rem;
    max-height: 14rem;

    border: solid 1px white;
    border-radius: 0.4rem;

    margin: 1.2rem;
    padding: 0.8rem;

    text-align: center;
    align-items: center;
}

.valuesIcons {
    width: 2.4rem;
    max-width: 2.4rem;
    padding: 0.4rem;
}

.valuesTitles {
    font-weight: 700;
}

.valuesText {
    font-weight: 200;
}

#gallerySection {
    width: 100%;
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;

    background-color: #F0F1F3;
    color: #002D43;
}

.galleryInformationContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;

    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.galleryaDescriptionTitle {
    font-weight: 700;
    font-size: 1.4rem;
    padding-right: 300px;
    margin-top: 0;
    margin-bottom: 0;
}

.galleryDescriptionText {
    width: 20rem;
    font-size: 0.8rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin: 0;
}

#followUsButton {
    margin: 0.4rem;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;

    font-weight: 700;
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#followUsButton:hover {
    cursor: pointer;
    -moz-transform: scale(1.1);
    -webkit-transformt: scale(1.1);
    transform: scale(1.1);
    transition-duration: 0.2s;
} 

.galleryPhotosContainer {
    max-width: 100%;
    height: fit-content;
    max-height: fit-content;

    padding-top: 1.2rem;
    padding-left: 5rem;
    padding-right: 5rem;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.galleryPhotos {
    max-width: 100%;
    padding: 0.8rem;
}

/* Contact Section */
#contactSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    padding-left: 5rem;
    padding-right: 5rem;

    background-color: #002D43;
    color: #F0F1F3;
}

.footerLgpdWrapper {
    max-width: 24rem;

    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footerLgpdTitleWrapper{
    display: flex;
    font-size: 15px;
    font-weight: 600;
}

.footerLgpdTitleIcon {
    width: 0.8rem;
    padding-right: 0.4rem;
}

.footerLgpdDescriptionWrapper {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 0.8rem;
}

.moreContentOptionsWrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    gap: 30px;
    margin: 20px 0;
}


.moreContentOptions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    min-width: 200px; /* Define uma largura mínima para as colunas */
}

.moreContentOptionsTitle {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.moreContentOption {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 50px; /* Centraliza o texto verticalmente no botão */
}

.moreContentOptions {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Espaçamento entre os itens */
}

.contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #005f73; /* Cor de fundo inicial */
    color: #fff; /* Cor do texto */
    text-decoration: none; /* Remove o sublinhado do link */
    padding: 15px 20px; /* Espaçamento interno do botão */
    border-radius: 5px; /* Bordas arredondadas */
    font-size: 16px;
    font-weight: bold;
    text-align: center; /* Centraliza o texto */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Suaviza as transições */
    width: 250px;
    height: 50px; 
    box-sizing: border-box;
}

.contact-button:hover {
    background-color: #0a9396; /* Cor ao passar o mouse */
    transform: scale(1.05); /* Aumenta ligeiramente o tamanho ao passar o mouse */
    cursor: pointer; /* Muda o cursor para mãozinha */
}

.contact-button:active {
    background-color: #94d2bd; /* Cor ao clicar */
    transform: scale(0.98); /* Reduz ligeiramente o tamanho ao clicar */
}

/* Estilos para a classe 'moreContentOption' para ajustar o texto */
.moreContentOption {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
}


.footerRowContainer {
    max-width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 2rem;
    padding-bottom: 1rem;

    background-color: #002D43;
    color: #F0F1F3;
    
    font-size: xx-small;
}

.footerRowDescription {
    display: flex;
    justify-content: space-between;
}

.footerRow {
    width: 100%;
    border-bottom: solid 1px #F0F1F3;
}

/* Common settings */

#homeSection,
#aboutSection,
#itinerariesSection,
#valuesSection,
#gallerySection,
#contactSection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Generic settings */

.genericLink {
    text-decoration: none;
}

.genericLink:hover {
    color: #F0F1F3;
}

.genericLink:visited {
    color: #F0F1F3;
}

.genericLink:link {
    color: #F0F1F3;
}

/* Breakpoints */

@media (max-width: 1024px) {
    html {
    scroll-behavior: smooth;
}

/* Body */
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}

/* Nav */

nav {
    max-width: 100%;
    max-height: fit-content;

    top: 0;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    position: fixed;

    background-color: #002D43;
    font-weight: 700;
    font-size: 3rem;
}

.logoNav {
    max-width: 10rem;
    width: 10rem;
    padding-top: 2rem;
    padding-left: 2rem;
}

#toggleMenuNav {
    display: flex;
}

.toggleMenuIcon {
    width: 4rem;
    max-width: 4rem;
    padding-right: 2rem;
}

#itemsMenuNav {
    display: none;
    position: fixed;
    top: 8rem;
    right: 0;
    width: 24rem;
    height: fit-content;
    background-color: #002D43;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border-radius: 0.8rem;
}

.itemsMenuNavList {
    display: block;
    padding-left: 1.8rem;

    list-style: none;
    color: white;
}

.itemMenu {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

/* Nav links */
.linkMenu, .buttonsLinks {
    text-decoration: none;
}

.linkMenu:link {
    color: #FFFFFF;
}

.linkMenu:visited {
    color: #FFFFFF;
}

.linkMenu:hover {
    border-bottom: solid 0.1rem #F48120;
}

.linkMenuIcon {
    color: #F48120;
    size: large;
}

.linkMenuIcon:hover {
    color: #DC6d00;
}

/* Home Section */
/* Home Section Texts */

#homeSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 8rem;
    padding-bottom: 1rem;

    background-color: #002D43;
    color: #FFFFFF;
}

.homeTextContainer {
    width: 40rem;
    max-width: 40rem;
    height: fit-content;
    max-height: fit-content;

    align-items: center;
    padding-bottom: 2rem;
}

.homeHeartImage {
    width: 25rem;
    max-width: 25rem;
    padding: 0.4rem;
    padding-bottom: 0rem;
    margin: 0rem;
}

.homeContentTitle {
    font-size: 6rem;
    font-weight: 800;
    line-height: 5rem;
    padding: 1rem;
    margin: 0rem;
}

.homeContentSubtitle {
    font-size: 3.8rem;
    font-weight: 100;
    line-height: 3.6rem;
    padding: 1rem;
    margin: 0rem;
}

.homeButtonsContainer {
    padding-top: 2.4rem;
    padding-bottom: 0.8rem;
}

#homeTravelWithUsButton {
    margin: 1rem;

    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;

    font-weight: 700;
    font-size: 2.4rem;
    background-color: #F48120;
    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#homeTravelWithUsButton:hover {
    cursor: pointer;
    background-color: #DC6d00;
}

#homeExploreButton {
    margin: 1rem;

    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 4rem;
    padding-right: 4rem;

    font-weight: 700;
    font-size: 2.4rem;
    background-color: transparent;
    color: #F48120;

    border-style: none;
    border: solid 0.2rem #F48120;
    border-radius: 3.2rem;
}

#homeExploreButton:hover {
    cursor: pointer;

    color: #DC6d00;
    border: solid 0.2rem #DC6d00;
}

/* Home Section Image */

.homeImage {
    max-width: 40rem;
    width: 40rem;

    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* About Us Section */
/* About Us Section Image*/

#aboutSection {
    max-width: 100%;
    width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    background-color: #002D43;
    color: #FFFFFF;

    padding-top: 1rem;
    padding-bottom: 3.6rem;
    text-align: center;
    margin: 0;
}

.aboutImageWrapper {
    width: fit-content;
    padding-right: 8rem;
}

.aboutImage {
    max-width: 30rem;
    width: 30rem;
    padding-bottom: 1rem;
}

/* About Us Section Text*/

.aboutTextWrapper {
    width: 50rem;
    max-width: 50rem;
    height: fit-content;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    margin: 0;

    font-weight: 100;
}

.aboutContentTitle {
    font-weight: 800;
    font-size: 4rem;
}

strong {
    font-weight: 500;
}

.aboutContentTextItem {
    font-size: 2.3rem;
    margin: 0;
}

.aboutContentQuote {
    font-family: 'Oooh Baby', cursive;
    font-size: 2.8rem;
}

/* Itineraries Section */

#itinerariesSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;

    background-color: #F0F1F3;
    color: #002D43;
    box-shadow: 5px -4px 7px 0px #00000040;
}

.menuItinerariesContainer {
    width: 100%;
    padding-bottom: 1rem;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-around;
}

.menuItinerariesTitle {
    font-weight: 700;
    font-size: 4rem;
    padding: 0;
    padding: 0.8rem;
    margin: 0;
}

.menuItinerariesOptions {
    display: flex;
    font-weight: 600;
    font-size: 2.6rem;
}

#roadItinerariesOption,
#airItinerariesOption {
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#roadItinerariesOption:hover,
#airItinerariesOption:hover {
    cursor: pointer;
    color: #F48120;
    border-bottom: solid 0.1rem #F48120;
}

#roadItinerariesContainer,
#airItinerariesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    padding-bottom: 0;
    margin-bottom: 0;

    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.itineraryCard {
    width: fit-content;
    max-width: fit-content;
    height: fit-content;
    max-height: fit-content;

    padding: 1rem;
    margin: 1rem;

    background-color: #FFFFFF;
    border-radius: 1rem;
}

.itineraryCardImage {
    width: 40rem;
    max-width: 40rem;
    border-radius: 1rem;
}

.itineraryCardTitle {
    width: 30rem;
    font-weight: 700;
    font-size: 2.6rem;

    padding: 0;
    padding-left: 0.6rem;
    padding-right: 0.6rem;

    margin: 0;
    margin-top: 0.2rem;
    margin-bottom: 0.8rem;

}

.tineraryCardSubTitleWrapper {
    display: flex;
    align-items: center;

    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-bottom: 0.8rem;
    margin-top: 0;
    padding-top: 0;
}

.itineraryCardSubtitle {
    margin: 0;
    padding-left: 1rem;

    font-size: 1.4rem;
}

.localIcon {
    width: 1.4rem;
}

.itinerariesFooterSpacer {
    display: none;
}

.itinerariesFooterContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    text-align: center;
}

.itinerariesCallToActionWrapper {
    width: 30rem;
    max-width: 30rem;
    margin: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.itinerariesCalToActionText {
    padding: 0.2rem;

    color: #002D43;
    font-size: 1.8rem;
    font-weight: 400;
}

#itinerariesCallToActionButton {
    margin: 0.2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;

    font-weight: 700;
    font-size: 2.4rem;
    background-color: #49C356;
    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#itinerariesCallToActionButton:hover {
    background-color: #36a542;
    cursor: pointer;
    transition-duration: 0.2s;
}

#valuesSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;

    background-color: #F48120;
    color: #FFFFFF;
    box-shadow: 5px -4px 7px 0px #00000040;
}

.valuesContentWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.valuesBoxes {
    width: 25rem;
    max-width: 25rem;
    height: 25rem;
    max-height: 25rem;

    border: solid 1px white;
    border-radius: 0.4rem;

    margin: 2rem;
    padding: 2rem;

    text-align: center;
    align-items: center;

    font-size: xx-large;
}

.valuesIcons {
    width: 4rem;
    max-width: 4rem;
    padding: 0.4rem;
}

.valuesTitles {
    font-weight: 700;
}

.valuesText {
    font-weight: 200;
}

#gallerySection {
    width: 100%;
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;

    background-color: #F0F1F3;
    color: #002D43;
}

.galleryInformationContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;

    text-align: center;
}

.galleryaDescriptionTitle {
    font-weight: 700;
    font-size: 4rem;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.galleryDescriptionText {
    width: 40rem;
    font-size: 2rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin: 0;
}

#followUsButton {
    margin: 2rem;

    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;

    font-weight: 700;
    font-size: 2rem;
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);    color: #FFFFFF;

    border-style: none;
    border-radius: 3.2rem;

    box-shadow: 4px 4px 7px 0px #00000040;
}

#followUsButton:hover {
    cursor: pointer;
    -moz-transform: scale(1.1);
    -webkit-transformt: scale(1.1);
    transform: scale(1.1);
    transition-duration: 0.2s;
} 

.galleryPhotosContainer {
    max-width: 100%;
    height: fit-content;
    max-height: fit-content;

    padding: 0;
    margin: 0;
    padding-top: 1.2rem;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.galleryPhotos {
    max-width: 24rem;
    width: 24rem;
    padding: 0.8rem;
}

/* Contact Section */
#contactSection {
    max-width: 100%;
    max-height: fit-content;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;

    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;

    background-color: #002D43;
    color: #F0F1F3;
    text-align: center;
}

.footerLgpdWrapper {
    max-width: 40rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footerLgpdTitleWrapper{
    display: flex;
    justify-content: center;
    font-size: large;
    font-weight: 600;
}

.footerLgpdTitleIcon {
    width: 1.4rem;
    padding-right: 0.4rem;
}

.footerLgpdDescriptionWrapper {
    font-size: large;
    font-weight: 300;
    width: 100%;
    text-align: justify;
    padding-bottom: 0.8rem;
}

.footerLgpdDescription {
    text-align: justify;
    font-size: 14px; /* Ajuste conforme necessário */
    line-height: 1.6; /* Espaçamento entre as linhas */
    color: #fff; /* Cor do texto */
    margin: 20px 0;
    padding: 20px; /* Espaçamento interno */
    border-radius: 10px;
    width: 100%;  
}

.footerLgpdIcon {
    width: 2.4rem;
    max-width: 2.4rem;
    transition: transform 0.3s ease, filter 0.3s ease;
    cursor: pointer;
}

.footerLgpdIcon:hover {
    transform: scale(1.2); /* Aumenta o tamanho ao passar o mouse */
    filter: brightness(1.2); /* Torna o ícone ligeiramente mais claro */
}


.footerLgpdIconsWrapper {
    display: flex;
    justify-content: center;
    gap: 15px; /* Espaçamento entre os ícones */
}

.moreContentOptionsWrapper {
    max-width: 40rem;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.moreContentOptions {
    padding-left: 1rem;
    padding-right: 1rem;
}

.moreContentOptionsTitle {
    font-size: large;
    font-weight: 600;
}

.moreContentOption {
    font-size: large;
    font-weight: 300;
}

.footerRowContainer {
    max-width: 100%;

    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 2rem;
    padding-bottom: 1rem;

    background-color: #002D43;
    color: #F0F1F3;
    
    font-size: xx-small;
}

.footerRowDescription {
    display: flex;
    font-size: large;
    justify-content: space-between;
}

.footerRow {
    width: 100%;
    border-bottom: solid 1px #F0F1F3;
}

/* Common settings */

#homeSection,
#aboutSection,
#itinerariesSection,
#valuesSection,
#gallerySection,
#contactSection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Generic settings */

.genericLink {
    text-decoration: none;
}

.genericLink:hover {
    color: #F0F1F3;
}

.genericLink:visited {
    color: #F0F1F3;
}

.genericLink:link {
    color: #F0F1F3;
}
}