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 */
    };
}
.Duodecimos
{
   font-family: "Inter', sans-serif";
   font-weight: normal;
   font-size: 27px;
   font-style: italic;
   text-align: justify;
   letter-spacing: -0.025empx;
   line-height: 61.79px;
   text-decoration: none;
   color: #1F2937;
   --color: #1F2937;
   background-color: #EFF6FF;
   --background-color: rgba(239,246,255,1.00);
   border: 2px solid #86EFAC;
   --border-color: #86EFAC;
   border-radius: 9999px;
   margin: 0 0 0 0;
   padding: 2rem 2rem 2rem 2rem;
   transition-property: transform;
   transition-duration: 150ms;
   transition-delay: 0ms;
   transition-timing-function: linear;
   --tw-ring-color: #3b82f6;
}
