/*
The balloons in animeitor are displayed using only one SVG.
The colors are obtained using CSS filters.

The CSS filters are generated by this website:
https://angel-rs.github.io/css-color-filter-generator/
*/


/* Cores usadas na subregional 2024-2025 */
/* A - branco (FFFFFF) */
.balao_A {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(18deg) brightness(100%) contrast(104%);
}

/* B - preto (000000) */
.balao_B {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(333deg) brightness(97%) contrast(103%);
}

/* C - vermelho (FF0000) */
.balao_C {
    filter: brightness(0) saturate(100%) invert(12%) sepia(62%) saturate(7460%) hue-rotate(358deg) brightness(113%) contrast(116%);
}

/* D - grená (800000) */
.balao_D {
    filter: brightness(0) saturate(100%) invert(12%) sepia(71%) saturate(3668%) hue-rotate(352deg) brightness(87%) contrast(117%);
}

/* E - amarelo (FFFF00) */
.balao_E {
    filter: brightness(0) saturate(100%) invert(81%) sepia(100%) saturate(3572%) hue-rotate(1deg) brightness(100%) contrast(109%);
}

/* F - verde (008000) */
.balao_F {
    filter: brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(4437%) hue-rotate(109deg) brightness(96%) contrast(106%);
}

/* G - azul (0000FF) */
.balao_G {
    filter: brightness(0) saturate(100%) invert(10%) sepia(100%) saturate(6160%) hue-rotate(247deg) brightness(92%) contrast(147%);
}

/* H - azul marinho (000080) */
.balao_H {
    filter: brightness(0) saturate(100%) invert(16%) sepia(65%) saturate(3981%) hue-rotate(236deg) brightness(61%) contrast(138%);
}

/* I - rosa (FF00FF) */
.balao_I {
    filter: brightness(0) saturate(100%) invert(28%) sepia(81%) saturate(6886%) hue-rotate(294deg) brightness(114%) contrast(127%);
}

/* J - roxo (800080) */
.balao_J {
    filter: brightness(0) saturate(100%) invert(8%) sepia(59%) saturate(7330%) hue-rotate(294deg) brightness(105%) contrast(122%);
}

/* K - verde limão (00FF00) */
.balao_K {
    filter: brightness(0) saturate(100%) invert(69%) sepia(76%) saturate(5578%) hue-rotate(88deg) brightness(125%) contrast(121%);
}

/* L - azul claro (00FFFF) */
.balao_L {
    filter: brightness(0) saturate(100%) invert(76%) sepia(79%) saturate(1034%) hue-rotate(118deg) brightness(105%) contrast(108%);
}

/* M - prata (C0C0C0) */
.balao_M {
    filter: brightness(0) saturate(100%) invert(88%) sepia(17%) saturate(0%) hue-rotate(244deg) brightness(87%) contrast(85%);
}

/* N - laranja (FF8000) */
.balao_N {
    filter: brightness(0) saturate(100%) invert(73%) sepia(52%) saturate(6682%) hue-rotate(360deg) brightness(101%) contrast(106%);
}

/* O - marrom (A3794D) */
.balao_O {
    filter: brightness(0) saturate(100%) invert(53%) sepia(10%) saturate(1865%) hue-rotate(350deg) brightness(91%) contrast(85%);
}




/* Cores usadas no PDA 2023-2024 */
/*
.balao_A {
    filter: invert(93%) sepia(68%) saturate(2%) hue-rotate(57deg) brightness(107%) contrast(100%) !important;
}
.balao_B {
    filter: invert(0%) sepia(0%) saturate(7497%) hue-rotate(212deg) brightness(90%) contrast(100%) !important;
}
.balao_C {
    filter: invert(17%) sepia(95%) saturate(6747%) hue-rotate(358deg) brightness(128%) contrast(116%) !important;
}
.balao_D {
    filter: invert(15%) sepia(25%) saturate(7375%) hue-rotate(349deg) brightness(87%) contrast(126%) !important;
}
.balao_E {
    filter: invert(90%) sepia(63%) saturate(3562%) hue-rotate(358deg) brightness(108%) contrast(101%) !important;
}
.balao_F {
    filter: invert(26%) sepia(97%) saturate(1646%) hue-rotate(102deg) brightness(90%) contrast(104%) !important;
}
.balao_G {
    filter: invert(8%) sepia(100%) saturate(7474%) hue-rotate(247deg) brightness(92%) contrast(143%) !important;
}
.balao_H {
    filter: invert(62%) sepia(31%) saturate(734%) hue-rotate(133deg) brightness(91%) contrast(91%)  !important;
}
.balao_I {
    filter: invert(16%) sepia(81%) saturate(5328%) hue-rotate(296deg) brightness(117%) contrast(119%) !important;
}
.balao_J {
    filter: invert(57%) sepia(65%) saturate(3315%) hue-rotate(360deg) brightness(101%) contrast(105%) !important;
}
.balao_K {
    filter: invert(54%) sepia(91%) saturate(3217%) hue-rotate(88deg) brightness(126%) contrast(118%) !important;
}
.balao_L {
    filter: invert(90%) sepia(50%) saturate(4791%) hue-rotate(102deg) brightness(100%) contrast(103%) !important;
}
.balao_M {
    filter: invert(88%) sepia(0%) saturate(0%) hue-rotate(8deg) brightness(91%) contrast(83%) !important;
}
.balao_N {
    filter: invert(86%) sepia(75%) saturate(4397%) hue-rotate(172deg) brightness(97%) contrast(85%) !important;
}
.balao_O {
    filter: invert(99%) sepia(95%) saturate(1238%) hue-rotate(167deg) brightness(100%) contrast(81%) !important;
} */