@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No60XLight.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No60XLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No61Light.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No61Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No62Regular.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No62Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No63Medium.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No63Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No64Demi.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No64Demi.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No65Bold.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No65Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No66XBold.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No66XBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic";
  src: url("../fonts/field-gothic/normal/FieldGothic-No67XXBold.woff2") format("woff2"), url("../fonts/field-gothic/normal/FieldGothic-No67XXBold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No40XLightCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No40XLightCond.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No41LightCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No41LightCond.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No42RegCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No42RegCond.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No43MedCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No43MedCond.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No44DemiCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No44DemiCond.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No45BoldCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No45BoldCond.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No46XBoldCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No46XBoldCond.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Condensed";
  src: url("../fonts/field-gothic/condensed/FieldGothic-No47XXBoldCond.woff2") format("woff2"), url("../fonts/field-gothic/condensed/FieldGothic-No47XXBoldCond.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No50XLightCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No50XLightCompact.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No51LightCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No51LightCompact.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No52RegCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No52RegCompact.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No53MedCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No53MedCompact.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No54DemiCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No54DemiCompact.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No55BoldCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No55BoldCompact.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No56XBoldCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No56XBoldCompact.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Compact";
  src: url("../fonts/field-gothic/compact/FieldGothic-No57XXBoldCompact.woff2") format("woff2"), url("../fonts/field-gothic/compact/FieldGothic-No57XXBoldCompact.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No70XLightWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No70XLightWide.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No71LightWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No71LightWide.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No72RegWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No72RegWide.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No73MedWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No73MedWide.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No74DemiWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No74DemiWide.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No75BoldWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No75BoldWide.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No76XBoldWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No76XBoldWide.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic Wide";
  src: url("../fonts/field-gothic/wide/FieldGothic-No77XXBoldWide.woff2") format("woff2"), url("../fonts/field-gothic/wide/FieldGothic-No77XXBoldWide.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No80XLightXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No80XLightXWide.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No81LightXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No81LightXWide.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No82RegXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No82RegXWide.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No83MedXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No83MedXWide.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No84DemiXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No84DemiXWide.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No85BoldXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No85BoldXWide.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No86XBoldXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No86XBoldXWide.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Field Gothic XWide";
  src: url("../fonts/field-gothic/xwide/FieldGothic-No87XXBoldXWide.woff2") format("woff2"), url("../fonts/field-gothic/xwide/FieldGothic-No87XXBoldXWide.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-family: "Field Gothic", sans-serif;
  font-weight: 400;
  background-color: #1d1d1b;
  color: #fbf8e5;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

ul,
ol {
  list-style: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 4rem 1.6rem;
  transition: transform 0.3s ease, padding 0.3s ease;
  isolation: isolate;
}
.navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(3px);
  filter: url(#glass-distortion);
  background-color: rgba(255, 255, 255, 0.15);
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.navbar::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 1px 1px 0.5px 0 rgba(255, 255, 255, 0.15), inset -0.5px -0.5px 0.5px 0.5px rgba(255, 255, 255, 0.1);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.navbar.navbar--scrolled {
  padding: 0.8rem 1.6rem;
}
@media (min-width: 1128px) {
  .navbar.navbar--scrolled {
    padding: 0.8rem 7.6rem;
  }
}
.navbar.navbar--scrolled::before, .navbar.navbar--scrolled::after {
  opacity: 1;
}
.navbar.navbar--black-always {
  background-color: transparent;
}
.navbar.navbar--black-always::before, .navbar.navbar--black-always::after {
  display: none;
}
.navbar.navbar--black-always .navbar__logo img {
  filter: brightness(0) saturate(100%) invert(7%) sepia(6%) saturate(1033%) hue-rotate(314deg) brightness(96%) contrast(92%);
}
.navbar.navbar--black-always .navbar__links li a {
  color: #1d1d1b;
  text-shadow: none;
}
.navbar.navbar--black-always .navbar__login {
  color: #1d1d1b;
  text-shadow: none;
}
.navbar.navbar--black-always .navbar__login svg path {
  fill: #1d1d1b;
}
.navbar.navbar--black-always .navbar__toggle span {
  background-color: #1d1d1b;
}
@media (min-width: 1128px) {
  .navbar {
    padding: 4.8rem 7.6rem;
  }
}
.navbar__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 675px) {
  .navbar__container {
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .navbar__container {
    max-width: 100%;
  }
}
.navbar__logo {
  width: 12.6em;
  height: 5.6em;
}
.navbar__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.navbar__menu--desktop {
  display: none;
}
@media (min-width: 1128px) {
  .navbar__menu--desktop {
    display: flex;
    align-items: center;
    gap: 4.8em;
  }
}
.navbar__links {
  display: flex;
  gap: 2.4em;
  align-items: center;
}
.navbar__links li a {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: color 0.2s ease;
}
.navbar__links li a:hover {
  color: #ea1f63;
}
.navbar__login {
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8em;
  line-height: 2.4em;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: color 0.2s ease;
}
.navbar__login:hover {
  color: #ea1f63;
}
.navbar__login-icon {
  width: 2.4em;
  height: 2.4em;
}
.navbar__toggle {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  width: 5.6em;
  height: 5.6em;
  align-items: center;
  justify-content: center;
  z-index: 99;
  transition: transform 0.2s ease;
}
@media (min-width: 1128px) {
  .navbar__toggle {
    display: none;
  }
}
.navbar__toggle span {
  width: 3.2em;
  height: 0.2em;
  background-color: #fbf8e5;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.navbar__toggle.active span {
  background: #1d1d1b;
}
.navbar__toggle.active span:nth-child(1) {
  transform: translateY(0.8em) rotate(45deg);
}
.navbar__toggle.active span:nth-child(2) {
  opacity: 0;
}
.navbar__toggle.active span:nth-child(3) {
  transform: translateY(-0.8em) rotate(-45deg);
}
.navbar__toggle.active:hover {
  transform: rotate(180deg);
}
.navbar__menu--mobile {
  position: fixed;
  top: 0em;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: #fbf8e5;
  padding: 11rem 1.6rem 4rem;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}
.navbar__menu--mobile.active {
  transform: translateX(0);
}
.navbar__menu--mobile.active .gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  width: 62em;
  height: 62em;
  border-radius: 50%;
  filter: blur(12em);
  opacity: 0.87;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
  z-index: -1;
}
.navbar__menu--mobile.active .gradient--2 {
  --gradient-color: #ea1f63;
  top: 50%;
  right: -30rem;
  transform: translateY(-50%);
}
.navbar__menu--mobile.active .gradient--1 {
  --gradient-color: #489464;
  bottom: -30rem;
  left: 10rem;
  transform: translateX(-50%);
}
@media (min-width: 1128px) {
  .navbar__menu--mobile {
    display: none;
  }
}
.navbar__links--mobile {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.navbar__links--mobile li a {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  color: #1d1d1b;
  cursor: pointer;
  transition: color 0.2s ease;
}
.navbar__links--mobile li a:hover {
  color: #ea1f63;
}
.navbar__login--mobile {
  margin-top: 3.2rem;
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  color: #1d1d1b;
  transition: color 0.2s ease;
}
.navbar__login--mobile svg * {
  transition: fill 0.2s ease;
}
.navbar__login--mobile:hover {
  color: #ea1f63;
}
.navbar__login--mobile:hover svg * {
  fill: #ea1f63;
}
.navbar--hidden {
  transform: translateY(-100%);
}

body.menu-open {
  overflow: hidden;
}

.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 60em;
  overflow: hidden;
  background-color: #1d1d1b;
}
.hero__gradients {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  width: 62em;
  height: 62em;
  border-radius: 50%;
  filter: blur(12em);
  opacity: 0.6;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
  z-index: 99;
}
.hero__gradient--1 {
  --gradient-color: #ea1f63;
  top: 10%;
  right: 10%;
}
.hero__gradient--2 {
  --gradient-color: #489464;
  bottom: 10%;
  left: 10%;
}
.hero__images {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.hero__image {
  position: absolute;
  overflow: hidden;
}
.hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__image--1 {
  width: 41.9em;
  height: 41.9em;
  top: 8%;
  right: 10%;
  z-index: 4;
  display: none;
}
.hero__image--2 {
  width: 20em;
  height: 20em;
  top: 68%;
  right: 30%;
  z-index: 5;
  display: block;
}
.hero__image--3 {
  width: 20em;
  height: 20em;
  top: 80%;
  right: 15%;
  z-index: 6;
  display: block;
}
.hero__image--4 {
  width: 32em;
  height: 32em;
  top: 12%;
  right: -5%;
  z-index: 1;
  display: block;
}
@media (min-width: 675px) {
  .hero__image--1 {
    width: 31.2em;
    height: 31.2em;
    top: 57%;
    right: 19%;
    z-index: 1;
    display: block;
  }
  .hero__image--2 {
    width: 29.1em;
    height: 29.1em;
    top: 42%;
    right: 30%;
    z-index: 5;
    display: none;
  }
  .hero__image--3 {
    width: 31.2em;
    height: 31.2em;
    top: initial;
    bottom: 35%;
    right: -2%;
    z-index: 2;
    display: block;
  }
  .hero__image--4 {
    width: 32rem;
    height: 32rem;
    top: 16%;
    right: 16%;
    z-index: 3;
    display: block;
  }
}
@media (min-width: 1128px) {
  .hero__image--1 {
    width: 41.9em;
    height: 41.9em;
    top: 8%;
    right: 10%;
    z-index: 4;
    display: block;
  }
  .hero__image--2 {
    width: 29.1em;
    height: 29.1em;
    top: 42%;
    right: 30%;
    z-index: 5;
    display: block;
  }
  .hero__image--3 {
    width: 31.2em;
    height: 31.2em;
    top: initial;
    bottom: 1%;
    right: 9%;
    z-index: 6;
    display: block;
  }
  .hero__image--4 {
    width: 41.4em;
    height: 41.4em;
    top: 8%;
    right: 30%;
    z-index: 1;
    display: block;
  }
}
.hero__content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 0rem 1.6rem;
  max-width: 1920px;
  margin: 0 auto;
  flex-direction: column;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .hero__content {
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .hero__content {
    padding: 0px 0rem;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .hero__content {
    padding: 0px 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .hero__content {
    padding: 0px;
    max-width: 132rem;
  }
}
.hero__content-inner {
  max-width: 64.8rem;
  display: flex;
  flex-direction: column;
  gap: 2.4em;
  margin-top: 0rem;
}
@media (min-width: 1128px) {
  .hero__content-inner {
    margin-top: 4.8rem;
    max-width: 76rem;
  }
}
.hero__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 4rem;
  line-height: 4.8rem;
  text-transform: uppercase;
  color: #fbf8e5;
  max-width: 80em;
  font-weight: 600;
}
@media (min-width: 675px) {
  .hero__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
@media (min-width: 1128px) {
  .hero__title {
    font-size: 7.2rem;
    line-height: 8rem;
  }
}
.hero__title-line {
  display: block;
}
.hero__title-line--highlight {
  color: #ea1f63;
}
.hero__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  background-color: rgba(152, 223, 184, 0.08);
  border: 0.1em solid rgba(152, 223, 184, 0.48);
  border-radius: 50%;
  margin-bottom: 0.4em;
  height: 2.4rem;
  border-radius: 2.4rem;
  width: auto;
  align-self: flex-start;
}
.hero__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.4em;
  line-height: 1.6em;
  letter-spacing: 0;
  text-transform: uppercase;
  color: rgba(152, 223, 184, 0.48);
}
@media (min-width: 393px) {
  .hero__tag span {
    letter-spacing: 0.112em;
  }
}
@media (min-width: 675px) {
  .hero__tag span {
    font-size: 1.6em;
    letter-spacing: 0.128em;
  }
}
.hero__description {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #fbf8e5;
  margin-bottom: 1.6rem;
}
@media (min-width: 675px) {
  .hero__description {
    font-size: 2.4em;
    line-height: 3.2rem;
  }
}
.hero .btn {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 675px) {
  .hero .btn {
    max-width: initial;
    width: auto;
    min-width: 31.2rem;
  }
}

.about {
  position: relative;
  padding: 0em 0em;
  background-color: #9ac9a6;
  overflow: hidden;
}
.about__container {
  max-width: 1320px;
  margin: 8rem auto 0 auto;
  padding: 0rem 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .about__container {
    margin: 14.4rem auto 0 auto;
  }
}
@media (min-width: 890px) {
  .about__container {
    max-width: 87.2rem;
    padding: 0rem 0rem;
  }
}
@media (min-width: 1128px) {
  .about__container {
    padding: 0px 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .about__container {
    padding: 0px;
    max-width: 132rem;
  }
}
.about__container_videos {
  max-width: 176.8rem;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 890px) {
  .about__container_videos {
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .about__container_videos {
    max-width: 176.8rem;
  }
}
.about__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.8rem;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0.1rem solid rgba(0, 0, 0, 0.48);
  height: 2.4rem;
  border-radius: 2.4rem;
  margin-bottom: 2.8rem;
}
.about__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6em;
  line-height: 1.6em;
  letter-spacing: 0.128em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.48);
}
.about__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #ea1f63;
  max-width: 87.2em;
  font-size: 3.2rem;
  line-height: 4rem;
}
@media (min-width: 675px) {
  .about__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .about__title {
    font-size: 8rem;
    line-height: 8.8rem;
  }
}
.about__title-line {
  display: block;
}
.about__title-line--highlight {
  color: #ea1f63;
}
.about__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4em;
  margin-bottom: 0rem;
  padding: 0px 1.6rem;
  box-sizing: border-box;
}
@media (min-width: 890px) {
  .about__stats {
    padding: 0px 0rem;
    max-width: 87.2rem;
    margin: 0 auto;
  }
}
@media (min-width: 1128px) {
  .about__stats {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 100%;
    padding: 0px 7.6rem;
  }
}
@media (min-width: 1448px) {
  .about__stats {
    padding: 0px;
  }
}
.about__stat-card {
  background-color: rgba(72, 148, 100, 0.08);
  border: 1rem solid #fbf8e5;
  padding: 1.6rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .about__stat-card {
    padding: 1.6rem;
  }
}
.about__stat-icon {
  width: 5.6em;
  height: 5.6em;
  margin-bottom: 4.8rem;
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2em;
}
.about__stat-icon svg {
  width: 3.2em;
  height: 3.2em;
  fill: #ea1f63;
}
.about__stat-icon svg path {
  fill: #ea1f63;
}
.about__stat-content {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.about__stat-number {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  font-weight: 600;
}
@media (min-width: 675px) {
  .about__stat-number {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
@media (min-width: 1128px) {
  .about__stat-number {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
}
.about__stat-plus {
  color: #ea1f63;
}
.about__stat-label {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
}
.about__videos-gradient {
  position: absolute;
  top: -25%;
  right: 0%;
  opacity: 0.24;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  background-image: url("/wp-content/themes/algohits-2026/assets/images/about-videos-gradient.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.1rem solid #fbf8e5;
  border-radius: 100%;
  width: 60rem;
  height: 60rem;
}
.about__videos {
  position: relative;
  width: calc(100% - 3.2rem);
  aspect-ratio: 1;
  margin: 9.6rem 0;
  display: flex;
  justify-content: center;
  padding: 0rem 1.6rem;
}
@media (min-width: 675px) {
  .about__videos {
    position: relative;
    min-height: 65.4rem;
    aspect-ratio: 87.2/65.4;
    padding: 0 0;
    width: 100%;
  }
}
@media (min-width: 1448px) {
  .about__videos {
    max-width: 132rem;
  }
}
.about__videos {
  /*
  @media (max-width: $breakpoint-tablet) {
      height: auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      margin: 4rem 0;
  }

  @media (max-width: $breakpoint-mobile) {
      grid-template-columns: 1fr;
  }*/
}
.about__video {
  position: absolute;
  overflow: hidden;
  background-color: #000;
}
.about__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.about__video--small-3 {
  width: 8.6rem;
  height: 15rem;
  top: 0rem;
  left: 3.2rem;
  aspect-ratio: 15/8.6;
  z-index: 2;
}
.about__video--main {
  left: 1.6rem;
  top: 6rem;
  min-width: 30.1rem;
  min-height: 30.1rem;
  z-index: 2;
  aspect-ratio: 1/1;
  width: 100%;
}
.about__video--small-1 {
  z-index: 3;
  aspect-ratio: 1;
  width: 12rem;
  height: 12rem;
  bottom: 2.4rem;
  right: -2.4rem;
  top: inherit;
}
.about__video--small-2 {
  left: 4.8rem;
  bottom: -9rem;
  width: 11.7rem;
  height: 8.8rem;
  z-index: 2;
  aspect-ratio: 11.7/8.8;
}
@media (min-width: 435px) {
  .about__video--small-3 {
    width: 10.6rem;
    height: 19.2rem;
  }
  .about__video--small-2 {
    width: 15.6rem;
    height: 11.7rem;
  }
  .about__video--small-1 {
    width: 13.6rem;
    height: 13.6rem;
  }
}
@media (min-width: 675px) {
  .about__video--main {
    min-width: 87.2rem;
    min-height: 65.4rem;
    aspect-ratio: 87.2/65.4;
    top: 0;
  }
  .about__video--small-3 {
    width: 21.2rem;
    height: 26.5rem;
    aspect-ratio: 21.2/26.5;
    top: 12rem;
    left: 1rem;
  }
  .about__video--small-2 {
    width: 23.5rem;
    height: 17.6rem;
    aspect-ratio: 23.5/17.6;
    bottom: -4.8rem;
    left: 40%;
    right: inherit;
  }
  .about__video--small-1 {
    width: 24.9rem;
    height: 24.9rem;
    bottom: 9rem;
  }
}
@media (min-width: 890px) {
  .about__video--main {
    left: 0rem;
  }
  .about__video--small-3 {
    left: -1rem;
  }
}
@media (min-width: 1128px) {
  .about__video--main {
    left: 31.2rem;
    top: 0;
    width: 114.4rem;
    height: 85.7rem;
    z-index: 2;
  }
  .about__video--small-1 {
    left: 145.6rem;
    top: 51.5rem;
    width: 31.2rem;
    height: 31.2rem;
    z-index: 1;
  }
  .about__video--small-2 {
    left: 67.2rem;
    top: 75.5rem;
    width: 31.2rem;
    height: 23.4rem;
    z-index: 3;
  }
  .about__video--small-3 {
    left: 0;
    top: 6.2rem;
    width: 31.2rem;
    height: 39rem;
    z-index: 1;
  }
}
.about__video {
  /*

  &--main {
      left: 31.2rem;
      top: 0;
      width: 114.4rem;
      height: 85.7rem;
      z-index: 2;
  }

  &--small-1 {
      left: 145.6rem;
      top: 51.5rem;
      width: 31.2rem;
      height: 31.2rem;
      z-index: 1;
  }

  &--small-2 {
      left: 67.2rem;
      top: 75.5rem;
      width: 31.2rem;
      height: 23.4rem;
      z-index: 3;
  }

  &--small-3 {
      left: 0;
      top: 6.2rem;
      width: 31.2rem;
      height: 39rem;
      z-index: 1;
  }


  @media (max-width: $breakpoint-tablet) {
      position: relative;
      left: auto !important;
      top: auto !important;
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 16/9;

      &--small-1,
      &--small-2,
      &--small-3 {
          aspect-ratio: 1/1;
      }
  }*/
}
.about__description {
  max-width: 87.2em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 9.6rem;
  margin-top: 14.4rem;
  max-width: 361px;
  padding: 0px 1.6rem;
}
@media (min-width: 435px) {
  .about__description {
    max-width: 648px;
  }
}
@media (min-width: 675px) {
  .about__description {
    margin-bottom: 12.8rem;
    padding: 0px;
  }
}
@media (min-width: 1128px) {
  .about__description {
    max-width: 100%;
    margin-bottom: 20rem;
  }
}
.about__description p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ea1f63;
}
.about__description p strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
@media (min-width: 675px) {
  .about__description p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.about__description p + p {
  margin-top: 2.4rem;
}
.about__gradient {
  position: absolute;
  width: 40em;
  height: 40em;
  border-radius: 50%;
  filter: blur(10em);
  opacity: 0.4;
  top: 50%;
  right: -10em;
  background: radial-gradient(circle, #489464 0%, transparent 70%);
}
.about__graphics {
  background-position: left;
  background-repeat: repeat-x;
  width: 100%;
  height: 3.2em;
  margin-top: 3.2em;
  background-image: url("../images/grafismos-mobo.png");
}
@media (min-width: 675px) {
  .about__graphics {
    background-image: url("../images/grafismos-tab.png");
  }
}
@media (min-width: 1128px) {
  .about__graphics {
    background-image: url("../images/grafismos.png");
  }
}
.about__direct_link {
  display: none;
}
.about__direct_link span {
  color: #ea1f63;
  transition: color 0.3s ease;
}
.about__direct_link svg {
  transition: all 0.3s ease;
}
.about__direct_link a:hover span {
  color: white;
}
.about__direct_link a:hover svg {
  margin-left: 0.5em;
}
.about__direct_link a:hover svg path {
  fill: white;
}
@media (min-width: 675px) {
  .about__direct_link {
    display: block;
  }
}
.about__direct_link.directLink_mobile {
  display: block;
  margin-top: 2.4rem;
}
.about__direct_link.directLink_mobile span {
  color: #ea1f63;
  transition: color 0.3s ease;
  font-size: 2rem;
  line-height: 3.2rem;
}
.about__direct_link.directLink_mobile svg {
  transition: all 0.3s ease;
}
.about__direct_link.directLink_mobile a:hover span {
  color: white;
}
.about__direct_link.directLink_mobile a:hover svg {
  margin-left: 0.5em;
}
.about__direct_link.directLink_mobile a:hover svg path {
  fill: white;
}
@media (min-width: 675px) {
  .about__direct_link.directLink_mobile {
    display: none;
  }
}
.about__content {
  margin: 0 auto;
}
@media (min-width: 1448px) {
  .about__content {
    max-width: 132rem;
  }
}

.artists {
  padding: 0;
  background-color: #9ac9a6;
  overflow: hidden;
  padding-top: 9.6rem;
}
@media (min-width: 675px) {
  .artists {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
.artists__header {
  max-width: 87.2rem;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media (min-width: 1448px) {
  .artists__header {
    max-width: 132rem;
  }
}
.artists__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #ea1f63;
  text-align: center;
  padding: 0;
  margin-bottom: 4.8rem;
  font-weight: 600;
}
@media (min-width: 675px) {
  .artists__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
    margin-bottom: 9.6rem;
  }
}
@media (min-width: 1128px) {
  .artists__title {
    font-size: 8rem;
    line-height: 8.8rem;
  }
}
.artists__carousel {
  margin-bottom: 12.8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .artists__carousel {
    margin-bottom: 14.4rem;
  }
}
.artists__carousel.swiper {
  padding-left: 1.6rem;
  overflow: visible;
}
@media (min-width: 675px) {
  .artists__carousel.swiper {
    padding-left: 1.6rem;
  }
}
@media (min-width: 890px) {
  .artists__carousel.swiper {
    padding-left: calc((100vw - 87.2rem) / 2);
  }
}
@media (min-width: 1128px) {
  .artists__carousel.swiper {
    padding-left: 7.6rem;
  }
}
@media (min-width: 1448px) {
  .artists__carousel.swiper {
    padding-left: calc((100vw - 132rem) / 2);
  }
}
.artists__carousel .swiper-wrapper {
  display: flex;
}
.artists__carousel .swiper-slide {
  width: 31.6rem;
  height: 47.4rem;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .artists__carousel .swiper-slide {
    width: 42.4rem;
    height: 56.5rem;
  }
}
@media (min-width: 1128px) {
  .artists__carousel .swiper-slide {
    width: 64.8rem;
    height: 86.4rem;
  }
}
.artists__carousel .swiper-slide {
  /*
  @media (max-width: $breakpoint-tablet) {
      width: 42.4rem;
  }

  @media (max-width: $breakpoint-mobile) {
      width: 31.6rem;
  }*/
}
.artists__card {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
.artists__card--magenta .artists__card-gradient {
  background: linear-gradient(180deg, rgba(234, 31, 99, 0) 40%, #ea1f63 76%);
}
.artists__card--green .artists__card-gradient {
  background: linear-gradient(180deg, rgba(72, 148, 100, 0) 40%, #489464 76%);
}
.artists__card--pink .artists__card-gradient {
  background: linear-gradient(180deg, rgba(255, 113, 168, 0) 40%, #ff71a8 76%);
}
.artists__card--dark .artists__card-gradient {
  background: linear-gradient(180deg, rgba(29, 29, 27, 0) 40%, #1d1d1b 76%);
}
.artists__card-image {
  position: absolute;
  inset: 0;
}
.artists__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.artists__card-gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.artists__card-content {
  position: absolute;
  bottom: 4rem;
  left: 1.6em;
  right: 1.6em;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
@media (min-width: 675px) {
  .artists__card-content {
    left: 3.2rem;
    right: 3.2rem;
  }
}
.artists__card-quote {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 675px) {
  .artists__card-quote {
    gap: 2.4rem;
  }
}
.artists__card-quote p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 675px) {
  .artists__card-quote p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 1128px) {
  .artists__card-quote p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.artists__card-quote-icon {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 1rem;
}
.artists__card-name {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 1.7em;
  line-height: 2.4em;
  text-transform: uppercase;
  color: #fbf8e5;
  font-weight: 600;
}
@media (min-width: 675px) {
  .artists__card-name {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-top: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .artists__card-name {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.artists__graphics {
  background-size: contain;
  background-position: center;
  background-repeat: repeat-x;
  width: 100%;
  height: 3.2rem;
  margin-bottom: 2.4rem;
  background-color: #9ac9a6;
  background-image: url("../images/grafismos-mobo.png");
}
@media (min-width: 675px) {
  .artists__graphics {
    background-image: url("../images/grafismos-tab.png");
  }
}
@media (min-width: 1128px) {
  .artists__graphics {
    background-image: url("../images/grafismos.png");
  }
}

.services {
  position: relative;
  padding: 12.8em 0;
  background-color: #1d1d1b;
  overflow: hidden;
}
.services__container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 1.6rem;
}
@media (min-width: 890px) {
  .services__container {
    max-width: 87.2rem;
    padding: 0rem 0rem;
  }
}
@media (min-width: 1128px) {
  .services__container {
    padding: 0px 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .services__container {
    padding: 0px;
    max-width: 132rem;
  }
}
.services__header {
  margin-bottom: 0em;
}
.services__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.8rem;
  background-color: rgba(152, 223, 184, 0.08);
  border: 0.1rem solid rgba(152, 223, 184, 0.48);
  height: 2.4rem;
  border-radius: 2.4rem;
  margin-bottom: 2.4rem;
}
.services__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6em;
  line-height: 1.6em;
  letter-spacing: 0.128em;
  text-transform: uppercase;
  color: rgba(152, 223, 184, 0.48);
}
.services__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #fbf8e5;
  max-width: 132em;
  font-weight: 600;
}
@media (min-width: 675px) {
  .services__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
    max-width: 872px;
  }
}
@media (min-width: 1128px) {
  .services__title {
    max-width: 100%;
    font-size: 8rem;
    line-height: 8.8rem;
  }
}
.services__title-line {
  display: block;
}
.services__title-highlight {
  color: #ea1f63;
}
.services__description {
  font-family: "Field Gothic Wide", sans-serif;
  color: #ffffff;
  margin-top: 4.8rem;
}
.services__description p {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media (min-width: 675px) {
  .services__description p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (min-width: 1024px) {
  .services__description {
    max-width: 87.2rem;
  }
}
.services__description p + p {
  margin-top: 2.4rem;
}
.services__link {
  display: inline-flex;
  align-items: center;
  gap: 1.6em;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2em;
  line-height: 3.2em;
  color: #fbf8e5;
  transition: color 0.2s ease;
}
.services__link:hover {
  color: #ea1f63;
}
.services__link svg {
  width: 4em;
  height: 4em;
}
.services__content {
  display: flex;
  flex-direction: column;
  max-width: 132rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9.6rem;
}
@media (min-width: 675px) {
  .services__content {
    margin-top: 20rem;
  }
}
.services__column {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 4.8rem;
}
@media (min-width: 675px) {
  .services__column {
    gap: 7.8rem;
  }
}
@media (min-width: 1128px) {
  .services__column {
    gap: 13.6rem;
  }
}
.services__column--online {
  flex-wrap: wrap;
}
.services__column--online .services__info {
  order: 1;
}
.services__column--online .services__image {
  order: 2;
}
@media (min-width: 675px) {
  .services__column--online {
    flex-wrap: nowrap;
  }
  .services__column--online .services__info {
    order: 2;
  }
  .services__column--online .services__image {
    order: 1;
  }
}
.services__column--offline {
  margin-top: 9.6rem;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.services__column--offline .services__info {
  order: 1;
}
.services__column--offline .services__image {
  order: 2;
}
@media (min-width: 675px) {
  .services__column--offline {
    flex-wrap: nowrap;
    margin-top: 20rem;
  }
  .services__column--offline .services__info {
    order: 2;
  }
  .services__column--offline .services__image {
    order: 1;
  }
}
.services__image {
  aspect-ratio: 4/5;
  width: 100%;
  height: auto;
  z-index: 2;
  position: relative;
  flex-basis: 100%;
}
@media (min-width: 675px) {
  .services__image {
    width: 37rem;
    height: 46.3rem;
    flex-basis: 37rem;
  }
}
@media (min-width: 1128px) {
  .services__image {
    width: 36.8rem;
    height: 56rem;
    flex-basis: 39.8rem;
    flex-shrink: 1;
  }
}
@media (min-width: 1448px) {
  .services__image {
    width: 64.8rem;
    height: 81rem;
    flex-basis: 64.8rem;
  }
}
.services__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services__info {
  position: relative;
  z-index: 2;
  flex-basis: 100%;
  flex-grow: 1;
}
.services__subtitle {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #fbf8e5;
  margin-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .services__subtitle {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
@media (min-width: 1128px) {
  .services__subtitle {
    font-size: 8rem;
    line-height: 8rem;
  }
}
.services__category {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #ffffff;
  margin-bottom: 4.8rem;
}
@media (min-width: 675px) {
  .services__category {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 6.4rem;
  }
}
.services__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 1128px) {
  .services__list {
    gap: 4rem;
  }
}
.services__list li {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  color: #fbf8e5;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid rgba(251, 248, 229, 0.16);
  font-weight: 600;
}
@media (min-width: 1128px) {
  .services__list li {
    padding-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
.services__gradient {
  position: absolute;
  width: 71.2em;
  height: 71.2em;
  border-radius: 50%;
  filter: blur(12em);
  opacity: 0.4;
  z-index: 1;
  --gradient-color: #ea1f63;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.services__gradient--online {
  --gradient-color: #ea1f63;
  z-index: 1;
}
.services__gradient--offline {
  --gradient-color: #98dfb8;
}
.services__cta {
  text-align: center;
  margin-top: 9.6rem;
  position: relative;
  z-index: 1;
}
.services__cta .btn {
  min-width: 100%;
  padding: 1.6rem 2.4rem;
  line-height: 1.6;
}
@media (min-width: 425px) {
  .services__cta .btn {
    min-width: 42.4rem;
  }
}
.services__direct_link {
  display: none;
}
.services__direct_link span {
  color: #fff;
  transition: color 0.3s ease;
}
.services__direct_link svg {
  transition: all 0.3s ease;
}
.services__direct_link svg path {
  fill: #fff;
}
.services__direct_link a:hover span {
  color: #ea1f63;
}
.services__direct_link a:hover svg {
  margin-left: 0.5em;
}
.services__direct_link a:hover svg path {
  fill: #ea1f63;
}
@media (min-width: 675px) {
  .services__direct_link {
    display: block;
  }
}
.services__direct_link.directLink_mobile {
  display: block;
  margin-top: 2.4rem;
}
.services__direct_link.directLink_mobile span {
  color: #ea1f63;
  transition: color 0.3s ease;
  font-size: 2rem;
  line-height: 3.2rem;
}
.services__direct_link.directLink_mobile svg {
  transition: all 0.3s ease;
}
.services__direct_link.directLink_mobile a:hover span {
  color: white;
}
.services__direct_link.directLink_mobile a:hover svg {
  margin-left: 0.5em;
}
.services__direct_link.directLink_mobile a:hover svg path {
  fill: white;
}
@media (min-width: 675px) {
  .services__direct_link.directLink_mobile {
    display: none;
  }
}

.distribution {
  position: relative;
  padding: 12.8rem 0;
  background-color: #ea1f63;
  overflow: hidden;
}
@media (min-width: 675px) {
  .distribution {
    padding: 20rem 0;
  }
}
.distribution__container {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 1.6rem;
}
@media (min-width: 890px) {
  .distribution__container {
    max-width: 87.2rem;
    padding: 0rem 0rem;
  }
}
@media (min-width: 1128px) {
  .distribution__container {
    padding: 0px 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .distribution__container {
    padding: 0px;
    max-width: 132rem;
  }
}
.distribution__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.8rem;
  background-color: rgba(152, 223, 184, 0.08);
  border: 0.1rem solid rgba(152, 223, 184, 0.48);
  height: 2.4rem;
  border-radius: 2.4rem;
}
.distribution__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6em;
  line-height: 1.6em;
  letter-spacing: 0.128em;
  text-transform: uppercase;
  color: rgba(152, 223, 184, 0.48);
}
.distribution__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #fbf8e5;
  text-align: center;
  margin-top: 2.4rem;
  max-width: 109.4rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
}
@media (min-width: 675px) {
  .distribution__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .distribution__title {
    font-size: 8rem;
    line-height: 8.8rem;
  }
}
.distribution__description {
  font-family: "Field Gothic Wide", sans-serif;
  color: #ffffff;
  margin-top: 2.4rem;
  margin-bottom: 9.6rem;
}
.distribution__description p {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media (min-width: 675px) {
  .distribution__description {
    margin-bottom: 12.8rem;
  }
  .distribution__description p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.distribution__description p + p {
  margin-top: 2.4rem;
}
.distribution__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4em;
  margin-bottom: 8em;
  margin-bottom: 6.4rem;
}
@media (min-width: 675px) {
  .distribution__grid {
    margin-bottom: 9.6em;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1128px) {
  .distribution__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.distribution__card {
  background-color: rgba(255, 255, 255, 0.08);
  border: 1rem solid #fbf8e5;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: flex-start;
  text-align: left;
  min-height: 3.44rem;
}
@media (min-width: 675px) {
  .distribution__card {
    min-height: 3.2rem;
  }
}
@media (min-width: 1128px) {
  .distribution__card {
    min-height: 43.2rem;
  }
}
.distribution__card-icon {
  width: 7.2rem;
  height: 7.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.24);
  flex-shrink: 0;
  margin-bottom: 1.6rem;
}
.distribution__card-icon svg {
  width: 3.2em;
  height: 3.2em;
}
.distribution__card-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  color: #fbf8e5;
  width: 100%;
}
.distribution__card-description {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  width: 100%;
}
.distribution__gradient {
  position: absolute;
  width: 96rem;
  height: 96rem;
  border-radius: 50%;
  filter: blur(50em);
  opacity: 0.8;
  z-index: 1;
  background: rgba(72, 148, 100, 0.8784313725);
}
.distribution__gradient--1 {
  top: -10%;
  right: -20%;
}
.distribution__gradient--2 {
  bottom: -20%;
  left: -10%;
}
.distribution__cta .btn {
  margin: 0 auto;
  line-height: 5.6rem;
  max-width: 100%;
  padding: 0 2rem;
  min-width: 100%;
}
@media (min-width: 376px) {
  .distribution__cta .btn {
    min-width: 37.6rem;
  }
}
@media (min-width: 1128px) {
  .distribution__cta .btn {
    min-width: 42.4rem;
  }
}

.footer {
  position: relative;
  padding: 12.8em 0 0rem;
  background-color: rgba(49, 49, 48, 0.16);
  overflow: hidden;
}
@media (min-width: 675px) {
  .footer {
    padding: 20rem 0 0rem;
  }
}
.footer__gradients {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.footer__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  border-radius: 50%;
  filter: blur(10rem);
  opacity: 0.5;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
}
.footer__gradient--1 {
  width: 50rem;
  height: 50rem;
  --gradient-color: #ea1f63;
  top: 35%;
  right: -40%;
}
@media (min-width: 675px) {
  .footer__gradient--1 {
    width: 70rem;
    height: 70rem;
    top: 15%;
    right: -50%;
  }
}
@media (min-width: 1128px) {
  .footer__gradient--1 {
    width: 90rem;
    height: 90rem;
    top: 15%;
    right: -40%;
  }
}
.footer__gradient--2 {
  width: 50rem;
  height: 50rem;
  --gradient-color: #489464;
  bottom: -35%;
  left: 50%;
}
@media (min-width: 675px) {
  .footer__gradient--2 {
    width: 90rem;
    height: 90rem;
    bottom: -65%;
    left: 50%;
  }
}
@media (min-width: 1128px) {
  .footer__gradient--2 {
    width: 90rem;
    height: 90rem;
    bottom: -65%;
    left: 50%;
  }
}
.footer__container {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0px 1.6rem;
}
@media (min-width: 890px) {
  .footer__container {
    max-width: 87.2rem;
    padding: 0rem 0rem;
  }
}
@media (min-width: 1128px) {
  .footer__container {
    padding: 0px 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .footer__container {
    padding: 0px;
    max-width: 132rem;
  }
}
.footer__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4.8em;
}
@media (min-width: 675px) {
  .footer__content {
    grid-template-columns: 1fr auto auto;
    gap: 8em;
  }
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 9.6em;
  align-items: center;
  justify-content: center;
}
@media (min-width: 675px) {
  .footer__brand {
    align-items: start;
    justify-content: start;
  }
}
.footer__logo {
  width: 14.4em;
  height: 6.4em;
  object-fit: contain;
}
.footer__address {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  display: flex;
  gap: 0.8em;
  flex-direction: column;
  order: 4;
}
.footer__address p {
  margin: 0;
  font-weight: 400;
  line-height: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0.8em;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.footer__address.adress_mob {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.6rem;
}
@media (min-width: 675px) {
  .footer__address.adress_mob {
    display: none;
  }
}
.footer__address.adress_desk {
  display: none;
}
@media (min-width: 675px) {
  .footer__address.adress_desk {
    display: flex;
  }
}
.footer__map-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer__map-link:hover svg {
  transform: rotate(45deg);
}
.footer__map-link:hover svg * {
  fill: #ea1f63;
}
.footer__map-link svg {
  width: 1.3em;
  height: 1.3em;
  max-width: 1.3rem;
  fill: #fbf8e5;
  transition: all 0.3s ease;
}
.footer__map-link svg * {
  transition: all 0.3s ease;
}
.footer__menu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 1.6rem;
}
@media (min-width: 675px) {
  .footer__menu {
    justify-content: flex-start;
    margin-top: 0;
  }
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.footer__links li {
  text-align: center;
}
@media (min-width: 675px) {
  .footer__links li {
    text-align: left;
  }
}
.footer__links li a {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8em;
  line-height: 2.4em;
  text-transform: uppercase;
  color: #fbf8e5;
  transition: color 0.2s ease;
  font-weight: 400;
}
.footer__links li a:hover {
  color: #ea1f63;
}
.footer__social {
  display: flex;
  gap: 4rem;
  order: 2;
  margin-top: 1.6rem;
  justify-content: center;
}
@media (min-width: 675px) {
  .footer__social {
    margin-top: 0;
    justify-content: flex-start;
    gap: 1.6em;
  }
}
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6em;
  height: 5.6em;
  border: 0.2em solid #fbf8e5;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.footer__social-link svg {
  max-width: 3.2rem;
  min-height: 2.2rem;
  fill: none;
  stroke: #fbf8e5;
  transition: stroke 0.2s ease;
}
.footer__social-link svg path {
  fill: #fbf8e5;
}
.footer__social-link:hover {
  border-color: #ea1f63;
}
.footer__social-link:hover svg {
  stroke: #ea1f63;
}
.footer__social-link:hover svg path {
  fill: #ea1f63;
}
.footer__bottom {
  margin-top: 6.4rem;
}
@media (min-width: 675px) {
  .footer__bottom {
    margin-top: 20rem;
  }
}
.footer__copyright {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 675px) {
  .footer__copyright {
    text-align: left;
  }
}
.footer__copyright br {
  display: block;
}
@media (min-width: 675px) {
  .footer__copyright br {
    display: none;
  }
}
.footer__sliced-logo {
  max-width: 166.7em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.4rem;
}

.sobre-hero {
  position: relative;
  width: 100%;
  min-height: calc(100vh + 12.8rem);
  overflow: hidden;
  background-color: #1d1d1b;
}
.sobre-hero__gradients {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.sobre-hero__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  width: 50rem;
  height: 50rem;
  border-radius: 50%;
  filter: blur(10rem);
  opacity: 0.55;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
}
.sobre-hero__gradient--1 {
  --gradient-color: #ea1f63;
  top: -10%;
  right: -10%;
}
.sobre-hero__gradient--2 {
  --gradient-color: #489464;
  bottom: -10%;
  left: -10%;
}
@media (min-width: 675px) {
  .sobre-hero__gradient {
    width: 62rem;
    height: 62rem;
  }
  .sobre-hero__gradient--1 {
    top: 5%;
    right: 5%;
  }
  .sobre-hero__gradient--2 {
    bottom: 5%;
    left: 5%;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__gradient {
    width: 72rem;
    height: 72rem;
  }
}
.sobre-hero__images {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.sobre-hero__image {
  position: absolute;
  overflow: hidden;
}
.sobre-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sobre-hero__image--1 {
  width: 20rem;
  height: 20rem;
  top: 17%;
  right: 5%;
  z-index: 3;
}
@media (min-width: 675px) {
  .sobre-hero__image--1 {
    width: 30rem;
    height: 30rem;
    top: 38%;
    right: -2%;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__image--1 {
    width: 31.2rem;
    height: 31.2rem;
    top: 21%;
    right: 12%;
  }
}
.sobre-hero__image--2 {
  width: 20rem;
  height: 20rem;
  top: 58%;
  right: 30%;
  z-index: 4;
}
@media (min-width: 675px) {
  .sobre-hero__image--2 {
    width: 30rem;
    height: 30rem;
    top: 60%;
    right: 15%;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__image--2 {
    width: 31.2rem;
    height: 31.2rem;
    top: 50%;
    right: 26%;
  }
}
.sobre-hero__content {
  position: relative;
  z-index: 3;
  height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (min-width: 675px) {
  .sobre-hero__content {
    padding: 0 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .sobre-hero__content {
    padding: 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__content {
    padding: 0 7.6rem;
    max-width: 100%;
    align-items: center;
  }
}
@media (min-width: 1448px) {
  .sobre-hero__content {
    padding: 0;
    max-width: 132rem;
  }
}
.sobre-hero__content-inner {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding-bottom: 9.6rem;
  padding-top: 4rem;
  max-width: 64.8rem;
}
@media (min-width: 675px) {
  .sobre-hero__content-inner {
    padding-bottom: 0rem;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__content-inner {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 98.4rem;
  }
}
.sobre-hero__tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0.4rem 0.8rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  background-color: rgba(152, 223, 184, 0.08);
  border: 0.1rem solid rgba(152, 223, 184, 0.48);
}
.sobre-hero__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  color: rgba(152, 223, 184, 0.48);
}
@media (min-width: 675px) {
  .sobre-hero__tag span {
    font-size: 1.6rem;
    letter-spacing: 0.128rem;
  }
}
.sobre-hero__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #fbf8e5;
  max-width: 72rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-hero__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
@media (min-width: 1128px) {
  .sobre-hero__title {
    font-size: 7.2rem;
    line-height: 8rem;
    max-width: 100%;
  }
}
.sobre-hero__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-weight: 400;
  max-width: 68rem;
}
@media (min-width: 675px) {
  .sobre-hero__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.sobre-manifesto {
  background-color: #1d1d1b;
  overflow: hidden;
  top: -12.8rem;
  position: relative;
}
@media (min-width: 675px) {
  .sobre-manifesto {
    top: -5.8rem;
  }
}
@media (min-width: 1128px) {
  .sobre-manifesto {
    padding: 0 7.6rem;
  }
}
.sobre-manifesto__image-full {
  width: 100%;
  aspect-ratio: 35.5/47.3;
  overflow: hidden;
  padding: 0px 1.6rem;
  position: relative;
  z-index: 3;
}
@media (min-width: 675px) {
  .sobre-manifesto__image-full {
    aspect-ratio: 4/3;
    max-width: 97.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1128px) {
  .sobre-manifesto__image-full {
    aspect-ratio: 192/100;
    max-width: 176.8rem;
    padding: 0;
  }
}
.sobre-manifesto__image-full img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.sobre-manifesto__container {
  padding: 12.8rem 1.6rem;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-manifesto__container {
    padding: 20rem 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .sobre-manifesto__container {
    padding: 12.8rem 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-manifesto__container {
    padding: 20rem 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .sobre-manifesto__container {
    padding: 20rem 0;
    max-width: 132rem;
  }
}
.sobre-manifesto__text {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 675px) {
  .sobre-manifesto__text {
    max-width: 87.2rem;
  }
}
@media (min-width: 1448px) {
  .sobre-manifesto__text {
    max-width: 109.6rem;
  }
}
.sobre-manifesto__text p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 675px) {
  .sobre-manifesto__text p {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 1128px) {
  .sobre-manifesto__text p {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
.sobre-manifesto__text p strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}

.sobre-casa {
  position: relative;
  background-color: #fbf8e5;
  overflow: hidden;
}
.sobre-casa__graphics {
  width: 100%;
  height: 3.2rem;
  background-repeat: repeat-x;
  background-size: auto 100%;
  position: relative;
  z-index: 1;
}
.sobre-casa__graphics--top {
  background-image: url("../images/grafico-sobre-mob.png");
  background-position: left top;
  margin-top: 2.4rem;
}
@media (min-width: 675px) {
  .sobre-casa__graphics--top {
    background-image: url("../images/grafico-sobre-tablet.png");
  }
}
@media (min-width: 1128px) {
  .sobre-casa__graphics--top {
    background-image: url("../images/grafico-sobre-desk.png");
  }
}
.sobre-casa__graphics--bottom {
  background-image: url("../images/grafico-sobre-mob.png");
  background-position: left bottom;
  transform: scaleY(-1);
  margin-top: 7.2rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .sobre-casa__graphics--bottom {
    background-image: url("../images/grafico-sobre-tablet.png");
    margin-top: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__graphics--bottom {
    background-image: url("../images/grafico-sobre-desk.png");
  }
}
.sobre-casa__container {
  padding: 8rem 1.6rem;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .sobre-casa__container {
    padding: 9.6rem 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .sobre-casa__container {
    padding: 9.6rem 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__container {
    padding: 12.8rem 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .sobre-casa__container {
    padding: 12.8rem 0;
    max-width: 132rem;
  }
}
.sobre-casa__header {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
}
@media (min-width: 675px) {
  .sobre-casa__header {
    margin-bottom: 12.8rem;
  }
}
.sobre-casa__tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0.4rem 0.8rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0.1rem solid rgba(0, 0, 0, 0.48);
  position: relative;
  z-index: 1;
}
.sobre-casa__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.48);
}
@media (min-width: 675px) {
  .sobre-casa__tag span {
    font-size: 1.6rem;
    letter-spacing: 0.128rem;
  }
}
.sobre-casa__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #ea1f63;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-casa__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
    max-width: 120rem;
  }
}
.sobre-casa__body {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media (min-width: 675px) {
  .sobre-casa__body {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__body {
    gap: 2.4rem;
    align-items: center;
    width: 100%;
  }
}
.sobre-casa__image {
  width: 100%;
  aspect-ratio: 4/5;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 675px) {
  .sobre-casa__image {
    width: 42.4rem;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__image {
    max-width: 64.8rem;
    aspect-ratio: 4/5;
  }
}
@media (min-width: 1320px) {
  .sobre-casa__image {
    min-width: 64.8rem;
  }
}
.sobre-casa__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.sobre-casa__info {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  flex: 1;
  margin-top: 4rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-casa__info {
    padding-top: 0;
    margin-top: 0;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__info {
    max-width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.sobre-casa__body--expanded {
  align-items: flex-start !important;
}
.sobre-casa__text {
  font-family: "Field Gothic Wide", sans-serif;
  max-width: 57.2rem;
}
.sobre-casa__text p {
  color: #1d1d1b;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media (min-width: 675px) {
  .sobre-casa__text p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.sobre-casa__text strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
.sobre-casa__text.linkWrapper {
  width: 100%;
  max-width: 57.2rem;
}
.sobre-casa__text p + p {
  margin-top: 1.6rem;
}
.sobre-casa__toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0;
  margin-top: -1.2rem;
  background-color: transparent;
  border: none;
  color: #ea1f63;
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: opacity 0.2s ease;
  align-self: flex-start;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.sobre-casa__toggle-btn:hover {
  opacity: 0.7;
}
.sobre-casa__toggle-btn svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.sobre-casa__cta {
  margin-top: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem 2.4rem;
  border-radius: 20rem;
  background-color: #ea1f63;
  border: 0.2rem solid #ea1f63;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #fbf8e5;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .sobre-casa__cta {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1128px) {
  .sobre-casa__cta {
    max-width: 42.4rem;
  }
}
.sobre-casa__cta:hover {
  background-color: #ff4a86 !important;
  border: 0.2rem solid #ff4a86 !important;
  color: #ffffff !important;
}

.sobre-gallery {
  background-color: #fbf8e5;
  padding: 4.8rem 1.6rem 0rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-gallery {
    padding: 12.8rem 0;
  }
}
.sobre-gallery__swiper.swiper {
  padding-left: 1.6rem;
  overflow: visible;
}
@media (min-width: 675px) {
  .sobre-gallery__swiper.swiper {
    padding-left: 1.6rem;
  }
}
@media (min-width: 890px) {
  .sobre-gallery__swiper.swiper {
    padding-left: calc((100vw - 87.2rem) / 2);
  }
}
@media (min-width: 1128px) {
  .sobre-gallery__swiper.swiper {
    padding-left: 7.6rem;
  }
}
.sobre-gallery__swiper .swiper-wrapper {
  display: flex;
}
.sobre-gallery__slide {
  max-width: 33.7rem;
  aspect-ratio: 337/421;
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .sobre-gallery__slide {
    width: 87.2rem;
    height: 65.4rem;
    aspect-ratio: 4/3;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-gallery__slide {
    width: 87.2rem;
    height: 65.4rem;
  }
}
.sobre-gallery__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.sobre-gallery__slide img:hover {
  transform: scale(1.02);
}
.sobre-gallery__modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: rgba(29, 29, 27, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sobre-gallery__modal.active {
  opacity: 1;
  visibility: visible;
}
.sobre-gallery__modal-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: color 0.3s ease, transform 0.2s ease;
}
.sobre-gallery__modal-close:hover {
  color: #ea1f63;
  transform: scale(1.1);
}
.sobre-gallery__modal-close svg {
  width: 3.2rem;
  height: 3.2rem;
}
@media (min-width: 675px) {
  .sobre-gallery__modal-close {
    top: 4rem;
    right: 4rem;
  }
}
.sobre-gallery__modal-content {
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sobre-gallery__modal-content img {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sobre-equipe {
  background-color: #1d1d1b;
  padding: 12.8rem 0 20rem;
  overflow: hidden;
}
@media (min-width: 675px) {
  .sobre-equipe {
    padding: 20rem 0;
  }
}
.sobre-equipe__container {
  padding: 0 1.6rem;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .sobre-equipe__container {
    padding: 0 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .sobre-equipe__container {
    padding: 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-equipe__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .sobre-equipe__container {
    padding: 0;
    max-width: 132rem;
  }
}
.sobre-equipe__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
  text-align: center;
}
@media (min-width: 675px) {
  .sobre-equipe__header {
    margin-bottom: 12.8rem;
  }
}
.sobre-equipe__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  background-color: rgba(152, 223, 184, 0.08);
  border: 0.1rem solid rgba(152, 223, 184, 0.48);
}
.sobre-equipe__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  color: rgba(152, 223, 184, 0.48);
}
@media (min-width: 675px) {
  .sobre-equipe__tag span {
    font-size: 1.6rem;
    letter-spacing: 0.128rem;
  }
}
.sobre-equipe__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  line-height: 4.8rem;
  text-transform: uppercase;
  color: #fbf8e5;
  text-align: center;
}
@media (min-width: 675px) {
  .sobre-equipe__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .sobre-equipe__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
.sobre-equipe__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4.8rem 2.4rem;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .sobre-equipe__grid {
    gap: 6.4rem 2.4rem;
    grid-template-columns: 1fr 1fr;
    max-width: 64.8rem;
    margin: 0 auto;
  }
}
@media (min-width: 1128px) {
  .sobre-equipe__grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6.4rem 2.4rem;
    max-width: 100%;
  }
}
.sobre-equipe__card {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.sobre-equipe__card:nth-of-type(2n) {
  margin-top: 9.6rem;
}
@media (min-width: 1128px) {
  .sobre-equipe__card:nth-of-type(2n) {
    margin-top: 0;
  }
  .sobre-equipe__card:nth-of-type(2) {
    margin-top: 4.8rem;
  }
  .sobre-equipe__card:nth-of-type(2n + 3) {
    margin-top: 4.8rem;
  }
  .sobre-equipe__card:nth-of-type(3n) {
    margin-top: 9.6rem;
  }
}
.sobre-equipe__card-image {
  width: 100%;
  aspect-ratio: 4/5;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.08);
  position: relative;
  z-index: 2;
}
.sobre-equipe__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  mix-blend-mode: luminosity;
  opacity: 0.56;
}
.sobre-equipe__card-image:before {
  content: "";
  position: absolute;
  top: 10%;
  left: 50%;
  width: 65rem;
  height: 65rem;
  background-color: rgba(234, 31, 99, 0.2);
  z-index: 1;
  border-radius: 100%;
  filter: blur(5rem);
  z-index: 2;
}
.sobre-equipe__card-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10%;
  width: 65rem;
  height: 65rem;
  background-color: rgba(152, 223, 184, 0.4);
  z-index: 1;
  border-radius: 100%;
  filter: blur(5rem);
}
.sobre-equipe__card-info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sobre-equipe__card-name {
  font-family: "Field Gothic XWide", sans-serif;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #fbf8e5;
  margin-bottom: 1.6rem;
}
@media (min-width: 1128px) {
  .sobre-equipe__card-name {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.sobre-equipe__card-role {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #fbf8e5;
  font-weight: 400;
}

.servicos-hero {
  position: relative;
  width: 100%;
  min-height: calc(100vh + 12.8rem);
  overflow: hidden;
  background-color: #1d1d1b;
}
.servicos-hero__gradients {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.servicos-hero__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  width: 50rem;
  height: 50rem;
  border-radius: 50%;
  filter: blur(10rem);
  opacity: 0.55;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
}
.servicos-hero__gradient--1 {
  --gradient-color: #ea1f63;
  top: -10%;
  right: -10%;
}
.servicos-hero__gradient--2 {
  --gradient-color: #489464;
  bottom: -10%;
  left: -10%;
}
@media (min-width: 675px) {
  .servicos-hero__gradient {
    width: 62rem;
    height: 62rem;
  }
  .servicos-hero__gradient--1 {
    top: 5%;
    right: 5%;
  }
  .servicos-hero__gradient--2 {
    bottom: 5%;
    left: 5%;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__gradient {
    width: 72rem;
    height: 72rem;
  }
}
.servicos-hero__images {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.servicos-hero__image {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.servicos-hero__image-placeholder {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
}
.servicos-hero__image--1 {
  width: 20rem;
  height: 20rem;
  top: 17%;
  right: 5%;
  z-index: 3;
}
@media (min-width: 675px) {
  .servicos-hero__image--1 {
    width: 30rem;
    height: 30rem;
    top: 38%;
    right: -2%;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__image--1 {
    width: 31.2rem;
    height: 31.2rem;
    top: 21%;
    right: 12%;
  }
}
.servicos-hero__image--2 {
  width: 20rem;
  height: 20rem;
  top: 58%;
  right: 30%;
  z-index: 4;
}
@media (min-width: 675px) {
  .servicos-hero__image--2 {
    width: 30rem;
    height: 30rem;
    top: 60%;
    right: 15%;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__image--2 {
    width: 31.2rem;
    height: 31.2rem;
    top: 50%;
    right: 26%;
  }
}
.servicos-hero__content {
  position: relative;
  z-index: 3;
  height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (min-width: 675px) {
  .servicos-hero__content {
    padding: 0 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .servicos-hero__content {
    padding: 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__content {
    padding: 0 7.6rem;
    max-width: 100%;
    align-items: center;
  }
}
@media (min-width: 1448px) {
  .servicos-hero__content {
    padding: 0;
    max-width: 132rem;
  }
}
.servicos-hero__content-inner {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding-bottom: 9.6rem;
  padding-top: 4rem;
  max-width: 64.8rem;
}
@media (min-width: 675px) {
  .servicos-hero__content-inner {
    padding-bottom: 0rem;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__content-inner {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 98.4rem;
  }
}
.servicos-hero__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.8rem;
  border-radius: 1.4rem;
  border: 1px solid #98dfb8;
  background: rgba(152, 223, 184, 0.08);
  align-self: flex-start;
}
.servicos-hero__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: rgba(152, 223, 184, 0.48);
  text-transform: uppercase;
  letter-spacing: 0.112rem;
  white-space: nowrap;
}
@media (min-width: 1128px) {
  .servicos-hero__tag span {
    font-size: 1.6rem;
    letter-spacing: 0.128rem;
  }
}
.servicos-hero__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .servicos-hero__title {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
}
@media (min-width: 1128px) {
  .servicos-hero__title {
    font-size: 7.2rem;
    line-height: 8rem;
  }
}
.servicos-hero__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .servicos-hero__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.servicos-video {
  background-color: #1d1d1b;
  overflow: hidden;
  top: -12.8rem;
  position: relative;
  margin-bottom: -12.8rem;
}
@media (min-width: 675px) {
  .servicos-video {
    top: -5.8rem;
    margin-bottom: -5.8rem;
  }
}
@media (min-width: 1128px) {
  .servicos-video {
    padding: 0 7.6rem;
  }
}
.servicos-video__video-full {
  width: 100%;
  aspect-ratio: 35.5/47.3;
  overflow: hidden;
  padding: 0px 1.6rem;
  position: relative;
  z-index: 3;
}
@media (min-width: 675px) {
  .servicos-video__video-full {
    aspect-ratio: 4/3;
    max-width: 97.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1128px) {
  .servicos-video__video-full {
    aspect-ratio: 192/100;
    max-width: 176.8rem;
    padding: 0;
  }
}
.servicos-video__video-full video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.servicos-video__container {
  padding: 12.8rem 1.6rem;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .servicos-video__container {
    padding: 20rem 1.6rem;
    max-width: 90.4rem;
  }
}
@media (min-width: 890px) {
  .servicos-video__container {
    padding: 12.8rem 0;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .servicos-video__container {
    padding: 20rem 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .servicos-video__container {
    padding: 20rem 0;
    max-width: 132rem;
  }
}
.servicos-video__text {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 675px) {
  .servicos-video__text {
    max-width: 87.2rem;
  }
}
@media (min-width: 1448px) {
  .servicos-video__text {
    max-width: 109.6rem;
  }
}
.servicos-video__text p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 675px) {
  .servicos-video__text p {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 1128px) {
  .servicos-video__text p {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
.servicos-video__text p strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}

.servicos-intro {
  position: relative;
  padding: 4.8rem 0;
}
.servicos-intro__graphics {
  width: 100%;
  height: 3.2rem;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.servicos-intro__graphics--top {
  background-image: url("../images/graficos-servicos-mob.png");
  background-position: left top;
}
@media (min-width: 675px) {
  .servicos-intro__graphics--top {
    background-image: url("../images/graficos-servicos-tablet.png");
  }
}
@media (min-width: 1128px) {
  .servicos-intro__graphics--top {
    background-image: url("../images/graficos-servicos-desk.png");
  }
}
@media (min-width: 1980px) {
  .servicos-intro__graphics--top {
    background-image: url("../images/graficos-servicos-tablet.png");
  }
}
.servicos-intro__container {
  padding: 8rem 1.6rem 12.8rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .servicos-intro__container {
    padding: 14.4rem 1.6rem 20rem;
  }
}
@media (min-width: 890px) {
  .servicos-intro__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 14.4rem 0rem 20rem;
  }
}
@media (min-width: 1128px) {
  .servicos-intro__container {
    max-width: 109.6rem;
    padding: 14.8rem 0 20rem;
  }
}
@media (min-width: 1448px) {
  .servicos-intro__container {
    max-width: 108.2rem;
  }
}
.servicos-intro__text p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #1d1d1b;
  font-weight: 400;
}
.servicos-intro__text p + p {
  margin-top: 2.4rem;
}
.servicos-intro__text strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
@media (min-width: 675px) {
  .servicos-intro__text p {
    font-size: 2.8rem;
    line-height: 4rem;
  }
}
@media (min-width: 1128px) {
  .servicos-intro__text p {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

.servicos-online {
  position: relative;
  padding: 2.4rem 0 0;
  background-color: #9ac9a6;
  overflow: hidden;
}
.servicos-online__container {
  padding: 0 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 890px) {
  .servicos-online__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1128px) {
  .servicos-online__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .servicos-online__container {
    max-width: 132rem;
    width: 100%;
    padding: 0rem;
  }
}
.servicos-online__header {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 4.8rem;
}
@media (min-width: 1128px) {
  .servicos-online__header {
    margin-bottom: 8rem;
  }
}
.servicos-online__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #1d1d1b;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .servicos-online__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
.servicos-online__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #1d1d1b;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .servicos-online__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.servicos-online__list {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media (min-width: 1128px) {
  .servicos-online__list {
    gap: 6.4rem;
  }
}
.servicos-online__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(251, 248, 229, 0.32);
}
.servicos-online__item-content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 4.8rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 675px) {
  .servicos-online__item-content {
    flex-direction: row;
    align-items: center;
    gap: 2.4rem;
    margin-top: 6.4rem;
  }
}
.servicos-online__item-text {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 1128px) {
  .servicos-online__item-text {
    gap: 4.8rem;
    flex-shrink: 1;
  }
}
.servicos-online__item-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #1d1d1b;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 1128px) {
  .servicos-online__item-title {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.servicos-online__item-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .servicos-online__item-desc {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.servicos-online__item-image {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 361/288;
}
@media (min-width: 675px) {
  .servicos-online__item-image {
    min-width: 28.4rem;
    width: 28.4rem;
    aspect-ratio: 424/339;
  }
}
@media (min-width: 875px) {
  .servicos-online__item-image {
    min-width: 42.4rem;
    width: 100%;
  }
}
@media (min-width: 1128px) {
  .servicos-online__item-image {
    aspect-ratio: 648/365;
  }
}
@media (min-width: 1328px) {
  .servicos-online__item-image {
    min-width: 64.8rem;
  }
}
.servicos-online__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.servicos-online__graphics {
  width: 100%;
  height: 3.2rem;
  position: relative;
  z-index: 1;
}
.servicos-online__graphics img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.servicos-online__graphics--bottom {
  margin-top: 7.2rem;
  margin-bottom: 2.4rem;
  background-image: url("../images/graficos-servicos-mob.png");
  background-position: left top;
}
@media (min-width: 675px) {
  .servicos-online__graphics--bottom {
    margin-top: 18.4rem;
    background-image: url("../images/graficos-servicos-tablet.png");
  }
}
@media (min-width: 1128px) {
  .servicos-online__graphics--bottom {
    margin-top: 14.4rem;
    background-image: url("../images/graficos-servicos-desk.png");
  }
}
@media (min-width: 1980px) {
  .servicos-online__graphics--bottom {
    background-image: url("../images/graficos-servicos-tablet.png");
  }
}

.servicos-offline {
  position: relative;
  padding: 12.8rem 0 20rem;
  background-color: #1d1d1b;
  overflow: hidden;
}
@media (min-width: 675px) {
  .servicos-offline {
    padding: 20rem 0;
  }
}
@media (min-width: 1128px) {
  .servicos-offline {
    padding: 20rem 7.6rem 20rem;
  }
}
.servicos-offline__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  width: 70rem;
  height: 70rem;
  border-radius: 50%;
  filter: blur(12rem);
  opacity: 0.6;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
}
.servicos-offline__gradient--1 {
  --gradient-color: #ea1f63;
  top: 10%;
  right: -15%;
}
.servicos-offline__gradient--2 {
  --gradient-color: #489464;
  bottom: 15%;
  left: -15%;
}
.servicos-offline__container {
  padding: 0 1.6rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 890px) {
  .servicos-offline__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1128px) {
  .servicos-offline__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .servicos-offline__container {
    max-width: 132rem;
    width: 100%;
    padding: 0rem;
  }
}
.servicos-offline__header {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 4.8rem;
  align-items: flex-end;
}
@media (min-width: 1128px) {
  .servicos-offline__header {
    margin-bottom: 8rem;
  }
}
.servicos-offline__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .servicos-offline__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
.servicos-offline__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #fbf8e5;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .servicos-offline__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.servicos-offline__list {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media (min-width: 1128px) {
  .servicos-offline__list {
    gap: 6.4rem;
  }
}
.servicos-offline__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(251, 248, 229, 0.32);
}
.servicos-offline__item-content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 4.8rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 675px) {
  .servicos-offline__item-content {
    flex-direction: row-reverse;
    align-items: center;
    gap: 2.4rem;
    margin-top: 6.4rem;
  }
}
.servicos-offline__item-text {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 1128px) {
  .servicos-offline__item-text {
    gap: 4.8rem;
    flex-shrink: 1;
  }
}
.servicos-offline__item-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
.servicos-offline__item-title.subMenor {
  font-size: 2.8rem;
  line-height: 3.6rem;
}
@media (min-width: 1128px) {
  .servicos-offline__item-title {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.servicos-offline__item-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .servicos-offline__item-desc {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.servicos-offline__item-image {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 361/288;
}
@media (min-width: 675px) {
  .servicos-offline__item-image {
    min-width: 28.4rem;
    width: 28.4rem;
    aspect-ratio: 424/339;
  }
}
@media (min-width: 875px) {
  .servicos-offline__item-image {
    min-width: 42.4rem;
    width: 100%;
  }
}
@media (min-width: 1128px) {
  .servicos-offline__item-image {
    min-width: 54.8rem;
    aspect-ratio: 648/365;
  }
}
@media (min-width: 1328px) {
  .servicos-offline__item-image {
    min-width: 64.8rem;
  }
}
.servicos-offline__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.servicos-offline__cta {
  margin-top: 9.6rem;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.servicos-offline__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2.4rem;
  background-color: #ea1f63;
  border: 1px solid #ea1f63;
  border-radius: 20rem;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: 100%;
  width: 100%;
  font-weight: 500;
}
@media (min-width: 675px) {
  .servicos-offline__cta-button {
    max-width: 42.4rem;
  }
}
.servicos-offline__cta-button:hover {
  background-color: #fbf8e5;
  color: #ea1f63;
}
.servicos-offline__video-player {
  width: 100%;
  aspect-ratio: 35.5/47.3;
  overflow: hidden;
  padding: 0px 1.6rem;
  position: relative;
  z-index: 3;
  margin-top: 25.6rem;
}
@media (min-width: 675px) {
  .servicos-offline__video-player {
    aspect-ratio: 4/3;
    max-width: 97.6rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40rem;
  }
}
@media (min-width: 1128px) {
  .servicos-offline__video-player {
    aspect-ratio: 192/100;
    max-width: 176.8rem;
    padding: 0;
    margin-top: 20rem;
  }
}
.servicos-offline__video-player video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.dist-hero {
  position: relative;
  width: 100%;
  min-height: 108rem;
  overflow: hidden;
  background-color: #1d1d1b;
}
.dist-hero__gradients {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.dist-hero__gradient {
  position: absolute;
  width: 50rem;
  height: 50rem;
  border-radius: 50%;
  filter: blur(10rem);
  opacity: 0.55;
  will-change: transform;
  transform: translateZ(0);
  background: radial-gradient(circle, var(--gradient-color, #ea1f63) 0%, transparent 70%);
}
.dist-hero__gradient--1 {
  --gradient-color: #ea1f63;
  top: -15%;
  left: -30%;
}
@media (min-width: 675px) {
  .dist-hero__gradient--1 {
    left: -10%;
  }
}
@media (min-width: 1128px) {
  .dist-hero__gradient--1 {
    width: 78.4rem;
    height: 78.4rem;
    top: -5%;
    left: 25%;
  }
}
.dist-hero__gradient--2 {
  --gradient-color: #489464;
  bottom: -5%;
  left: -40%;
}
@media (min-width: 675px) {
  .dist-hero__gradient--2 {
    left: -20%;
  }
}
@media (min-width: 1128px) {
  .dist-hero__gradient--2 {
    width: 101.3rem;
    height: 101.3rem;
    bottom: auto;
    top: -45%;
    left: -11%;
  }
}
.dist-hero__images {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.dist-hero__image {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dist-hero__image-placeholder {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dist-hero__image--1 {
  width: 20rem;
  height: 20rem;
  top: 17%;
  right: 5%;
  z-index: 3;
}
@media (min-width: 675px) {
  .dist-hero__image--1 {
    width: 30rem;
    height: 30rem;
    top: 38%;
    right: -2%;
  }
}
@media (min-width: 1128px) {
  .dist-hero__image--1 {
    width: 31.2rem;
    height: 31.2rem;
    top: 21%;
    right: 12%;
  }
}
.dist-hero__image--2 {
  width: 20rem;
  height: 20rem;
  top: 74%;
  right: 30%;
  z-index: 4;
}
@media (min-width: 675px) {
  .dist-hero__image--2 {
    width: 30rem;
    height: 30rem;
    top: 60%;
    right: 15%;
  }
}
@media (min-width: 1128px) {
  .dist-hero__image--2 {
    width: 31.2rem;
    height: 31.2rem;
    top: 50%;
    right: 26%;
  }
}
.dist-hero__content {
  position: relative;
  z-index: 3;
  padding: 32.4rem 1.6rem 4.8rem;
}
@media (min-width: 890px) {
  .dist-hero__content {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 32.4rem 0 4.8rem;
  }
}
@media (min-width: 1448px) {
  .dist-hero__content {
    max-width: 132rem;
  }
}
.dist-hero__content-inner {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  max-width: 109.6rem;
}
.dist-hero__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.8rem;
  border-radius: 1.4rem;
  border: 1px solid #98dfb8;
  background: rgba(152, 223, 184, 0.08);
  align-self: flex-start;
}
.dist-hero__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: rgba(152, 223, 184, 0.48);
  text-transform: uppercase;
  letter-spacing: 0.128rem;
  white-space: nowrap;
}
.dist-hero__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .dist-hero__title {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
}
@media (min-width: 1128px) {
  .dist-hero__title {
    font-size: 7.2rem;
    line-height: 8rem;
  }
}
.dist-hero__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .dist-hero__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.dist-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31.2rem;
  padding: 1.6rem 2.4rem;
  border-radius: 20rem;
  background-color: #ea1f63;
  border: 1px solid #ea1f63;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  margin-top: 2.4rem;
}

.dist-cards {
  position: relative;
  background-color: #1d1d1b;
  padding: 0rem 0 12.8rem;
}
@media (min-width: 675px) {
  .dist-cards {
    padding: 7.4rem 0 20rem;
  }
}
@media (min-width: 1128px) {
  .dist-cards {
    padding: 0 0 20rem;
  }
}
.dist-cards__container {
  margin: 0 auto;
  padding: 0 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 890px) {
  .dist-cards__container {
    max-width: 87.2rem;
    padding: 0;
  }
}
@media (min-width: 1128px) {
  .dist-cards__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .dist-cards__container {
    padding: 0;
    max-width: 132rem;
  }
}
.dist-cards__grid {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 675px) {
  .dist-cards__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .dist-cards__grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2.4rem;
  }
}
.dist-cards__card {
  width: 100%;
  height: 48.1rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 865px) {
  .dist-cards__card {
    min-height: 56.5rem;
  }
}
@media (min-width: 1128px) {
  .dist-cards__card {
    flex: 1;
    max-width: 42.4rem;
  }
}
.dist-cards__card--verde {
  background-color: #9ac9a6;
}
.dist-cards__card--verde .dist-cards__card-gradient {
  background: linear-gradient(to bottom, rgba(154, 201, 166, 0) 39.93%, #9ac9a6 75.8%);
}
.dist-cards__card--verde .dist-cards__card-title {
  color: #ea1f63;
}
.dist-cards__card--rosa {
  background-color: #ff71a8;
}
.dist-cards__card--rosa .dist-cards__card-gradient {
  background: linear-gradient(to bottom, rgba(255, 113, 168, 0) 39.93%, #ff71a8 75.8%);
}
.dist-cards__card--rosa .dist-cards__card-title {
  color: #fbf8e5;
}
.dist-cards__card--dark {
  background-color: #313130;
}
.dist-cards__card--dark .dist-cards__card-gradient {
  background: linear-gradient(to bottom, rgba(29, 29, 27, 0) 39.93%, #1d1d1b 75.8%);
}
.dist-cards__card--dark .dist-cards__card-title {
  color: #fbf8e5;
}
.dist-cards__card--creme {
  background-color: #fbf8e5;
}
.dist-cards__card--creme .dist-cards__card-gradient {
  background: linear-gradient(to bottom, rgba(251, 248, 229, 0) 39.93%, #fbf8e5 75.8%);
}
.dist-cards__card--creme .dist-cards__card-title,
.dist-cards__card--creme .dist-cards__card-desc {
  color: #1d1d1b;
}
.dist-cards__card-img {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 31.3rem;
  height: 31.4rem;
}
@media (min-width: 1128px) {
  .dist-cards__card-img {
    width: 34rem;
    height: 34rem;
  }
}
.dist-cards__card-placeholder {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dist-cards__card-placeholder--dark {
  background-color: rgba(148, 148, 148, 0.24);
}
.dist-cards__card-gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.dist-cards__card-info {
  position: absolute;
  bottom: 3.2rem;
  left: 1.6rem;
  right: 1.6rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 1128px) {
  .dist-cards__card-info {
    left: 2.4rem;
    right: 2.4rem;
  }
}
.dist-cards__card-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  font-weight: 600;
}
.dist-cards__card-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #ffffff;
  font-weight: 400;
}

.dist-manifesto {
  position: relative;
  padding: 0;
  background-color: #9ac9a6;
  overflow: hidden;
}
.dist-manifesto__graphics {
  width: 100%;
  height: 3.2rem;
  background-position: left;
  background-repeat: repeat-x;
  background-size: cover;
  background-image: url("../images/grafico-dist-manifesto-mob.png");
  position: relative;
  z-index: 1;
}
@media (min-width: 675px) {
  .dist-manifesto__graphics {
    background-image: url("../images/grafico-dist-manifesto-tablet.png");
  }
}
@media (min-width: 1128px) {
  .dist-manifesto__graphics {
    background-image: url("../images/grafico-dist-manifesto-desk.png");
  }
}
.dist-manifesto__graphics--top {
  margin-bottom: 14.4rem;
  margin-top: 2.4rem;
}
@media (min-width: 675px) {
  .dist-manifesto__graphics--top {
    margin-bottom: 14.8rem;
  }
}
.dist-manifesto__graphics--bottom {
  margin-top: 14.4rem;
  margin-bottom: 2.4rem;
}
.dist-manifesto__container {
  position: relative;
  z-index: 1;
  padding: 0 1.6rem;
  text-align: center;
}
@media (min-width: 890px) {
  .dist-manifesto__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1448px) {
  .dist-manifesto__container {
    max-width: 132rem;
  }
}
.dist-manifesto__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #ea1f63;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .dist-manifesto__title {
    font-size: 5.6rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .dist-manifesto__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
    max-width: 109.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-manifesto__text p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  font-weight: 400;
}
.dist-manifesto__text p + p {
  margin-top: 2.4rem;
}
.dist-manifesto__text {
  margin-bottom: 6.4rem;
}
.dist-manifesto__text strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
@media (min-width: 675px) {
  .dist-manifesto__text {
    margin-bottom: 9.6rem;
  }
  .dist-manifesto__text p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (min-width: 1128px) {
  .dist-manifesto__text {
    max-width: 109.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-manifesto__logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
  margin-bottom: 6.4rem;
}
@media (min-width: 675px) {
  .dist-manifesto__logos {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 9.6rem;
  }
}
@media (min-width: 1128px) {
  .dist-manifesto__logos {
    grid-template-columns: repeat(6, 1fr);
    gap: 2.4rem;
  }
}
.dist-manifesto__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2.4rem;
  border-radius: 20rem;
  background-color: #ea1f63;
  border: 1px solid #ea1f63;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  width: 100%;
}
.dist-manifesto__cta:hover {
  background: #fbf8e5;
  border-color: #fbf8e5;
  color: #ea1f63;
}
@media (min-width: 675px) {
  .dist-manifesto__cta {
    max-width: 42.4rem;
  }
}
.dist-manifesto__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1rem solid #fbf8e5;
  padding: 1.2rem;
  aspect-ratio: 3/2;
}
@media (min-width: 1128px) {
  .dist-manifesto__logo {
    height: auto;
  }
}
.dist-manifesto__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.dist-pagamento {
  position: relative;
  background-color: #1d1d1b;
  padding: 12.8rem 0;
  overflow: hidden;
}
@media (min-width: 675px) {
  .dist-pagamento {
    padding: 31.2rem 0;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento {
    padding: 27.5rem 0;
  }
}
.dist-pagamento__gradient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 80% 50%, rgba(234, 31, 99, 0.35) 0%, transparent 60%);
}
@media (min-width: 675px) {
  .dist-pagamento__gradient {
    background: radial-gradient(ellipse at 75% 50%, rgba(234, 31, 99, 0.4) 0%, transparent 55%);
  }
}
.dist-pagamento__container {
  position: relative;
  z-index: 1;
  padding: 0 1.6rem;
}
@media (min-width: 890px) {
  .dist-pagamento__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .dist-pagamento__container {
    padding: 0;
    max-width: 132rem;
  }
}
.dist-pagamento__content {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 675px) {
  .dist-pagamento__content {
    flex-direction: row;
    align-items: center;
    gap: 4.8rem;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento__content {
    gap: 8rem;
    justify-content: space-between;
  }
}
.dist-pagamento__info {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  order: 1;
}
@media (min-width: 675px) {
  .dist-pagamento__info {
    flex: 1;
    order: 1;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento__info {
    max-width: 77.6rem;
  }
}
.dist-pagamento__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .dist-pagamento__title {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento__title {
    font-size: 6.4rem;
    line-height: 7.2rem;
  }
}
.dist-pagamento__text {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
}
@media (min-width: 675px) {
  .dist-pagamento__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.dist-pagamento__image {
  width: 100%;
  overflow: hidden;
  order: 2;
  aspect-ratio: 361/473;
}
@media (min-width: 675px) {
  .dist-pagamento__image {
    width: 40%;
    max-width: 31.2rem;
    flex-shrink: 0;
    aspect-ratio: 312/389;
    order: 2;
  }
}
@media (min-width: 1128px) {
  .dist-pagamento__image {
    aspect-ratio: 424/530;
  }
}
@media (min-width: 1428px) {
  .dist-pagamento__image {
    min-width: 42.4rem;
  }
}
.dist-pagamento__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dist-pagamento .ctaDesk {
  display: none;
}
@media (min-width: 675px) {
  .dist-pagamento .ctaDesk {
    display: block;
  }
  .dist-pagamento .ctaDesk a {
    min-width: 42.4rem;
  }
}
.dist-pagamento .ctaMobile {
  display: block;
  order: 3;
  margin-top: 2.4rem;
}
.dist-pagamento .ctaMobile a {
  width: 100%;
}
@media (min-width: 675px) {
  .dist-pagamento .ctaMobile {
    display: none;
  }
}

.dist-suporte {
  position: relative;
  padding: 2.4rem 0;
  background-color: #fbf8e5;
}
.dist-suporte__graphics {
  width: 100%;
  height: 3.2rem;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-image: url("../images/graficos-suporte-distribuicao-mob.png");
  background-position: left top;
  position: relative;
  z-index: 2;
}
@media (min-width: 675px) {
  .dist-suporte__graphics {
    background-image: url("../images/graficos-suporte-distribuicao-tablet.png");
  }
}
@media (min-width: 1128px) {
  .dist-suporte__graphics {
    background-image: url("../images/graficos-suporte-distribuicao-desk.png");
  }
}
.dist-suporte__graphics--top {
  margin-bottom: 8rem;
}
@media (min-width: 675px) {
  .dist-suporte__graphics--top {
    margin-bottom: 14.4rem;
  }
}
.dist-suporte__graphics--bottom {
  margin-top: 7.2rem;
  transform: scaleY(-1);
}
@media (min-width: 675px) {
  .dist-suporte__graphics--bottom {
    margin-top: 14.4rem;
  }
}
@media (min-width: 1128px) {
  .dist-suporte {
    padding: 2.4rem 0;
  }
}
.dist-suporte__container {
  padding: 0 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 890px) {
  .dist-suporte__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1448px) {
  .dist-suporte__container {
    max-width: 132rem;
  }
}
.dist-suporte__header {
  margin-bottom: 4.8rem;
}
@media (min-width: 1128px) {
  .dist-suporte__header {
    margin-bottom: 8rem;
  }
}
.dist-suporte__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #ea1f63;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2.4rem;
  text-align: center;
}
@media (min-width: 675px) {
  .dist-suporte__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
@media (min-width: 1096px) {
  .dist-suporte__title {
    max-width: 109.6rem;
    font-size: 6.4rem;
    line-height: 7.2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-suporte__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
}
.dist-suporte__subtitle p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  font-weight: 400;
  text-align: center;
}
.dist-suporte__subtitle strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
@media (min-width: 675px) {
  .dist-suporte__subtitle p {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (min-width: 1096px) {
  .dist-suporte__subtitle {
    max-width: 109.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-suporte__gridImage {
  display: block;
}
@media (min-width: 675px) {
  .dist-suporte__gridImage {
    display: flex;
    margin-top: 20rem;
    align-items: center;
    gap: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .dist-suporte__gridImage {
    justify-content: space-between;
    align-items: center;
  }
}
.dist-suporte__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
  margin-top: 0rem;
}
@media (min-width: 675px) {
  .dist-suporte__grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1448px) {
  .dist-suporte__grid {
    gap: 2.4rem;
    margin-bottom: 0rem;
    max-width: 65.1rem;
  }
}
.dist-suporte__item {
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1607843137);
}
@media (min-width: 675px) {
  .dist-suporte__item {
    display: flex;
    gap: 2.4rem;
    align-items: center;
  }
}
.dist-suporte__item-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .dist-suporte__item-title {
    min-width: 20rem;
  }
}
@media (min-width: 1128px) {
  .dist-suporte__item-title {
    font-size: 2rem;
    line-height: 2.8rem;
    width: 22.7rem;
    min-width: 22.7rem;
  }
}
.dist-suporte__item-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .dist-suporte__item-desc {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.dist-suporte .distSuporteImage {
  aspect-ratio: 361/473;
  object-fit: cover;
}
@media (min-width: 675px) {
  .dist-suporte .distSuporteImage {
    aspect-ratio: 312/468;
    min-width: 31.2rem;
  }
}
@media (min-width: 1448px) {
  .dist-suporte .distSuporteImage {
    aspect-ratio: 536/671;
    min-width: 53.6rem;
    max-width: 54rem;
  }
}
.dist-suporte .distSuporteImage img {
  width: 100%;
  height: auto;
}
.dist-suporte__extra {
  margin-top: 12.8rem;
}
@media (min-width: 675px) {
  .dist-suporte__extra {
    margin-top: 18.6rem;
  }
}
@media (min-width: 1128px) {
  .dist-suporte__extra {
    margin-top: 20rem;
  }
}
.dist-suporte__extra-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #ea1f63;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 6.4rem;
}
@media (min-width: 675px) {
  .dist-suporte__extra-title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
.dist-suporte__extra-cards {
  overflow: visible;
  padding-left: 1.6rem;
}
.dist-suporte__extra-cards.swiper {
  overflow: visible;
}
.dist-suporte__extra-cards .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.dist-suporte__extra-cards .swiper-slide {
  height: auto;
}
@media (min-width: 1128px) {
  .dist-suporte__extra-cards {
    overflow: visible;
    padding-left: 0;
  }
  .dist-suporte__extra-cards .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
  }
}
.dist-suporte__extra-card {
  flex-shrink: 0;
  max-width: 30rem;
  height: 100%;
  padding: 2.4rem;
  border: 1rem solid #1d1d1b;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  box-sizing: border-box;
}
@media (min-width: 675px) {
  .dist-suporte__extra-card {
    min-width: 42.4rem;
  }
}
@media (min-width: 1128px) {
  .dist-suporte__extra-card {
    width: 100%;
    height: 100%;
  }
}
.dist-suporte__extra-card-icon {
  width: 7.2rem;
  height: 7.2rem;
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dist-suporte__extra-card-icon-placeholder {
  width: 3.2rem;
  height: 3.2rem;
  background-color: rgba(29, 29, 27, 0.24);
}
.dist-suporte__extra-card-body {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.dist-suporte__extra-card-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #1d1d1b;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 3.2rem;
}
@media (min-width: 675px) {
  .dist-suporte__extra-card-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.dist-suporte__extra-card-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  font-weight: 400;
}
@media (min-width: 675px) {
  .dist-suporte__extra-card-desc {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
.dist-suporte .distribuicao__cta {
  margin-top: 6.4rem;
}
@media (min-width: 675px) {
  .dist-suporte .distribuicao__cta {
    max-width: 42.4rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-suporte .distribuicao__cta .btn {
  width: 100%;
}
.dist-suporte .distribuicao__cta .btn:hover {
  background-color: rgba(234, 31, 99, 0.9) !important;
  color: #ffffff !important;
}

.dist-steps {
  position: relative;
  background-color: #1d1d1b;
  padding: 12.8rem 0;
}
.dist-steps__graphics {
  width: 100%;
  height: 3.2rem;
  position: relative;
}
.dist-steps__graphics img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dist-steps__graphics--top {
  transform: scaleY(-1) rotate(180deg);
}
.dist-steps__graphics--bottom {
  transform: scaleY(-1) rotate(180deg);
}
.dist-steps__container {
  padding: 0rem 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 890px) {
  .dist-steps__container {
    max-width: 113.2rem;
    margin: 0 auto;
    padding: 8rem 0 0;
  }
}
@media (min-width: 1448px) {
  .dist-steps__container {
    max-width: 132rem;
  }
}
.dist-steps__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 6.4rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 675px) {
  .dist-steps__title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    max-width: 87.2rem;
  }
}
@media (min-width: 1128px) {
  .dist-steps__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
    margin-bottom: 8rem;
  }
}
@media (min-width: 1096px) {
  .dist-steps__title {
    max-width: 109.6rem;
  }
}
.dist-steps__body {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  align-items: center;
}
.dist-steps__body .phoneList {
  display: block;
}
@media (min-width: 675px) {
  .dist-steps__body .phoneList {
    display: flex;
    flex-direction: row;
    gap: 2.4rem;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 87.2rem;
  }
}
@media (min-width: 1096px) {
  .dist-steps__body .phoneList {
    max-width: 132rem;
  }
}
@media (min-width: 1448px) {
  .dist-steps__body .phoneList {
    width: 100%;
    flex-basis: 100%;
    justify-content: space-between;
  }
}
.dist-steps__phone {
  aspect-ratio: 355/473;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 675px) {
  .dist-steps__phone {
    max-width: 31.2rem;
  }
  .dist-steps__phone div {
    aspect-ratio: 312/468;
  }
}
@media (min-width: 1448px) {
  .dist-steps__phone {
    max-width: 42.4rem;
  }
  .dist-steps__phone div {
    aspect-ratio: 424/530;
  }
}
.dist-steps__phone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dist-steps__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 100%;
  margin-top: 6.4rem;
}
@media (min-width: 675px) {
  .dist-steps__list {
    max-width: calc(100% - 31.2rem - 2.4rem);
    gap: 1.6rem;
    margin-top: 0rem;
  }
}
@media (min-width: 1448px) {
  .dist-steps__list {
    max-width: 76.3rem;
    gap: 2.4rem;
  }
}
.dist-steps__step {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-bottom: solid 0.1rem rgba(251, 248, 229, 0.2392156863);
  padding-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .dist-steps__step {
    flex-direction: row;
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1448px) {
  .dist-steps__step {
    max-width: 76.3rem;
  }
}
.dist-steps__step-header {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.dist-steps__step-number {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 4rem;
  line-height: 4.8rem;
  color: transparent;
  -webkit-text-stroke: 2px #98dfb8;
  text-stroke: 2px #98dfb8;
  font-weight: 600;
  flex-shrink: 0;
  min-width: 4rem;
  text-align: center;
}
@media (min-width: 675px) {
  .dist-steps__step-number {
    font-size: 4.8rem;
    line-height: 4.8rem;
    min-width: 5.6rem;
  }
}
@media (min-width: 1128px) {
  .dist-steps__step-number {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
.dist-steps__step-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
  max-width: 25rem;
}
@media (min-width: 675px) {
  .dist-steps__step-title {
    width: 18.4rem;
  }
}
@media (min-width: 1128px) {
  .dist-steps__step-title {
    width: 29.75rem;
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
.dist-steps__step-desc {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
}
@media (min-width: 1128px) {
  .dist-steps__step-desc {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
.dist-steps__destaque {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #fbf8e5;
  font-weight: 400;
  text-align: center;
  margin-top: 4.8rem;
}
.dist-steps__destaque strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
@media (min-width: 675px) {
  .dist-steps__destaque {
    font-size: 3.2rem;
    line-height: 4rem;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1128px) {
  .dist-steps__destaque {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.dist-steps__cta {
  margin-top: 4.8rem;
  width: 100%;
}
@media (min-width: 675px) {
  .dist-steps__cta {
    max-width: 42.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8rem;
  }
}
@media (min-width: 1448px) {
  .dist-steps__cta {
    margin-top: 3.8rem;
  }
}
.dist-steps__cta .btn {
  width: 100%;
}

.dist-faq {
  position: relative;
  padding: 7.2rem 0 20rem;
  background-color: #1d1d1b;
}
.dist-faq .faqHeader {
  text-align: center;
}
@media (min-width: 1128px) {
  .dist-faq {
    padding: 8rem 0 20rem;
  }
}
.dist-faq__container {
  padding: 0 1.6rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 890px) {
  .dist-faq__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1448px) {
  .dist-faq__container {
    max-width: 132rem;
  }
}
.dist-faq__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.8rem;
  border-radius: 2.4rem;
  border: 0.1rem solid rgba(152, 223, 184, 0.48);
  background: rgba(152, 223, 184, 0.08);
  margin: 0 auto 2.4rem;
}
.dist-faq__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: rgba(152, 223, 184, 0.48);
  text-transform: uppercase;
  letter-spacing: 0.128rem;
}
.dist-faq__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4rem;
}
@media (min-width: 675px) {
  .dist-faq__title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2rem;
  }
}
@media (min-width: 1128px) {
  .dist-faq__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
    margin-bottom: 7.2rem;
    max-width: 98.9rem;
  }
}
.dist-faq__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1096px) {
  .dist-faq__list {
    max-width: 109.6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dist-faq__item {
  border-bottom: 1px solid rgba(251, 248, 229, 0.16);
}
.dist-faq__item.is-open .dist-faq__question span {
  color: #ea1f63;
}
.dist-faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2.4rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 1.6rem;
}
.dist-faq__question span:first-child {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 600;
}
.dist-faq__icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  color: #fbf8e5;
  transition: transform 0.4s ease;
}
.dist-faq__item.is-open .dist-faq__icon {
  transform: rotate(45deg);
}
.dist-faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.dist-faq__item.is-open .dist-faq__answer {
  max-height: 30rem;
}
.dist-faq__answer p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
  padding-bottom: 2.4rem;
}
@media (min-width: 1128px) {
  .dist-faq__answer p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

.contato-hero {
  position: relative;
  width: 100%;
  min-height: 93.2rem;
  overflow: visible;
  background-color: #9ac9a6;
}
@media (min-width: 1128px) {
  .contato-hero {
    min-height: 108rem;
  }
}
.contato-hero__gradients {
  position: absolute;
  inset: -75% -44% -73% -41%;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}
.contato-hero__gradient {
  position: absolute;
  border-radius: 50%;
  filter: blur(12rem);
  opacity: 0.9;
}
.contato-hero__gradient--1 {
  width: 160rem;
  height: 160rem;
  top: 17%;
  left: -75%;
  background: radial-gradient(circle, #ea1f63 0%, transparent 90%);
}
@media (min-width: 675px) {
  .contato-hero__gradient--1 {
    width: 108.9rem;
    height: 108.9rem;
    top: 28%;
    left: -16%;
    opacity: 0.95;
  }
}
@media (min-width: 1128px) {
  .contato-hero__gradient--1 {
    width: 105.4rem;
    height: 105.4rem;
    top: 35%;
    left: 15%;
    opacity: 0.9;
  }
}
.contato-hero__gradient--2 {
  width: 98rem;
  height: 98rem;
  top: 20%;
  right: -40%;
  background: radial-gradient(circle, #489464 0%, transparent 90%);
  opacity: 0.8;
}
@media (min-width: 675px) {
  .contato-hero__gradient--2 {
    width: 98.9rem;
    height: 98.9rem;
    top: 14%;
    right: 4%;
    opacity: 0.95;
  }
}
@media (min-width: 1128px) {
  .contato-hero__gradient--2 {
    width: 105.4rem;
    height: 105.4rem;
    top: 22%;
    right: 17%;
    opacity: 0.8;
  }
}
.contato-hero__content {
  position: relative;
  z-index: 3;
  padding: 26.4rem 1.6rem 4.8rem;
}
@media (min-width: 890px) {
  .contato-hero__content {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 32.8rem 0 4.8rem;
  }
}
@media (min-width: 1448px) {
  .contato-hero__content {
    max-width: 132rem;
  }
}
.contato-hero__content-inner {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  max-width: 109.6rem;
}
.contato-hero__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.8rem;
  border-radius: 1.4rem;
  border: 1px solid #98dfb8;
  background: rgba(152, 223, 184, 0.08);
  align-self: flex-start;
}
.contato-hero__tag span {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: rgba(152, 223, 184, 0.4784313725);
  text-transform: uppercase;
  letter-spacing: 0.128rem;
  white-space: nowrap;
}
.contato-hero__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 675px) {
  .contato-hero__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
  }
}
@media (min-width: 1128px) {
  .contato-hero__title {
    font-size: 7.2rem;
    line-height: 8rem;
  }
}
.contato-hero__subtitle {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  font-weight: 400;
}
@media (min-width: 675px) {
  .contato-hero__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (min-width: 1128px) {
  .contato-hero__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.contato-form {
  position: relative;
  padding: 12.8rem 0;
  background-color: #1d1d1b;
  overflow: hidden;
}
@media (min-width: 675px) {
  .contato-form {
    padding: 22rem 0;
  }
}
@media (min-width: 1128px) {
  .contato-form {
    padding: 23.2rem 0;
  }
}
.contato-form__gradients {
  position: absolute;
  inset: -20% -20% -20% -20%;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}
.contato-form__gradient {
  --gradient-color: #ea1f63;
  position: absolute;
  border-radius: 50%;
  filter: blur(12rem);
  opacity: 0.8;
  background: radial-gradient(circle, var(--gradient-color) 0%, transparent 70%);
  transition: background 0.8s ease;
}
.contato-form__gradient--1 {
  --gradient-color: #ea1f63;
  width: 80rem;
  height: 80rem;
  top: -10%;
  right: -20%;
}
@media (min-width: 1128px) {
  .contato-form__gradient--1 {
    width: 105.4rem;
    height: 105.4rem;
    top: -15%;
    right: -10%;
  }
}
.contato-form__gradient--2 {
  --gradient-color: #489464;
  width: 70rem;
  height: 70rem;
  bottom: -10%;
  left: -20%;
}
@media (min-width: 1128px) {
  .contato-form__gradient--2 {
    width: 105.4rem;
    height: 105.4rem;
    bottom: -15%;
    left: -15%;
  }
}
.contato-form__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12.8rem;
  padding: 0 1.6rem;
}
@media (min-width: 890px) {
  .contato-form__container {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 675px) {
  .contato-form__container {
    flex-direction: row;
  }
}
@media (min-width: 1128px) {
  .contato-form__container {
    flex-direction: row;
    gap: 8rem;
  }
}
@media (min-width: 1448px) {
  .contato-form__container {
    max-width: 132rem;
  }
}
.contato-form__left {
  width: 100%;
}
@media (min-width: 675px) {
  .contato-form__left {
    width: 42.4rem;
  }
}
@media (min-width: 1128px) {
  .contato-form__left {
    width: 64.8rem;
    flex-shrink: 1;
  }
}
.contato-form__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media (min-width: 675px) {
  .contato-form__right {
    width: 31.2rem;
  }
}
@media (min-width: 1128px) {
  .contato-form__right {
    width: auto;
    flex-grow: 1;
  }
}
.contato-form__fields {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.contato-form__field {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.contato-form__label {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
.contato-form__input, .contato-form__textarea {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fbf8e5;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  width: 100%;
  resize: none;
}
.contato-form__input::placeholder, .contato-form__textarea::placeholder {
  color: rgba(251, 248, 229, 0.48);
}
.contato-form__line {
  width: 100%;
  height: 2px;
  background-color: #d9d9d9;
  transition: background-color 0.3s ease;
}
.contato-form__field--error .contato-form__line {
  background-color: #ff4d4d;
}
.contato-form__field-error {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #ff4d4d;
  margin-top: 0.4rem;
}
.contato-form__privacy {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-weight: 400;
}
.contato-form__privacy-link {
  color: #ffffff;
  text-decoration: underline;
}
.contato-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.6rem 2.4rem;
  border-radius: 20rem;
  background-color: #ea1f63;
  border: 1px solid #ea1f63;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.contato-form__submit:hover {
  background: #fbf8e5;
  color: #ea1f63;
}
.contato-form__submit--loading {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 1128px) {
  .contato-form__submit {
    width: 42.4rem;
  }
}
.contato-form__feedback {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border-radius: 0.8rem;
  padding: 0;
  transition: all 0.3s ease;
}
.contato-form__feedback--success {
  color: #98dfb8;
  padding: 1.2rem 1.6rem;
  background: rgba(72, 148, 100, 0.15);
  border: 1px solid rgba(72, 148, 100, 0.3);
}
.contato-form__feedback--error {
  color: #ff4d4d;
  padding: 1.2rem 1.6rem;
  background: rgba(255, 77, 77, 0.1);
  border: 1px solid rgba(255, 77, 77, 0.25);
}
.contato-form__alt-contact {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.contato-form__alt-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
.contato-form__alt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.4rem 2.4rem;
  border-radius: 20rem;
  border: 2px solid #fbf8e5;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: all ease 0.3s;
}
.contato-form__alt-btn:hover {
  color: #ea1f63;
  border: 2px solid #ea1f63;
}
@media (min-width: 1128px) {
  .contato-form__alt-btn {
    width: 42.4rem;
  }
}
.contato-form__address {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2rem;
}
.contato-form__address-title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #fbf8e5;
  text-transform: uppercase;
  font-weight: 600;
}
.contato-form__address-info {
  display: flex;
  gap: 0.4rem;
  align-items: flex-start;
}
.contato-form__address-text p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #fbf8e5;
  font-weight: 400;
}
.contato-form__address-link {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  color: #fbf8e5;
  align-items: center;
  display: flex;
}
.contato-form__address-link:hover svg {
  transform: rotate(45deg);
}
.contato-form__address-link:hover svg * {
  fill: #ea1f63;
}
.contato-form__address-link svg {
  width: 1.3em;
  height: 1.3em;
  max-width: 1.3rem;
  fill: #fbf8e5;
  transition: all 0.3s ease;
  margin-left: 0.4rem;
  transition: all 0.3s ease;
}
.contato-form__address-link svg * {
  transition: all 0.3s ease;
}

.contato-map {
  position: relative;
  background-color: #1d1d1b;
  margin-bottom: 20rem;
}
@media (min-width: 675px) {
  .contato-map {
    margin-bottom: 0;
  }
}
.contato-map__container {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.contato-map__image {
  width: 100%;
  height: 85.2rem;
  object-fit: cover;
}
@media (min-width: 1128px) {
  .contato-map__image {
    height: 108rem;
  }
}

.navbar--black-always .navbar__logo img {
  filter: brightness(0) !important;
}
.navbar--black-always .navbar__links li a {
  color: #1d1d1b !important;
}
.navbar--black-always .navbar__links li a:hover {
  color: #ea1f63 !important;
}
.navbar--black-always .navbar__toggle span {
  background-color: #1d1d1b !important;
}
.navbar--black-always .navbar__login svg path {
  fill: #1d1d1b !important;
}
.navbar--black-always .navbar__login span {
  color: #1d1d1b !important;
}
.navbar--black-always .navbar__menu--mobile .navbar__menu-link {
  color: #fbf8e5 !important;
}
.navbar--black-always .navbar__menu--mobile .navbar__login svg path {
  fill: #fbf8e5 !important;
}
.navbar--black-always .navbar__menu--mobile .navbar__login span {
  color: #fbf8e5 !important;
}

.politica-privacidade {
  background-color: #fbf8e5;
  min-height: 100vh;
  padding: 12.8rem 0 8rem;
}
@media (min-width: 675px) {
  .politica-privacidade {
    padding: 16rem 0 12rem;
  }
}
@media (min-width: 1128px) {
  .politica-privacidade {
    padding: 20rem 0 16rem;
  }
}
.politica-privacidade__container {
  margin: 0 auto;
  padding: 0 1.6rem;
}
@media (min-width: 890px) {
  .politica-privacidade__container {
    max-width: 87.2rem;
    padding: 0;
  }
}
@media (min-width: 1128px) {
  .politica-privacidade__container {
    padding: 0 7.6rem;
    max-width: 100%;
  }
}
@media (min-width: 1448px) {
  .politica-privacidade__container {
    max-width: 132rem;
    padding: 0;
  }
}
.politica-privacidade__title {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 4rem;
  line-height: 4.8rem;
  color: #ea1f63;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
@media (min-width: 675px) {
  .politica-privacidade__title {
    font-size: 5.6rem;
    line-height: 6.4rem;
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1128px) {
  .politica-privacidade__title {
    font-size: 7.2rem;
    line-height: 8rem;
  }
}
.politica-privacidade__date {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #1d1d1b;
  margin-bottom: 4.8rem;
  opacity: 0.7;
}
@media (min-width: 675px) {
  .politica-privacidade__date {
    font-size: 1.8rem;
    margin-bottom: 6.4rem;
  }
}
.politica-privacidade__content {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #1d1d1b;
}
@media (min-width: 675px) {
  .politica-privacidade__content {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
.politica-privacidade__content p {
  margin-bottom: 2.4rem;
}
.politica-privacidade__content h2 {
  font-family: "Field Gothic XWide", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #ea1f63;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 4.8rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 675px) {
  .politica-privacidade__content h2 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-top: 6.4rem;
  }
}
.politica-privacidade__content ul {
  margin: 2.4rem 0;
  padding-left: 2.4rem;
}
.politica-privacidade__content ul li {
  margin-bottom: 1.6rem;
  list-style-type: disc;
}
.politica-privacidade__content ul li strong {
  font-family: "Field Gothic Demi", sans-serif;
  font-weight: 600;
}
.politica-privacidade__content a {
  color: #ea1f63;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.politica-privacidade__content a:hover {
  opacity: 0.7;
}
.politica-privacidade__content hr {
  border: none;
  border-top: 1px solid rgba(29, 29, 27, 0.2);
  margin: 4.8rem 0;
}
@media (min-width: 675px) {
  .politica-privacidade__content hr {
    margin: 6.4rem 0;
  }
}
.politica-privacidade__footer {
  font-style: italic;
  opacity: 0.8;
}

.btn {
  padding: 1rem 2rem;
  border-radius: 5.6rem;
  text-decoration: none;
  display: inline-flex;
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.8rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 5.6rem;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
.btn.btn-primary, .btn--magenta {
  background-color: #ea1f63;
  color: #fbf8e5;
  border: 1px solid #ea1f63;
  padding: 1.6rem 2.4rem;
}
.btn.btn-primary:hover, .btn--magenta:hover {
  background-color: #ff4a86;
  color: #fbf8e5;
  border-color: #ff4a86;
}
.btn.btn-secundario {
  background-color: #fbf8e5;
  color: #ea1f63;
}
.btn.btn-secundario:hover {
  background: white;
}

.direct_link a {
  display: flex;
  align-items: center;
  gap: 2.2rem;
  font-size: 2rem;
  font-weight: 400;
  font-family: "Field Gothic Wide", sans-serif;
}

.mobileOnly {
  display: block;
}
@media (min-width: 675px) {
  .mobileOnly {
    display: none;
  }
}

.containerLink {
  max-width: 57.2rem;
  width: 100%;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d1d1b;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}
.preloader__logo {
  width: 12rem;
  height: 5.33rem;
  opacity: 0;
  transform: scale(0.8);
}
.preloader__logo img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 675px) {
  .preloader__logo {
    width: 16rem;
    height: 7.11rem;
  }
}
@media (min-width: 1128px) {
  .preloader__logo {
    width: 18rem;
    height: 8rem;
  }
}

.site-main {
  position: relative;
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1rem;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.12);
  filter: url(#noise-filter);
  mix-blend-mode: overlay;
  opacity: 0.2;
}

p {
  font-family: "Field Gothic Wide", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.section_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.section_header .section_title {
  flex-basis: 100%;
}

/*# sourceMappingURL=main.css.map */