/* Demo del portfolio: insignia discreta en el encabezado. El resto de los estilos es estilos.css del panel real. */
.demo-insignia {
  flex: none; padding: 0.2rem 0.55rem; border-radius: 999px; border: 1px solid var(--linea); background: var(--plano);
  color: var(--tinta-suave); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap;
}
/* En el teléfono dice solo «Demo» (el resto queda para lectores de pantalla) y no le quita lugar a la marca. */
@media (max-width: 599px) {
  .demo-resto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 899px) { .demo-insignia { margin-left: auto; } .demo-insignia ~ .mas { margin-left: 0; } }
@media (min-width: 900px) { .demo-insignia { order: 3; margin-left: 0.5rem; } .mas { order: 4; } }