/* Ficha de referencia de Inyección (ficha_referencia.js). Los videos son verticales (540x960): se recortan a un cuadro. */
.ficha-ref .ficha-ref-video {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 8px;
    background: #111827;
}

.ficha-ref .ficha-ref-video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Una regla global del proyecto limita todas las ventanas al 90 % del ancho: la ficha sí va a pantalla completa. */
.ficha-ref .modal-dialog.modal-fullscreen {
    max-width: 100% !important;       /* la regla global de dashboard.css lleva !important */
    width: 100% !important;
}

/* Tablas más compactas: dentro de la columna izquierda con la derecha al lado, sobra poco ancho. Las celdas pueden bajar de
   línea (una regla global las deja en una sola y ensancha la tabla hasta que aparece scroll horizontal). */
.ficha-ref .table > :not(caption) > * > * {
    padding-left: .35rem;
    padding-right: .35rem;
    white-space: normal;
}

/* Una regla global da a toda tabla un ancho mínimo de 600 px: en las columnas de la ficha eso fuerza scroll horizontal. */
.ficha-ref .table {
    min-width: 0 !important;
}

.ficha-ref .ficha-ref-estado {
    font-size: .7rem;
    max-width: 7.5rem;
}

.ficha-ref .nav-pills .nav-link {
    font-weight: 600;
}