/* Reinicio de márgenes y paddings */

/*#2272FF COLOR PRIMARIO*/

/* From https://css.glass */
/* background: rgba(34, 114, 255, 0.41);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.2px);
-webkit-backdrop-filter: blur(9.2px);
border: 1px solid rgba(34, 114, 255, 0.21); */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* General */
body {
    font-family: 'Lato', sans-serif;
    color: #fff;
    background-color: #1D1D1D !important;
    /* Color fondo*/
}

/* Tipografía */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-base);
  font-weight: var(--heading-weight);
}
p, a, li, div {
  font-family: var(--font-base);
  font-weight: var(--body-weight);
}
section {
    padding: 50px;
}
/* Navbar inferior */
.bottom-navbar {
  width: 75%;
  height: 50px;
  color: var(--color-light);
  text-align: center;
  margin: 0 auto;
  padding: 5px;
}
.bottom-navbar ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
}
.bottom-navbar .dropbtn,
.bottom-navbar .dropdown-content p,
.bottom-navbar .dropdown-content a {
  display: inline-block;
  font-family: monospace;
  padding: 10px 20px;
  background: var(--color-primary);
  color: var(--color-light);
  border-radius: 12px;
  font-weight: 600;
  transition: box-shadow .4s;
  box-shadow: inset 0 0 0 0 #1547a0;
  cursor: pointer;
}
.bottom-navbar .dropbtn:hover,
.bottom-navbar .dropdown-content p:hover,
.bottom-navbar .dropdown-content a:hover {
  box-shadow: inset 400px 50px 0 0 #1547a0;
}
.bottom-navbar li:hover .dropdown-content {
  display: block;
}
/* Partículas full‑screen detrás de todo */
#particles-js {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: -1;           /* detrás de todo */
  pointer-events: none;   /* para que no interfiera clics */
  background: var(--color-bg);
}

/* Override Bootstrap .text-muted para fondos oscuros */
.timeline .text-muted {
  color: rgba(255,255,255,0.7) !important;
}