:root {
  --standard-sides-paddings: calc(1.5 * (4vw + 1.5vh));
  --standard-p-size: calc(0.6 * (1rem + 0.5vw + 0.5vh));
  --standard-color: #bd1398;
  --secundary-color: #64024fd8;
  --identity-font-family: "Playfair Display", serif;
}

::-webkit-scrollbar {
  display: none;
}

@font-face {
  font-family: "Playfair Display";
  src: url(./fonts/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");
  src: url(./fonts/Playfair\ Display\ Regular.otf);
  src: url(./fonts/Playfair\ Display\ Regular.svg) format("svg");
  src: url(./fonts/Playfair\ Display\ Regular.woff) format("woff");
  src: url(./fonts/Playfair\ Display\ Regular.woff2) format("woff2");
}

@font-face {
  font-family: "montserrat-700";
  src: url(./Fonts/montserrat/Montserrat-Bold.ttf);
}

@font-face {
  font-family: "montserrat-600";
  src: url(./Fonts/montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
  font-family: "montserrat-500";
  src: url(./Fonts/montserrat/Montserrat-Medium.ttf);
}

@font-face {
  font-family: "montserrat-400";
  src: url(./Fonts/montserrat/Montserrat-Regular.ttf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  list-style: none;
  text-decoration: none;
  font-family: "montserrat-400", sans-serif;
  color: var(--secundary-color);
  font-size: var(--standard-p-size);
}

*::selection {
  background: transparent;
}

body {
  position: relative;
  overflow-x: hidden;
}

html {
  width: 100vw;
  overflow-x: hidden;
}

body {
  background: #f3f3f3;
}

header {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: calc(1 * (1rem + 8vh - 1vw));
  top: 0;
  left: 0;
  margin: auto;
  z-index: 10;
  padding: 0 var(--standard-sides-paddings);
  text-align: center;
  font-size: var(--standard-p-size);
  background: rgb(243, 243, 243, 0.8);
  backdrop-filter: blur(9px);
}

header a {
  background: -webkit-linear-gradient(
    45deg,
    rgba(104, 9, 83, 0.849),
    var(--secundary-color),
    rgba(189, 19, 152, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}

header p {
  opacity: inherit;
}

header a:hover {
  opacity: 50%;
}

.secundary-header-logo-content {
  background: -webkit-linear-gradient(
    45deg,
    rgba(71, 2, 56, 0.849),
    rgba(100, 2, 79, 0.849),
    rgba(51, 2, 40, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(0.6 * var(--standard-p-size));
  letter-spacing: 2px;
  font-weight: 600;
}

.main-header-logo-content {
  background: -webkit-linear-gradient(
    45deg,
    rgba(104, 9, 83, 0.849),
    rgba(207, 53, 174, 0.849),
    rgba(189, 19, 152, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-family: "Playfair Display", serif;
  font-size: calc(1.3 * var(--standard-p-size));
}

main {
  position: relative;
  display: flex;
  flex-direction: column;
}

.main-content {
  position: relative;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.section {
  width: 100vw;
  min-height: 100vh;
}

.section-one {
  background: transparent;
  margin: -25px 0 0 0;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.section-one-background {
  min-width: 70rem;
  max-width: 115vw;
  margin: 0 -10vw;
  padding: 20px 0;
  object-position: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: calc(0.7vw + 1vh);
  filter: saturate(160%) opacity(90%) blur(0px);
}

.img-content {
  background: #dfdfdf;
  border-radius: 17px;
  position: relative;
  min-height: 100px;
  overflow-x: hidden;
  object-position: center;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.563);
}

.section-one-background .img-content:nth-child(1) {
  grid-column: 3/5;
  grid-row: 2/3;
  background-image: url(./section-one/tamara-bellis-mNZ-GvOQUUY-unsplash.jpg);
  background-size: cover;
  background-position: left;
}

.section-one-background .img-content:nth-child(2) {
  grid-column: 1/3;
  grid-row: 1/3;
  background-image: url(./section-one/artificial-photography-vB5qtt8X4NA-unsplash.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(3) {
  grid-column: 2/4;
  grid-row: 3/6;
  background-image: url(./section-one/orange.jpeg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(4) {
  grid-column: 1/2;
  grid-row: 4/6;
  background-image: url(./section-one/charles-fair-M2pw0BINIWY-unsplash.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(5) {
  grid-column: 4/6;
  grid-row: 3/5;
  background-image: url(./section-one/jonathan-borba-XJt51hAa3z8-unsplash.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(6) {
  grid-column: 6/7;
  grid-row: 2/4;
  background-image: url(./section-one/frank-flores-eyFcZLLYvfA-unsplash.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(7) {
  grid-column: 4/5;
  grid-row: 5/7;
  background-image: url(./section-one/alex-blajan-6ozhV5b9ims-unsplash.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(8) {
  grid-column: 1/3;
  grid-row: 6/7;
  background-image: url(./section-one/16.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(9) {
  grid-column: 5/7;
  grid-row: 5/6;
  background-image: url(./section-one/18.jpg);
  background-size: cover;
  background-position: center;
}

.section-one-background .img-content:nth-child(10) {
  grid-column: 4/6;
  background-image: url(./section-one/19.jpeg);
  background-size: cover;
  background-position: center;
}
.section-one-background .img-content:nth-child(11) {
  display: none;
}
.section-one-background .img-content:nth-child(12) {
  display: none;
}
.section-one-background .img-content:nth-child(13) {
  display: none;
}
.section-one-background .img-content:nth-child(14) {
  display: none;
}
.section-one-background .img-content:nth-child(15) {
  display: none;
}
.section-one-background .img-content:nth-child(16) {
  display: none;
}
.section-one-background .img-content:nth-child(17) {
  display: none;
}
.section-one-background .img-content:nth-child(18) {
  display: none;
}
.section-one-background .img-content:nth-child(19) {
  display: none;
}

.catalogo-background:hover {
  backdrop-filter: brightness(130%) blur(20px);
}

.catalogo-background h2 {
  background: -webkit-linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.849),
    rgba(190, 31, 156, 0.849),
    rgba(150, 3, 118, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(2 * var(--standard-p-size));
  font-family: var(--identity-font-family);
  text-align: center;
  margin: var(--standard-p-size) var(--standard-p-size) 5px
    var(--standard-p-size);
  justify-self: center;
  display: flex;
  flex-direction: column;
}

.all-catalogo {
  width: 100%;
  margin: auto;
  margin-top: -55vh;
  display: flex;
  z-index: 5;
}

.catalogo-background {
  min-width: 20rem;
  max-width: 90vw;
  background: rgb(255, 255, 255, 0.9);
  backdrop-filter: blur(15px) brightness(100%);
  border-radius: 50px;
  border: solid 1px rgb(255, 255, 255);
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.263);
  margin: auto;
}

.content-catalogo {
  display: flex;
  flex-direction: column;
  padding: calc(0.6 * var(--standard-sides-paddings)) 0;
}

.catalogo-title {
  display: flex;
  align-self: center;
  justify-self: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  z-index: 7;
}

.catalogo-title h2 {
  font-size: calc(2.5 * var(--standard-p-size));
  width: 90%;
  background: -webkit-linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.849),
    rgba(190, 31, 156, 0.849),
    rgba(150, 3, 118, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "montserrat-700", sans-serif;
  text-align: center;
  margin: var(--standard-p-size) var(--standard-p-size) 5px
    var(--standard-p-size);
  justify-self: center;
  display: flex;
  flex-direction: column;
  color: #000000;
  text-decoration: none;
}

.bottom-line {
  width: 45%;
  height: calc(0.05 * var(--standard-p-size));
  background: var(--secundary-color);
}

.content-card {
  width: 90%;
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  padding: calc(1 * var(--standard-sides-paddings)) 0;
}

.card {
  min-width: 135px;
  width: 29%;
  min-height: 168px;
  margin: calc(0.2 * var(--standard-sides-paddings)) auto;
  object-fit: cover;
  position: relative;
  cursor: pointer;
}

.card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 17px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.363);
}

.card p {
  position: absolute;
  top: 0;
  right: -7px;
  font-weight: 500;
  letter-spacing: 1px;
  color: white;
  padding: calc(0.5 * var(--standard-p-size)) calc(1 * var(--standard-p-size));
  background: linear-gradient(
    45deg,
    var(--secundary-color),
    var(--standard-color)
  );
  border-radius: 17px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.363);
}

.grupo-de-ofertas {
  padding-top: 10vh;
  position: relative;
  min-height: 100vh;
}

.grupo-de-ofertas-background {
  background: transparent;
  min-height: 100vh;
  width: 100vw;
  position: absolute;
  display: flex;
  bottom: 150vh;
}

.grupo-de-ofertas-background svg {
  display: block;
  transform: scale(6);
  left: -40px;
  opacity: 5%;
  align-self: flex-end;
}

.grupo-de-ofertas-content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: 0 var(--standard-sides-paddings);
  overflow-x: hidden;
  min-height: 100vh;
  top: 0;
  width: 100%;
}

.grupo-de-ofertas-svg img {
  margin-left: calc(-5vw - 15vh);
  display: block;
  min-width: 220px;
  width: 30rem;
}

.grupo-de-ofertas-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 60%;
}

.acesse {
  font-size: calc(1.5 * var(--standard-p-size));
}

.grupo {
  font-size: calc(2 * calc(0.6 * (1rem + 1.5vw + 0.5vh)));
  font-weight: 600;
  text-transform: uppercase;
  background: -webkit-linear-gradient(
    45deg,
    rgba(104, 9, 83, 0.847),
    rgba(207, 53, 174, 0.847),
    rgba(189, 19, 152, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ofertas {
  font-size: calc(3 * calc(0.6 * (1rem + 2vw + 0.5vh)));
  margin-top: calc(-1.2 * calc(0.6 * (1rem + 2vw + 0.5vh)));
  font-weight: 1000;
  text-transform: uppercase;
  background: -webkit-linear-gradient(
    45deg,
    rgba(104, 9, 83, 1),
    rgba(207, 53, 174, 1),
    rgba(189, 19, 152, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}

.ofertas-text p {
  font-size: calc(1.15 * var(--standard-p-size));
  font-weight: 600;
  width: calc(16 * calc(0.6 * (1rem + 2vw + 0.5vh)));
}

.grupo-de-ofertas-text a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: calc(1 * var(--standard-p-size));
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  background: -webkit-linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.849),
    rgba(190, 31, 156, 0.849),
    rgba(150, 3, 118, 0.849)
  );
  text-align: center;
  border-radius: 13px;
  margin: calc(1 * var(--standard-p-size)) 0 calc(2 * var(--standard-p-size)) 0;
  line-height: calc(3 * var(--standard-p-size));
  border-top: solid 2px violet;
  border-bottom: solid 2px violet;
}

.grupo-de-ofertas-text a:hover {
  background: linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.749),
    rgba(190, 31, 156, 0.749),
    rgba(150, 3, 118, 0.749)
  );
}

.grupo-de-ofertas-text a svg {
  height: 15px;
  width: 15px;
  fill: white;
  margin: 0 5px;
}

.section-three {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: 0 var(--standard-sides-paddings);
}

.section-three h2 {
  font-size: calc(2.5 * var(--standard-p-size));
  padding: calc(2.5 * var(--standard-p-size)) 0;
  font-family: var(--identity-font-family);
  background: -webkit-linear-gradient(
    45deg,
    rgba(104, 9, 83, 0.849),
    rgba(207, 53, 174, 0.849),
    rgba(189, 19, 152, 0.849)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-three p {
  font-size: calc(1.1 * var(--standard-p-size));
  padding: 10px;
  font-weight: 600;
}

.phone-number,
.address-details,
.horario-de-funcionamento {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.phone-number p {
  font-size: calc(1.1 * var(--standard-p-size));
  padding: 10px;
  font-weight: 600;
}

.phone-number svg {
  height: calc(1.5 * var(--standard-p-size));
  width: calc(1.5 * var(--standard-p-size));
  fill: var(--secundary-color);
}

.whatsapp-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: calc(1 * var(--standard-p-size));
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  background: -webkit-linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.849),
    rgba(190, 31, 156, 0.849),
    rgba(150, 3, 118, 0.849)
  );
  text-align: center;
  border-radius: 13px;
  margin: calc(1 * var(--standard-p-size)) 0 calc(2 * var(--standard-p-size)) 0;
  line-height: calc(3 * var(--standard-p-size));
  border-top: solid 2px violet;
  border-top: solid 2px violet;
}

.whatsapp-button:hover {
  background: linear-gradient(
    45deg,
    rgba(189, 5, 149, 0.749),
    rgba(190, 31, 156, 0.749),
    rgba(150, 3, 118, 0.749)
  );
}

.whatsapp-button svg {
  height: 15px;
  width: 15px;
  fill: white;
  margin: 0 5px;
}

.address-details svg {
  height: calc(2 * var(--standard-p-size));
  width: calc(2 * var(--standard-p-size));
  align-self: flex-start;
}

.horario-de-funcionamento svg {
  height: calc(2 * var(--standard-p-size));
  width: calc(2 * var(--standard-p-size));
  fill: var(--secundary-color);
}

.iframe {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0.5;
}

iframe {
  border-radius: 17px;
  width: 100%;
}

footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--standard-sides-paddings);
}

footer p {
  padding: var(--standard-p-size) 0;
  text-align: center;
}