/*LOADING*/
.carregando_evento{ display: none; left:0; top:0; position:fixed; z-index:5000000; background: #0a0a0a; width:100% !important; height:100% !important; }
.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: #0a0a0a; width:100% !important; height:100% !important; }
.carregando2 { display: none; left:0; top:0; position:fixed; z-index:5000000; background: rgba(10,10,10,0.92) url(../imagens/ajax-loader.gif) no-repeat center center; width:100% !important; height:100% !important; }
.loader { height: 32px; width: 32px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; -webkit-animation: loader-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; animation: loader-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; }
/* bolinhas SEMPRE verdes: no /restrito a --cor-secundaria é PRETA e o loader "sumia" sobre o fundo escuro */
.loader::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: auto; margin: auto; width: 8px; height: 8px; background: var(--cor-principal, #4EB93D); border-radius: 50%; -webkit-animation: loader-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; animation: loader-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; }
.loader::after { content: ""; display: block; position: absolute; top: 0; left: auto; bottom: 0; right: 0; margin: auto; width: 8px; height: 8px; background: var(--cor-principal, #4EB93D); border-radius: 50%; -webkit-animation: loader-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; animation: loader-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; }
.loader span { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 32px; width: 32px; }
.loader span::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: auto; width: 8px; height: 8px; background: var(--cor-principal, #4EB93D); border-radius: 50%; -webkit-animation: loader-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; animation: loader-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; }
.loader span::after { content: ""; display: block; position: absolute; top: auto; left: 0; bottom: 0; right: 0; margin: auto; width: 8px; height: 8px; background: #4EB93D; border-radius: 50%; -webkit-animation: loader-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; animation: loader-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; }

@-webkit-keyframes loader-1 { 0%   { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes loader-1 { 0%   { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes loader-2 { 0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); } 50%  { -webkit-transform: translate3d(24px, 0, 0) scale(.5); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); } }
@keyframes loader-2 { 0%   { transform: translate3d(0, 0, 0) scale(1); } 50%  { transform: translate3d(24px, 0, 0) scale(.5); } 100% { transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes loader-3 { 0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); } 50%  { -webkit-transform: translate3d(-24px, 0, 0) scale(.5); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); } }
@keyframes loader-3 { 0%   { transform: translate3d(0, 0, 0) scale(1); } 50%  { transform: translate3d(-24px, 0, 0) scale(.5); } 100% { transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes loader-4 { 0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); } 50%  { -webkit-transform: translate3d(0, 24px, 0) scale(.5); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); } }
@keyframes loader-4 { 0%   { transform: translate3d(0, 0, 0) scale(1); } 50%  { transform: translate3d(0, 24px, 0) scale(.5); } 100% { transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes loader-5 { 0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); } 50%  { -webkit-transform: translate3d(0, -24px, 0) scale(.5); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); } }
@keyframes loader-5 { 0%   { transform: translate3d(0, 0, 0) scale(1); } 50%  { transform: translate3d(0, -24px, 0) scale(.5); } 100% { transform: translate3d(0, 0, 0) scale(1); } }