.breadcrumb {
  display: block;
  padding: 12px 0 12px 25px;
  font-size: 16px;
  background: white;
  margin-top: 60px;   /* 🔥 baja más en PC */
  margin-bottom: 20px; /* 🔥 menos espacio con H1 */
  border-radius: 5px; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.breadcrumb a,
.breadcrumb span {
  display: inline;
  font-size: 16px;
  font-weight: normal;
}

.breadcrumb a {
  text-decoration: none;
  color: #007bff;
}

.breadcrumb span {
  color: #555;
}

/* Separador */
.breadcrumb a::after {
  content: " > ";
  color: #999;
}

.breadcrumb a:last-child::after {
  content: "";
}

@media (min-width: 769px) {
  .breadcrumb {
    margin-bottom: 20px; /* 🔥 más espacio en PC */
  }
}

/* Móvil */
@media (max-width: 768px) {
  .breadcrumb {
    font-size: 14px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;  
    margin-bottom: 4px;
  }
}