#main {      margin-top: -40px;    }        * {      padding: 0;      margin: 0;      box-sizing: border-box;    }    body {      background-color: #FFFFFF;      font-family: "Poppins", sans-serif;    }    header a {      text-decoration: none;    }    header {      padding: 20px 20px;      display: flex;      justify-content: space-between;    }    ul li {      padding: 6px 5px 5px 5px;      margin-left: 10px;    }    ul li:hover {      transform: scale(1.1);      transition: 0.3s;    }    /*ul .scale-effect:hover {      transform: scale(1.1);      transition: 0.3s;  }*/    .flex-list {      list-style: none;      height: 100%;      width: 100%;      display: flex;      align-items: center;      justify-content: space-around;      padding: 0;      margin: 0;  }    .flex-list a {      color: #ffffff;      text-decoration: none;  }    .flex-list-item {      padding: 6px 5px;      margin-left: 10px;      cursor: pointer;  }    .flex-list-item:hover {      transform: none;      transition: none;  }    /* Ajuste para telas menores */@media (max-width: 768px) {  .flex-list {    flex-direction: column; /* Alinhar os itens em coluna */    justify-content: center;  }  .flex-list li {    margin-left: 0;    margin-bottom: 10px; /* Espaço entre os itens */    font-size: 14px; /* Reduzir o tamanho da fonte */  }}/* Ajuste para telas muito pequenas (ex.: smartphones) */@media (max-width: 480px) {  .flex-list li {    font-size: 12px; /* Fonte ainda menor */    padding: 4px; /* Reduzir o espaçamento */  }}    #hamburger-icon {      margin: -6px 0;      display: none;      /*cursor: pointer;*/    }    #hamburger-icon div {      width: 35px;      height: 3px;      background-color: white;      margin: 6px 0;      transition: 0.4s;    }    .open .bar1 {      -webkit-transform: rotate(-45deg) translate(-6px, 6px);      transform: rotate(-45deg) translate(-6px, 6px);    }    .open .bar2 {      opacity: 0;    }    .open .bar3 {      -webkit-transform: rotate(45deg) translate(-6px, -8px);      transform: rotate(45deg) translate(-6px, -8px);    }    .open .mobile-menu {      display: flex;      flex-direction: column;      align-items: center;      justify-content: flex-start;      height: auto;    }    .mobile-menu {      display: none;      position: absolute;      top: 6.2em;      left: 0;      height: calc(100vh - 50px);      width: 100%;      background-color:#003b95;     }    .mobile-menu li {      margin-bottom: 10px;    }    @media only screen and (min-width: 300px) and (max-width: 1000px) {      header {        padding: 30px;        height: 100%;        width: 100%      }      header #logo {        margin-top: 0;      }      header #logo {        margin: 10px 0 0 0;      }      header {        /*background-color: #1d1f1d;*/        height: 100%;        justify-content: space-between;      }      header nav {        display: none;        background-color: #1d1f1d;      }      img.logo {        margin-left: -30px;      }      #hamburger-icon {        display: block;      }      #hamburger-icon div {        width: 35px;        height: 3px;        background-color: white;        margin: 6px 0;        transition: 0.4s;      }      .mobile-menu li {        margin-bottom: 10px;      }    }      /* DEMO ONLY */    .container .demo {      text-align: center;    }    .container .demo div {      padding: 0px;    }    /* .container .demo div:nth-child(odd){color:#FFFFFF; background:#FFFFFF;}.container .demo div:nth-child(even){color:#FFFFFF; background:#FFFFFF;}*/    @media screen and (max-width:900px) {      .container .demo div {        margin-bottom: 0;      }    }      /* Clear floats after the columns */    .row:after {      content: "";      display: table;      clear: both;    }    @media screen and (max-width: 600px) {      .row:after {        content: "";        display: table;        clear: both;      }    }      .left {      float: left;      width: 50%;      padding: 60px 0 0 80px;    }    .right {      float: right;      width: 50%;    }    img {      max-width: 100%;      height: auto;    }    .shadow {      box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.24);          }    .group:after {      content: "";      display: table;      clear: both;    }    @media screen and (max-width: 480px) {      .left,      .right {        float: none;        width: auto;      }      img {        max-width: 100%;        height: auto;      }      #pageintro .heading {        font-size: 64px      }    }    @media screen and (max-width: 1000px) {      #pageintro .heading {        font-size: 64px      }      .left {        float: none;        width: auto;        padding: 40px 40px 0 40px;      }      .right {        float: none;        width: auto;      }      img.transfer {        min-width: 100%;        height: auto;      }    }      #container {      background-color: antiquewhite;      display: flex;      flex-direction: column;      flex-wrap: wrap;      flex: 0 0;      justify-content: space-evenly;      height: 20vh;      width: 20vw;      margin: 0 15% 0 15%;      box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.24);    }    .item {      text-align: left;      white-space: normal;    }    .item1 {      flex-basis: 50%;      background-color: white;    }    .item2 {      flex-basis: 50%;      background-color: white;    }    .item3 {      flex-basis: 100%;      background-color: white;    }      .whatsapp-fixo {      position: fixed;      bottom: 20em;      right: 10px;      z-index: 999;    }             .atracao {      float: left;      width: 40%;    }    .titulo {      float: right;      width: 60%;      padding: 40px 20px 0px 20px;    }    .texto {      float: right;      width: 60%;      padding: 40px 20px 20px 20px;    }    .saiba {      float: right;      width: 60%;      padding: 0 0 20px 0;    }    img {      max-width: 100%;      height: auto;    }    .shadow {            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.24);    }    .group:after {      content: "";      display: table;      clear: both;    }    @media screen and (max-width: 480px) {      /*.left, .right{padding:0;}*/      .atracoes {        display: flex;        flex-direction: column;      }      .atracao {        float: none;        width: auto;        order: 2;      }      .titulo {        float: none;        width: auto;        padding: 40px 40px 10px 40px;        order: 1;      }      .texto {        float: none;        width: auto;        padding: 20px 20px 20px 20px;        order: 3;      }      .saiba {        float: right;        width: 60%;        padding: 0 0 20px 0;      }      img {        max-width: 100%;        height: auto;      }      #pageintro .heading {        font-size: 64px      }    }    @media screen and (max-width: 1000px) {      #pageintro .heading {        font-size: 64px      }      .atracoes {        display: flex;        flex-direction: column;      }      .atracao {        float: none;        width: auto;        order: 2;      }      .titulo {        float: none;        width: auto;        padding: 40px 40px 10px 40px;        order: 1;      }      .texto {        float: none;        width: auto;        padding: 20px 20px 20px 20px;        order: 3;      }      img.transfer {        min-width: 100%;        height: auto;      }          }    .btn_disponibilidade {      display: flex; /* Habilita o modelo de caixa flexível */      justify-content: center; /* Centraliza o botão horizontalmente */      align-items: center; /* Centraliza o botão verticalmente */      height: 100%; /* Garante que o footer ocupe toda a altura disponível */      text-align: center; /* Opcional, caso queira alinhar textos internos */      border-radius: 20px;  }      .breadcrumbs {    font-size: 1rem; /* Usar unidade relativa para escalabilidade */    color: #1d1f1d;    margin: 0.5rem 0 0 1rem; /* Unidades relativas para melhor responsividade */    text-transform: none;    margin-left: 55px;}.breadcrumbs a {    color: #1d1f1d;    text-decoration: none;    transition: color 0.3s ease;}.breadcrumbs a:hover {    color: #003b95;}.breadcrumbs span {    color: #1d1f1d;}/* Media Query para telas menores */@media (max-width: 768px) {    .breadcrumbs {        font-size: 0.875rem; /* Reduz tamanho da fonte em telas menores */        margin: 0.5rem 0 0 0.5rem; /* Ajusta espaçamento para telas menores */    }}/* Media Query para telas ainda menores (smartphones) */@media (max-width: 480px) {    .breadcrumbs {        font-size: 0.75rem; /* Reduz ainda mais o tamanho da fonte */        margin: 0.25rem 0 0 10px; /* Ajusta espaçamento */    }}    footer {      background-color: #002a4d;      color: #fff;      padding: 5px;      font-size: 15px;    }    .footer a {      color: #fff;      text-decoration: none;      display: block;      margin-bottom: 10px;      /* Garante alinhamento vertical */    }    .footer-column a:hover {      text-decoration: none;      color: yellow;    }    .footer-bottom {      text-align: center;      margin-top: 20px;      border-top: 1px solid #1a4f73;      padding-top: 10px;    }    /* Versão mobile */    @media (max-width: 768px) {      .footer-container {        flex-direction: column;        align-items: center;        /* Centraliza os elementos */      }      .footer-column {        flex: 1 1 100%;        text-align: center;        /* Centraliza o texto */        margin: 5px 0;        /* Reduz margens */      }      .footer-column h1 {        text-align: center;      }      .footer-column img.logo {        display: block;        margin: 0 auto;        /* Centraliza a logo */      }      .footer-bottom {        text-align: center;      }    }      .linky {      color: #FFF;      text-decoration: none;      padding-top: 20px;      transition: color 0.3s ease;    }        .linky:hover {      color: #FAE82C; /* Escolha a cor que deseja para o hover */    }