/* ====== Tiles / Acciones ====== */
.tool-tile{
  background:#fff; border:1px solid var(--bs-border-color);
  border-radius:1rem; padding:.9rem .6rem; text-decoration:none;
  color:inherit; gap:.5rem; height:100%;
  transition: box-shadow .15s ease, transform .15s ease;
}
.tool-tile:hover{ box-shadow:0 .5rem 1rem rgba(0,0,0,.08); transform:translateY(-1px);}
.tool-icon{ display:inline-flex; line-height:0; color:#0d6efd;}
.tool-label{ font-size:.85rem; white-space:nowrap; }

/* ====== Badges de orden (centrados) ====== */
.order-bar{ text-align:center; margin-bottom:.75rem; }
.order-badge{
  display:inline-block; margin:.15rem .25rem; padding:.35rem .6rem;
  border:1px solid var(--bs-border-color); border-radius:999px;
  font-size:.85rem; text-decoration:none; color:#212529; background:#fff;
}
.order-badge:hover{ background:#f6f8ff; border-color:#0d6efd; color:#0d6efd; }
.order-badge.active{ background:#495057; border-color:#495057; color:#fff; }

/* ====== Tabla ====== */
#tabla-informes thead th { text-align:center; vertical-align:middle; font-weight:600; }
#tabla-informes thead th.th-active{ font-weight:800; font-size: calc(1rem + 2px); }
#tabla-informes thead .th-arrow{ font-weight:800; margin-left:.25rem; }

/* centrar Magnitud, Aceleración, Lat, Lon */
#tabla-informes tbody td:nth-child(4),
#tabla-informes tbody td:nth-child(5),
#tabla-informes tbody td:nth-child(6),
#tabla-informes tbody td:nth-child(7){ text-align:center; }

/* botones azules consistentes */
.btn-outline-primary{ --bs-btn-color:#0d6efd; --bs-btn-border-color:#0d6efd; }

/* ====== Paginación / por página (centrado) ====== */
.perpage-wrap{ display:flex; justify-content:center; margin-top:.5rem; }