/* La entrada escondida a la administración y el panel de visitas. */

/* La pastilla del idioma y el candado, juntos en la casilla que ocupaba la
   pastilla. El corte de 1200 px es el de la cabecera del sitio: por debajo,
   esa casilla es la fila 1, columna 2. */
.azfa-lang-wrap { display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 1200px) {
  .site-header .azfa-lang-wrap { grid-row: 1; grid-column: 2; justify-self: end; }
}

/* El candado: fuera de la pastilla, a su derecha, y sin verse. Se dibuja en
   cuanto el ratón entra en la zona del idioma, y del todo sobre él mismo. */
.azfa-admin-entrada {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: currentColor;
  text-decoration: none;
  opacity: 0;
  transition: opacity .15s ease;
  vertical-align: middle;
}
.azfa-admin-entrada svg { width: 15px; height: 15px; }
.azfa-lang-wrap:hover .azfa-admin-entrada { opacity: .55; }
.azfa-admin-entrada:hover { opacity: 1; }
.azfa-admin-entrada:focus-visible {
  opacity: 1;
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.site-header:not(.is-scrolled) .azfa-admin-entrada { color: #fff; }

/* El panel de visitas dentro de la página de administración. */
.visitas-cifras {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 0 0 1.5rem;
}
.visitas-cifras article {
  padding: 1rem 1.25rem;
  border: 1px solid var(--line, #dfe5ec);
  border-radius: 10px;
  background: var(--surface, #fff);
}
.visitas-cifras strong { display: block; font-size: 1.9rem; line-height: 1.1; }
.visitas-cifras span { color: var(--muted, #5a6673); font-size: .9rem; }

.visitas-paises {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px 20px;
  margin: 0 0 1.75rem;
}
.visitas-pais {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: .45rem 0;
  border-bottom: 1px solid var(--line, #eef1f5);
}

.visitas-tabla { width: 100%; border-collapse: collapse; }
.visitas-tabla th, .visitas-tabla td {
  padding: .6rem .75rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line, #eef1f5);
  font-size: .95rem;
}
.visitas-tabla ul { margin: 0; padding-left: 1.1rem; }
.visitas-tabla li { margin: 0 0 .15rem; }
.visitas-vacio { color: var(--muted, #5a6673); }
#visitas-error[data-error="true"] { color: #b3261e; }

/* Eliminar, Restaurar y Deshacer en la administración (22-09-2026) */
.visitas-tabla button,
.visitas-deshacer {
  font: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  color: var(--navy, #2f5283);
}
.visitas-tabla button.visitas-quitar { color: var(--danger, #923329); }
.visitas-tabla button:disabled { opacity: .5; cursor: progress; }
.visitas-deshacer { font-weight: 600; margin-left: .35rem; }
.visitas-eliminadas .visitas-tabla { margin-top: 12px; }