@charset "utf-8";
/* CSS Document */

:root {
            --primary: #1A4F8B;
            --secondary: #F5A623;
            --accent: #2ECC71;
            --dark: #2C3E50;
            --light: #F8F9FA;
        }
        li {
            list-style: none; /* Remove o marcador padrão */
        }
        body {
            font-family: 'Inter', sans-serif;
            background: #FFFFFF;
            color: var(--dark);
            
        }
@media screen and (max-width: 800px) {
.busca-container{
    margin-top: 80px;
}
}
        .main-content {
            max-width: 1400px;
            margin: 2rem auto;
            padding: 0 1.5rem;
        }
        .page-header {
            background: linear-gradient(135deg, var(--primary) 0%, #0D2C4A 100%);
            padding: 4rem 2rem;
            border-radius: 1rem;
            color: white;
            margin-bottom: 3rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .page-title {
            font-size: 2.8rem;
            font-weight: 700;
            letter-spacing: -0.05rem;
            margin-bottom: 0.5rem;
        }
        .breadcrumb {
            background: rgba(255,255,255,0.15);
            padding: 0.8rem 1.5rem;
            border-radius: 50px;
            font-size: 0.9rem;
        }
        .breadcrumb a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: 0.3s;
        }
        .breadcrumb a:hover {
            color: white;
            text-decoration: underline;
        }
        .profile-card {
            background: white;
            border-radius: 1.5rem;
            padding: 2rem;
            margin-bottom: 100px;
            box-shadow: 0 8px 30px rgb(0 0 0 / 18%);
            transition: transform 0.3s;
        }
        .profile-card:hover {
            transform: translateY(-5px);
        }
        .profile-image {
            /*width: 100%;*/
            height: 300px;
            object-fit: cover;
            border-radius: 1rem;
            margin-bottom: 1.5rem;
            border: 4px solid white;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
       .contact-info {
            padding: 2rem;
            background: linear-gradient(
                45deg, /* 45 graus para a diagonal */
                rgba(225,249,246,0.15), /* tom mais forte */
                 rgba(34, 18, 247, 0.43) /* tom mais claro */
            );
            border-radius: 1rem;
            position: relative;
            overflow: hidden;
        }
        .contact-info::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: var(--secondary);
        }
       
       .section-title {
            color: #ffd700; /* Amarelo */
            font-size:2.5rem;
            font-weight: 700;
            margin-bottom: 2rem;
            position: relative;
            padding-left: 1.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Sombra mais sutil */
        }
        .section-title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 70%;
            background: var(--secondary);
            border-radius: 4px;
        }
        .title-mini{
            font-size: 30px;
        }
        .atribuicoes-list {
            columns: 2;
            column-gap: 3rem;
                margin-top: -55px;

        }

        .atribuicoes-list li {
            margin-bottom: 1.5rem;
            padding-left: 2rem;
            position: relative;
            line-height: 1.6;
            break-inside: avoid;
        }
.profile-card .text-muted{
    font-size: 14px;
    margin-left: 0px;
}
        .atribuicoes-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--accent);
            font-weight: 700;
        }
        .badge-custom {
            background: var(--secondary);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 50px;
            font-size: 0.9rem;
        }

        .hover-effect {
            transition: 0.3s;
        }

        .hover-effect:hover {
            transform: translateY(-3px);
        }
        /* Adicione isto ao seu CSS existente */
        .high-contrast {
            --text-color: #FFFFFF !important;
            --bg-color: #000000 !important;
            --accent-color: #FFFF00 !important;
        }

        .high-contrast body {
            background: var(--bg-color) !important;
            color: var(--text-color) !important;
        }

        .high-contrast a,
        .high-contrast button {
            color: var(--accent-color) !important;
            text-decoration: underline !important;
        }

        .high-contrast .main-header,
        .high-contrast .submenu {
            background: rgba(0,150,136,0.10)!important;
            border-color: var(--text-color) !important;
        }

        /* estilo whatsap=======================*/
        /* estilo whatsap=======================*/
         .whatsapp {
                position: fixed;
                width: 50px;
                height: 50px;
                bottom: 20px;
                right: 7px;
                background-color: #25d366;
                color: #FFF;
                border-radius: 50%;
                text-align: center;
                font-size: 30px;
                box-shadow: 1px 1px 2px #888;
                z-index: 1000;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
            }
            .title-large {
                font-size: 50px; /* Tamanho maior para telas grandes */
            }


        /*DISPOSITIVOS MOVEIS===========================*/
        /*DISPOSITIVOS MOVEIS===========================*/
         @media (max-width: 992px) {
            .atribuicoes-list {
                columns: 1;
                padding: 0;
                width: 100vw;
                max-width: 100%;
                        margin-top: -200px;

            }
             .page-header {
                padding: 2rem 1rem;
                         margin-top: 123px;
            }
            
            .page-title {
                font-size: 2rem;
            }
            .w-100{
                padding: 0;
                width: 100vw;
                max-width: 100%;
            }
            .d-flex{
                display: flex !important;
                padding: 0;
                width: 100vw;
                max-width: 100%;
            }
            .col-12{
                padding: 0;
                width: 100vw;
                max-width: 100%;
            }
             .section-title {
                font-size:1.8rem;
            }
             .title-mini{
                  font-size:1.2rem;
             }
        }


/*pagina index===============*/
/*pagina index===============*/

.main-header{
        margin-bottom: 3px;
        background: none !important;
}

.pagina-inicial .nav-item {
    font-size: 18px;
}
.pagina-inicial .nav-menu {
    margin-top: -32px;
}
.pagina-inicial .submenu a {
 font-size: 15px;   
}




     
.pagina-inicial .painel_subpagina, p {
    font-size: 12px;
    font-variant: normal;
    color: rgba(255,255,255,1.00);
    margin-left: calc(53vw - 250px);
}
/* Segundo conjunto (corrigido) */
.cookie-banner .pagina-inicial .painel_subpagina,
.cookie-banner p {
    font-size: 16px;
    font-variant: normal;
    color: rgba(2,2,2,1.00);
    margin-left: 0px;
}
     
.contact-item p {
    margin-left: 0px;
    font-size: 16px;
    color:rgba(4,4,4,1.00);
}
.contact-item .fw-bold {
    margin-left: 0px;
    font-size: 23px;
    color:rgba(4,4,4,1.00);
}
@media screen and (max-width: 800px) {
     .pagina-inicial .ei-slider {
        margin-top: 105px;
        top: 322px;
        left: -1px;
         z-index: 9;

    }
  
    
      
    .pagina-inicial .description{
            margin-left: auto;

    }
       .main-content {
            max-width: 1400px;
            margin: -2rem auto;
            padding: 0 1.5rem;
        }
    
    .pagina-inicial .painel_subpagina, p{
        font-size: 9px;
                margin-left: 50px;
    }
    .pagina-inicial .container-me {
            margin-top: 232px;
    }

     #ei-slider .wrap {
        margin-top: 91px;
        margin-left: 30px;
    }
    .pagina-inicial .logo {
        margin-left: -11px;
       
    }
    .logo img {
            height: 129px;
            margin-top: -22px;
    }
      .accessibility-container {
        gap: 0px;
    }
   .accessibility-links {
        gap: 5px; /* Define o espaçamento entre os itens (ajuste conforme necessário) */
        margin-top: -6px;
        margin-bottom: -11px;
    }
    .font-controls{
        margin-top: -5px;
    }
     .nav-menu.active {
        height: 134vh;
         padding-top: 30px; 
        /* padding-bottom: 2vh; */
    }
     .busca-header .search {
        max-width: 100%;
        margin-top: -30px;
    }
 
   

    /* Remove as bordas e sombras que aparecem ao passar o mouse ou focar */
    .busca-header:focus,
    .busca-header:hover,
    .busca-header:active {
        outline: none;
        box-shadow: none;
        border: none;
    }
    
    
   .pagina-inicial .ei-slider-large li img {
            margin-top: 26px;
    }


}
    







    .accessibility-bar {
        margin-bottom: 8px;
    }
        .pagina-inicial .row .twelve ul {
        margin-top: -120px;
    }
    
    /*    ajustar as margens que estavam utrapassando as bordas*/
     html, body {
        margin: 0; /* Remove margens padrão */
        padding: 0; /* Remove espaçamento interno */
        overflow-x: hidden; /* Impede scroll horizontal */
        width: 100%; /* Garante que ocupe toda a largura disponível */
        max-width: 100%; /* Limita a largura máxima */
         
    }
    /*vlibras*/
    div[vw] {
        z-index: 999 !important;
    }
    .pagina-inicial .whatsapp {
        height: 49px;
    }







/* Estilo geral do contêiner de busca */
.search11 {
    position: absolute;
    z-index: 9;
    max-width: 600px; /* Limita a largura máxima do grupo */
    margin: 0 auto; /* Centraliza o grupo na tela */
    padding: 20px 0; /* Espaçamento interno */
    width: 37vw;
    margin-left: 55vw;
    margin-top: 14px;

}
.pagina-inicial .search11 {
    position: absolute;
    z-index: 9;
    max-width: 600px; /* Limita a largura máxima do grupo */
    margin: 0 auto; /* Centraliza o grupo na tela */
    padding: 20px 0; /* Espaçamento interno */
    margin-left: calc(48vw - 250px);
    width: 37vw;
    margin-top: 117px;

}
@media screen and (max-width: 800px) {
.pagina-inicial .search11 {
    position: absolute;
    z-index: 9;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0;
        margin-left: calc(84vw - 250px);
    width: 75vw;
    /* height: 16px; */
    margin-top: 44px;
}
}
/* Estilo do label (agrupador do input e botão) */
.search11 label {
    display: flex; /* Usa Flexbox para alinhar os elementos */
    align-items: center; /* Alinha verticalmente os elementos */
    gap: 0; /* Remove qualquer espaço entre o input e o botão */
}

/* Estilo do input de busca */
.search11 #bot {
    flex: 1; /* O input ocupa todo o espaço disponível */
    padding: 0.8rem 1.2rem; /* Espaçamento interno */
    font-size: 1rem; /* Tamanho da fonte */
    border: 2px solid #3498DB; /* Borda azul */
    border-right: none; /* Remove a borda direita para criar um visual unificado */
    border-radius: 25px 0 0 25px; /* Bordas arredondadas apenas na esquerda */
    outline: none; /* Remove o contorno padrão ao focar */
    transition: all 0.3s ease; /* Transição suave */
}

.pagina-inicial .search11 #bot {
    flex: 1; /* O input ocupa todo o espaço disponível */
    padding: 0.8rem 1.2rem; /* Espaçamento interno */
    font-size: 1rem; /* Tamanho da fonte */
    border: 2px solid #3498DB; /* Borda azul */
    border-right: none; /* Remove a borda direita para criar um visual unificado */
    border-radius: 25px 0 0 25px; /* Bordas arredondadas apenas na esquerda */
    outline: none; /* Remove o contorno padrão ao focar */
    transition: all 0.3s ease; /* Transição suave */
        font-size: 1.8rem;

}
@media screen and (max-width: 800px) {
/* Estilo do input de busca */
.pagina-inicial .search11 #bot {
    flex: 1; /* O input ocupa todo o espaço disponível */
    padding: 0.8rem 1.2rem; /* Espaçamento interno */
    height: 36px;
    font-size: 1rem; /* Tamanho da fonte */
    border: 2px solid #3498DB; /* Borda azul */
    border-right: none; /* Remove a borda direita para criar um visual unificado */
    border-radius: 25px 0 0 25px; /* Bordas arredondadas apenas na esquerda */
    outline: none; /* Remove o contorno padrão ao focar */
    transition: all 0.3s ease; /* Transição suave */
}
}
.search11 #bot:focus {
    border-color: #0074D9; /* Altera a cor da borda ao focar */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* Estilo do botão de pesquisa */
.search11 .searchButton11 {
    padding: 0.8rem 1.2rem; /* Espaçamento interno */
    font-size: 1rem; /* Tamanho da fonte */
    background-color: #3498DB; /* Fundo azul */
    color: white; /* Texto branco */
    border: 2px solid #3498DB; /* Borda azul */
    border-left: none; /* Remove a borda esquerda para criar um visual unificado */
    border-radius: 0 25px 25px 0; /* Bordas arredondadas apenas na direita */
    cursor: pointer; /* Cursor de clique */
    transition: all 0.3s ease; /* Transição suave */
}
.pagina-inicial .search11 .searchButton11{
    margin-top: -12px;
    height: 64px;
    width: 61px;
}
@media screen and (max-width: 800px) {
/* Estilo do botão de pesquisa */
.pagina-inicial .search11 .searchButton11 {
        margin-top: -12px;
        height: 34px;
        width: 35px;
}
}
.search11 .searchButton11:hover {
    background-color: #0074D9; /* Altera a cor ao passar o mouse */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Sombra mais pronunciada */
}

/* Estilo dos links "Mais Buscados" */
.search11 p {
    margin-top: 10px;
    font-size: -0.1rem;
    color: #FFFFFF;
    text-align: left;
    margin-left: 14px;
    visibility: hidden;
}
 .pagina-inicial .search11 p {
    margin-top: -8px;
    font-size: -0.1rem;
    color: #FFFFFF;
    text-align: left;
    margin-left: 25px;
    margin-left: calc(24vw - 250px);
      visibility: visible;

}
@media screen and (max-width: 800px) {
.pagina-inicial .search11 p {
    margin-top: -8px;
    font-size: -0.1rem;
    color: #FFFFFF;
    text-align: left;
    margin-left: 25px;
    margin-left: calc(74vw - 250px);
      visibility: visible;

}
}
.search11 p a {
    color: #ffffff; /* Cor dos links */
    text-decoration: none; /* Remove sublinhado */
    transition: color 0.3s ease; /* Transição suave */
}

.search11 p a:hover {
    color: #0074D9; /* Altera a cor ao passar o mouse */
}



@media screen and (max-width: 800px) {
    .search11 p {
    margin-top: -8px;
    font-size: -0.1rem;
    color: #FFFFFF;
    text-align: left;
    margin-left: 25px;
}
    .search11 {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0;
    width: 86vw;
    margin-left: calc(76vw - 250px);

}
    
}



.contact-info h3 {
    margin-bottom: 22px;
}

/*
@media screen and (max-width: 800px) {
.contact-info h3 {
    margin-bottom: -300px;
}
}
*/
.profile-card .lead.mb-4 {
    color: #2c3e50; /* Substitua pelo código da cor desejada */
    margin-bottom: 79px;
    margin-left: 23px;
}
@media screen and (max-width: 800px) {
.profile-card .lead.mb-4 {
    color: #2c3e50; /* Substitua pelo código da cor desejada */
    margin-bottom: 235px ! IMPORTANT;
    margin-left: 23px;
}
}

@media screen and (max-width: 800px) {
.mb-4, .my-4 {
     margin-bottom: 10px !important;
}
}
 .contact-item {
            margin-bottom: 1.5rem;
            padding-left: 2rem;
            position: relative;
            top: 10px !important;
        }
        .contact-item i {
            position: absolute;
            left: 0;
            top: 0.3rem;
            color: var(--primary);
            font-size: 1.2rem;
        }




/*        auto contraste*/
/* Alto Contraste - WCAG AAA */
.high-contrast {
    --hc-bg: #000000 !important;
    --hc-text: #FFFFFF !important;
    --hc-accent: #FFFFFF !important;
    --hc-border: #FFFFFF !important;
}

.high-contrast,
.high-contrast body,
.high-contrast header,
.high-contrast main,
.high-contrast footer {
    background: var(--hc-bg) !important;
    color: var(--hc-text) !important;
}

.high-contrast h1,
.high-contrast h2,
.high-contrast h3,
.high-contrast p,
.high-contrast li,
.high-contrast span,
.high-contrast div {
    color: var(--hc-text) !important;
}

.high-contrast a,
.high-contrast button {
    color: var(--hc-accent) !important;
    text-decoration: underline !important;
    border: 2px solid var(--hc-border) !important;
}

.high-contrast input,
.high-contrast textarea,
.high-contrast select {
    background: var(--hc-bg) !important;
    color: var(--hc-text) !important;
    border: 2px solid var(--hc-accent) !important;
}

.high-contrast img {
    filter: contrast(50%) grayscale(100%) !important;
}

.high-contrast svg {
    fill: var(--hc-text) !important;
    stroke: var(--hc-text) !important;
}

.high-contrast .icon,
.high-contrast i {
    color: var(--hc-accent) !important;
}
        /* CSS */
.high-contrast .destaque-box {
    background: var(--hc-special-bg, #000) !important; /* Fallback para preto */
}
.high-contrast .momento-historico {
    background: var(--hc-special-bg, #000) !important; /* Fallback para preto */
} 
.high-contrast .cookie-header, .high-contrast .info-section, .high-contrast .cookie-info {
    background: var(--hc-special-bg, #000) !important; /* Fallback para preto */
} 
.high-contrast .contact-info, .high-contrast .profile-card {
    background: var(--hc-special-bg, #000) !important;  
    
}   
.high-contrast .service-card {
    background: var(--hc-special-bg, #000) !important;  
    
}