body {
  font-family: Arial, sans-serif;
  margin: 20px;
}

header {
  background-color: #222;
  color: white;
  padding: 10px;
}

h2 {
  color: #333;
}

section {
  margin-bottom: 30px;
}

ul {
  list-style: none;
  padding: 0;
}

li {
  margin-bottom: 15px;
}

/* --- SOLUCIÓN: Ajustar el título del navbar en móviles --- */
@media (max-width: 768px) {
  .navbar-brand {
    white-space: normal !important; /* deja que el nombre de la banda salte de línea */
    font-size: 1rem;                /* texto más pequeño en móvil */
    line-height: 1.2;
  }
}