/* ==========================================================================
   FLUID BACKGROUND & CLEAN CANVAS — DEHONIANOS BRM (ZERO BLUR / APPLE CLEAN)
   ========================================================================== */

/* === GARANTIA UNIVERSAL DE FUNDO LIMPO (ZERO IMAGEM DE FUNDO OU RODAPÉ) === */
html,
body {
  background-color: #f8fafc !important;
  background-image: none !important;
}

body::before,
body::after {
  display: none !important;
  content: none !important;
  background-image: none !important;
}

/* === CONTÊINER DO FUNDO LIMPO (CRISTALINO E NÍTIDO) === */
.fluid-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
  background: #ffffff !important;
  background-image: none !important;
}

/* Textura suave opcional ultra-discreta */
.fluid-mesh-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, #ffffff 0%, #f8fafc 70%, #f1f5f9 100%) !important;
  background-image: none !important;
  pointer-events: none;
}

/* Desativadas esferas com blur para garantir nitidez total */
.fluid-blob {
  display: none !important;
}

/* === RODAPÉ UNIVERSAL COM FOTO COMUNITÁRIA (DEEPNAVY + OPACIDADE SUAVE) === */
footer,
footer.bg-deepnavy {
  position: relative !important;
  background-color: #0a2e3b !important;
  background-image: none !important;
  overflow: hidden !important;
}

footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/assets/Novos%20Banner/rodape-bg.webp') !important;
  background-position: center 30% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  opacity: 0.20 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

footer > * {
  position: relative !important;
  z-index: 1 !important;
}

footer :is(h3, h4, p, a, span) {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

/* === CARDS LIMPOS ESTILO APPLE (SEM DESFOQUE / NÍTIDOS) === */
.glass-card {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}

.glass-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(34, 99, 128, 0.35) !important;
  box-shadow: 0 10px 25px -5px rgba(12, 58, 74, 0.06), 0 8px 10px -6px rgba(12, 58, 74, 0.04) !important;
}

.glass-panel {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
}

.glass-dark {
  background: #0a2e3b !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 1.5rem !important;
}