/* screen - desktop */

.desktop {
  align-items: center;
  background-color: var(--cararra);
  display: flex;
  flex-direction: column;
  min-width: 1025px;
  position: relative;
}

.desktop .conteno {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyscalewhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.desktop .hero {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 640px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.desktop .frame-85 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 1px;
  position: relative;
  width: 100%;
}

.desktop .imgbackgound {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 640px;
  margin-bottom: -639.00px;
  position: relative;
  width: 100%;
}

.desktop .station-ct-abr-2024 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop .logo {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(245, 245, 245) 15%, rgba(245, 245, 245, 0.75) 66.58%, rgba(245, 245, 245, 0) 94.13%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 320px;
  padding: 40px 0px 0px;
  position: relative;
  width: 100%;
}

.desktop .logostation {
  height: 196px;
  position: relative;
  width: 423.13px;
}

.desktop .chamada {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(6.73, 23.58, 26.83) 8.5%, rgba(6.73, 23.58, 26.83, 0.75) 64.5%, rgba(6.73, 23.58, 26.83, 0) 100%);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  padding: 40px 160px;
  position: relative;
  transform: rotate(-180.00deg);
  width: 100%;
}

.desktop .bt-whatsapp-1 {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  position: relative;
  transform: rotate(180.00deg);
}

.desktop .frame-80 {
  align-items: center;
  background-color: var(--killarney);
  border-radius: 8px;
  box-shadow: 0px 2px 4px #00000029;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  transition: all 0.2s ease;
  width: 286px;
}

.desktop .frame-80:hover {
  transform: translate(0, -4px);
}

.desktop .path54 {
  height: 32px;
  position: relative;
  width: 31.86px;
}

.desktop .button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 10px 16px 10px 8px;
  position: relative;
}

.desktop .acessar {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop .espao-moderno-func {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  transform: rotate(180.00deg);
}

.desktop .porque-station {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/porque-station.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .por-que-realizar-seu {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .frame-15 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 64px;
  justify-content: center;
  position: relative;
  width: 800px;
}

.desktop .frame {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 240px;
}

.desktop .architecture {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .a-arquitetura-do-nos {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .cast_for_education {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .todas-as-salas-so-e {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .person_pin {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .contamos-tambm-com {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .food_bank {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .rea-dedicada-ao-cof {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .frame-12 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 240px;
}

.desktop .accessible {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .tranquilidade-e-conf {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .clean_hands {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .alm-disso-prioriza {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -9.00px;
  margin-right: -9.00px;
  position: relative;
  text-align: center;
  width: 258px;
}

.desktop .img-f {
  align-items: flex-start;
}

.desktop .station-ct-abr-2024-1 {
  height: 640px;
}

.desktop .localizacao {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/localizacao.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 1092px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .frame-3 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 800px;
}

.desktop .directions {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .localizao {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop .frame-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 800px;
}

.desktop .localizada-na-vila-o {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop .frame-32 {
  border: 1px solid;
  border-color: var(--horizon);
  border-radius: 8px;
  height: 580px;
  position: relative;
  width: 800px;
}

.desktop .img-corredor-externo {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 640px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .depoimentos {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/depoimentos.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 688px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .maps_ugc {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .depoimentos-de-nossos-clientes {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop .a-equipe-da-station {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 800px;
}

.desktop .conheci-a-station-p {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 800px;
}

.desktop .deixo-aqui-meu-elog {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 800px;
}

.desktop .img-coffee {
  align-items: center;
  justify-content: center;
}

.desktop .escolha-sua-sala {
  align-items: center;
  align-self: stretch;
  background-color: var(--submarine);
  background-image: url(../img/escolha-sua-sala.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 640px;
  justify-content: center;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .head {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .room_preferences {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .escolha-a-sala-que-a {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.desktop .pronto-para-dar-o-pr {
  height: 71px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 640px;
}

.desktop .fotos-salas {
  align-items: center;
}

.desktop .alimentacao {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.desktop .frame-36 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-36.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 64px 32px;
  position: relative;
  width: 100%;
}

.desktop .fastfood {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .alimentao {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.desktop .oferecemos-servios {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .span1 {
  text-decoration: underline;
}

.desktop .coffee-imgs {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .frame-88 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .coffee-station {
  height: 308px;
  object-fit: cover;
  position: relative;
  width: 309px;
}

.desktop .coffee-station-1 {
  height: 308px;
  object-fit: cover;
  position: relative;
  width: 310px;
}

.desktop .servicos-extras {
  align-items: center;
  align-self: stretch;
  background-color: var(--scarpa-flow);
  background-image: url(../img/frame-31-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 64px 32px;
  position: relative;
  width: 100%;
}

.desktop .room_service {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .servios-complementares {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.desktop .frame-38 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 40px 80px;
  justify-content: center;
  position: relative;
  width: 640px;
}

.desktop .frame-3-1 {
  width: 197px;
}

.desktop .vdeo-conferncia-co {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .impresso-oferecemos {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .traslado-e-hotelaria {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .frame-36-1 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: 141px;
  justify-content: center;
  position: relative;
  width: 197px;
}

.desktop .locao-de-equipamen {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -2.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .fotos-texturas {
  align-items: flex-start;
}

.desktop .station-ct-abr-2024-2 {
  height: 360px;
}

.desktop .tabela-precos {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/tabela-precos.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .frame-33 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.desktop .paid {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .confira-nossos-valores {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.desktop .frame-71 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.desktop .frame-48 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.desktop .frame-2 {
  align-items: flex-start;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.desktop .rea {
  flex: 1;
  height: 120px;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-bottom: -47.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .altura-p-direito {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .frame-6 {
  align-items: flex-end;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.desktop .capacidade {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .auditrio {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .grupos {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .escolar {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .frame-64 {
  align-items: flex-start;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.desktop .u {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .valores {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .x-das {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .frame-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.desktop .frame-5 {
  align-items: center;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  position: relative;
  width: 164px;
}

.desktop .text {
  align-self: stretch;
}

.desktop .frame-7 {
  align-items: center;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  justify-content: center;
  position: relative;
  width: 164px;
}

.desktop .number {
  width: 41px;
}

.desktop .number-1 {
  width: 45px;
}

.desktop .number-2 {
  width: 43px;
}

.desktop .text-1 {
  width: 43px;
}

.desktop .text-2 {
  align-self: stretch;
}

.desktop .number-3 {
  width: 43px;
}

.desktop .text-3 {
  width: 43px;
}

.desktop .text-4 {
  align-self: stretch;
}

.desktop .number-4 {
  width: 43px;
}

.desktop .text-5 {
  width: 43px;
}

.desktop .text-6 {
  align-self: stretch;
}

.desktop .number-5 {
  width: 43px;
}

.desktop .text-7 {
  width: 43px;
}

.desktop .frame-87 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 800px;
}

.desktop .todas-as-salas-so-e-1 {
  color: var(--darkblue);
  flex: 1;
  font-family: var(--font-family-pluto_sans-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .faq {
  align-items: center;
  align-self: stretch;
  background-color: var(--submarine-2);
  background-image: url(../img/frame-7-5.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .frame-39 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 8px;
  height: 95px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .help_center {
  height: 128px;
  margin-bottom: -16.50px;
  margin-top: -16.50px;
  position: relative;
  width: 128px;
}

.desktop .faq-1 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .frame-38-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 56px;
  position: relative;
  width: 800px;
}

.desktop .frame-3-2 {
  flex: 0 0 auto;
  width: 800px;
}

.desktop .a-station-oferece-se {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .a-internet-cobrada {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .vocs-possuem-equipa {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .o-que-est-incluso-n {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .dez-anos-de-mercado {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/dez-anos-de-mercado.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .frame-44 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 800px;
}

.desktop .loyalty {
  height: 128px;
  position: relative;
  width: 128px;
}

.desktop .somos-uma-empresa-co {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.desktop .nossa-estrutura-e-eq {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 800px;
}

.desktop .footer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--deep-space-sparkle);
  background-image: url(../img/frame-39-4.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.desktop .x2024-station-centro-de-treinamento {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .av-dr-cardoso-de-me {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop .address-4 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .fotos {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.desktop .frame-3-3 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.desktop .img {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 640px;
  position: relative;
  width: 100%;
}

.desktop .number-6 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .price-12 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .sala {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .station-ct-abr-2024-3 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop .text-8 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .x235cm-4 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--greyscalewhite);
  display: flex;
  flex-direction: column;
  min-width: 360px;
  position: relative;
}

.index .contencao {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .hero-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .frame-85-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 1px;
  position: relative;
  width: 100%;
}

.index .imgbackgound-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 763px;
  margin-bottom: -762.00px;
  position: relative;
  width: 100%;
}

.index .station-ct-abr-2024-3 {
  flex: 1;
  flex-grow: 1;
}

.index .logo-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0.75) 52%, rgba(245, 245, 245, 0) 88%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 221px;
  padding: 40px 0px;
  position: relative;
  width: 100%;
}

.index .logostation-1 {
  height: 144px;
  margin-bottom: -3.00px;
  position: relative;
  width: 310.87px;
}

.index .chamada-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(6.73, 23.58, 26.83) 8.5%, rgba(6.73, 23.58, 26.83, 0.75) 64.5%, rgba(6.73, 23.58, 26.83, 0) 100%);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 64px 88px;
  position: relative;
  transform: rotate(-180.00deg);
  width: 100%;
}

.index .bt-whatsapp-3 {
  margin-left: -59.00px;
  margin-right: -59.00px;
  transform: rotate(180.00deg);
}

.index .frame-80-1 {
  align-items: center;
  background-color: var(--killarney);
  border-radius: 8px;
  box-shadow: 0px 2px 4px #00000029;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  transition: all 0.2s ease;
  width: 286px;
}

.index .frame-80-1:hover {
  transform: translate(0, -4px);
}

.index .path54-1 {
  height: 32px;
  position: relative;
  width: 31.86px;
}

.index .button-1 {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 10px 16px 10px 8px;
  position: relative;
}

.index .acessar-1 {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .espao-moderno-func-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  transform: rotate(180.00deg);
}

.index .porque-station-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/porque-station-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .por-que-realizar-seu-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-15-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  position: relative;
  width: 100%;
}

.index .frame-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.index .architecture-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .a-arquitetura-do-nos-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .cast_for_education-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .todas-as-salas-so-e-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .person_pin-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .contamos-tambm-com-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .food_bank-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .rea-dedicada-ao-cof-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .frame-12-1 {
  gap: 16px;
}

.index .accessible-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .tranquilidade-e-conf-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .clean_hands-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .alm-disso-prioriza-1 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 258px;
}

.index .bt-whatsapp-2 {
  margin-left: -11.00px;
  margin-right: -11.00px;
}

.index .img-fachada {
  align-items: flex-start;
  height: 372px;
}

.index .localizacao-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/localizacao-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .directions-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .localizao-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .localizada-na-vila-o-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-32-1 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--horizon);
  border-radius: 8px;
  height: 400px;
  position: relative;
  width: 100%;
}

.index .img-corredor-ext {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 342px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .station-ct-abr-2024-6b {
  height: 423px;
  margin-top: -40.50px;
}

.index .depoimentos-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/depoimentos-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .frame-31 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .maps_ugc-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .depoimentos-de-nossos-clientes-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .a-equipe-da-station-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .conheci-a-station-p-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .deixo-aqui-meu-elog-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .img-coffee-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .station-ct-abr-2024-9b {
  height: 640px;
}

.index .escolha-sua-sala-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--submarine);
  background-image: url(../img/escolha-sua-sala-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .frame-43 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .room_preferences-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .escolha-a-sala-que-melhor-te-atende {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .pronto-para-dar-o-pr-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .fotos-salas-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .station-ct-abr-2024-4 {
  height: 264.18px;
}

.index .station-ct-abr-2024-5 {
  height: 265.12px;
}

.index .alimentacao-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .frame-36-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-36-1.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 64px 40px;
  width: 100%;
}

.index .fastfood-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .alimentao-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .oferecemos-servios-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .span1-1 {
  text-decoration: underline;
}

.index .coffee-imgs-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .frame-88-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .coffee-station-2 {
  height: 318.96px;
}

.index .coffee-station-3 {
  height: 317.94px;
}

.index .servicos-extras-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--scarpa-flow);
  background-image: url(../img/servicos-extras-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding: 64px 32px;
  position: relative;
  width: 100%;
}

.index .frame-39-1 {
  flex: 0 0 auto;
  flex-direction: column;
}

.index .room_service-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .servios-complementares-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .frame-38-2 {
  gap: 80px;
  margin-left: -172.00px;
  margin-right: -172.00px;
  width: 640px;
}

.index .frame-3-3 {
  width: 197px;
}

.index .vdeo-conferncia-co-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .impresso-oferecemos-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .traslado-e-hotelaria-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-36-3 {
  align-items: flex-start;
  gap: 10px;
  height: 141px;
  justify-content: center;
  width: 197px;
}

.index .locao-de-equipamen-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -2.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .bt-whatsapp-4 {
  margin-left: -3.00px;
  margin-right: -3.00px;
}

.index .fotos-texturas-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .station-ct-abr-2024-6 {
  height: 240px;
}

.index .tabela-precos-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/tabela-precos-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .frame-33-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .paid-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .confira-nossos-valores-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .swipe_left {
  height: 62px;
  left: 134px;
  position: absolute;
  top: 265px;
  width: 62px;
}

.index .frame-73 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .frame-48-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index .frame-9 {
  align-items: flex-start;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.index .rea-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .altura-p-direito-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-6-1 {
  align-items: flex-end;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.index .capacidade-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .auditrio-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .grupos-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .escolar-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-64-1 {
  align-items: flex-start;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  position: relative;
  width: 150px;
}

.index .u-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .valores-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .x-das-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: -1.50px;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-89::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .frame-89 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
}

.index .frame-90 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index .frame-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.index .frame-50 {
  align-items: center;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: inline-flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  padding: 0px 4px;
  position: relative;
}

.index .sala-0 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 120px;
}

.index .frame-11 {
  align-items: center;
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .text-8 {
  align-self: stretch;
}

.index .frame-13 {
  align-items: center;
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .number-6 {
  width: 41px;
}

.index .number-7 {
  width: 45px;
}

.index .number-8 {
  width: 43px;
}

.index .text-9 {
  width: 43px;
}

.index .text-10 {
  align-self: stretch;
}

.index .number-9 {
  width: 43px;
}

.index .text-11 {
  width: 43px;
}

.index .text-12 {
  align-self: stretch;
}

.index .number-10 {
  width: 43px;
}

.index .text-13 {
  width: 43px;
}

.index .text-14 {
  align-self: stretch;
}

.index .number-11 {
  width: 43px;
}

.index .text-15 {
  width: 43px;
}

.index .faq-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--submarine-2);
  background-image: url(../img/faq-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .frame-39-2 {
  gap: 8px;
  height: 95px;
  justify-content: center;
}

.index .help_center-1 {
  height: 128px;
  margin-bottom: -16.50px;
  margin-top: -16.50px;
  position: relative;
  width: 128px;
}

.index .faq-3 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-38-3 {
  align-self: stretch;
  gap: 56px;
  width: 100%;
}

.index .frame-3-4 {
  width: 209px;
}

.index .a-station-oferece-se-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.index .o-que-est-incluso-n-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.index .a-internet-cobrada-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.index .frame-36-4 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  width: 240px;
}

.index .vocs-possuem-equipa-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .dez-anos-de-mercado-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/dez-anos-de-mercado-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .loyalty-1 {
  height: 128px;
  position: relative;
  width: 128px;
}

.index .somos-uma-empresa-co-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.index .nossa-estrutura-e-eq-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .img-footer {
  align-items: center;
  height: 466px;
  justify-content: center;
  overflow: hidden;
}

.index .station-ct-abr-2024-33 {
  height: 520px;
  margin-top: -27.00px;
}

.index .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--deep-space-sparkle);
  background-image: url(../img/footer-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.index .x2024-station-centro-de-treinamento-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .av-dr-cardoso-de-me-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .coffee-station {
  margin-left: -20.00px;
  object-fit: cover;
  position: relative;
  width: 320px;
}

.index .frame-12 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .frame-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.index .frame-36 {
  display: flex;
  position: relative;
}

.index .frame-38 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index .frame-39 {
  align-items: center;
  align-self: stretch;
  display: flex;
  position: relative;
  width: 100%;
}

.index .img {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.index .number {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .station-ct-abr-2024 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .text {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background-color: var(--lightoffwhite);
  display: flex;
  flex-direction: column;
  min-width: 721px;
  position: relative;
}

.tablet .contencao-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyscalewhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.tablet .hero-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 580px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.tablet .frame-85-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 1px;
  position: relative;
  width: 100%;
}

.tablet .imgbackgound-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 580px;
  margin-bottom: -579.00px;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024-7 {
  flex: 1;
  flex-grow: 1;
}

.tablet .logo-2 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0.75) 52%, rgba(245, 245, 245, 0) 88%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 280px;
  padding: 40px 0px;
  position: relative;
  width: 100%;
}

.tablet .logostation-2 {
  height: 144px;
  position: relative;
  width: 310.87px;
}

.tablet .chamada-2 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(6.73, 23.58, 26.83) 8.5%, rgba(6.73, 23.58, 26.83, 0.75) 64.5%, rgba(6.73, 23.58, 26.83, 0) 100%);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  padding: 64px 88px;
  position: relative;
  transform: rotate(-180.00deg);
  width: 100%;
}

.tablet .bt-whatsapp-6 {
  transform: rotate(180.00deg);
}

.tablet .frame-80-2 {
  align-items: center;
  background-color: var(--killarney);
  border-radius: 8px;
  box-shadow: 0px 2px 4px #00000029;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  transition: all 0.2s ease;
  width: 286px;
}

.tablet .frame-80-2:hover {
  transform: translate(0, -4px);
}

.tablet .path54-2 {
  height: 32px;
  position: relative;
  width: 31.86px;
}

.tablet .button-2 {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 10px 16px 10px 8px;
  position: relative;
}

.tablet .acessar-2 {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .espao-moderno-func-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-bottom: -19.00px;
  position: relative;
  text-align: center;
  transform: rotate(180.00deg);
}

.tablet .porque-station-2 {
  background-image: url(../img/porque-station-2.png);
  gap: 48px;
}

.tablet .por-que-realizar-seu-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .frame-15-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 64px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .frame-14 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 240px;
}

.tablet .architecture-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .a-arquitetura-do-nos-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .cast_for_education-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .todas-as-salas-so-e-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .person_pin-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .contamos-tambm-com-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .food_bank-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .rea-dedicada-ao-cof-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .frame-12-3 {
  gap: 16px;
  width: 240px;
}

.tablet .accessible-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .tranquilidade-e-conf-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .clean_hands-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .alm-disso-prioriza-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -9.00px;
  margin-right: -9.00px;
  position: relative;
  text-align: center;
  width: 258px;
}

.tablet .img-fachada-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024-2-1 {
  align-self: stretch;
  height: 504px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.tablet .localizacao-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/localizacao-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .frame-30-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.tablet .directions-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .localizao-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .frame-12-4 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.tablet .localizada-na-vila-o-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .frame-32-2 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--horizon);
  border-radius: 8px;
  height: 400px;
  position: relative;
  width: 100%;
}

.tablet .img-corredor-ext-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024-6b-1 {
  align-self: stretch;
  height: 544px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.tablet .depoimentos-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/depoimentos-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .frame-31-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.tablet .maps_ugc-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .depoimentos-de-nossos-clientes-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .a-equipe-da-station-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .conheci-a-station-p-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .deixo-aqui-meu-elog-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .img-coffee-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 640px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .porque-station-3 {
  background-color: var(--submarine);
  background-image: url(../img/frame-38-2.png);
  gap: 32px;
}

.tablet .frame-43-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .room_preferences-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .escolha-a-sala-que-melhor-te-atende-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .pronto-para-dar-o-pr-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .fotos-salas-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024-8 {
  height: 449.5px;
}

.tablet .station-ct-abr-2024-9 {
  height: 450.62px;
}

.tablet .alimentacao-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.tablet .frame-36-5 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-36-2.png);
  background-position: 50% 50%;
  background-size: cover;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 64px 40px;
  width: 100%;
}

.tablet .fastfood-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .alimentao-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .oferecemos-servios-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .span1-2 {
  text-decoration: underline;
}

.tablet .coffee-imgs-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .frame-88-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 16px;
  justify-content: center;
  width: 100%;
}

.tablet .coffee-station-4 {
  width: 309px;
}

.tablet .coffee-station-5 {
  width: 310px;
}

.tablet .servicos-extras-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--scarpa-flow);
  background-image: url(../img/servicos-extras-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding: 64px 32px;
  position: relative;
  width: 100%;
}

.tablet .frame-39-3 {
  flex: 0 0 auto;
  flex-direction: column;
  margin-left: -71.50px;
  margin-right: -71.50px;
  width: 800px;
}

.tablet .room_service-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .servios-complementares-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .frame-38-4 {
  gap: 40px 80px;
  width: 640px;
}

.tablet .frame-3-5 {
  width: 197px;
}

.tablet .vdeo-conferncia-co-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .impresso-oferecemos-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .traslado-e-hotelaria-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .frame-36-6 {
  align-items: flex-start;
  gap: 10px;
  height: 141px;
  width: 197px;
}

.tablet .locao-de-equipamen-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -2.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .fotos-texturas-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024-10 {
  height: 360px;
}

.tablet .tabela-precos-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/tabela-precos-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .frame-33-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.tablet .paid-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .confira-nossos-valores-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .frame-73-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .frame-48-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.tablet .frame-16 {
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  justify-content: flex-end;
  width: 100%;
}

.tablet .rea-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .altura-p-direito-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.tablet .capacidade-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-left: -6.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .auditrio-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .grupos-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .escolar-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .frame-64-2 {
  align-items: center;
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.tablet .u-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .valores-2 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .x-das-2 {
  letter-spacing: -1.50px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.tablet .frame-88-3 {
  align-items: flex-end;
  display: inline-flex;
}

.tablet .frame-17 {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
}

.tablet .frame-50-1 {
  align-items: center;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: inline-flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  padding: 0px 4px;
  position: relative;
}

.tablet .sala-0-1 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 120px;
}

.tablet .frame-18 {
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 10px;
  height: 72px;
  justify-content: center;
  width: 100%;
}

.tablet .text-16 {
  align-self: stretch;
}

.tablet .frame-19 {
  align-self: stretch;
  border-color: var(--lightgray);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 72px;
  justify-content: center;
  width: 100%;
}

.tablet .number-12 {
  width: 41px;
}

.tablet .number-13 {
  width: 45px;
}

.tablet .number-14 {
  width: 43px;
}

.tablet .text-17 {
  width: 43px;
}

.tablet .text-18 {
  align-self: stretch;
}

.tablet .number-15 {
  width: 43px;
}

.tablet .text-19 {
  width: 43px;
}

.tablet .text-20 {
  align-self: stretch;
}

.tablet .number-16 {
  width: 43px;
}

.tablet .text-21 {
  width: 43px;
}

.tablet .text-22 {
  align-self: stretch;
}

.tablet .number-17 {
  width: 43px;
}

.tablet .text-23 {
  width: 43px;
}

.tablet .faq-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--submarine-2);
  background-image: url(../img/faq-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .frame-39-4 {
  align-self: stretch;
  gap: 8px;
  height: 95px;
  justify-content: center;
  width: 100%;
}

.tablet .help_center-2 {
  height: 128px;
  margin-bottom: -16.50px;
  margin-top: -16.50px;
  position: relative;
  width: 128px;
}

.tablet .faq-5 {
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .frame-38-5 {
  align-self: stretch;
  gap: 64px 96px;
  padding: 0px 64px;
  width: 100%;
}

.tablet .frame-3-6 {
  width: 209px;
}

.tablet .a-station-oferece-se-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.tablet .o-que-est-incluso-n-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.tablet .a-internet-cobrada-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 240px;
}

.tablet .frame-36-7 {
  align-items: flex-start;
  gap: 10px;
  width: 240px;
}

.tablet .vocs-possuem-equipa-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .dez-anos-de-mercado-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/dez-anos-de-mercado-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .frame-44-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.tablet .loyalty-2 {
  height: 128px;
  position: relative;
  width: 128px;
}

.tablet .somos-uma-empresa-co-2 {
  align-self: stretch;
  letter-spacing: -1.50px;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.tablet .nossa-estrutura-e-eq-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .img-footer-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 480px;
  position: relative;
  width: 100%;
}

.tablet .footer-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--deep-space-sparkle);
  background-image: url(../img/footer-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .x2024-station-centro-de-treinamento-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .av-dr-cardoso-de-me-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .coffee-station {
  height: 308px;
  object-fit: cover;
  position: relative;
}

.tablet .frame {
  align-items: center;
  position: relative;
}

.tablet .frame-12 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.tablet .frame-3 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.tablet .frame-36 {
  display: flex;
  justify-content: center;
  position: relative;
}

.tablet .frame-38 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.tablet .frame-39 {
  align-items: center;
  display: flex;
  position: relative;
}

.tablet .frame-88 {
  flex: 0 0 auto;
  position: relative;
}

.tablet .number {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .porque-station {
  align-items: center;
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 64px 40px;
  position: relative;
  width: 100%;
}

.tablet .station-ct-abr-2024 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.tablet .text {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .screen.desktop { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .screen.desktop { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1025px) {
  .screen.index { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}