/* Ajustes propios sobre Tabler; lo demás sale del framework. */
.rfc { font-weight: 600; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.miniatura { display: block; width: 52px; min-width: 52px; height: 52px; object-fit: cover; object-position: top center; border-radius: var(--tblr-border-radius); border: 1px solid var(--tblr-border-color); cursor: zoom-in; background: var(--tblr-bg-surface-secondary); }
.foto-detalle { max-width: 100%; max-height: 560px; object-fit: contain; border-radius: var(--tblr-border-radius); border: 1px solid var(--tblr-border-color); cursor: zoom-in; }
.estado-celda { min-width: 11rem; max-width: 22rem; white-space: normal; }
@media (min-width: 768px) { .text-nowrap-md td, .text-nowrap-md th { white-space: nowrap; } .text-nowrap-md .estado-celda { white-space: normal; } }
.miniatura:focus-visible, .foto-detalle:focus-visible { outline: 3px solid var(--tblr-primary); outline-offset: 2px; }
@media (min-width: 768px) { #filtros-extra.collapse { display: block !important; } }

/* Vista previa de las fotos antes de subirlas */
.miniatura-subida { position: relative; width: 84px; height: 84px; }
.miniatura-subida img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; border: 1px solid var(--tblr-border-color); }
.miniatura-subida .quitar-foto { position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; line-height: 18px; padding: 0;
  border-radius: 50%; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color);
  font-size: 16px; cursor: pointer; }
.miniatura-subida .quitar-foto:hover { background: var(--tblr-danger); color: #fff; border-color: var(--tblr-danger); }