@charset "UTF-8";
/* Box-sizing */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Margem */
* {
  margin: 0;
}

/* Tipografia */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Mídia */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* Fontes */
input, button, textarea, select {
  font: inherit;
}

/* Overflow */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

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

/* Cores */
/* Margem - Padding - Gap */
/* Gap */
/* Margens */
/* Margem superior que separa os blocos de conteúdo header de main e main de footer */
/* Padding */
/* Famílias de Fontes */
/* Tamanhos de Fontes */
/* Font Weight */
/* Espaço entre Letras  */
/* Breakpoints */
/* Mixin Display Flex */
/* Mixin Articles */
body {
  font-family: Outfit, sans-serif;
  color: #444444;
  text-align: left;
}

/* Desktop */
.header {
  width: 100%;
  height: 55.55vw;
  position: relative;
  /* Background Hero */
  /* Container com Nome da Galeria, Parágrafo de Apresentação e Botão*/
  /* Botão Localização */
}
.header__container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 31.25% 37.5% 31.25%;
  grid-template-areas: "preto img branco";
}
.header__bg-black {
  content: "";
  width: 100%;
  height: 100%;
  grid-area: preto;
  background-color: black;
}
.header__img {
  width: 100%;
  height: 100%;
  grid-area: img;
}
.header__img--tablet, .header__img--mobile {
  display: none;
}
.header__bg-white {
  content: "";
  width: 100%;
  height: 100%;
  grid-area: branco;
  background-color: white;
}
.header__container-texts {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10.625rem;
  margin-top: 3rem;
  position: absolute;
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 12rem;
}
.header__h1 {
  font-family: "Big Shoulders Display", sans-serif;
  font-size: clamp(2.95rem, 2.914rem + 3.8217vw, 7.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.15vw;
  text-align: left;
  text-transform: uppercase;
  padding: 2.125rem 0 0 0;
  color: white;
  mix-blend-mode: difference;
}
.header__container-p-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding-top: 2.125rem;
  position: relative;
}
.header__paragraph {
  font-family: Outfit, sans-serif;
  font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
  font-weight: 300;
  letter-spacing: 0.05vw;
  text-align: left;
}
.header__btn-right, .main__btn-left {
  width: 16.875rem;
  height: 4.5rem;
  position: relative;
  margin-top: 4rem;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  background: linear-gradient(to right, #d5966c 80%, #151515 80%);
  transition: all 0.3s ease-in-out;
}
.header__btn-right:hover, .main__btn-left:hover {
  background: linear-gradient(to right, #151515 80%, #d5966c 80%);
}
.header__btn-text, .main__btn-text {
  position: absolute;
  width: 70%;
  height: 100%;
  top: 0;
  left: 5%;
  font-family: "Big Shoulders Display", sans-serif;
  font-size: clamp(1.255rem, 1.2227rem + 0.1478vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0.2vw;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.25rem 1.5rem;
  border: none;
  color: white;
}
.header__btn-svg-right {
  position: absolute;
  width: 5%;
  height: 40%;
  top: 30%;
  left: 87.5%;
  display: block;
  color: white;
  z-index: 2;
}

/* Desktop */
.main {
  margin: 11.19rem auto 0 auto;
  width: 69.375rem;
  height: 71.875rem;
  display: grid;
  grid-template-columns: 40.09% 152px 40.09%;
  grid-template-rows: 34.78% 313px 32.78%;
  grid-template-areas: "article1 img1 img1" "img2 img2 img3" "img2 img2 article2";
  grid-gap: 2.125rem;
  /* Desktop - Página Home */
  /* Desktop - Article 1 - fundo branco e letras escuras */
  /* Desktop - Página Home */
  /* Desktop - Article 2 - fundo preto e letras brancas */
  /* Desktop - Página Localização */
  /* Desktop - Botão de Voltar */
  /* Desktop - Mapa */
  /* Desktop - Article 3 - fundo preto e letras brancas */
  /* Desktop - Endereço */
}
.main__article .main__article {
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
}
.main__article .main__h2 {
  font-family: "Big Shoulders Display", sans-serif;
  font-size: clamp(2.75rem, 2.8854rem + 1.0955vw, 4.2rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.1vw;
  text-align: left;
  text-transform: uppercase;
  padding-top: 2.125rem;
}
.main__article .main__paragraph {
  padding-top: 2.125rem;
  font-family: Outfit, sans-serif;
  font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
  font-weight: 300;
  letter-spacing: 0.05vw;
  text-align: left;
}
.main__article-1 {
  padding-right: 4.25rem;
  grid-area: "article1";
  color: #444444;
}
.main__h2-1 {
  color: #151515;
}
.main__paragraph-1 {
  color: #444444;
}
.main__article-2 {
  padding: 2.125rem;
  grid-area: "article2";
  background-color: #151515;
}
.main__h2-2 {
  color: white;
}
.main__paragraph-2 {
  color: white;
}
.main__img--tablet, .main__img--mobile {
  display: none;
}
.main__img {
  margin: 0;
  width: 100%;
}
.main__img1 {
  grid-area: img1;
}
.main__img2 {
  height: 100%;
  grid-area: img2;
}
.main__img3 {
  grid-area: img3;
}
.main--location {
  position: relative;
  margin: 0 auto;
  background-color: #444444;
}
.main__btn-left {
  position: absolute;
  margin: 0 10.625rem;
  background: linear-gradient(to right, #d5966c 20%, #151515 20%);
  transition: all 0.3s ease-in-out;
}
.main__btn-left:hover {
  background: linear-gradient(to right, #151515 20%, #d5966c 20%);
}
.main__btn-text {
  top: 0;
  right: 5%;
  text-align: right;
}
.main__btn-svg-left {
  position: absolute;
  width: 5%;
  height: 40%;
  top: 30%;
  left: 7.5%;
  display: block;
  color: white;
  z-index: 2;
}
.main__map--tablet, .main__map--mobile {
  display: none;
}
.main__map-jpg {
  width: 100vw;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.main__article-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  padding: 4.25rem 6.375rem;
  background-color: #151515;
}
.main__section-adress {
  padding-top: 2.125rem;
  padding-left: 19.125rem;
}
.main__h2-2 {
  text-transform: uppercase;
  color: white;
}
.main__h3--location {
  font-family: "Big Shoulders Display", sans-serif;
  font-size: clamp(1.5rem, 1.2994rem + 0.9172vw, 2.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.1vw;
  text-transform: uppercase;
  color: #d5966c;
}
.main__paragraph--location {
  padding-top: 4.25rem;
  color: white;
}

/* Desktop */
.footer, .footer--location {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  margin-top: 11.19rem;
  padding: 4.25rem 6.375rem;
  background-color: #151515;
  /* Desktop - Footer do Página Home*/
  /* Desktop - Footer da Página Localização */
}
.footer__logo, .footer__logo--location {
  width: 13.75rem;
  font-family: "Big Shoulders Display", sans-serif;
  font-size: clamp(1.5rem, 1.2994rem + 0.9172vw, 2.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.1vw;
  text-align: left;
  text-transform: uppercase;
  color: white;
}
.footer__adress, .footer__adress--location {
  width: 37.5rem;
  font-family: Outfit, sans-serif;
  font-size: clamp(1.125rem, 1.086rem + 0.1783vw, 1.3rem);
  font-weight: 200;
  letter-spacing: 0.05vw;
  text-align: left;
  color: white;
}
.footer__adr, .footer__adr--location:hover, .footer__adr--location {
  font-weight: 600;
}
.footer__social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.footer__icon, .footer__icon--location:hover, .footer__icon--location {
  padding-left: 1.0625rem;
  font-size: 1.5rem;
  color: white;
}
.footer__icon:hover, .footer__icon--location:hover, .footer__adr:hover, .footer__adr--location:hover {
  color: #d5966c;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.footer--location {
  margin-top: 0;
  background-color: #d5966c;
}
.footer__logo--location {
  color: #151515;
}
.footer__adress--location {
  color: #151515;
}
.footer__icon--location {
  color: #151515;
}
.footer__icon--location:hover {
  color: white;
}
.footer__adr--location:hover {
  color: white;
}

/* Breakpoints - variáveis do arquivo  _variables.scss
$mobile: 350px;
$mobileX: calc(768px - 1px);
$tablet: 768px;
$tabletX: calc(1200px - 1px);
$desktop: 1200px;
*/
/* MobileXS - Até 349px*/
@media only screen and (max-width: 380px) {
  /* Mobile Header*/
  .header {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 46rem;
    position: relative;
    margin-bottom: 2.5rem; /* Alteração */
    /* Mobile - Background Hero */
    /* Mobile - Container com Nome da Galeria, Parágrafo de Apresentação e Botão*/
  }
  .header__container {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 64vw;
  }
  .header__bg-black, .header__bg-white, .header__img, .header__img--tablet {
    display: none;
  }
  .header__img--mobile {
    width: 100vw;
    display: block;
  }
  .header__container-texts {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 0;
    margin: 64vw 5vw 2.5rem 5vw;
    padding: 0;
    width: 90%;
  }
  .header__h1 {
    padding-bottom: 1rem;
    color: black;
    mix-blend-mode: darken;
  }
  .header__container-p-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
    margin-top: 1rem;
    padding: 0;
  }
  .header__btn-right, .main__btn-left {
    width: 16.875rem;
    height: 4.5rem;
    position: relative;
    margin-top: 2rem;
  }
  /* Mobile Main*/
  .main {
    margin: 0;
    padding: 0 5vw;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    display: grid;
    grid-template-areas: "img1" "article1" "img2" "img3" "article2";
    grid-template-columns: 90vw;
    grid-template-rows: 83.965vw 100vw 125.947vw 52.478vw 100vw; /* IMPORTANTE!!! grid-auto-rows: repeat(auto-fit, minmax(12.5rem, auto));  Alteração */
    grid-gap: 2rem; /* Alteração */
    /* Mobile - Página Home */
    /* Mobile - Article 1 - fundo branco e letras escuras */
    /* Mobile - Página Home */
    /* Mobile - Article 2 - fundo preto e letras brancas */
    /* Mobile -  Página Localização */
    /* Mobile - Botão de Voltar */
    /* Mobile - Mapa */
    /* Mobile - Article 3 - fundo preto e letras brancas */
  }
  .main__article .main__article {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
  }
  .main__article .main__h2 {
    font-family: "Big Shoulders Display", sans-serif;
    font-size: clamp(2.75rem, 2.8854rem + 1.0955vw, 4.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1vw;
    text-align: left;
    text-transform: uppercase;
    padding-top: 2.125rem;
  }
  .main__article .main__paragraph {
    padding-top: 2.125rem;
    font-family: Outfit, sans-serif;
    font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
    font-weight: 300;
    letter-spacing: 0.05vw;
    text-align: left;
  }
  .main__article-1 {
    margin: 0;
    padding: 0rem;
  }
  .main__h2, .main__h2-1 {
    padding-top: 0;
  }
  .main__article-2 {
    padding: 1rem;
  }
  .main__img, .main__img--tablet {
    display: none;
  }
  .main__img--mobile {
    display: block;
    margin: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__img1--mobile {
    grid-area: img1;
  }
  .main__img2--mobile {
    grid-area: img2;
  }
  .main__img3--mobile {
    grid-area: img3;
  }
  .main__btn-left {
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 2;
  }
  .main__map-jpg, .main__map--tablet {
    display: none;
  }
  .main__map--mobile {
    width: 100vw;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__article-3 {
    height: 40rem;
    margin-bottom: 0;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .main__section-adress {
    padding: 2rem 0;
  }
  /* Mobile Footer*/
  .footer, .footer--location {
    display: flex;
    flex-direction: column;
    height: 22rem;
    margin-top: 7.5rem;
    padding: 3rem 2rem;
    /* Mobile - Footer do Página Home*/
    /* Mobile - Footer da Página Localização */
  }
  .footer__logo, .footer__logo--location {
    width: 10rem;
  }
  .footer__adress, .footer__adress--location {
    width: calc(100vw - 5rem);
    padding-top: 1.5rem;
  }
  .footer__icon, .footer__icon--location, .footer__icon--location:hover {
    padding: 1.5rem 1.0625rem 0 0;
  }
  .footer--location {
    display: flex;
    flex-direction: column;
    height: 22rem;
    margin-top: 0;
    padding: 3rem 2rem;
    background-color: #d5966c;
  }
  .footer__logo--location {
    width: 10rem;
  }
  .footer__adress--location {
    width: calc(100vw - 5rem);
    padding-top: 1.5rem;
  }
  .footer__social {
    justify-content: start;
  }
  .footer__icon--location {
    padding: 1.5rem 1.0625rem 0 0;
    color: #151515;
  }
}
/* MobileS - De 350px a 639px*/
@media only screen and (min-width: 381px) and (max-width: 500px) {
  /* Mobile Header*/
  .header {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 46rem;
    position: relative;
    margin-bottom: 2.5rem; /* Alteração */
    /* Mobile - Background Hero */
    /* Mobile - Container com Nome da Galeria, Parágrafo de Apresentação e Botão*/
  }
  .header__container {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 64vw;
  }
  .header__bg-black, .header__bg-white, .header__img, .header__img--tablet {
    display: none;
  }
  .header__img--mobile {
    width: 100vw;
    display: block;
  }
  .header__container-texts {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 0;
    margin: 64vw 5vw 2.5rem 5vw;
    padding: 0;
    width: 90vw; /* IMPORTANTE!!! */
  }
  .header__h1 {
    padding-bottom: 1rem;
    color: black;
    mix-blend-mode: darken;
  }
  .header__container-p-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
    margin-top: 1rem;
    padding: 0;
  }
  .header__btn-right, .main__btn-left {
    width: 16.875rem;
    height: 4.5rem;
    position: relative;
    margin-top: 2rem;
  }
  /* Mobile Main*/
  .main {
    margin: 0 0 2rem 0; /* IMPORTANTE */
    padding: 0 5vw;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    display: grid;
    grid-template-areas: "img1" "article1" "img2" "img3" "article2";
    grid-template-columns: 90vw;
    grid-template-rows: 83.965vw 70vw 125.947vw 52.478vw 75vw; /* IMPORTANTE!!! grid-auto-rows: repeat(auto-fit, minmax(12.5rem, auto));  Alteração */
    grid-gap: 2rem; /* Alteração */
    /* Mobile - Página Home */
    /* Mobile - Article 1 - fundo branco e letras escuras */
    /* Mobile - Página Home */
    /* Mobile - Article 2 - fundo preto e letras brancas */
    /* Mobile -  Página Localização */
    /* Mobile - Botão de Voltar */
    /* Mobile - Mapa */
    /* Mobile - Article 3 - fundo preto e letras brancas */
  }
  .main__article {
    margin: 0;
  }
  .main__article .main__article {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
  }
  .main__article .main__h2 {
    font-family: "Big Shoulders Display", sans-serif;
    font-size: clamp(2.75rem, 2.8854rem + 1.0955vw, 4.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1vw;
    text-align: left;
    text-transform: uppercase;
    padding-top: 2.125rem;
  }
  .main__article .main__paragraph {
    padding-top: 2.125rem;
    font-family: Outfit, sans-serif;
    font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
    font-weight: 300;
    letter-spacing: 0.05vw;
    text-align: left;
  }
  .main__article-1 {
    margin: 0;
    padding: 0rem;
  }
  .main__article-2 {
    height: 90vw; /* IMPORTANTE!!! Alteração para 90vw */
    padding: 1rem;
  }
  .main__img, .main__img--tablet {
    display: none;
  }
  .main__img--mobile {
    display: block;
    margin: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__img1--mobile {
    grid-area: img1;
  }
  .main__img2--mobile {
    grid-area: img2;
  }
  .main__img3--mobile {
    grid-area: img3;
  }
  .main__btn-left {
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 2;
  }
  .main__map-jpg, .main__map--tablet {
    display: none;
  }
  .main__map--mobile {
    width: 100vw;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__article-3 {
    height: 36rem;
    margin-bottom: 0;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .main__section-adress {
    padding: 2rem 0;
  }
  /* Mobile Footer*/
  .footer, .footer--location {
    display: flex;
    flex-direction: column;
    height: 21rem;
    margin-top: 7.5rem;
    padding: 3rem 2rem;
    /* Mobile - Footer do Página Home*/
    /* Mobile - Footer da Página Localização */
  }
  .footer__logo, .footer__logo--location {
    width: 10rem;
  }
  .footer__adress, .footer__adress--location {
    width: calc(100vw - 5rem);
    padding-top: 1.5rem;
  }
  .footer__icon, .footer__icon--location, .footer__icon--location:hover {
    padding: 1.5rem 1.0625rem 0 0;
  }
  .footer--location {
    display: flex;
    flex-direction: column;
    height: 22rem;
    margin-top: 0;
    padding: 3rem 2rem;
    background-color: #d5966c;
  }
  .footer__logo--location {
    width: 10rem;
  }
  .footer__adress--location {
    width: calc(100vw - 5rem);
    padding-top: 1.5rem;
  }
  .footer__social {
    justify-content: start;
  }
  .footer__icon--location {
    padding: 1.5rem 1.0625rem 0 0;
    color: #151515;
  }
}
/* MobileL - De 501px a 779px*/
@media only screen and (min-width: 501px) and (max-width: 779px) {
  /* Mobile Header*/
  .header {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 140vw;
    position: relative;
    /* Mobile - Background Hero */
    /* Mobile - Container com Nome da Galeria, Parágrafo de Apresentação e Botão*/
  }
  .header__container {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    height: 64vw;
  }
  .header__bg-black, .header__bg-white, .header__img, .header__img--tablet {
    display: none;
  }
  .header__img--mobile {
    width: 100vw;
    display: block;
  }
  .header__container-texts {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 0;
    margin: 64vw 2.5rem 2.5rem 2.5rem;
    padding: 0;
    width: 90%;
  }
  .header__h1 {
    padding-bottom: 1rem;
    color: black;
    mix-blend-mode: darken;
  }
  .header__container-p-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
    margin-top: 1rem;
    padding: 0;
  }
  .header__btn-right, .main__btn-left {
    width: 16.875rem;
    height: 4.5rem;
    position: relative;
    margin-top: 2rem;
  }
  /* Mobile Main*/
  .main {
    margin: 0;
    padding: 0 5vw;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    display: grid;
    grid-template-areas: "img1" "article1" "img2" "img3" "article2";
    grid-template-columns: 90vw;
    grid-template-rows: 83.965vw 35vw 125.947vw 52.478vw 50vw; /* IMPORTANTE!!! grid-auto-rows: repeat(auto-fit, minmax(12.5rem, auto));  Alteração */
    grid-gap: 2rem; /* Alteração */
    /* Mobile - Página Home */
    /* Mobile - Article 1 - fundo branco e letras escuras */
    /* Mobile - Página Home */
    /* Mobile - Article 2 - fundo preto e letras brancas */
    /* Mobile -  Página Localização */
    /* Mobile - Botão de Voltar */
    /* Mobile - Mapa */
    /* Mobile - Article 3 - fundo preto e letras brancas */
  }
  .main__article .main__article {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
  }
  .main__article .main__h2 {
    font-family: "Big Shoulders Display", sans-serif;
    font-size: clamp(2.75rem, 2.8854rem + 1.0955vw, 4.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1vw;
    text-align: left;
    text-transform: uppercase;
    padding-top: 2.125rem;
  }
  .main__article .main__paragraph {
    padding-top: 2.125rem;
    font-family: Outfit, sans-serif;
    font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
    font-weight: 300;
    letter-spacing: 0.05vw;
    text-align: left;
  }
  .main__article-1 {
    margin: 0;
    padding: 0;
  }
  .main__h2, .main__h2-1 {
    padding-top: 0;
  }
  .main__article-2 {
    padding: 1rem;
  }
  .main__img, .main__img--tablet {
    display: none;
  }
  .main__img--mobile {
    display: block;
    margin: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__img1--mobile {
    grid-area: img1;
  }
  .main__img2--mobile {
    grid-area: img2;
  }
  .main__img3--mobile {
    grid-area: img3;
  }
  .main__btn-left {
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 2;
  }
  .main__map-jpg, .main__map--tablet {
    display: none;
  }
  .main__map--mobile {
    width: 100vw;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__article-3 {
    height: 36rem;
    padding: 2rem;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .main__section-adress {
    padding: 2rem 0;
  }
  /* Mobile Footer*/
  .footer, .footer--location {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 22rem;
    margin-top: 7.5rem;
    padding: 3rem 2.5rem;
    /* Mobile - Footer do Página Home*/
    /* Mobile - Footer da Página Localização */
  }
  .footer__logo, .footer__logo--location {
    width: 10rem;
  }
  .footer__adress, .footer__adress--location {
    width: calc(100vw - 5rem);
    padding: 1.5rem 0;
  }
  .footer__icon, .footer__icon--location, .footer__icon--location:hover {
    padding: 1.5rem 1.0625rem 0 0;
  }
  .footer--location {
    display: flex;
    flex-direction: column;
    height: 22rem;
    margin-top: 0;
    padding: 3rem 2.5rem;
    background-color: #d5966c;
  }
  .footer__logo--location {
    width: 10rem;
  }
  .footer__adress--location {
    width: calc(100vw - 5rem);
    padding-top: 1.5rem;
  }
  .footer__social {
    justify-content: start;
  }
  .footer__icon--location {
    padding: 1.5rem 1.0625rem 0 0;
    color: #151515;
  }
}
/* Tablet - De 780px a 1199px*/
@media only screen and (min-width: 780px) and (max-width: 1199px) {
  /* Tablet */
  .header {
    width: 100%;
    height: 91.15vw;
    position: relative;
    margin-bottom: 7.5rem;
    /* Background Hero */
    /* Container com Nome da Galeria, Parágrafo de Apresentação e Botão*/
  }
  .header__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 56.9% 43.1%;
    grid-template-areas: "img .";
  }
  .header__bg-black, .header__bg-white {
    display: none;
  }
  .header__img {
    display: none;
  }
  .header__img--tablet {
    display: block;
    width: 100%;
    height: 100%;
    grid-area: img;
  }
  .header__img--mobile {
    display: none;
  }
  .header__container-texts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 1.5rem;
    margin: 6rem 2.5rem 2.5rem 24rem;
    padding: 0;
    width: calc(100% - 26.5rem);
  }
  .header__h1 {
    color: black;
    mix-blend-mode: darken;
  }
  .header__container-p-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
    padding: 0;
  }
  /* Tablet */
  .main {
    margin: 0 auto;
    width: 89.71%;
    height: 147.26vw;
    display: grid;
    grid-template-columns: 40.64% auto 40.64%;
    grid-template-rows: 52.08vw auto 51.56vw;
    grid-template-areas: "article1 img1 img1" "img2 img2 img3" "img2 img2 article2";
    grid-gap: 11px;
    /* Tablet - Página Home */
    /* Tablet - Article 1 - fundo branco e letras escuras */
    /* Tablet - Página Home */
    /* Tablet - Article 2 - fundo preto e letras brancas */
    /* Tablet - Página Localização */
    /* Tablet - Botão de Voltar */
    /* Tablet - Mapa */
    /* Tablet - Article 3 - fundo preto e letras brancas */
  }
  .main__article .main__article {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
  }
  .main__article .main__h2 {
    font-family: "Big Shoulders Display", sans-serif;
    font-size: clamp(2.75rem, 2.8854rem + 1.0955vw, 4.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1vw;
    text-align: left;
    text-transform: uppercase;
    padding-top: 2.125rem;
  }
  .main__article .main__paragraph {
    padding-top: 2.125rem;
    font-family: Outfit, sans-serif;
    font-size: clamp(1.25rem, 1.2166rem + 0.1529vw, 1.4rem);
    font-weight: 300;
    letter-spacing: 0.05vw;
    text-align: left;
  }
  .main__article-1 {
    padding-right: 2rem;
  }
  .main__article-2 {
    padding: 1rem;
  }
  .main__img {
    display: none;
  }
  .main__img--mobile {
    display: none;
  }
  .main__img--tablet {
    display: block;
    margin: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__img1--tablet {
    grid-area: img1;
  }
  .main__img2--tablet {
    height: 100%;
    grid-area: img2;
  }
  .main__img3--tablet {
    grid-area: img3;
  }
  .main__btn-left {
    margin: 0 0 0 2.5rem;
  }
  .main__map-jpg, .main__map--mobile {
    display: none;
  }
  .main__map--tablet {
    width: 100vw;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main__article-3 {
    height: 56.77vw;
    justify-content: flex-start;
    align-items: start;
    padding: 2.5rem;
  }
  .main__section-adress {
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
  /* Tablet */
  .footer, .footer--location {
    height: 28.125vw;
    margin-top: 7.5rem;
    padding: 3rem;
    /* Tablet - Footer do Página Home*/
    /* Tablet - Footer da Página Localização */
  }
  .footer__logo, .footer__logo--location {
    width: 10rem;
  }
  .footer__adress, .footer__adress--location {
    width: 30.5rem;
  }
  .footer--location {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    height: 28.125vw;
    margin-top: 0;
    padding: 3rem 2.5rem;
    background-color: #d5966c;
  }
  .footer__logo--location {
    width: 10rem;
    color: #151515;
  }
  .footer__adress--location {
    width: calc(100vw - 5rem);
    color: #151515;
  }
}
/* Reduced Motion */
@media only screen and (prefers-reduced-motion) {
  .reduce-motion,
  .reduce-motion::before,
  .reduce-motion::after {
    animation-delay: 0s !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.0001ms !important;
    transition-delay: 0s !important;
  }
}/*# sourceMappingURL=style.css.map */