body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #003366;
    overflow-x:hidden;
}

.navGeral{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .navGeral nav{
    padding:10px;
  }



.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    flex-wrap:wrap;
}

.top-bar .logo{
    margin-left:90px;
}

.top-bar .cft-crt{
    margin-top: 10px;
    margin-right:90px;
}

.logo h1 {
    margin: 0;
    font-size: 36px;
}

.manualText{
    margin-right:25px;
}

.manualText p {
    text-align: right;
    font-family: 'Segoe UI', sans-serif;
    color: #003366;
    margin: 0;
}

.link-acesso a {
    font-style: italic;
    font-weight: bold;
    color: #00479d;
    text-decoration: none;
    font-size: 14px;
}

.lk-acesso{
    font-style: italic;
    font-weight: bold;
    color: #00479d;
    text-decoration: none;
    font-size: 14px;
}
  

a{
    text-decoration:none;
}

.logo-titulo {
    display: flex;
    align-items: center; /* Alinha verticalmente */
    margin: 0;
}

.portal {
    color: #88b043;
    font-weight: 700;
    font-size: 60px;
    margin-top:20px;
}

.sei img {
    display: block;
    height: 80px; /* Garante controle visual */
    width: auto;   /* Mantém proporção natural */
}

.excl {
    color: #88b043;
}

.logo-cft {
    width: 200px;
    height: 50px;
    display: inline-block;
}

.menu {
    background: #f3f6e5;
    padding: 10px 20px;
}

.menu a {
    margin-right: 20px;
    color: #003366;
    text-decoration: none;
    font-weight: bold;
}

.menu div{
    margin-left:88px;
    width:50%;
}

.em-breve {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-align: right;
    padding: 0px 15px 10px;
}

.userInternoEx div:nth-child(2){
    margin-left:20px;
}


.container {
    padding: 20px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    display:flex;
    flex-direction:row;
    width:100%;
    justify-content:center;
}

.treinamentos{
    width:60%;
    margin-left:10px;
}

.acessos{
    width:20%;
}

.userInternoEx h3{
    font-size:20px;
}

.box {
    border: 2px solid #008bd2;
    padding: 10px;
    border-radius: 10px;
    height:150px;
}

.seiText strong{
    padding:0px;
    margin-top:15px;
    height:70px;
    color:#0491E1;
}

.seiText a{
    margin-top:-20px;
    margin-left:95px;
}

.seiText p{
    color:black;
}

.sei4{
    width:10%;
    display:flex;
    flex-direction:column;
}

.sei4 strong{
    font-size:17px;
    color:black;
}

.sei4,.seiText{
    margin-left:40px;
}

.sei4 img{
    width:100px;
    height:80px;
    mix-blend-mode: multiply;
}

.destaque{
    margin:0px;
}

.seiText{
    padding:0px;
    margin:0px;
    width:76%;
    display:flex;
    flex-direction:column;
}

.seiText strong{
    font-size: 65px;
    font-weight:700;
}

.destaque {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content:space-between;
    font-size:20px;
    margin-bottom:10px;
}

.manual{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content:center;
    font-size:18px;
    margin-top:10px;
}

.manual {
    display: flex;
    gap: 20px;
}

.manual div {
    width: 50%;
}

.align-right {
    margin: 0;
    background:red;
    width:100%;
    float:right;
}

.manualText a {
    display: block;         /* transforma o <a> em bloco */
    margin-top: 5px;        /* espaçamento opcional */
}


.manualImg{
    display:flex;
    align-items:center;
    justify-content:center;
}

.manualImg img {
    width: 150px;
    height: 120px;
}

.usuarios {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.usuario {
    background: #03367B;
    color: white;
    padding: 3px;
    border-radius: 15px;
    display:flex;
    height:120px;
    width:200px;
    flex-direction:column;
}

.userInternoEx{
    display:flex;
    flex-direction:row;
    justify-content:center;
    width:100%;
    margin-top:15px;
}

.usuario div{
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.usuario img {
    width: 75px;
    height: 75px;
    margin-top: 5px;
}

.externo{
    margin-top:25px;
}

.interno{
     margin-top:30px;
}

.externo p{
    font-size:12px;
}

.interno p{
    font-size:12px;
}

.footer {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

/*MEDIA QUERY */
@media (max-width: 1024px){
    .top-bar{
        display:flex;
        flex-direction:column;
        padding:0px;
        justify-content:center;
        margin:0px;
    }

    .portal{
        font-size: 75px;
    }

    .logo-titulo img{
        width:100px;
    }

    .top-bar .cft-crt{
        margin:0px;
        padding:0px;
    }

    .logo-cft {
        width: 250px;
        height: 100px;
        display: inline-block;
    }

    .menu {
        padding: 0px;
        display:flex;
        flex-direction:column;
    }

    .menu a {
        margin:0px;
    }

    .menu div{
        width:100%;
        margin:10px;
    }

    .container{
        display:flex;
        flex-direction:column;
    }

    .container div{
        width:100%;
    }

    .destaque img{
        width: 200px;
        height: 140px;
        margin:0;
    }

    .box{
        display:flex;
        flex-direction:column;
        height:380px;
    }
}