/* "Esto es de Pro" notice, shown in place (see pro-notice.js). Mobile-first. */
.pro-inline-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  margin: 0.5rem 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--portfolio-text);
  background: var(--portfolio-dark);
  border: 1px solid var(--portfolio-orange);
  animation: pro-notice-in 0.2s ease;
}

.pro-inline-notice a { color: var(--portfolio-orange); }

.pro-inline-notice-close {
  margin-left: auto;
  min-width: 1.75rem;
  min-height: 1.75rem;
  font: inherit;
  font-size: 1rem;
  line-height: 1;
  color: var(--portfolio-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
}

@keyframes pro-notice-in {
  from { opacity: 0; transform: translateY(-0.25rem); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pro-inline-notice { animation: none; }
}