@font-face {
     font-family: neotitulo;
     src: url('neo-sans-std-ultra.otf');
}
@font-face {
     font-family: neo;
     src: url('Neo Sans Std Regular.otf');
}
html {
  scroll-behavior: smooth;
}
body{
	 background-image: url(../imagens/bg.png);	
}

*{font-family:neo}
p{font-family:neo; font-size:16px}

a{color:#7B6F3D;}
a:hover{font-weight:bold; color:#7B6F3D}

h1{font-family:neotitulo; font-size:24px; font-weight:bold}
h2{font-family:neo; font-size:18px;}
h3{font-family:neotitulo; font-size:16px; font-weight:bold}

.botao-transparente{
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
	margin-bottom:10px;
}

/* classes do bootstrap */
		.navbar-collapse .navbar-nav li a{
			color: #000; !important;
			font-family:neo;
			font-size:16px;
		}
		
		.navbar-collapse .navbar-nav li a:hover {
			background:#009CDF !important;
			color: #fff !important;
		}
		
		
		#bs-example-navbar-collapse-1{
			position:absolute;
			z-index:9999;
			width:100%;
		}
		
		modal-content {
			z-index:0;
			position:relative;
		}
		.modal fade {
			z-index:1;
			position:relative;
			background-color:#FFF;
		}
		
		.dropdown-menu {
			background-color:#f2f2f2;
			color:#000;
		}
/* topo */
.topo{
	background-color:#000030;
	height:auto;
}
.logo{
	margin-top:30px;	
}
.texto-gruponettec{
	line-height:22px; font-weight:bold; font-size:16px; margin-top:15px;
}
.box-gruponettec{
	margin-top:220px;
}
.menu{
	margin-top:50px;	
}
.form-busca{
	width:350px!important;
	margin-top:5px;
}
.atendimento-topo{
	list-style-type:none;
}
.atendimento-topo li {
    display: inline-block;
	margin-right: 60px; 
	margin-left:-40px;
}


/* rodape */
.whatsapp-fixo {
	position: fixed;
	bottom:10px;
	right:10px;
	z-index: 999;
}
.conteudo {
    background-image: url(../imagens/bgconteudo.png);
    background-size: cover;         
    background-position: center;    
    background-repeat: no-repeat;   
    height: 100vh;                   
    width: 100%;                    
    color: #fff;                     
    display: flex;                
	margin-bottom:30px;
   
}

.conteudo-home {
    color: #fff;                     
	 width: fit-content; /* ou defina uma largura fixa como 1000px */
    margin-left: auto;
    margin-right: 0;
}

.row {
    display: flex;
    align-items: center; /* Alinha verticalmente os itens da row */
}

.caixa-texto {
    background-color: #FFF;
    border-radius: 9px;
    padding: 10px;
    color: #003470;
    width: 100%;
    max-width: 400px;
	float:left;
	margin-top:70px;
}
.logoItritucao{
	max-width: 400px;  margin-top: 30px; z-index: 9999; position: absolute; left: 19%; transform: translateX(-50%); display: flex;   flex-direction: column; align-items: center;
}
.logoSigilo{
	max-width: 400px;  margin-top: -60px; z-index: 9999; position: absolute; left: 19%; transform: translateX(-50%); display: flex;   flex-direction: column; align-items: center;
}

.logoDuchaNet{
	max-width: 400px;  margin-top: 35px; z-index: 9999; position: absolute; left: 60%; transform: translateX(-50%); display: flex;   flex-direction: column; align-items: center;
}


.produtos-servicos{
	background-color:#FFF;
	height:auto;
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
}
.produtos-servicos-titulo{
	font-size:36px; font-style:italic
}
.produtos-servicos-texto{
	line-height:22px; font-size:16px; margin-top:15px;	
}
.titulo-servicos{
	font-size:36px; font-style:italic
}

.rodape{
	color:#FFF	
}
.rodape p {
	line-height:25px;	
}

.rodape-final{
	background-color:#009CDF;
	height:100px;
	margin-bottom:50px;
	margin-top:50px;
}

/* Estilo do input */
.custom-search {
  background: transparent;
  border: 1px solid white;
  border-radius: 20px;
  padding: 8px 60px 8px 15px; /* Espaço à direita para o botão */
  color: white;
}

/* Placeholder branco */
.custom-search::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Container do input e do botão */
.search-container {
  position: relative;
}

/* Botão "Search" dentro do input, no canto direito */
.search-button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: white;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}

.search-button:focus {
  outline: none;
}

.social-icon {
  background: white;
  color: #333;
  border-radius: 50%;
  width: 40px;   /* Tamanho do círculo */
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px; /* Tamanho do ícone dentro do círculo */
  margin: 5px;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
  margin-top:30px;
}

/* Efeito hover opcional */
.social-icon:hover {
  background: #ddd;
  color: #000;
}

.redesSociais{
	padding-top:20px;
}

.face {
	color:#FFF;	
	padding:10px;
}
.instagram {
	color:#FFF;	
}



@media (max-width: 768px) {
    .conteudo {
        background-color:#000030 !important;
		background-position: top center;  /* Ou ajuste como preferir */
        background-size: cover;           /* Pode mudar para "contain" se quiser mostrar tudo */
        padding: 20px;                    /* Opcional: adiciona respiro interno */
    }
}
/*-------------------------------------------------*//* versao celular */

@media(min-width: 280px) and (max-width: 750px) {
	
	#bs-example-navbar-collapse-1{
		position:absolute;
		z-index:9999;
		width:100%;
		background:#1f1e24;
		color:#fff;
		border-bottom:1px solid #ccc !important;
		margin-left:-15px;
		margin-bottom: 10px;
	}
	.navbar-collapse .navbar-nav li a:hover {
		background:#009CDF !important;
		color: #fff !important;
		width:100%;
	}
	
	
	
	.texto-gruponettec{
		line-height:22px; font-weight:bold; font-size:16px; margin-top:-50px;
	}

	.box-gruponettec{
		margin-top:10px;
	}
	
.conteudo {
    /*background-color:#000030 !important;*/
	background-image: url(../imagens/bgconteudo.png);
    background-size: cover;         
    background-position: center;    
    background-repeat: no-repeat;   
    /*height: 100vh;                   */
    width: 100%;                    
	/*background-image: url();*/
    height: auto;                   
    width: 100%;                    
    color: #fff;                     
  	margin-bottom:30px;
	z-index:9999;
   
}

.conteudo-home {
    color: #fff;                     
	width: auto;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: inherit;
    align-items:
}


.caixa-texto {
    padding: 10px;
    margin-top:10px;
	background: transparent;
	color:#FFF
	
}
	



	

	
}