/* ===== v6: Small, safe fixes (keeps layout intact) ===== */

/* Keep banner proportion */
[class*="_pageTemplate_banner_"] [class*="_pageTemplate_banner_image_"]{
  background-size: cover !important;
  background-position: center !important;
}

/* FAQ icons: smaller */
[class*="_accordions_"] svg,
[class*="_accordions_"] img{
  width: 28px !important;
  height: 28px !important;
}

/* Info cards icon size consistent */
[class*="_informativeCard_"] svg,
[class*="_informativeCard_"] img{
  width: 36px !important;
  height: 36px !important;
}

/* Contact buttons: equal height & alignment */
[class*="_banner_main_button_"] > *{
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

/* Mobile tweaks only */
@media (max-width: 768px){
  /* stack contact buttons */
  [class*="_banner_main_button_"]{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  /* smaller FAQ icons on mobile */
  [class*="_accordions_"] svg,
  [class*="_accordions_"] img{
    width: 22px !important;
    height: 22px !important;
  }
}

/* Generic responsive images */
img{max-width:100%;height:auto}


/* ===== v6.1: mobile button + footer fixes ===== */

/* Generic button style fallback */
._form_1c70_1 button,
._form_1c70_1 [type="submit"],
._form_1c70_1 .btn,
._form_1c70_1 a[role="button"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 12px;
  padding: 14px 18px;
}

/* Center & full-width on mobile */
@media (max-width: 768px){
  ._form_1c70_1{ text-align: center !important; }
  ._form_1c70_1 button,
  ._form_1c70_1 [type="submit"],
  ._form_1c70_1 .btn,
  ._form_1c70_1 a[role="button"]{
    width: 100% !important;
    max-width: 520px !important;
    margin: 12px auto !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}

/* Footer placement: keep after content */
html, body{min-height:100%;}
body{display:block;}
._footerTemplate_1nm0a_1{
  position: relative !important;
  bottom: auto !important;
  margin-top: 24px !important;
  width: 100%;
  clear: both;
}
/* Extra spacing above footer if needed */
section:last-of-type{ margin-bottom: 12px; }


/* ===== v6.2: stronger selectors for mobile CTA + footer ===== */

/* Footer must flow in normal document order (no fixed/absolute). */
._footerTemplate_1nm0a_1{
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  margin-top: 24px !important;
  width: 100% !important;
  clear: both !important;
  z-index: 1 !important;
}

/* Ensure the section above footer expands so footer doesn't "climb" */
section, main, div[class*="_pageTemplate_body_"]{
  min-height: auto !important;
}

/* Mobile CTA inside form: force full width & centered */
@media (max-width: 768px){
  /* center the form content */
  ._form_1c70_1, ._form_1c70_1 form{ text-align: center !important; }

  /* very specific button targets */
  ._form_1c70_1 form button,
  ._form_1c70_1 form [type="submit"],
  ._form_1c70_1 form a[role="button"],
  ._form_1c70_1 [class*="button"],
  ._form_1c70_1 [class*="Button"]{
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 12px !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}


/* ===== v6.3: mobile fixes for negative margins, CTA sizing, footer flow ===== */
@media (max-width: 768px){
  /* Neutralize weird negative margin that pushes the form up */
  ._form_1c70_1{
    margin-top: 0 !important;
    transform: none !important;
  }

  /* Give body/section a bit of space so footer stays at the end */
  ._pageTemplate_body_jbmmi_16,
  section.page_section_full{
    padding-bottom: 16px !important;
  }

  /* Stack the contact buttons and make them equal */
  ._userInfo_6xkue_1 ._banner_main_button_6xkue_4{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  ._userInfo_6xkue_1 ._banner_main_button_6xkue_4 > *{
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    display: inline-flex !important;
  }

  /* Make the "Quero negociar" CTA full-width & centered */
  ._form_1c70_1 form button,
  ._form_1c70_1 form [type="submit"],
  ._form_1c70_1 form a[role="button"]{
    width: 100% !important;
    max-width: 520px !important;
    margin: 12px auto !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
  }
}

/* Footer must sit after the content, never fixed/absolute */
._footerTemplate_1nm0a_1{
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  margin-top: 24px !important;
  width: 100% !important;
  clear: both !important;
  z-index: 1 !important;
}


/* ===== v6.4: FOOTER ALWAYS AT PAGE END ===== */
html, body{
  height: auto !important;
  min-height: 100vh !important;
}
body{
  display: flex !important;
  flex-direction: column !important;
}
/* Push footer to the bottom regardless of content height */
._footerTemplate_1nm0a_1{
  position: static !important;
  margin-top: auto !important;
  bottom: auto !important;
  top: auto !important;
  width: 100% !important;
  clear: both !important;
  z-index: 1 !important;
}
/* Ensure main content doesn't collapse */
#root, main, [class*="_pageTemplate_body_"], section.page_section_full{
  flex: 1 0 auto !important;
}

/* ===== MOBILE CTA FIX — BOTÃO "QUERO NEGOCIAR" ===== */
@media (max-width: 768px){

  /* Ajusta o container do formulário */
  ._form_1c70_1{
    transform: none !important;
    margin-top: 0 !important;
    text-align: center !important;
  }

  /* Seleciona o botão do formulário */
  ._form_1c70_1 form button,
  ._form_1c70_1 form [type="submit"],
  ._form_1c70_1 form a[role="button"]{
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 18px auto !important;

    background: #dddddd !important; /* CINZA CLARO IGUAL AO ORIGINAL */
    color: #ffffff !important;       /* TEXTO BRANCO */
    border: none !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    line-height: 1.2 !important;
  }
}

/* ===== FIX DEFINITIVO BOTÃO "QUERO NEGOCIAR" ===== */
@media (max-width: 768px){

  /* Seleciona exatamente o botão MUI */
  button.MuiButton-root,
  button.MuiButtonBase-root,
  .MuiButton-root,
  .MuiLoadingButton-root {
    width: 100% !important;
    max-width: 520px !important;
    margin: 16px auto 0 auto !important;

    background: #D9D9D9 !important; /* CINZA CLARO DO MODELO */
    color: #ffffff !important;      /* TEXTO BRANCO */
    border-radius: 14px !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    padding: 18px 22px !important;
    display: block !important;

    /* Remove estilos MUI antigos */
    box-shadow: none !important;
  }

  /* Remove hover azul do MUI */
  button.MuiButton-root:hover {
    background: #CFCFCF !important;
  }
}

/* ===== CORES OFICIAIS DOS BOTÕES ===== */
@media (max-width: 768px){

  /* Botão principal — "Quero negociar" */
  button.MuiButton-root,
  button.MuiButtonBase-root,
  .MuiButton-root,
  .MuiLoadingButton-root {
    background: #0A39E1 !important; /* AZUL OFICIAL */
    color: #FFFFFF !important;
  }

  button.MuiButton-root:hover,
  button.MuiButtonBase-root:hover,
  .MuiButton-root:hover,
  .MuiLoadingButton-root:hover {
    background: #062A9D !important; /* Azul escuro no hover */
  }

  /* Botões de Contato (0800 / WhatsApp) */
  ._banner_main_button_6xkue_4 > * {
    background: #DDDDDD !important; /* CINZA CLARO */
    color: #000000 !important;
    border-radius: 12px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Ícone do WhatsApp mantém verde */
  ._banner_main_button_6xkue_4 img,
  ._banner_main_button_6xkue_4 svg {
    height: 22px !important;
    width: 22px !important;
  }
}

/* ===== v6.5: cores dos botões + remover faixa branca ===== */

/* --- AJUSTE DAS CORES DO CTA "Quero negociar" --- */
/* Altere os hex abaixo se quiser outro tom */
:root{
  --site-blue: #0A39E1;        /* azul do site */
  --site-blue-hover: #0C45FF;  /* azul no hover/focus */
  --site-blue-border: #072DB8;  /* borda do botão */
  --site-gray-bg: #E5E7EB;     /* cinza desabilitado */
  --site-gray-text: #6B7280;   /* texto cinza */
}

/* Força o estilo do botão dentro do formulário */
._form_1c70_1 form button,
._form_1c70_1 form [type="submit"],
._form_1c70_1 form a[role="button"]{
  background: var(--site-blue) !important;
  color: #fff !important;
  border: 1px solid var(--site-blue-border) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  width: 100% !important;           /* ocupa toda a largura no mobile */
  max-width: 520px !important;
  margin: 12px auto !important;     /* centralizado */
  box-shadow: 0 6px 18px rgba(10,57,225,.25) !important;
}

._form_1c70_1 form button:hover,
._form_1c70_1 form [type="submit"]:hover,
._form_1c70_1 form a[role="button"]:hover{
  background: var(--site-blue-hover) !important;
}

._form_1c70_1 form button:disabled,
._form_1c70_1 form [type="submit"]:disabled,
._form_1c70_1 form a[role="button"][aria-disabled="true"]{
  background: var(--site-gray-bg) !important;
  color: var(--site-gray-text) !important;
  border-color: var(--site-gray-bg) !important;
  box-shadow: none !important;
}

/* --- REMOVER “FAIXA BRANCA” ENTRE BANNER E FAIXA AZUL --- */
[class*="_pageTemplate_banner_"]{
  margin-bottom: 0 !important;
}
[class*="_pageTemplate_banner_"] [class*="_pageTemplate_banner_image_"]{
  display: block !important;
  background-size: cover !important;
  background-position: center !important;
  margin-bottom: -1px !important;   /* encosta no bloco seguinte */
}

/* Garante que a próxima seção não crie espaço no topo */
[class*="_pageTemplate_banner_"] + section,
[class*="_pageTemplate_body_"]{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobile refinamentos */
@media (max-width: 768px){
  ._form_1c70_1, ._form_1c70_1 form{ text-align: center !important; }

  [class*="_pageTemplate_banner_"] [class*="_pageTemplate_banner_image_"]{
    min-height: 360px !important;   /* mantém proporção da imagem */
  }

  /* Botões de contato empilhados e iguais */
  ._userInfo_6xkue_1 ._banner_main_button_6xkue_4{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  ._userInfo_6xkue_1 ._banner_main_button_6xkue_4 > *{
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Garantia: imagens sempre responsivas */
img{max-width:100%;height:auto;}

/* ===== REMOVER ÍCONES FLUTUANTES (botão + e telefone) ===== */

[class*="floating"],
[class*="Floating"],
[class*="whatsapp-btn-floating"],
[class*="contact-floating"],
[class*="_banner_main_button_"] a:nth-child(2),
._userInfo_6xkue_1 ._banner_main_button_6xkue_4 > *:not(:first-child) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Garante que o botão WhatsApp principal continue */
._userInfo_6xkue_1 ._banner_main_button_6xkue_4 > *:first-child {
  display: flex !important;
}

/* POPUP CPF */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 20px;
}

.popup-box {
  background: #F6F6F6;
  border-radius: 18px;
  padding: 26px;
  max-width: 340px;
  width: 100%;
  text-align: left;
  position: relative;
  font-family: 'Inter', sans-serif;
}

.popup-text {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 1.35;
  margin-bottom: 24px;
}

.popup-button {
  display: block;
  text-align: center;
  width: 100%;
  background: transparent;
  border: 2px solid #000;
  border-radius: 12px;
  padding: 14px 0;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}