body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    height: auto;    
    background-color: rgb(216, 226, 235);    
    min-width: 1200px;
    max-width: auto;
   
}

.intro{
    background-image: url(Logomarca/Logo.png);
    background-attachment:scroll;
    background-position-x: center;
    background-repeat: no-repeat;
    padding: 50px;
    height: auto;
    margin-top: 30px;

    align-items: center;
    justify-content: center;
    background-size: 250px 150px;
}

.geral {
    
    align-items: center;
    display: inline-flex;
    justify-content: center;
    flex-direction:row;
    padding: 20px;
    background: linear-gradient(90deg, rgba(159,206,249,1) 27%, rgba(179,217,248,1) 62%);   
    height: auto;
    width: auto;
    border-radius: 50px;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    
    
}

.pagina_geral{
    justify-content: center;
    justify-items: center;
}

.page {
    display:inline-flex;
    flex-direction:column;
    align-items: center;
    align-content: center;
    justify-content: center;
    
    min-width: 30%;
    max-height: 100%;
        
    padding: 20px;
}

.page a:hover{
    color: #f72585;
}

/*
Administração Pública

*/

.formLogin1 {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(195,240,177,1) 0%, rgba(150,235,112,1) 50%, rgba(88,240,114,1) 100%);
    border-radius: 7px;
    padding: 40px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px; 
    transition: padding 1s;
}

.formLogin1:hover {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(195,240,177,1) 0%, rgba(150,235,112,1) 50%, rgba(88,240,114,1) 100%);
    border-radius: 7px;
    padding: 70px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;    
}



.formLogin1 h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;    
}

.formLogin1 p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
    text-align: justify;
    text-indent: 2em;
}

.formLogin1 input {
    padding: 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 4px;
    transition: all linear 160ms;
    outline: none;
}


.formLogin1 input:focus {
    border: 1px solid #2f3ec7;
}

.formLogin1 label {
    font-size: 14px;
    font-weight: 600;
}

.formLogin1 a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    color: #555;
    transition: all linear 160ms;
}

.formLogin1 a:hover {
    color: #3a743c;
}



.btn1 {
    background-color: #30ad25;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none !important;
    transition: all linear 160ms;
    cursor: pointer;    
    display: block;
    margin: 0 auto;

}

.btn1:hover {
    transform: scale(1.05);
    background-color: #017711c7;
}



/*
Administração Empresarial

*/



.formLogin2 {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(195,240,177,1) 0%, rgba(133,204,235,1) 50%, rgba(88,170,240,1) 100%);
    border-radius: 7px;
    padding: 40px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;
    transition: padding 1s;
}

.formLogin2:hover {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(195,240,177,1) 0%, rgba(133,204,235,1) 50%, rgba(88,170,240,1) 100%);
    border-radius: 7px;
    padding: 70px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;
}

.formLogin2 h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}

.formLogin2 p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
    text-align: justify;
    text-indent: 2em;
}

.formLogin2 input {
    padding: 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 4px;
    transition: all linear 160ms;
    outline: none;
}


.formLogin2 input:focus {
    border: 1px solid #2f3ec7;
}

.formLogin2 label {
    font-size: 14px;
    font-weight: 600;
}

.formLogin2 a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    color: #555;
    transition: all linear 160ms;
}

.formLogin2 a:hover {
    color: #f72585;
}



.btn2 {
    background: linear-gradient(90deg, rgb(58, 84, 170) 0%, rgb(16, 83, 112) 50%, rgb(35, 98, 153) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none !important;
    transition: all linear 160ms;
    cursor: pointer;    
    display: block;
    margin: 0 auto;

}

.btn2:hover {
    transform: scale(1.05);
    background-color: #ff0676;
}


/*
Administração Terceiro Setor

*/


.formLogin3 {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(247,249,202,1) 0%, rgba(235,241,113,1) 27%, rgba(230,241,109,1) 72%);
    border-radius: 7px;
    padding: 40px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;
    transition: padding 1s;
}

.formLogin3:hover {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(247,249,202,1) 0%, rgba(235,241,113,1) 27%, rgba(230,241,109,1) 72%);
    border-radius: 7px;
    padding: 70px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px; 
}


.formLogin3 h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}

.formLogin3 p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
    text-align: justify;
    text-indent: 2em;
}

.formLogin3 input {
    padding: 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 4px;
    transition: all linear 160ms;
    outline: none;
}


.formLogin3 input:focus {
    border: 1px solid #2f3ec7;
}

.formLogin3 label {
    font-size: 14px;
    font-weight: 600;
}

.formLogin3 a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    color: #555;
    transition: all linear 160ms;
}

.formLogin3 a:hover {
    color: #f72585;
}



.btn3 {
    background: linear-gradient(90deg, rgba(155,158,73,1) 27%, rgba(163,173,61,1) 62%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none !important;
    transition: all linear 160ms;
    cursor: pointer;    
    display: block;
    margin: 0 auto;

}

.btn3:hover {
    transform: scale(1.05);
    background-color: #ff0676;
}

.areaLogin img {
    width: 420px;
}

.historia{
    margin: 20px;
    background: linear-gradient(90deg, rgba(161,240,196,1) 25%, rgba(199,222,243,1) 50%, rgba(244,246,197,1) 75%);
    padding: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify;
    border: 2px solid #9ee2fd;
    border-radius: 50px;
    display: inherit;
    transition: padding 1s;   
    
}

.historia:hover{
    margin: 20px;
    background: linear-gradient(90deg, rgba(161,240,196,1) 25%, rgba(199,222,243,1) 50%, rgba(244,246,197,1) 75%);
    padding: 70px;
    text-align: justify;
    border: 1px solid #3935f5;
    border-radius: 50px;
    display: inherit;     
    

}

.centro{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #0c0380;
      
}
     

.texto{
    text-indent: 50px;
    font-size: 17px;
    color: #0c0380;
}


#obSlide{
    width: 1200px;  
    margin: 0px;
    padding: 0px; 
    height: 800px;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    background-size: cover;

    
}

#obFinal{
    width: 100%;  
    margin: 0px;
    padding: 0px; 
    height: 60px;
}

#obMenu{    
    min-width: 100%;
    margin: 0px;
    padding: 0px; 
    height: 90px;
    flex-flow: row wrap;    
    
}

.navslide{
    align-items: center;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-self: center;

}



/*

Artigos

*/

.formartigo {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgb(240, 245, 238) 0%, rgb(180, 195, 245) 50%, rgb(168, 211, 240) 100%);
    border-radius: 7px;
    padding: 40px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px; 
    transition: padding 1s;
    max-width: 300px;    
    max-height: 200px;
    word-wrap: break-word;
}

.formartigo:hover {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgb(240, 245, 238) 0%, rgb(180, 195, 245) 50%, rgb(168, 211, 240) 100%);
    border-radius: 7px;
    padding: 60px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;    
    word-wrap: break-word;
}



.formartigo h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    word-wrap: break-word    
}

.formartigo p {
    display: inline-block;
    font-size: 12px;
    color: rgb(20, 6, 100);
    margin-bottom: 25px;
    text-align: justify;
    text-indent: 2em;

    /*
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    */
}

.formartigo input {    
    padding: 15px;
    font-size: 12px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 4px;
    transition: all linear 160ms;
    outline: none;
}


.formartigo input:focus {
    border: 1px solid #2f3ec7;
}

.formartigo label {
    font-size: 14px;
    font-weight: 600;
}

.formartigo a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 12px;
    color: #555;
    transition: all linear 160ms;
}

.formartigo a:hover {
    color: #3a743c;
}



.btnartigo {
    background-color: #1334ca;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none !important;
    transition: all linear 160ms;
    cursor: pointer;    
    display: block;
    margin: 0 auto;
}

.btnartigo:hover {
    transform: scale(1.05);
    background-color: #1334ca;
}


.artigocentro{
    text-align: center;
}


.paragrafo1 {  
    
    font-size: 12px;
    text-align: justify;
    color: rgb(20, 6, 100);
    min-width: 300px;
    max-width: 300px;
        
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limita a três linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adiciona "..." se o texto for truncado */

}

.paragrafo1 h1{     
    max-width: 300px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita a três linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adiciona "..." se o texto for truncado */

}

/*
Final artigo
*/


/* Vídeo */

.exibir{     
    max-width: 300px;
    max-height: 250px;



}


.formvideo {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgb(213, 238, 204) 0%, rgb(195, 253, 203) 50%, rgb(177, 250, 177) 100%);
    border-radius: 7px;
    padding: 40px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px; 
    transition: padding 1s;
    max-width: 300px;    
    max-height: 300px;
    word-wrap: break-word;
}

.formvideo:hover {
    display: inline;
    flex-direction: column;
    background: linear-gradient(90deg, rgb(213, 238, 204) 0%, rgb(195, 253, 203) 50%, rgb(177, 250, 177) 100%);
    border-radius: 7px;
    padding: 60px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
    gap: 5px;    
    word-wrap: break-word;
}



.formvideo h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    word-wrap: break-word    
}

/* Final Vídeo */


/*Ir Menu */
.Irmenu p{
    font-size: 11px;
    color: white; /* Cor do texto */    
    display: block;
    margin: 0px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0px;

}


.Irmenu:hover p{
    display: none;
    margin: 0px;
    padding: 0px;
 

}

.Irmenu{ 
    margin: 0px;
    height: 100px;
    width: 23px;
    opacity: 0.5;
    position: fixed;
    background-color: #6290f3; /* Cor de fundo */
    padding: 0px; /* Espaçamento interno */
    top: 0px;
    border-radius: 30px;   

}

.Irmenu:hover{
    height: auto;
    opacity: 1;
    position: fixed;
    background-color: #6290f3; /* Cor de fundo */
    padding: 3px; /* Espaçamento interno */
    top: 0px;
    border-radius: 30px;
    transition: 0.5s;
    padding: 3px;
    width: 110px;
   
}


.Irmenu a{
  
    display: none;
    text-decoration: none;
    font-size: 12px;          
    color: white; /* Cor do texto */
    visibility: hidden;

}

.Irmenu:hover a{
    display: block;
    text-decoration: none;
    font-size: 12px;    
    color: white; /* Cor do texto */   
    visibility: visible;
    opacity: 1;


}

.Irmenu li{
    opacity: 0;
    color: #e3eff5;
}
.Irmenu:hover li{
   opacity: 1;
    color: #e3eff5;
    
}

.Ir{
    writing-mode: vertical-rl;
     text-orientation: upright;
}


/*Final Ir Menu */