.zigzag .zz-fila {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    padding-block: 44px;
}

.zigzag .zz-fila:first-child { padding-top: 0; }
.zigzag .zz-fila:last-child { padding-bottom: 0; }

.zz-invertida .zz-texto { order: 2; }
.zz-invertida .zz-visual { order: 1; }

.zz-parrafo { margin-top: .9rem; color: var(--texto-suave); }

.zz-bullets { list-style: none; margin-top: 1.1rem; display: grid; gap: .55rem; }
.zz-bullets li { display: flex; align-items: flex-start; gap: .55rem; font-size: .95rem; font-weight: 500; }
.zz-bullets .icono-check { color: var(--c-exito); margin-top: .2rem; }

.zz-compo { position: relative; max-width: 420px; margin-inline: auto; }

.zz-card {
    background: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: 18px;
    padding: 1.1rem 1.25rem;
    box-shadow: var(--sombra-card);
}

.zz-mini { width: max-content; max-width: 90%; }
.zz-flota-derecha {
    position: absolute;
    right: -16px;
    bottom: -30px;
    transform: rotate(2deg);
    z-index: 2;
}

.zz-mini-cifra { font-size: 1.3rem; font-weight: 800; display: block; margin-top: .15rem; }
.zz-mini-texto { display: inline-flex; align-items: center; gap: .4rem; font-size: .88rem; font-weight: 600; margin-top: .15rem; }
.cifra-coral { color: var(--c-coral); }

.zz-flujo-lista { list-style: none; margin-top: .8rem; display: grid; gap: .65rem; }
.zz-flujo-lista li { display: flex; align-items: center; gap: .6rem; font-size: .9rem; font-weight: 500; }
.paso-ok .icono { color: var(--c-exito); }
.paso-activo .icono { color: var(--c-ambar); }
.paso-activo { font-weight: 700; }
.paso-pendiente { color: var(--texto-tenue); }

.zz-stock-lista { list-style: none; margin-top: .8rem; display: grid; gap: .6rem; }
.zz-stock-lista li { display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; }
.zz-stock-lista span { color: var(--texto-suave); }

.zz-reporte-barras { display: flex; gap: 14px; align-items: flex-end; height: 110px; margin-top: 1rem; }
.zzr-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .35rem; height: 100%; justify-content: flex-end; }
.zzr-barra { width: 100%; border-radius: 8px 8px 0 0; background: var(--superficie-suave); }
.zzr-1 { height: 45%; }
.zzr-2 { height: 60%; }
.zzr-3 { height: 52%; }
.zzr-4 { height: 84%; background: var(--c-coral); }
.zzr-mes { font-size: .68rem; color: var(--texto-tenue); }

@media (max-width: 991.98px) {
    .zigzag .zz-fila { grid-template-columns: 1fr; gap: 36px; padding-block: 32px; }
    .zz-invertida .zz-texto { order: 1; }
    .zz-invertida .zz-visual { order: 2; }
    .zz-flota-derecha { right: 0; }
}