/* PRÁCTICA VAG — the always-visible practice tag inside the panel (practice copy only) */
.practica-tag {
  position: fixed; z-index: 2147483000; top: max(6px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 12px; border-radius: 999px;
  background: #f2c230; color: #1e2a30; font: 700 13px/1.2 "Atkinson Hyperlegible Next", system-ui, sans-serif;
  box-shadow: 0 2px 10px rgba(30, 42, 48, .25); white-space: nowrap; max-width: calc(100vw - 24px);
}
.practica-punto { width: 8px; height: 8px; border-radius: 50%; background: #1e2a30; flex: none; }
.practica-tut {
  font: inherit; border: 0; border-radius: 999px; padding: 6px 12px; background: #1e2a30; color: #f2c230; cursor: pointer;
}
.practica-tut:focus-visible { outline: 3px solid #2b7a72; outline-offset: 2px; }
@media (max-width: 380px) { .practica-tag > span:nth-child(2) { display: none; } }