header{	z-index:98;	width:100%; margin:0 auto; padding:0;}

h1 {color:#FFF; font-size:24pt; margin:0; padding-bottom:10px; font-weight:900;}
h2 {color:#000; font-size:24pt; margin:0; font-weight:900;}
h3 {color:#262626; font-size:16pt; margin:0; font-weight:900;}

.topo_page{ clear:both; z-index:99999; padding-top:240px; background: linear-gradient(to bottom,#000 230px,#f1af00 180px); box-shadow: 0 4px 4px rgba(50, 50, 50, 0.3) }

.central { width:95%; margin:0 auto; max-width:1000px; box-sizing: border-box; clear:both}
.central_contato { width:95%; margin:0 auto; max-width:1000px; box-sizing: border-box; clear:both; }
.central_mapa { width:95%; margin:0 auto; max-width:1000px; box-sizing: border-box; clear:both; }
.central_maior { width:95%; margin:0 auto; max-width:1225px; box-sizing: border-box; clear:both}
.slides { width:90%; margin:0 auto; max-width:1190px; box-sizing: border-box; clear:both}

.espaco{ clear:both; height:40px}
.espaco_P{ clear:both; height:20px}

#topo-master {box-sizing: border-box; margin:0; padding:0px; width:100%; position:absolute; top:0; z-index:3;top: 0px; border-top:#f1af00 15px solid}
.topo_fundo{padding-top:60px; padding-bottom:60px}

.topo { width:95%; margin:0 auto; max-width:1225px; box-sizing: border-box;}
.lateral_logo{box-sizing: border-box; padding-top:20px; margin:0 auto;} 
.logo{box-sizing: border-box; margin:0 auto; }
.logo_img{ content:url(../images/petrymar.png); height:75px; margin:0 auto;}
.linha_topo{ width:100%; background-image:url(../images/linha_topo.png); height:7px; display:none}

/*//////////MENU//////////////////////////////*/
.menu{ display: flex; justify-content: center;  align-items: center; list-style: none; font-size:10pt; border:0; font-weight:400; text-decoration:none; margin:0; font-family: 'Montserrat', sans-serif; text-transform:uppercase}
.menu li{ position:relative;}
.menu li a{ color:#FFF; display:block; border:0; margin:0; padding:10px; padding-bottom:12px; padding-top:8px;}
.menu li a:hover{ }
.menu li ul { box-sizing: border-box;     position: absolute;     border: 0;     top: 35px; /* Altura do botão + margem, garantindo que apareça logo abaixo */    left: 50%; /* Centraliza o submenu horizontalmente em relação ao botão */    transform: translateX(-50%); /* Move o submenu 50% para a esquerda para completar a centralização */    padding: 0px; padding-top:3px; padding-bottom:3px;    display: none; /* Mantém como 'display: none;' para ser exibido ao clicar/hover */    z-index: 9000;     background-color:#f1af00;     -moz-border-radius: 5px;     -khtml-border-radius: 5px;     -webkit-border-radius: 5px;     border-radius: 5px; 	list-style: none; box-shadow: 0 4px 4px rgba(50, 50, 50, 0.3)}
.menu li ul::before {    content: "";    position: absolute;    top: -10px; /* 10px ACIMA da borda do submenu */    left: 50%;    transform: translateX(-50%); /* Centraliza sob o botão */    width: 0;    height: 0;    border-style: solid;    border-width: 0 10px 12px 10px;    border-color: transparent transparent #f1af00 transparent;}
.menu li:hover ul, .menu li.over ul{ display:block; }
.menu li ul a{ font-weight:400; padding-top:5px; padding-bottom:5px; font-size:10pt}
.menu li ul a:hover{ color:#FFF;}
.menu li ul a::before { content: '';}
.menu li ul li{border:0; min-width:240px}
.menu_subs {  position: relative;  background-image: none;}
.menu_subs::after {  content: "";  position: absolute;  bottom: 2px;  left: 50%;  transform: translateX(-50%);  width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 6px solid #f1af00;}
.menu_subs a:hover{ }
@media screen and (max-width: 850px) {
	.menu{font-size:9pt;}
	.menu li ul a{font-size:9pt;}
}
/*//////////MENU FLUTUANTE//////////////////////////////*/
#carrinho-scrow{height: 65px; position: fixed; width: 100%; display:none; z-index:3;top: 0px; background-color:#000; border-bottom:1px solid #000}

.logo_cima { display:none}
.icone_cima{float:left; text-align:left; width:50px; padding-top:7px}
.logo_img_p{ width:90%;}
.lateral_logo_cima{box-sizing: border-box; float:right; padding-top:15px; padding-bottom:8px}

.menu_p{ list-style:none; font-size:11pt; font-weight:400; border:0; text-decoration:none; margin:0; font-family: 'Montserrat', sans-serif;}
.menu_p li{ position:relative; float:left; text-align:center;}
.menu_p li a{ color:#FFF; display:block; border:0; margin:0; padding:10px; }
.menu_p li a:hover{ }
@media screen and (max-width: 800px) {
	.menu_p{ list-style:none; font-size:10pt;}
}
/*//////////MENU FLUTUANTE END/////////////////////////*/

/*BANNER*/
.banner_mobile{ display:none}
.banner{ box-sizing:border-box; height:620px; background-color:#000000; overflow:hidden}

.banner_img{ opacity: 0.6; height:620px; background-position:center; background-repeat:no-repeat; background-size:cover}
.banner_base{  position:absolute; top:40%; text-align:center; width:100%}
.banner_infos{ box-sizing:border-box; width:80%; margin:0 auto; max-width:1000px; padding-top:20px; padding-bottom:20px; text-align:center}
.banner_titulo{ color:#FFF; font-size:30pt; font-weight:900;}
.banner_texto{ color:#FFF; font-size:15pt;}


/*BOTOES*/
.botoes_base{ background-color:#6e549d; }
.botoes_grade{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.botoes_box{ padding:30px; transition: all 0.3s ease; opacity: 0; animation: subirRevelar 0.8s ease-out forwards;}
.botoes_meio{ }
.botoes_ico{ width:30%; padding-right:10px; box-sizing:border-box; float:left; display:none}
.botoes_titu{ font-weight:700; font-size:20pt; width:100%; box-sizing:border-box; color:#FFF;}
.botoes_txt{  font-size:11pt; line-height:160%;  width:100%; box-sizing:border-box; color:#FFF;}
.botoes_box:hover{ padding:25px; transition: all 0.3s ease;}

.botoes_grade a {  display: inline-block;  text-decoration: none;  opacity: 0; /* Começa invisível */}

/* Esta classe será adicionada pelo JavaScript quando o usuário rolar a tela */
.botoes_grade a.visivel {  animation: subirRevelar 0.8s ease-out forwards;}

.botoes_grade a.visivel:nth-child(1) { animation-delay: 0.5s; }
.botoes_grade a.visivel:nth-child(2) { animation-delay: 0.8s; }
.botoes_grade a.visivel:nth-child(3) { animation-delay: 1.0s; }


/*SERVICOS HOME*/
.servicos_base{ max-width:1000px; overflow:hidden; text-align:center; margin:0 auto;}
.servicos_home_esquerda{ box-sizing:border-box; width:100%;  padding-top:30px; box-sizing:border-box;
 opacity: 0; transform: translateX(-50px); transition: transform 2s, opacity 1s;overflow:hidden;}
.servicos_home_esquerda.visivel { opacity: 1; transform: translateX(0);}
.servicos_home_direita{ box-sizing:border-box; width:100%; box-sizing:border-box; opacity: 0; transform: translateX(50px); transition: transform 2s, opacity 1s; text-align:center; padding:60px; padding-top:20px; overflow:hidden; }
.servicos_home_direita.visivel { opacity: 1; transform: translateX(0);}

.servicos_home_subtitulo{  font-size:16pt; font-weight:700; margin-bottom:10px; color:#f1af00}
.servicos_home_titulo{  font-size:30pt; font-weight:900; margin-bottom:10px; padding-left:10%; padding-right:10%}
.servicos_home_texto{ font-size:17pt; line-height:150%; text-align:justify; hyphens: auto; display:none}
.servicos_home_botao{ font-size:10pt; text-align:center; color:#000; background-color:#f1af00; font-weight:300; padding:15px; border: solid 1px #f1af00; transition: all 0.3s ease; border-radius:5px}
.servicos_home_botao::after { content: ' →';}
.servicos_home_botao:hover { transform: translateY(-3px); box-shadow: 0 4px 6px rgba(0,0,0,0.2); border-color: #000; }

.servicos_box{ box-sizing:border-box; margin:5px; margin-bottom:30px; background-color:#f8f9fb; border-radius:10px; padding:15px}
.servicos_box_foto{height:100px; width:100px; margin:0 auto; border-radius:100px; background-size:180%; background-position:center; margin-bottom:10px}
.servicos_box_nome{ font-size:12pt; font-weight:700; width:70%; height:60px; margin:0 auto; text-align:center; box-sizing:border-box; margin-bottom:10px}
.servicos_box_txt{ clear:both; font-size:11pt; line-height:160%; color:#959394; height:220px; overflow:hidden}
.servicos_box_bt{ clear:both; font-size:10pt; color:#f1af00; font-weight:700;}
.servicos_box_bt::after { content: ' →';}

.servicos_grade{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.servicos_lista{ box-sizing:border-box; background-color:#f8f9fb; border-radius:10px; padding:15px}
.servicos_lista_foto{box-sizing:border-box; height:100px; width:100px; margin:0 auto; border-radius:100px; background-size:180%; background-position:center; margin-bottom:10px; background-repeat:no-repeat}
.servicos_lista_nome{ font-size:13pt; font-weight:700; box-sizing:border-box; height:50px}
.servicos_lista_txt{ font-size:11pt; hyphens: auto; text-align:justify; margin-bottom:10px; height:120px;}

.servico_resumo{ font-style:italic; margin-bottom:10px; font-size:12pt; font-weight:700}

/*QUEM HOME*/
.quem_home_base{ margin:0; padding:0; clear:both; padding-top:0px; padding-bottom:0px; box-sizing:border-box; width:100%; overflow:hidden; background-color:#000; color:#FFF; text-align:center}
.quem_home_sep_cima{ background-image:url(../images/sepp.png); background-size:100% 100%; height:150px; width:100%; background-color:#FFFFFF; background-repeat:no-repeat; margin-bottom:2px}
.quem_home_sep_baixo{ background-image:url(../images/seppp.png); background-size:100% 100%; height:80px; width:100%; background-color:#FFFFFF; background-repeat:no-repeat; margin-top:2px}

.quem_home_grade{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align:left}
.quem_home_esquerda{ box-sizing:border-box; padding-top:40px; padding-right:20px; opacity: 0; transform: translateX(-50px); transition: transform 2s, opacity 1s;overflow:hidden;}
.quem_home_direita{ box-sizing:border-box; padding-top:40px; opacity: 0; transform: translateX(50px); transition: transform 2s, opacity 1s;overflow:hidden;}
.quem_home_esquerda.visivel { opacity: 1; transform: translateX(0);}
.quem_home_direita.visivel { opacity: 1; transform: translateX(0);}
.quem_home_subtitulo{  font-size:16pt; font-weight:900; margin-bottom:10px; color:#f1af00;}
.quem_home_titulo{  font-size:30pt; font-weight:700; margin-bottom:10px; }
.quem_home_texto{ font-size:14pt; line-height:150%; margin-bottom:30px; hyphens: auto; text-align:justify}
.quem_botao{ font-size:12pt; text-align:center; color:#FFF; font-weight:700;}
.quem_botao::after { content: ' →';}

/*ESTATISTICAS*/
.estatisticas_base{ background-color:#000; color:#FFF;}
.estatistica_box{ width:50%; float:left; padding:20px; text-align:center; margin:0 auto; box-sizing:border-box;}
.estatistica_texto { font-size:12pt}
.estatistica_numero { font-size:40pt; font-weight:900;}

/*REGIOES HOME*/
.regioes_home_base{ margin:0; padding:0; clear:both; padding-top:20px; padding-bottom:20px; box-sizing:border-box; width:100%; overflow:hidden; text-align:center}
.regioes_home_grade{ display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; text-align:left}
.regioes_home_esquerda{ box-sizing:border-box; padding-top:40px; transform: translateX(-50px); transition: transform 2s, opacity 1s;overflow:hidden;}
.regioes_home_direita{ box-sizing:border-box; padding-top:40px; opacity: 0; transform: translateX(50px); transition: transform 2s, opacity 1s;overflow:hidden; text-align:center}

.regioes_home_esquerda.visivel { opacity: 1; transform: translateX(0);}
.regioes_home_direita.visivel { opacity: 1; transform: translateX(0);}

.regioes_home_subtitulo{  font-size:16pt; font-weight:900; margin-bottom:10px; color:#f1af00;}
.regioes_home_titulo{  font-size:30pt; font-weight:700; margin-bottom:10px; }
.regioes_home_texto{ font-size:14pt; line-height:150%; margin-bottom:30px; hyphens: auto; text-align:justify}
.regioes_botao{ font-size:12pt; text-align:center; font-weight:700;}
.regioes_botao::after { content: ' →';}


/*SETORES*/
.setores_base{ background-color:#FFF; margin:0; padding:0; margin-top:-1px; padding-top:30px; padding-bottom:0; margin-bottom:0; width:100%}
.setores_titulo{ font-size:30pt; font-weight:900; text-align:center; margin:0 auto; margin-bottom:30px; width:60%}
.setores_texto{ display:none}

.setores_box { box-sizing:border-box; width:100%; border:0; position: relative;display: flex; justify-content: center; align-items: center;overflow: hidden; cursor: pointer;   transition: background-color 0.4s ease;}
.setores_box_interna{text-align: center;  color: #fff;  transition: transform 0.4s ease; height:300px; padding:30px; background-image:url(../images/50.png); box-sizing:border-box; overflow:hidden}
.setores_box_interna:hover { background-image:url(../images/80.png)}
.setores_box_nome{ color:#FFF; font-size:16pt; font-weight:300;text-align: center; transition: transform 0.4s ease; padding-top:30%}
.setores_box_txt{ color:#FFF; font-size:12pt; font-weight:300; text-align: center; opacity: 0;    transform: translateY(20px); /* Texto escondido inicialmente */ transition: opacity 0.4s ease, transform 0.4s ease; padding-left:10px; padding-right:10px}
.setores_box_foto{ background-size:cover; background-repeat:no-repeat; background-position:center}
.setores_bt{ float:right; margin-top:20px}
.setores_box:hover .setores_box_nome { transform: translateY(-10px); /* Título se move levemente para cima */}
.setores_box:hover .setores_box_txt { opacity: 1;transform: translateY(0); /* Texto explicativo aparece suavemente */}

.seg_box{float:left; box-sizing:border-box; width:50%; margin-bottom:30px; opacity: 0; transform: translateX(-100%); transition: transform 1s, opacity 1s;}
.seg_foto{background-size:300px 300px; background-repeat:no-repeat; padding-top:100px; padding-left:100px}
.seg_linha{float:left; box-sizing:border-box; border:0px solid #000; padding:20px; background-image:url(../images/banner.png); background-size:100% auto}
.seg_interna{ box-sizing:border-box; text-align:justify; padding:20px; background-image:url(../images/transp/80.png); min-height:490px; border:0px solid #edeef1; color:#FFF}
.seg_box.visivel { opacity: 1; transform: translateX(0);}
.seg_txt{ padding-top:10px; font-size:13pt;}
.seg_titu{ font-size:20pt; font-weight:600; text-align:left}


/*DEPOIMENTOS*/
.depo_base{ background-color:#f7f7f7; padding-top:50px; padding-bottom:50px; text-align:center}
.depo_sep_baixo{ background-image:url(../images/sep3.png); background-size:100% 100%; height:110px; width:100%; background-repeat:no-repeat; margin-bottom:2px}

.depo_subtitulo{ font-size:16pt; font-weight:900; margin-bottom:10px; color:#f1af00;}
.depo_titulo{ font-size:30pt;  font-weight:700; text-align:center; margin:0 auto; margin-bottom:50px; width:80%}
.depo_botao{ font-size:12pt; text-align:center; font-weight:700; border:0; margin:0 auto}
.depo_botao::after { content: ' →';}

.depo_box_geral_home{box-sizing:border-box; position:relative; padding-top:30px;}
.depo_box_home{box-sizing:border-box; text-align:center;  background-color:#FFFFFF; border:solid 0px #858688; margin:10px; margin-top:60px; padding:20px; margin-bottom:70px; border-radius:20px; min-height:300px}
.depo_txt_home{ color:#858688; height:80px; padding-top:70px; margin-bottom:10px; line-height:150%; font-size:12pt; margin:0 auto; overflow:hidden}
.depo_foto_home{ width:110px; height:110px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius: 70px; position:absolute;border:solid 0px #858688; left: 50%; transform: translate(-50%);}
.depo_nome_home{ font-size:14pt; font-weight:700; margin-top:20px; clear:both; }
.depo_cidade_home{ font-size:12pt; font-weight:400; margin-bottom:50px;}

.depo_grade{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding-top:20px; }
.depo_box_geral{box-sizing:border-box; position:relative; padding-top:30px; }
.depo_box{box-sizing:border-box; background-color:#f2f2f2; border:solid 0px #ebebeb; margin:5px; margin-top:60px; padding:20px;}
.depo_txt{ color:#858688; padding-top:70px; margin-bottom:10px; line-height:150%; font-size:12pt; overflow:hidden; height:250px; hyphens: auto; text-align:justify}
.depo_foto{ width:110px; height:110px; background-size:cover; background-position:center; background-repeat:no-repeat; margin:0 auto; border-radius: 70px; left:5%; position:absolute;border:solid 5px #f2f2f2; }
.depo_nome{ font-size:14pt; font-weight:700;}
.depo_cidade{ font-size:10pt; font-weight:400;}


/*BLOG*/
.blog_base{ padding-top:40px; padding-bottom:30px; text-align:center;}
.blog_subtitulo{ font-size:16pt; font-weight:900; margin-bottom:10px; color:#f1af00;}
.blog_titulo{ font-size:30pt;  font-weight:700;  margin:0 auto; margin-bottom:50px; width:80%}

.blog_grade{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.box_evento{ }
.box_evento_home{ padding-top:10px; margin:5px; margin-bottom:80px;}
.box_evento_interna{ text-align:left; font-size:12pt; box-sizing:border-box; margin:0 auto; background-color:#FFF; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; transition: 0.2s linear; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), /* Sombra principal, mais difusa */0 1px 3px rgba(0, 0, 0, 0.05); /* Sombra secundária, mais nítida */}
.box_evento_interna:hover{ background-color:#f7f7f7; transition: 0.2s linear;}
.evento_infos_home{ padding:15px}
.evento_infos{ padding:15px}
.evento_data{ font-size:10pt; margin-top:10px; font-weight:400;}
.evento_nome{ height:40px; margin-top:10px; overflow:hidden; text-align:left; font-size:12pt; margin-bottom:10px; font-weight:700}
.evento_resumo{ text-align:justify; height:130px; hyphens: auto;}
.foto_evento{ height:220px; background-color:#f5f5f5; margin:0 auto; border-radius:12px 15px 0px 90px; background-position:center; margin-bottom:10px; background-size:cover}


/*RODAPE*/
.rodape_base{ background-color:#000; padding-top:50px; padding-bottom:0px; color:#FFF; border-top:1px solid #f1af00}
.roda_redes{ box-sizing:border-box; display: flex; justify-content: center;  align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px;}
.rede{box-sizing:border-box; width:32px; margin-bottom:10px; }
.roda_divide{ box-sizing:border-box; max-width:30%; float:left; text-align:left;  padding-right:40px}
.roda_logo{box-sizing:border-box; width:100%; text-align:center; padding-top:10px}
.roda_logo_img{ width:200px;}
.roda_slogan{font-size:10pt; padding-top:20px; padding-bottom:20px}
.roda_titulo{ font-weight:900; font-size:16pt; padding-bottom:10px;}
.roda_dados{ font-size:10pt; min-height:40px; margin-bottom:20px; clear:both; padding-top:5px}
.roda_tele{ font-size:14pt; font-weight:700; clear:both}
.link_roda{ font-size:10pt; color:#FFF;}
.link_roda::before { content: '» ';}
.roda_serv{ display:none}

/*MISSÂO*/
.dados_base{ background-color:#f7f7f7; padding-top:50px; padding-bottom:0px; box-sizing:border-box; width:100%; background-color:#f7f7f7; }
.dados{ box-sizing:border-box; width:33.33%; float:left; font-size:14pt; text-align:justify; text-overflow: ellipsis; hyphens: auto;}
.dados_titu{ font-size:24pt;  font-weight:900; text-align:justify; margin-bottom:10px; padding-top:20px}
.esq{ padding-right:40px;}
.meio{ padding-right:20px; padding-left:20px;}
.dir{padding-left:40px;}
.dados_final{ background-color:#FFF; padding-top:65px; box-sizing:border-box; width:100%; background-color:#f7f7f7; }

.bloco{line-height:145%; margin:0px; padding-top:4px; text-align:justify; font-size:15pt; hyphens: auto;}
.bloco_fotos {width:50%; float:right; padding-left:3%}
.coluna{-moz-column-count: 2;-webkit-column-count: 2;-moz-column-gap: 50px;-webkit-column-gap: 50px; text-align:justify}

.bloco_contato_esq {width:60%;	float:left; box-sizing:border-box; background-image:url(../images/sep.png); background-position:right; background-repeat:no-repeat; padding-right:100px; }
.bloco_contato_dir {width:40%;	float:right; padding:30px; margin-bottom:30px; box-sizing:border-box; font-size:14pt;}

.mapa{width:70%; height:320px; border:0;}
.mapa_titulo{ margin-bottom:20px}