/*
 * RevSistemIA — hotfix de maquetación del diagrama PRISMA 2020
 * Objetivo: impedir que textos y conteos salgan de sus cajas tanto en pantalla
 * como al imprimir/guardar PDF. Este archivo sólo afecta .prisma-flow-2020.
 */

.prisma-flow-2020 {
    /* Cada pareja de cajas comparte la altura de la fila y puede crecer con el contenido. */
    grid-template-rows:
        62px
        minmax(170px, auto)
        minmax(132px, auto)
        minmax(168px, auto)
        minmax(210px, auto)
        minmax(150px, auto) !important;
    row-gap: 34px !important;
    align-items: stretch;
}

.prisma-flow-2020 .prisma-box {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
}

.prisma-flow-2020 .prisma-box h3,
.prisma-flow-2020 .prisma-box p,
.prisma-flow-2020 .prisma-box ul,
.prisma-flow-2020 .prisma-box li {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* Bootstrap .text-nowrap puede forzar que '(n = …)' cruce el borde en cajas estrechas. */
.prisma-flow-2020 .text-nowrap {
    white-space: normal !important;
}

.prisma-flow-2020 .prisma-box > :last-child {
    margin-bottom: 0 !important;
}

/* Las franjas laterales deben crecer junto con las filas dinámicas. */
.prisma-flow-2020 .prisma-lane {
    box-sizing: border-box;
    height: 100%;
    min-height: 100%;
}

@media print {
    .prisma-flow-2020 {
        grid-template-rows:
            54px
            minmax(145px, auto)
            minmax(112px, auto)
            minmax(145px, auto)
            minmax(178px, auto)
            minmax(132px, auto) !important;
        row-gap: 30px !important;
        align-items: stretch;
    }

    .prisma-flow-2020 .prisma-box {
        padding: .72rem .82rem;
        line-height: 1.24;
        font-size: .86rem;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .prisma-flow-2020 .prisma-box h3 {
        font-size: .92rem;
        margin-bottom: .3rem;
    }

    .prisma-flow-2020 .prisma-box p {
        margin-bottom: .25rem;
    }

    .prisma-flow-2020 .prisma-box ul {
        margin-top: .3rem;
        margin-bottom: 0;
    }
}