/* Pestañas de administración (local tasks: Ver / Editar / Eliminar /
   Revisiones / Clonar). Solo las ven usuarios con permisos; siguen la
   estética de píldoras del tema. El markup viene de
   templates/menu/menu-local-tasks.html.twig. */

.local-tasks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  max-width: 1320px; /* alineado con el .container de Bootstrap */
  /* El header del sitio es fixed-top (~4.2rem de alto: padding 0.85rem
     arriba/abajo + logo 2.4rem); las pestañas bajan para no quedar
     tapadas. El toolbar de Drupal ya se compensa con el padding que su
     JS pone en el body. */
  margin: 5rem auto 0;
  padding: 1rem 1.5rem 0;
}

.local-tasks a {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 1.1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-white);
  color: var(--color-ink-soft);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.25s var(--ease-smooth), color 0.25s var(--ease-smooth),
    border-color 0.25s var(--ease-smooth), transform 0.25s var(--ease-smooth);
}

.local-tasks a:hover,
.local-tasks a:focus-visible {
  background: var(--color-ink);
  border-color: var(--color-ink);
  color: var(--color-white);
  transform: translateY(-1px);
}

/* Pestaña de la página actual */
.local-tasks a.is-active {
  background: var(--color-ink);
  border-color: var(--color-ink);
  color: var(--color-white);
}