/* Estilos propios de la plataforma DeCA (complementan a Bootstrap, mobile-first) */

body { -webkit-tap-highlight-color: transparent; }

/* Tarjetas de datos: que ocupen bien en móvil */
.card-deca { border: 0; box-shadow: 0 .125rem .5rem rgba(0,0,0,.08); }

/* Tablas: scroll horizontal en pantallas pequeñas en vez de romper el layout */
.table-responsive-deca { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* QR en detalle: centrado y legible */
.qr-display { max-width: 260px; width: 100%; height: auto; }

/* URL pública: texto cortado con botón de copiar al lado */
.url-copy-row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.url-copy-row code { word-break: break-all; flex: 1 1 auto; min-width: 0; }

/* Botones táctiles más generosos en móvil */
@media (max-width: 576px) {
  .btn { min-height: 44px; }
  .btn-sm { min-height: 38px; }
}