/* ============================================================
   BARRA DE ACCIONES del detalle del mes.

   Antes: 5 botones sueltos en una fila, cada uno con ~6 propiedades de
   estilo en linea y 2 colores escritos a mano. Dos de ellos eran el
   MISMO boton con el nombre cambiado segun el estado del periodo.

   Ahora: agrupados por INTENCION (consultar al banco / mover fondos /
   regularizar), con rotulo de grupo, y el estilo todo aqui.
   Reutiliza .btn del sistema: esta hoja solo aporta la agrupacion.
   ============================================================ */

.barra-acciones {
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.barra-grupo {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.barra-rotulo {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gray-500);
}

.barra-grupo .fila {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Explica, al lado del boton, si la regularizacion se aplica directo o
   si se envia una solicitud para aprobacion. Reemplaza al viejo truco de
   cambiarle el nombre al boton. */
.barra-nota {
    font-size: 11.5px;
    color: var(--gray-500);
    max-width: 340px;
}