/* =========================================
   TEXTO BASE SOBRE O SLIDE
========================================= */
.n2-ss-slide h1,
.n2-ss-slide h2,
.n2-ss-slide p {
  color: #fff !important;
  text-shadow: 2px 2px 8px rgba(0,0,0,.65) !important;
  margin: 6px 0 !important;
  white-space: nowrap !important;
}

/* =========================================
   BOTÃO "SAIBA MAIS" (base)
========================================= */
.n2-ss-slide a.n2-ow,
.n2-ss-slide .n2-ss-button,
.n2-ss-slide .cta {
  background: #b63a24 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 36px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  box-shadow: 0 4px 14px rgba(0,0,0,.3) !important;
  transition: all .2s ease-in-out;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.n2-ss-slide a.n2-ow:hover,
.n2-ss-slide .n2-ss-button:hover,
.n2-ss-slide .cta:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

/* =========================================
   CHIP DE ENDEREÇO (PRETO)
========================================= */
.n2-ss-slide .endereco,
.n2-ss-slide .endereco * {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
.n2-ss-slide .endereco {
  display: inline-block !important;
  padding: 10px 18px !important;
  border-radius: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.n2-ss-slide .endereco .n2-ow {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* =========================================
   SLIDER FULL HEIGHT (DESKTOP)
========================================= */
.n2-ss-slider,
.n2-ss-slide {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
}
.n2-ss-slider .n2-ss-slide-background,
.n2-ss-slider .n2-ss-slide-background > img {
  background-size: cover !important;
  background-position: center center !important;
  object-fit: cover !important;
}

/* =========================================
   TIPOGRAFIA DESKTOP
========================================= */
@media (min-width: 1025px) {
  #n2-ss-1 h1 { font-size: 50px !important; font-weight: 700 !important; white-space: nowrap !important; }
  #n2-ss-1 h2 { font-size: 28px !important; font-weight: 600 !important; }
  #n2-ss-1 p  { font-size: 20px !important; }

  #n2-ss-2 h1 { font-size: 60px !important; font-weight: 800 !important; }
  #n2-ss-2 h2 { font-size: 24px !important; white-space: nowrap !important; }
  #n2-ss-2 p  { font-size: 22px !important; }

  .n2-ss-slide a.n2-ow,
  .n2-ss-slide .n2-ss-button,
  .n2-ss-slide .cta {
    font-size: 20px !important;
    padding: 16px 42px !important;
  }
}

/* =========================================
   TIPOGRAFIA TABLET
========================================= */
@media (min-width: 769px) && (max-width: 1024px) {
  #n2-ss-1 h1, #n2-ss-2 h1 { font-size: 42px !important; }
  #n2-ss-1 h2, #n2-ss-2 h2 { font-size: 24px !important; white-space: nowrap !important; }
  #n2-ss-1 p,  #n2-ss-2 p  { font-size: 18px !important; }

  .n2-ss-slide a.n2-ow,
  .n2-ss-slide .n2-ss-button,
  .n2-ss-slide .cta {
    font-size: 18px !important;
    padding: 14px 36px !important;
  }
}

/* =========================================
   MOBILE – SLIDER / TIPOGRAFIA
========================================= */
@media (max-width: 768px) {

  .n2-ss-layers-container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #n2-ss-1 h1,
  #n2-ss-1 h2,
  #n2-ss-1 p,
  #n2-ss-1 div {
    white-space: normal !important;
  }

  #n2-ss-1 h1 { font-size: 34px !important; font-weight: 700 !important; }
  #n2-ss-1 h2 { font-size: 22px !important; }
  #n2-ss-1 p  { font-size: 18px !important; }

  #n2-ss-2 h1 { font-size: 38px !important; font-weight: 800 !important; }
  #n2-ss-2 h2,
  #n2-ss-2 p  { font-size: 18px !important; }

  .n2-ss-slide a.n2-ow,
  .n2-ss-slide .n2-ss-button,
  .n2-ss-slide .cta {
    font-size: 18px !important;
    padding: 14px 28px !important;
    margin: 14px auto !important;
    max-width: 90vw !important;
  }

  /* Chip preto mais compacto só no MOBILE */
  .n2-ss-slide .endereco {
    padding: 4px 10px !important;
    line-height: 1.0 !important;
    border-radius: 8px !important;
  }
  .n2-ss-slide .endereco .n2-ow {
    padding: 0 !important;
    line-height: 1.0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Altura do slide no mobile: ajusta ao conteúdo */
  #n2-ss-1.n2-ss-slider,
  #n2-ss-1 .n2-ss-slide {
    height: auto !important;
    min-height: 80vh !important;
  }
}

/* Ajuste extra de texto no slide 1 em telas menores */
@media (max-width:768px){
  #n2-ss-1 p,
  #n2-ss-1 div:not(.endereco){
    font-size:20px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}

/* =========================================
   PARÁGRAFOS – AJUSTE FINO
========================================= */
#n2-ss-1 p,
#n2-ss-2 p {
  font-size:20px!important;
  font-weight:500!important;
  text-shadow:2px 2px 10px rgba(0,0,0,.75)!important;
  line-height:1.4!important;
}

/* =========================================
   EFEITO CONTÍNUO (MOVIMENTO) – SÓ NO SLIDER DA HOME
   (ID #n2-ss-1)
========================================= */
#n2-ss-1 .n2-ss-slide-background img {
  animation: movimentoZoom 15s ease-in-out infinite alternate;
  transform-origin: center center;
}

/* Animação compartilhada */
@keyframes movimentoZoom {
  0%   { transform: scale(1) translateX(0); }
  50%  { transform: scale(1.08) translateX(-20px); }
  100% { transform: scale(1.15) translateX(20px); }
}

/* =========================================
   SETAS LATERAIS DO SLIDER
========================================= */
.n2-ss-slider .n2-ss-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 50px !important;
  height: 50px !important;
  background: rgba(0,0,0,0.35) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease-in-out;
  z-index: 99 !important;
}

/* =========================================
   TIPOGRAFIA GLOBAL
========================================= */
body {
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1.5;
  color: #222;
}

/* =========================================
   BARRA DE CONTATO TRANSLÚCIDA (se usar)
========================================= */
.contact-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px;
  z-index: 9999;
}
.contact-bar a {
  background: #b63a24;
  color: #fff;
  padding: 10px 16px;
  border-radius: 50%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.contact-bar a:hover {
  opacity: 0.85;
  transform: scale(1.05);
}

/* =========================================
   BOTÃO DE COOKIES – ESTILO ÍCONE ⚙
========================================= */
.cc-revoke.cc-bottom.cc-right {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #b63a24 !important; /* vermelho RealCity */
  color: #fff !important;
  font-size: 22px !important;
  opacity: 0.9 !important;
  transition: all 0.3s ease-in-out;
  text-indent: -9999px; /* esconde texto */
  overflow: hidden;
}
.cc-revoke.cc-bottom.cc-right::after {
  content: "⚙";
  font-size: 20px;
  text-indent: 0;
}
.cc-revoke.cc-bottom.cc-right:hover {
  opacity: 1 !important;
  transform: scale(1.1);
}

/* =========================================
   POSICIONAMENTO COOKIES / WHATSAPP – MOBILE
========================================= */

/* Cookies padrão (brcc) em telas menores */
@media (max-width: 768px) {
  .brcc-cookie-consent,
  .brcc-cookie-btn {
    bottom: 80px !important;
    right: 10px !important;
    z-index: 1000 !important;
  }
}

/* WhatsApp + botão de cookies minimalista juntos no mobile */
@media (max-width: 768px) {
  .wa-chat-box,
  .whatsapp-button {
    position: fixed !important;
    bottom: 70px !important;  /* WhatsApp um pouco acima */
    right: 10px !important;
    z-index: 9999 !important;
  }

  .cc-revoke.cc-bottom.cc-right {
    position: fixed !important;
    bottom: 10px !important;  /* abaixo do WhatsApp */
    right: 10px !important;
    z-index: 1000 !important;
  }
}

/* =========================================
   BOTÃO "SAIBA MAIS" MINIMALISTA (override final)
   Estilo inspirado na Patriani
========================================= */
.n2-ss-slider .n2-ss-layer .n2-ss-button {
  background: #fff !important;
  color: #b63a24 !important; /* vermelho RealCity */
  border: 1px solid #b63a24 !important;
  border-radius: 30px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
}
.n2-ss-slider .n2-ss-layer .n2-ss-button::after {
  content: "↗";
  font-size: 14px;
}