body {
  font-family: "Inter", sans-serif;
  background-color: #0f172a; /* slate-900 */
  color: #cbd5e1; /* slate-300 */
}
/* Efecto de subrayado animado para el menú */
.nav-link {
  position: relative;
  transition: color 0.3s ease;
}
.nav-link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #38bdf8; /* sky-400 */
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}
.nav-link:hover {
  color: #38bdf8;
}
.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.section-title {
  border-bottom: 2px solid #38bdf8; /* sky-400 */
  padding-bottom: 8px;
  display: inline-block;
}