/*
    Badges de estado - reglas compartidas.

    POR QUE ESTE ARCHIVO EXISTE APARTE
    Las clases las emite HtmlRenderHelper.RenderColorBadge, que hoy tiene dos consumidores con
    necesidades opuestas:

      - El backoffice, que carga pqr-custom.css entero (683 lineas) y no le molesta.
      - La pantalla publica de check-in, que por requisito tiene que ser LIVIANA: se abre parado en
        la entrada de un estacionamiento, con mala senal. Cargarle todo el bundle del backoffice
        para usar tres reglas seria absurdo.

    La alternativa era copiar las reglas en public-checkin.css. Se descarto: es exactamente la
    duplicacion que ya paso con swal.custom.css (event-landing.css tiene una copia con el comentario
    "Copia independiente"). Un solo lugar, dos consumidores.

    El "que" parpadea es DATO (columna Blink de la tabla de estados, por compania).
    El "como" (velocidad, easing) vive aca.
*/

/* min-width, font-size y font-weight estaban inline en RenderColorBadge (se movieron aca el
   2026-10-08, mismos valores): un style inline no se puede pisar desde una grilla sin !important.
   Dentro de una grilla los pisa pqr-custom.css (.gvCustom.table .badge-fixed). */
.badge-fixed {
    width: 70px;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    font-size: inherit;
    font-weight: normal;
}

@keyframes badgeBlink {
    0%   { opacity: 1; }
    50%  { opacity: 0.35; }
    100% { opacity: 1; }
}

.badge-blink {
    animation: badgeBlink 1.2s ease-in-out infinite;
}

/* Accesibilidad (WCAG 2.2.2): respetar a quienes piden menos movimiento. */
@media (prefers-reduced-motion: reduce) {
    .badge-blink {
        animation: none;
    }
}