/* Identidade VexusPay aplicada diretamente, sem máscaras ou assets da Upay. */
.framer-Gp8nt {
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-image: url("../svg/logo.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Logo principal do cabeçalho. */
.framer-Gp8nt.framer-13wwqt6 {
  width: 135px !important;
  height: auto !important;
  aspect-ratio: 150 / 64 !important;
}

/* Logo do rodapé. */
.framer-Gp8nt.framer-9e3j51 {
  width: 210px !important;
  height: auto !important;
  aspect-ratio: 150 / 64 !important;
}

/* Wordmark presente nos mockups de dashboard. */
[data-framer-name*="Logo VexusPay"].framer-183nwxe {
  width: 104px !important;
  height: auto !important;
  aspect-ratio: 600 / 204 !important;
  background: url("../images/branding/vexuspay-white.png") center / contain no-repeat !important;
}

[data-framer-name*="Logo VexusPay"].framer-183nwxe .svgContainer,
[data-framer-name*="Logo VexusPay"].framer-183nwxe svg {
  visibility: hidden !important;
}

/* Logo branca somente nos dois cabeçalhos roxos circulados. */
.framer-Gp8nt.framer-5pqooz,
.framer-Gp8nt.framer-190rypd {
  background-image: url("../images/branding/vexuspay-white.png") !important;
}

/* O novo ícone circular aparece apenas no card "Tudo pronto!". */
html body svg.framer-8cxnt.framer-egjkca {
  background: transparent url("../images/branding/vexuspay-circle.png") center / contain
    no-repeat !important;
}

svg.framer-8cxnt {
  background: transparent url("../images/favicon.png") center / contain
    no-repeat !important;
}

html body svg.framer-8cxnt.framer-egjkca use[href$="#716613769"] {
  display: none !important;
}

/* Logo branca somente no topo roxo do card "Suas taxas". */
[data-framer-name="Taxas Flexíveis"]
  [data-framer-name="Frame 1"]
  svg:has(use[href$="#svg-100209203_9012"]) {
  border-radius: 0 !important;
  background: transparent url("../images/branding/vexuspay-white.png") center / contain
    no-repeat !important;
}

[data-framer-name="Taxas Flexíveis"]
  [data-framer-name="Frame 1"]
  svg
  use[href$="#svg-100209203_9012"] {
  display: none !important;
}

@media (max-width: 809px) {
  .framer-Gp8nt.framer-13wwqt6 {
    width: 115px !important;
  }

  .framer-Gp8nt.framer-9e3j51 {
    width: 175px !important;
  }
}