/* BOLEPIX PARCERIA E WHATSAPP V5703Z62 */

:root {
  --bp-parceria-azul-referencia-v5703z62: #1d5fae;
}

/* Mantém removido o botão duplicado de compatibilidade. */
#bpWhatsappCompatV5696aa,
#bpWhatsappCompatModalV5696aa {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/*
 * Cabeçalho real do card principal.
 * O card principal usa div.bp-wa-v5693a-head, não <header>.
 */
html body
  .bp-wa-v5693a-card
  .bp-wa-v5693a-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body
  .bp-wa-v5693a-card
  .bp-wa-v5693a-head
  > strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 42px !important;
  text-align: center !important;
  font-weight: 900 !important;
}

/* Também cobre o formato compatível com <header>. */
html body
  .bp-wa-v5693a-card
  > header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body
  .bp-wa-v5693a-card
  > header
  > strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 42px !important;
  text-align: center !important;
  font-weight: 900 !important;
}

html body
  .bp-wa-v5693a-card
  button[aria-label="Fechar"] {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

/* Títulos dos campos. */
html body
  .bp-wa-v5693a-card
  .bp-wa-field-title-v5703z62 {
  display: block !important;
  width: 100% !important;
  margin: 7px 0 4px !important;
  padding: 0 !important;
  color: #071b34 !important;
  font: 800 14px/1.2 Arial, sans-serif !important;
  text-align: left !important;
}

/*
 * Altura de referência do card antigo: aproximadamente 418px.
 * A rolagem continua funcionando por mouse/toque, mas a barra
 * não fica visível.
 */
html body
  .bp-wa-v5693a-panel
  .bp-wa-v5693a-card {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  width: 388px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: min(418px, calc(100dvh - 24px)) !important;
  margin: 0 !important;
  padding: 16px !important;
  transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  pointer-events: auto !important;
  z-index: 2147483647 !important;
}

html body
  .bp-wa-v5693a-panel
  .bp-wa-v5693a-card::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body
  .bp-wa-v5693a-card
  .bp-wa-v5693a-form {
  gap: 5px !important;
}

html body
  .bp-wa-v5693a-card
  input,
html body
  .bp-wa-v5693a-card
  select {
  min-height: 44px !important;
}

html body
  .bp-wa-v5693a-card
  .bp-wa-v5693a-submit {
  min-height: 48px !important;
  margin-top: 7px !important;
}

/*
 * PC:
 * - opções 2 e 3 ficam brancas;
 * - o trecho “cobrança real...” fica no azul da frase 4;
 * - frase 4 mantém título branco e descrição azul.
 */
@media (min-width: 761px) {
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(2)
    strong,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(2)
    span,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(3)
    strong,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(3)
    span {
    color: #ffffff !important;
    text-shadow: none !important;
  }

  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(4)
    strong {
    color: #ffffff !important;
  }

  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(4)
    span,
  .bp-parceria-final-azul-v5703z62 {
    color: var(
      --bp-parceria-azul-referencia-v5703z62
    ) !important;
    text-shadow: none !important;
  }
}

/*
 * Celular:
 * - o parágrafo superior volta completamente para branco;
 * - opções 2, 3 e 4 usam a cor da descrição da frase 4.
 */
@media (max-width: 760px) {
  .bp-parceria-final-azul-v5703z62 {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    text-shadow: none !important;
  }

  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(2)
    strong,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(2)
    span,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(3)
    strong,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(3)
    span,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(4)
    strong,
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696:nth-of-type(4)
    span {
    color: var(
      --bp-parceria-azul-referencia-v5703z62
    ) !important;
    text-shadow: none !important;
  }

  html body
    .bp-wa-v5693a-panel
    .bp-wa-v5693a-card {
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* BOLEPIX CORES COMO FUNCIONA V5703Z95C START */
@media (min-width: 761px) {
  /* Somente os títulos das etapas ficam brancos. */
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696
    strong {
    color: #ffffff !important;
    text-shadow: none !important;
  }

  /* Todas as descrições usam a cor original da descrição da etapa 1. */
  .bp-partnership-hero-card-v5696
    > .bp-partnership-step-v5696
    span {
    color: #bfd5e6 !important;
    text-shadow: none !important;
  }
}
/* BOLEPIX CORES COMO FUNCIONA V5703Z95C END */