.desktop-camper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.desktop-camper .element-hero {
  display: flex;
  height: 832px;
  align-items: flex-end;
  justify-content: space-between;
  padding: 96px 50px 44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background:
    linear-gradient(
      360deg,
      rgba(0, 0, 0, 0.65) 26.442%,
      rgba(0, 0, 0, 0) 72.596%,
      rgba(0, 0, 0, 0.42) 97.596%
    ),
    url("assets/Hero.png") no-repeat center/cover;
  background-color: var(--camper-tokens-color-ink-900);
}

.desktop-camper .hero-contedo {
  display: flex;
  width: 761px;
  align-items: flex-start;
  gap: 28px;
  flex-direction: column;
  position: relative;
}

.desktop-camper .selos-de-confiana {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 8px;
  padding: 12px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: var(--camper-tokens-color-text-on-dark);
  font-size: var(--body-s-font-size);
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  white-space: nowrap;
  font-style: var(--body-s-font-style);
}

.desktop-camper .view {
  position: relative;
  width: 3px;
  height: 3px;
  background-color: var(--camper-tokens-color-gold-500);
  border-radius: 1.5px;
}

.desktop-camper .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .decis-es-que {
  position: relative;
  align-self: stretch;
  font-family: var(--display-l-font-family);
  font-weight: var(--display-l-font-weight);
  color: var(--camper-tokens-color-text-on-dark);
  font-size: var(--display-l-font-size);
  letter-spacing: var(--display-l-letter-spacing);
  line-height: var(--display-l-line-height);
  font-style: var(--display-l-font-style);
}

.desktop-camper .consultoria {
  position: relative;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: var(--camper-tokens-color-text-on-dark-muted);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
}

.desktop-camper .span {
  font-family: var(--body-m-font-family);
  font-weight: var(--body-m-font-weight);
  color: #a9bdda;
  font-size: var(--body-m-font-size);
  letter-spacing: var(--body-m-letter-spacing);
  line-height: var(--body-m-line-height);
  font-style: var(--body-m-font-style);
}

.desktop-camper .text-wrapper-2 {
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
}

.desktop-camper .CT-as {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .boto-primrio {
  padding: 17px 32px;
  background-color: #2e5c99;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
}

.desktop-camper .div {
  position: relative;
  width: fit-content;
  font-family: var(--label-button-font-family);
  font-weight: var(--label-button-font-weight);
  color: var(--camper-tokens-color-white);
  font-size: var(--label-button-font-size);
  letter-spacing: var(--label-button-letter-spacing);
  line-height: var(--label-button-line-height);
  white-space: nowrap;
  font-style: var(--label-button-font-style);
}

.desktop-camper .boto-secundrio {
  border: 1px solid;
  border-color: var(--camper-tokens-color-white);
  display: inline-flex;
  align-items: center;
  padding: 17px 32px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 999px;
  overflow: hidden;
}

.desktop-camper .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--label-button-font-family);
  font-weight: var(--label-button-font-weight);
  color: var(--camper-tokens-color-text-on-dark);
  font-size: var(--label-button-font-size);
  letter-spacing: var(--label-button-letter-spacing);
  line-height: var(--label-button-line-height);
  white-space: nowrap;
  font-style: var(--label-button-font-style);
}

.desktop-camper .hero-visual {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.desktop-camper .card-selo-CFP {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  padding: 20px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f7f4ef1c;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2e5c99;
  box-shadow: 0px 12px 32px #0000002e;
}

.desktop-camper .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--display-s-font-family);
  font-weight: var(--display-s-font-weight);
  color: var(--camper-tokens-color-white);
  font-size: var(--display-s-font-size);
  letter-spacing: var(--display-s-letter-spacing);
  line-height: var(--display-s-line-height);
  white-space: nowrap;
  font-style: var(--display-s-font-style);
}

.desktop-camper .planejador {
  position: relative;
  width: 244px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--camper-tokens-color-text-on-dark);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.2px;
}

.desktop-camper .element-solues {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  padding: 120px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-white);
}

.desktop-camper .cabealho-da-seo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: var(--eyebrow-font-family);
  font-weight: var(--eyebrow-font-weight);
  color: var(--camper-tokens-color-gold-500);
  font-size: var(--eyebrow-font-size);
  letter-spacing: var(--eyebrow-letter-spacing);
  line-height: var(--eyebrow-line-height);
  white-space: nowrap;
  font-style: var(--eyebrow-font-style);
}

.desktop-camper .quatro-frentes-que {
  position: relative;
  width: 760px;
  font-family: var(--display-l-font-family);
  font-weight: var(--display-l-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-l-font-size);
  letter-spacing: var(--display-l-letter-spacing);
  line-height: var(--display-l-line-height);
  font-style: var(--display-l-font-style);
}

.desktop-camper .cada-produto-entra {
  position: relative;
  width: 640px;
  font-family: var(--body-l-font-family);
  font-weight: var(--body-l-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-l-font-size);
  letter-spacing: var(--body-l-letter-spacing);
  line-height: var(--body-l-line-height);
  font-style: var(--body-l-font-style);
}

.desktop-camper .grade-solues {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .div-2 {
  display: flex;
  flex-direction: column;
  /* era height:168px + overflow:hidden (a caixa do Figma). O texto de
     Planos de Saúde passou a ocupar 2 linhas e ficava cortado, então a
     altura virou piso: os cards que cabem seguem em 168px. */
  min-height: 168px;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
  padding: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--camper-tokens-color-white);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--camper-tokens-color-line);
}

.desktop-camper .text-wrapper-6 {
  position: relative;
  width: fit-content;
  font-family: var(--display-s-font-family);
  font-weight: var(--display-s-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-s-font-size);
  letter-spacing: var(--display-s-letter-spacing);
  line-height: var(--display-s-line-height);
  white-space: nowrap;
  font-style: var(--display-s-font-style);
}

.desktop-camper .p {
  position: relative;
  align-self: stretch;
  font-family: var(--body-m-font-family);
  font-weight: var(--body-m-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-m-font-size);
  letter-spacing: var(--body-m-letter-spacing);
  line-height: var(--body-m-line-height);
  font-style: var(--body-m-font-style);
}

.desktop-camper .nota-demais-ramos {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-sand-50);
  border-radius: 8px;
  overflow: hidden;
}

.desktop-camper .img {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 350px;
  border-radius: var(--camper-tokens-radius-sm);
  object-fit: cover;
}

.desktop-camper .text-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop-camper .atuamos-tamb-m-nos {
  position: relative;
  align-self: stretch;
  font-family: var(--display-s-font-family);
  font-weight: var(--display-s-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-s-font-size);
  letter-spacing: var(--display-s-letter-spacing);
  line-height: var(--display-s-line-height);
  font-style: var(--display-s-font-style);
}

.desktop-camper .atuamos-tamb-m-nos-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: var(--camper-tokens-color-ink-900);
  font-size: var(--body-s-font-size);
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  font-style: var(--body-s-font-style);
}

.desktop-camper .div-wrapper {
  background-color: var(--camper-tokens-color-gold-500);
  display: inline-flex;
  align-items: center;
  padding: 17px 32px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 999px;
  overflow: hidden;
}

.desktop-camper .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: var(--label-button-font-family);
  font-weight: var(--label-button-font-weight);
  color: var(--camper-tokens-color-white);
  font-size: var(--label-button-font-size);
  letter-spacing: var(--label-button-letter-spacing);
  line-height: var(--label-button-line-height);
  white-space: nowrap;
  font-style: var(--label-button-font-style);
}

.desktop-camper .element-barra-de {
  display: flex;
  align-items: center;
  padding: 24px 44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-sand-50);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--camper-tokens-color-line);
}

.desktop-camper .stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop-camper .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: var(--stat-number-font-family);
  font-weight: var(--stat-number-font-weight);
  color: var(--camper-tokens-color-ink-900);
  font-size: var(--stat-number-font-size);
  letter-spacing: var(--stat-number-letter-spacing);
  line-height: var(--stat-number-line-height);
  white-space: nowrap;
  font-style: var(--stat-number-font-style);
}

.desktop-camper .text-wrapper-9 {
  position: relative;
  width: fit-content;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-s-font-size);
  text-align: center;
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  font-style: var(--body-s-font-style);
}

.desktop-camper .divisor {
  position: relative;
  width: 1px;
  height: 64px;
  background-color: var(--camper-tokens-color-line);
}

.desktop-camper .element-abordagem {
  display: flex;
  align-items: flex-start;
  gap: 100px;
  padding: 120px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-sand-50);
}

.desktop-camper .abordagem-texto {
  width: 460px;
  gap: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.desktop-camper .consultoria-antes-da {
  position: relative;
  width: 460px;
  font-family: var(--display-l-font-family);
  font-weight: var(--display-l-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-l-font-size);
  letter-spacing: var(--display-l-letter-spacing);
  line-height: var(--display-l-line-height);
  font-style: var(--display-l-font-style);
}

.desktop-camper .corretor-n-o {
  position: relative;
  width: 420px;
  font-family: var(--body-l-font-family);
  font-weight: var(--body-l-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-l-font-size);
  letter-spacing: var(--body-l-letter-spacing);
  line-height: var(--body-l-line-height);
  font-style: var(--body-l-font-style);
}

.desktop-camper .abordagem-etapas {
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.desktop-camper .etapa-diagnstico {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  padding: 28px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-10 {
  position: relative;
  width: fit-content;
  font-family: var(--heading-s-font-family);
  font-weight: var(--heading-s-font-weight);
  color: var(--camper-tokens-color-gold-500);
  font-size: var(--heading-s-font-size);
  letter-spacing: var(--heading-s-letter-spacing);
  line-height: var(--heading-s-line-height);
  white-space: nowrap;
  font-style: var(--heading-s-font-style);
}

.desktop-camper .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop-camper .text-wrapper-11 {
  position: relative;
  width: fit-content;
  font-family: var(--display-s-font-family);
  font-weight: var(--display-s-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-s-font-size);
  letter-spacing: var(--display-s-letter-spacing);
  line-height: var(--display-s-line-height);
  white-space: nowrap;
  font-style: var(--display-s-font-style);
}

.desktop-camper .div-3 {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  padding: 28px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--camper-tokens-color-line);
}

.desktop-camper .element-sobre-eduardo {
  display: flex;
  align-items: center;
  gap: 88px;
  padding: 120px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-white);
}

.desktop-camper .IMG-foto-do {
  position: relative;
  width: 480px;
  height: 580px;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--camper-tokens-color-line);
  overflow: hidden;
  background-color: var(--camper-tokens-color-sand-50);
  background-image: url("assets/Eduardo.jpeg");
  background-repeat: no-repeat;
  background-origin: border-box;
  background-clip: border-box;
  background-position: center top;
  background-size: cover;
}

.desktop-camper .div-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop-camper .eduardo-corretor {
  position: relative;
  align-self: stretch;
  font-family: var(--display-m-font-family);
  font-weight: var(--display-m-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--display-m-font-size);
  letter-spacing: var(--display-m-letter-spacing);
  line-height: var(--display-m-line-height);
  font-style: var(--display-m-font-style);
}

.desktop-camper .corretor-de-seguros {
  position: relative;
  align-self: stretch;
  font-family: var(--body-l-font-family);
  font-weight: var(--body-l-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-l-font-size);
  letter-spacing: var(--body-l-letter-spacing);
  line-height: var(--body-l-line-height);
  font-style: var(--body-l-font-style);
}

.desktop-camper .formao {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .div-5 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--camper-tokens-color-line);
}

.desktop-camper .marcador {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: var(--camper-tokens-color-gold-500);
  border-radius: 3px;
}

.desktop-camper .text-wrapper-12 {
  position: relative;
  width: fit-content;
  font-family: var(--label-button-font-family);
  font-weight: var(--label-button-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--label-button-font-size);
  letter-spacing: var(--label-button-letter-spacing);
  line-height: var(--label-button-line-height);
  white-space: nowrap;
  font-style: var(--label-button-font-style);
}

.desktop-camper .text-wrapper-13 {
  position: relative;
  flex: 1;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: var(--camper-tokens-color-text-muted);
  font-size: var(--body-s-font-size);
  text-align: right;
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  font-style: var(--body-s-font-style);
}

.desktop-camper .element-CTA {
  display: flex;
  align-items: center;
  gap: 88px;
  padding: 120px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-white);
}

.desktop-camper .background {
  display: flex;
  height: 600px;
  align-items: center;
  justify-content: center;
  padding: 24px 50px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 8px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.54) 0%,
    rgba(0, 0, 0, 0.54) 100%
  ),
  url("assets/Background.png") no-repeat center/cover;
}

.desktop-camper .container {
  display: flex;
  flex-direction: column;
  width: 680px;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  position: relative;
}

.desktop-camper .text-wrapper-14 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: var(--display-l-font-family);
  font-weight: var(--display-l-font-weight);
  color: #ffffff;
  font-size: var(--display-l-font-size);
  letter-spacing: var(--display-l-letter-spacing);
  line-height: var(--display-l-line-height);
  font-style: var(--display-l-font-style);
}

.desktop-camper .text-wrapper-15 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: var(--body-m-font-family);
  font-weight: var(--body-m-font-weight);
  color: #ffffff;
  font-size: var(--body-m-font-size);
  letter-spacing: var(--body-m-letter-spacing);
  line-height: var(--body-m-line-height);
  font-style: var(--body-m-font-style);
}

.desktop-camper .boto-primrio-2 {
  padding: 16px 32px;
  background-color: var(--camper-tokens-color-white);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
}

.desktop-camper .text-wrapper-16 {
  position: relative;
  width: fit-content;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: var(--camper-tokens-color-text-primary);
  font-size: var(--body-s-font-size);
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  white-space: nowrap;
  font-style: var(--body-s-font-style);
}

.desktop-camper .section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    180deg,
    rgba(11, 30, 45, 1) 0%,
    rgba(2, 14, 23, 1) 100%
  );
}

.desktop-camper .container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16.9px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .paragraph {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 52px;
}

.desktop-camper .text-3 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 57px);
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #2e5c99;
  font-size: 52px;
  text-align: center;
  letter-spacing: 0;
  line-height: 52px;
  white-space: nowrap;
}

.desktop-camper .superscript {
  position: absolute;
  top: 9px;
  left: calc(50.00% + 42px);
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #2e5c99;
  font-size: 20.8px;
  text-align: center;
  letter-spacing: 0.416px;
  line-height: 20.8px;
  white-space: nowrap;
}

.desktop-camper .container-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6.6px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #2e5c99;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.44px;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop-camper .heading {
  align-items: center;
  padding: 0px 0px 0.62px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-5 {
  position: relative;
  width: fit-content;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #e8eef3;
  font-size: 48px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: 53.76px;
}

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

.desktop-camper .text-6 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 29.7px;
}

.desktop-camper .container-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 39.09px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #13324a;
  border-radius: 8px;
  border: 1px solid;
  border-color: #24455f;
}

.desktop-camper .horizontal-divider {
  position: relative;
  width: 28px;
  height: 2px;
  background-color: #2e5c99;
}

.desktop-camper .heading-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-17 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #e8eef3;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 33.28px;
}

.desktop-camper .div-wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-18 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
}

.desktop-camper .article-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11.4px;
  padding: 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #13324a;
  border-radius: 8px;
  border: 1px solid;
  border-color: #24455f;
}

.desktop-camper .heading-3 {
  align-items: flex-start;
  padding: 4.6px 0px 0px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-19 {
  position: relative;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
}

.desktop-camper .container-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 23.1px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  opacity: 0.7;
}

.desktop-camper .text-7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20.8px;
  white-space: nowrap;
}

.desktop-camper .container-wrapper {
  align-items: center;
  gap: 24px;
  padding: 120px 50px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .container-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .container-8 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .container-9 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16.88px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .container-10 {
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-8 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #2e5c99;
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop-camper .heading-4 {
  padding: 0px 0px 0.62px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.desktop-camper .text-9 {
  position: relative;
  width: fit-content;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #14202b;
  font-size: 48px;
  letter-spacing: -0.48px;
  line-height: 53.76px;
}

.desktop-camper .trabalhamos-com-as-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 431.51px;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop-camper .trabalhamos-com-as {
  position: relative;
  align-self: stretch;
  font-family: var(--body-s-font-family);
  font-weight: var(--body-s-font-weight);
  color: #5c6874;
  font-size: var(--body-s-font-size);
  letter-spacing: var(--body-s-letter-spacing);
  line-height: var(--body-s-line-height);
  font-style: var(--body-s-font-style);
}

.desktop-camper .container-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .paragraph-2 {
  display: flex;
  height: 36.44px;
  align-items: baseline;
  gap: 16px;
  padding: 0px 0px 15.44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .text-10 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #14202b;
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop-camper .text-11 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #5c6874;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 21.45px;
  white-space: nowrap;
}

.desktop-camper .vertical-border {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -0.01px;
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .background-border {
  display: flex;
  min-height: 104px;
  align-items: center;
  justify-content: center;
  padding: 39.88px 12px 41.12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .img-2 {
  position: relative;
  width: 140px;
  height: 73px;
  aspect-ratio: 1.91;
  object-fit: cover;
}

.desktop-camper .container-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.68e-14px;
  padding: 15.99px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .vertical-border-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .images-wrapper {
  min-height: 104px;
  padding: 39.88px 12px 41.12px;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .images {
  position: relative;
  width: 140px;
  height: 36px;
  aspect-ratio: 3.91;
  object-fit: cover;
}

.desktop-camper .container-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.68e-14px;
  padding: 16px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .vertical-border-3 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: 104px 104px;
  align-self: stretch;
  width: 100%;
  height: fit-content;
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .porto-seguro-wrapper {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .img-3 {
  position: relative;
  width: 140px;
  height: 73px;
  aspect-ratio: 1.91;
  object-fit: cover;
}

.desktop-camper .rodobens-wrapper {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .consorcio-servopa-wrapper {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .consorcio-servopa {
  position: relative;
  width: 140px;
  height: 36px;
  aspect-ratio: 3.85;
  object-fit: cover;
}

.desktop-camper .tokio-marine-wrapper {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .fairfax-seguros-wrapper {
  grid-row: 1 / 2;
  grid-column: 5 / 6;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .AKAD-seguros-wrapper {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 104px;
  padding: 39.87px 12px 41.13px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .section-2 {
  align-items: flex-start;
  padding: 120px 100px;
  background-color: #f7f4ef;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .container-14 {
  display: flex;
  align-items: flex-start;
  gap: 16.9px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .a-primeira-conversa {
  position: relative;
  align-self: stretch;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #14202b;
  font-size: 48px;
  letter-spacing: -0.48px;
  line-height: 53.76px;
}

.desktop-camper .container-15 {
  display: flex;
  flex-direction: column;
  max-width: 454.22px;
  width: 454.22px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-12 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #5c6874;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29.7px;
}

.desktop-camper .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 23.1px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .item {
  gap: 5.7px;
  padding: 20px 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-20 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #2e5c99;
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 19.8px;
}

.desktop-camper .text-13 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #14202b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
}

.desktop-camper .item-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.49px;
  padding: 20px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
}

.desktop-camper .text-wrapper-21 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #14202b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
  white-space: nowrap;
}

.desktop-camper .item-3 {
  gap: 5.5px;
  padding: 20px 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e4ddd2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 88px 100px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0b1e2d;
}

.desktop-camper .container-16 {
  display: flex;
  flex-direction: column;
  max-width: 1240px;
  align-items: flex-start;
  gap: 72px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .container-17 {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
      0,
      1.2fr
    );
  grid-template-rows: 258.14px;
  height: fit-content;
  gap: 56px;
}

.desktop-camper .container-18 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19.3px;
  padding: 20px 0px 79.16px;
}

.desktop-camper .container-19 {
  display: flex;
  flex-direction: column;
  max-width: 299.88px;
  width: 299.88px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-14 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 23.8px;
  white-space: nowrap;
}

.desktop-camper .container-20 {
  display: flex;
  flex-direction: column;
  max-width: 300.29px;
  width: 300.28px;
  align-items: flex-start;
  padding: 0.69px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-15 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 2.52px;
  line-height: 23.8px;
  white-space: nowrap;
}

.desktop-camper .container-21 {
  display: flex;
  flex-direction: column;
  max-width: 300.29px;
  width: 300.28px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-16 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.8px;
}

.desktop-camper .container-22 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19.99px;
  padding: 0px 0px 38.4px;
}

.desktop-camper .list-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .item-4 {
  padding: 1.5px 0px 0.89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-22 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.1px;
}

.desktop-camper .container-23 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19.99px;
  padding: 0px 0px 38.4px;
}

.desktop-camper .container-24 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19.99px;
  padding: 0px 0px 12.01px;
}

.desktop-camper .item-5 {
  gap: 2.39px;
  padding: 1.5px 0px 0.89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop-camper .text-17 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-right: -37.63px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.1px;
  white-space: nowrap;
}

.desktop-camper .text-18 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.1px;
  white-space: nowrap;
}

.desktop-camper .horizontal-border {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #24455f;
}

.desktop-camper .container-25 {
  position: relative;
  align-self: stretch;
  width: 536.63px;
}

.desktop-camper .text-wrapper-23 {
  position: absolute;
  top: -1px;
  left: 0;
  height: 22px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 21.45px;
  white-space: nowrap;
}

.desktop-camper .container-26 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-24 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a9bbc9;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 21.45px;
  white-space: nowrap;
}

/* o <img> virou filho de um <a>: o link precisa assumir o papel de
   flex item que a imagem tinha em .container-26 */
.desktop-camper .ativo-link {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  transition: opacity 0.2s ease;
}

.desktop-camper .ativo-link:hover,
.desktop-camper .ativo-link:focus-visible {
  opacity: 0.75;
}

.desktop-camper .ativo {
  position: relative;
  width: 140px;
  height: 27px;
  aspect-ratio: 5.15;
  object-fit: contain;
}

.desktop-camper .element-header {
  display: flex;
  width: 100%;
  height: 88px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 50px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: transparent;
}

.desktop-camper .logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .logo-wordmark {
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: var(--camper-tokens-color-white);
  font-size: 26px;
  letter-spacing: 1.04px;
  line-height: 33.28px;
  position: relative;
  width: fit-content;
  white-space: nowrap;
}

.desktop-camper .logo-descritor {
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: var(--camper-tokens-color-gold-500);
  font-size: 9px;
  letter-spacing: 1.08px;
  line-height: 10.8px;
  position: relative;
  width: fit-content;
  white-space: nowrap;
}

.desktop-camper .navbar {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .text-wrapper-25 {
  position: relative;
  width: fit-content;
  font-family: var(--label-nav-font-family);
  font-weight: var(--label-nav-font-weight);
  color: var(--camper-tokens-color-white);
  font-size: var(--label-nav-font-size);
  letter-spacing: var(--label-nav-letter-spacing);
  line-height: var(--label-nav-line-height);
  white-space: nowrap;
  font-style: var(--label-nav-font-style);
}

.desktop-camper .aes {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.desktop-camper .boto-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 22px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--camper-tokens-color-ink-900);
  border-radius: 999px;
  overflow: hidden;
}

.desktop-camper .label {
  position: relative;
  width: fit-content;
  font-family: var(--label-button-font-family);
  font-weight: var(--label-button-font-weight);
  color: #ffffff;
  font-size: var(--label-button-font-size);
  letter-spacing: var(--label-button-letter-spacing);
  line-height: var(--label-button-line-height);
  white-space: nowrap;
  font-style: var(--label-button-font-style);
}

/* ---------------------------------------------------------------
   Logo Camper (substitui o wordmark em texto no header e no rodapé)

   camper-logo-trim.png é o camper-logo.png original recortado na
   bounding box do conteúdo (o arquivo de marca tem ~40% de margem
   vazia) e reduzido para 900x284. A tinta é azul-marinho sobre
   fundo transparente, invisível nos fundos escuros — daí o filtro
   que a converte em branco puro.
   --------------------------------------------------------------- */

.desktop-camper .logo-img {
  display: block;
  height: 56px;
  width: auto;
  filter: brightness(0) invert(1);
}

.desktop-camper .footer-logo {
  width: auto;
  max-width: 100%;
}

.desktop-camper .footer-logo-img {
  display: block;
  height: 60px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* o botão do menu virou <a> para o WhatsApp da Camper */
.desktop-camper a.boto-whatsapp {
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.desktop-camper a.boto-whatsapp:hover,
.desktop-camper a.boto-whatsapp:focus-visible {
  background-color: var(--camper-tokens-color-gold-500);
}

/* CTAs viraram <a> para o WhatsApp — estados de interação */
.desktop-camper a.boto-primrio,
.desktop-camper a.boto-secundrio,
.desktop-camper a.div-wrapper,
.desktop-camper a.boto-primrio-2 {
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.desktop-camper a.boto-primrio:hover,
.desktop-camper a.boto-primrio:focus-visible,
.desktop-camper a.div-wrapper:hover,
.desktop-camper a.div-wrapper:focus-visible {
  background-color: var(--camper-tokens-color-ink-700);
}

.desktop-camper a.boto-secundrio:hover,
.desktop-camper a.boto-secundrio:focus-visible {
  background-color: rgba(255, 255, 255, 0.14);
}

.desktop-camper a.boto-primrio-2:hover,
.desktop-camper a.boto-primrio-2:focus-visible {
  background-color: var(--camper-tokens-color-text-on-dark);
}

/* Contatos (telefone, WhatsApp, e-mail, Instagram) viraram <a>.
   As classes originais já definem cor e tipografia — aqui só o
   estado de interação, sem alterar o repouso. */
.desktop-camper a.text-wrapper-21,
.desktop-camper a.text-wrapper-22 {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

.desktop-camper a.text-wrapper-21 {
  color: #14202b;
}

.desktop-camper a.text-wrapper-22 {
  color: #a9bbc9;
}

.desktop-camper a.text-wrapper-21:hover,
.desktop-camper a.text-wrapper-21:focus-visible,
.desktop-camper a.text-wrapper-22:hover,
.desktop-camper a.text-wrapper-22:focus-visible {
  color: var(--camper-tokens-color-gold-500);
  text-decoration: underline;
  text-underline-offset: 3px;
}