:root{ --bg:#0e0e10; --fg:#eaeaea; }
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* === Slider (fade) === */
.slide{ 
  opacity: 0;               /* por defecto oculto */
}
.slide.is-active{
  opacity: 1;               /* el activo se ve */
}
/* (El efecto de transición ya lo damos con Tailwind en el HTML:
   "transition-opacity duration-1000" en cada .slide) */

/* === Ajustes para la sección Historia === */
#about p {
  text-align: justify;   /* justifica solo los párrafos */
}

#about h3,
#about h4 {
  text-align: left;      /* títulos alineados a la izquierda */
}

#about ul {
  margin-left: 1.2rem;   /* sangría para listas */
  list-style-type: disc; /* viñetas */
}