/* Título */
.title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--gray-light);
}

.title h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

/* Migas de pan */
.title ol {
  display: flex;
  list-style: none;
  gap: 40px;
  white-space: nowrap;
}

.title ol li a,
.title ol li {
  position: relative;
  text-decoration: none;
  color: var(--gray-dark);
  font-size: 12px;
}

.title ol li a:hover {
  color: var(--primary);
}

.title ol li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.title ol li:not(:last-child)::after {
  content: "»";
  position: absolute;
  left: calc(100% - 1px);
  border: calc(100% + 2px);
  transform: translateX(calc(40px / 2));
}

/* Ajustes para móvil */
@media screen and (max-width: 750px) {
  /* Título */
  .title h1 {
    font-size: 26px;
  }
}