@keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes animate-fade-in-left
{
   0% { transform: translate(-100px,0px) rotate(0deg) ; opacity: 0;  }
   100% { transform: translate(0px,0px) rotate(0deg) ; opacity: 1;  }
}
@keyframes animate-rotate-in-left
{
   0% { transform: translate(-1000px,0px) rotate(0deg) ; opacity: 0;  }
   50% { opacity: 1;  }
   100% { transform: translate(0px,0px) rotate(360deg) ;  }
}
@keyframes flip-in
{
   0% { transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2) ; opacity: 0;  }
   50% { transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
   100% { transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@keyframes focus-in
{
   0% { filter: blur(20px); opacity: 0.0;  }
   100% { opacity: 1.0; filter: blur(0);  }
}
@keyframes slide-down-in
{
   0% { transform: translate(0px,-100%) rotate(1deg) ; opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform: translate(0px,0px) rotate(0deg) ; transform-origin: 0 0;  }
}
@keyframes slide-left-in
{
   0% { transform: translate(-100%,0px) rotate(1deg) ; opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform: translate(0px,0px) rotate(0deg) ; transform-origin: 0 0;  }
}
@keyframes slide-right-in
{
   0% { transform: translate(100%,0px) rotate(1deg) ; opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform: translate(0px,0px) rotate(0deg) ; transform-origin: 0 0;  }
}
@keyframes swash-in
{
   0% { transform: rotate(0deg) scale(0,0) ; opacity: 0; transform-origin: 50% 50%;  }
   90% { transform: rotate(0deg) scale(0.9,0.9) ; transform-origin: 50% 50%; opacity: 1;  }
   100% { transform: rotate(0deg) scale(1,1) ; transform-origin: 50% 50%;  }
}
@keyframes tin-up-in
{
   0% { transform: translate(0px,-900%) rotate(0deg) ; opacity: 0;  }
   50% { transform: translate(0px,0px) rotate(0deg) scale(1.1,1.1) ; opacity: 1;  }
   60% { transform: translate(0px,0px) rotate(0deg) scale(1.0,1.0) ;  }
   70% { transform: translate(0px,0px) rotate(0deg) scale(1.1,1.1) ;  }
   80% { transform: translate(0px,0px) rotate(0deg) scale(1.0,1.0) ;  }
   90% { transform: translate(0px,0px) rotate(0deg) scale(1.1,1.1) ;  }
   100% { transform: translate(0px,0px) rotate(0deg) scale(1.0,1.0) ; opacity: 1;  }
}
@keyframes transform-bounce
{
   0% { transform: rotate(0deg) ;  }
   20% { transform: rotate(0deg) ;  }
   40% { transform: translate(0px,-30px) rotate(0deg) ;  }
   50% { transform: translate(0px,0px) rotate(0deg) ;  }
   60% { transform: translate(0px,-15px) rotate(0deg) ;  }
   80% { transform: translate(0px,0px) rotate(0deg) ;  }
   100% { transform: translate(0px,0px) rotate(0deg) ;  }
}
@keyframes transform-tada
{
   0% { transform: rotate(0deg) ;  }
   10% { transform: rotate(-3deg) scale(0.9,0.9) ;  }
   20% { transform: rotate(-3deg) scale(0.9,0.9) ;  }
   30% { transform: rotate(3deg) scale(1.1,1.1) ;  }
   40% { transform: rotate(-3deg) scale(1.1,1.1) ;  }
   50% { transform: rotate(3deg) scale(1.1,1.1) ;  }
   60% { transform: rotate(-3deg) scale(1.1,1.1) ;  }
   70% { transform: rotate(3deg) scale(1.1,1.1) ;  }
   80% { transform: rotate(-3deg) scale(1.1,1.1) ;  }
   90% { transform: rotate(3deg) scale(1.1,1.1) ;  }
   100% { transform: rotate(0deg) scale(1.0,1.0) ;  }
}
@keyframes transform-wobble-top
{
   0% { transform-origin: 0 100%; transform: rotate(0deg) ;  }
   15% { transform: rotate(0deg) skewX(-12deg) ;  }
   30% { transform: rotate(0deg) skewX(10deg) ;  }
   45% { transform: rotate(0deg) skewX(-6deg) ;  }
   60% { transform: rotate(0deg) skewX(4deg) ;  }
   75% { transform: rotate(0deg) skewX(-2deg) ;  }
   100% { transform: rotate(0deg) skewX(0deg) ;  }
}
@keyframes transform-zoom-in-left
{
   0% { transform: translate3d(-1000px,0px,0px) rotateX(0deg) scale3d(0.1,0.1,0.1) ; opacity: 0;  }
   60% { transform: translate3d(10px,0px,0px) rotateX(0deg) scale3d(0.5,0.5,0.5) ; opacity: 1;  }
   100% { transform: translate3d(0px,0px,0px) rotateX(0deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
}
@keyframes transform-zoom-in-right
{
   0% { transform: translate3d(1000px,0px,0px) rotateX(0deg) scale3d(0.1,0.1,0.1) ; opacity: 0;  }
   60% { transform: translate3d(-10px,0px,0px) rotateX(0deg) scale3d(0.5,0.5,0.5) ; opacity: 1;  }
   100% { transform: translate3d(0px,0px,0px) rotateX(0deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
}
a.style1
{
   color: #0000CD;
   text-decoration: underline;
}
a.style1:visited
{
   color: #800080;
   text-decoration: underline;
}
a.style1:active
{
   color: #FF0000;
   text-decoration: underline;
}
a.style1:hover
{
   color: #0000FF;
   text-decoration: underline;
}
h1, .h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h2, .h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h3, .h3
{
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h4, .h4
{
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h5, .h5
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h6, .h6
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
.CustomStyle
{
   font-family: "Courier New";
   font-weight: bold;
   font-size: 16px;
   text-align: justify;
   text-decoration: none;
   color: #2E74B5;
   --color: #2E74B5;
   background-color: transparent;
}
.Login
{
   text-decoration: none;
   background-color: transparent;
   body {
            visibility: hidden;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
   }

        body.loaded {
            visibility: visible;
   opacity: 1;
   }

        /* Estilo dos rótulos para aumentar ainda mais a fonte */
        .login-form label {
            font-size: 22px;
   /* Aumenta o tamanho da fonte para 22px */
        }

        /* Estilo das entradas para aumentar o texto dentro dos campos */
        .login-form input {
            font-size: 18px;
   /* Aumenta o tamanho da fonte dentro dos inputs */
        }

        /* Estilo do botão para também ter uma fonte maior */
        .login-form button {
            font-size: 18px;
   /* Aumenta o tamanho da fonte no botão */
        }

        /* Adiciona espaçamento após o título Login */
        .login-form h2 {
            margin-bottom: 20px;
   /* Ajusta o valor conforme necessário */
        };
}
.Login_new
{
   text-decoration: none;
   background-color: transparent;
   /* Reset básico */
body, html {
    margin: 0;
   padding: 0;
   box-sizing: border-box;
   }

/* Suaviza o carregamento */
body {
    visibility: hidden;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
   }

body.loaded {
    visibility: visible;
   opacity: 1;
   }

/* Configuração do container principal */
.container {
    display: flex;
   justify-content: center;
   /* Centraliza horizontalmente */
    align-items: flex-start;
   /* Alinha o formulário no topo */
    min-height: 100vh;
   /* Mantém o container com a altura total da janela */
    padding-top: 3rem;
   /* Ajusta a distância a partir do topo */
    background-color: #f4f4f4;
   }

.login-form h2 {

            margin-bottom: 20px;
   /* Ajusta o valor conforme necessário */
        }

/* Estilo do formulário */
.login-form {
    width: 100%;
   max-width: 400px;
   background: #ffffff;
   padding: 2rem;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   font-weight: bold;
   /* Aplica bold em todos os textos do formulário */
}

.login-form label {
    display: block;
   font-size: 20px;
   margin-bottom: 0.5rem;
   color: #333;
   }

.login-form input {
    width: 100%;
   /* O input ocupará toda a largura do formulário */
    padding: 0.75rem;
   margin-bottom: 1rem;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 20px;
   font-weight: bold;
   /* Aplica bold ao texto digitado e ao placeholder */
    box-sizing: border-box;
   }

.login-form button {
    width: 100%;
   padding: 0.75rem;
   background-color: #007BFF;
   color: white;
   font-size: 16px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   }

.login-form button:hover {
    background-color: #0056b3;
   }

/* Responsividade para dispositivos menores */
@media (max-width: 480px) {
    .login-form {
        padding: 1rem;
   }
    .login-form label {
        font-size: 14px;
   }
    .login-form input {
        font-size: 12px;
   }
    .login-form button {
        font-size: 14px;
   }
}

#login-button {
    font-size: 24px;
   /* Define o tamanho da palavra "Login" */
    font-weight: bold;
   /* Opcional: deixa o texto em negrito */
    padding: 1rem;
   /* Ajusta o espaçamento interno */
};
}
.One_Line
{
   text-decoration: none;
   background-color: transparent;
   TextArea1 {
            resize: none;
   height: 1.5em;
   overflow: hidden
        };
}
.Image
{
   text-decoration: none;
   background-color: transparent;
   img[src*="ficha_sindicalizacao.jpg"] {
            pointer-events: none;
   /* Desabilita o uso do mouse */
            user-select: none;
   /* Impede a seleção com o mouse */
        };
}
.button
{
   text-decoration: none;
   background-color: transparent;
   btn span {
      display: block;
   /* Exibe cada linha do texto como um bloco */
      line-height: normal;
   /* Ajusta a altura da linha das linhas de texto */
    };
}