/* -------- COS DE LA PÀGINA -------- */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #0E1A2B !important; /* Blau fosc científic */
  color: #E0E6ED !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}

/* -------- ENLLAÇOS -------- */
a {
  color: #4DB8FF !important;
  text-decoration: none;
}

a:hover {
  color: #82D4FF !important;
  text-decoration: underline;
}

/* -------- NAVBAR -------- */
.navbar {
  background-color: #102542 !important;
  border-bottom: 1px solid #1A2F4A !important;
}

.navbar a,
.navbar-brand {
  color: #FFFFFF !important;
}

.navbar a:hover {
  color: #4DB8FF !important;
}

/* -------- FOOTER -------- */
footer {
  margin-top: auto;
  background-color: #102542 !important;
  color: #B0C4D9 !important;
  padding: 2rem 0;
}

footer a {
  color: #E0E6ED !important;
}

footer a:hover {
  color: #4DB8FF !important;
}

/* -------- CONTENIDOR CENTRAL -------- */
.container,
.wrapper,
#main,
.main-content {
  background-color: rgba(255, 255, 255, 0.05) !important;
  padding: 2rem;
  border-radius: 12px;
  backdrop-filter: blur(2px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 960px;
  margin: auto;
}

/* -------- CONTINGUT DEL POST -------- */
.post-content {
  background-color: rgba(255, 255, 255, 0.05) !important;
  padding: 2rem;
  border-radius: 12px;
  backdrop-filter: blur(2px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  max-width: 960px;
  margin: 2rem auto;
}

/* -------- TEXT -------- */
.post-content p,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.container p,
.container h1,
.container h2,
.container h3,
.container h4 {
  color: #F0F0F0 !important;
}