*{margin:0; padding:0;font-family: "Catamaran", sans-serif; box-sizing: border-box; scroll-behavior: smooth;}
.container{width: 100%;}
.header{width: 100%; float: left;}
.top{width: 100%; float: left; background-color: #ffffff; display: flex; }
.top a{text-decoration: none; color: #252525; padding: 02px 10px; font-weight: bold;}
.t-1{width: 40%; display: flex; align-items: center; justify-content: center;}
.t-2{width: 20%; display:flex; align-items: center; justify-content: center;}
.t-2 img{width: 270px;}
.t-3{width: 40%; display:flex; align-items: center; justify-content: center;}
.menu{width: 100%; background-color: #FF651F;}
.menu ul{margin:0; padding: 0; width: 100%; list-style: none; display: flex; align-items: center; justify-content: space-around;}
.menu ul li{padding: 10px 5px;}
.menu ul li a{padding: 10px 15px; text-decoration: none; color:#ffffff; text-transform: uppercase;}
.menu ul li a:hover{color:#f3eaea}
.main{width: 100%; float: left;}
/** slideshow **/
.slideshow{width: 100%; height: 550px; overflow: hidden;}
.slider{position: relative; width: 100%; float: left; }
.slider img{width: 100%; height: 550px; float: left;}
.slider-box{position: absolute; top: 25%; width: 50%; padding: 20px; background-color: #f3eaea75; border-top-right-radius: 150px; border-bottom-right-radius: 150px; backdrop-filter: blur(10px);}
.slider-box h1{ font-size: 50px; font-weight: 800; line-height: 1.1; color: #252525;}

/** box **/
.b-10{width: 100%;}
.b-9{width: 90%;}
.b-8{width: 80%;}
.b-7{width: 70%;}
.b-6{width: 60%;}
.b-5{width: 50%; }
.b-4{width: 40%;}
.b-33{width: 33.33%;}
.b-3{width: 30%;}
.b-2{width: 20%;}
.b-1{width: 10%;}
.b-1, .b-2, .b-3, .b-33, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .b-10{float: left; padding: 10px}
/** flex **/
.flex{display: flex;}
.flex-c-all{justify-content: center; align-items: center;}
/** pages **/
.page{width: 100%; display:flex; align-items: center; flex-direction: column;}
.title{margin-top: 80px; font-size: 50px; text-transform: uppercase; padding: 05px 10px; border-bottom: 07px #FF651F solid; color:#252525}


/** footer **/
.footer{width: 100%; display: flex; justify-content: center; background-image: url('./../../assets/cestas.jpg'); }
/** sindicato **/
.sindicato{width: 80%; padding: 30px 0; float: left;}
.s-image{width: 100%; float: left; margin: 30px; border-radius: 50px; transition: transform 0.5s;}
.s-image:hover{transform: scale(1.2);}
.s-texto{padding: 30px; }
.s-texto h2{font-size: 30px; color: #252525; line-height: 1.1; margin: 60px 0 10px 0;}
.s-texto p{font-size: 17px; font-weight: 400; line-height: 1.4; color:#252525}

/** PAGINA */
.page-texto{width: 70%; padding: 30px 10px;}
.page-texto ul{margin: 05px 30px;}
.page-texto p{line-height: 2;}

/** palavra do presidente **/
.palavra{width: 80%; background-color: #FF651F; margin: 50px 0 10px 0; display: flex; flex-direction: row;}
.p-image{width: 300px; float: left; padding: 60px; display: flex; align-items: center; justify-content: center;}
.p-image img{width: 80%; border-radius: calc(100% / 2); border: 5px solid #f2f2f2 }
.p-texto{width: calc(100% - 300px); float: left; background-color: #ffffff; padding: 20px}
.p-texto h1{font-size: 40px; font-weight: 800; color:#252525}
.p-texto h2{font-size: 18px; color:#4b4949}
.p-texto p{line-height: 1.6; margin: 20px 0; font-size: 17px; color:#252525}

/** diretoria **/
.diretores{width: 80%; padding: 10px; display: flex; flex-wrap: wrap;}
.diretores section{width: 33%; margin: 2px 0.165%; padding: 20px 0; display: flex; align-items: center; flex-direction: column; transition: background-color 0.5s;}
.diretores section:hover{background-color: #eee9e9; cursor: pointer;}
.diretores section h1{font-size: 18px;}
.diretores section h2{font-size: 15px;}
.diretores section img{width: 200px; margin: 10px 0;}
.diretores section a{text-decoration: none; background-color: #f79e75; padding: 5px 15px; margin: 5px 0; font-weight: bold; color:#252525; border-radius: 30px;}

/** benefícios **/
.beneficios{width: 80%; padding: 10px; display: flex; flex-wrap: wrap;}
.beneficios section{width: 40%; margin: 10px 5%; display: flex; flex-direction: column; align-items: center;}
.beneficios section img{border-radius: 40px;}
.beneficios section h1{font-size: 20px; font-weight: 800; text-transform: uppercase; margin: 05px 0;}
.beneficios section p{line-height: 1.3;}

/** eventos **/
.eventos{width: 80%; margin: 10px 0; display:flex; flex-wrap: wrap; justify-content: space-around;}
.eventos section{width: 33%; margin: 0; transition: transform 0.3s; padding: 10px;}
.eventos section:hover{width: 33%; margin: 0; transform: scale(1.1); cursor: pointer;}
.eventos section img{width: 100%;border-radius: 05px;}
.eventos section h1{font-size: 15px; text-align: center;}

.eventos-view{width: 80%; display: flex; flex-direction: column; align-items: center; padding: 10px 0;}
.eventos-view img{width: 70%; margin-top: 20px; border-radius: 05px; margin-top: 20px;}

/** not found - página não encontrada **/
.not-found{width: 100%; height: 150px; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center;}

/** fique sócio **/
.fique-socio{text-decoration: none; margin: 20px 0; padding: 10px 20px; background-color: #81d8ca; color: #4b4949; font-weight: 900; border-radius: 50px;}

/** convencoes **/
.convencoes{width: 80%; margin:50px 0; display: flex; }
.convencoes section{background-color: #f8f8f8; width: 19.5%; padding: 05px; margin: 05px; display:flex; flex-direction: column; justify-content: center;}
.convencoes section h1{font-weight: 800; font-size: 15px; text-align: center;}
.convencoes section p{font-size: 13px; text-align: center;}
.convencoes section button{padding: 05px 10px; border:none; font-weight: 800; cursor: pointer; margin: 10px 0;}

/** notícias **/
.noticias{width: 80%; display:flex;;}
.noticias section{width: 31%; margin: 10px 1.165%; padding: 30px; display:flex; flex-direction: column;background-color: #f5f4f4; border-radius: 5px; transition: background-color 0.2s;}
.noticias section:hover{background-color: #f5d8cb; cursor: pointer;}
.noticias section h1{font-size: 20px; font-weight: 600; padding: 5px 0; text-align: center;}
.noticias section p{font-weight: 500; font-size: 15px; color:#252525; text-align: center;}
.noticias-mais{text-decoration: none; background-color: #f79e75; padding: 5px 15px; margin: 5px 0; font-weight: bold; color:#252525; border-radius: 30px;}

.noticias-list{width: 80%; float: left; margin: 10px 0; display: flex; flex-wrap: wrap;}
.noticias-list section{width: 30%; height: 300px; margin: 15px 1.66%; padding: 5px; background-color: #f8f8f8;transition: transform .2s;}
.noticias-list section img{width: 100%;}
.noticias-list section:hover{transform: scale(1.1); cursor: pointer;}

.noticias-view{width: 60%; margin: 10px 10%; float: left;}
.noticias-capa{width: 100%; height: 550px; margin-bottom: 0;}
.noticias-capa-text{width: 100%; margin-bottom: 30px; float: left; font-style: italic;}
.noticias-title{width: 100%; padding: 05px 10px; text-align: center; font-size: 30px; color: #252525;}
.noticias-data{font-weight: 400; font-size: 17px; text-align: center; margin: 10px 5px;}
.noticias-view p{font-weight: 400; line-height: 1.6; font-size: 18px; letter-spacing: 1.3px;}
.noticias-view ol,
.noticias-view ul{margin: 15px 40px; font-weight: 500;  font-size: 18px; letter-spacing: 1.3px;}
.noticias-content{margin-bottom: 40px;}

/** contato **/
.contato{width: 80%; padding: 30px 10px; margin-top: 30px;}
.contato form{width: 100%;padding: 20px;}
.contato form input,
.contato form textarea{width: 100%; padding: 20px 15px; font-size: 15px; border:none; background-color: #f0efef; border-radius: 10px; resize: none;}
.contato form input:focus{outline-color: red;}

.formulario{width: 100%;}
.formulario span{display: block; font-weight: 700;}
.formulario form input,
.formulario form textarea,
.formulario form select{width: 100%; padding: 20px 15px; font-size: 15px; border: 1px solid #e0dddd; background-color: #fdfdfd;border-radius: 10px; resize: none;}
/** base territorial **/
.baseterritorial{width: 80%; background-color: #f8f8f8; display: flex; flex-direction: row; flex-grow: 0; margin: 40px 0; }
.baseterritorial h1{font-weight: 800; margin: 20px 0; font-size: 25px; color: #2779a8;}
.baseterritorial .regioes{width: 50%; display: flex; flex-direction: column; align-items: center; margin: 30px 0; float: left; }
.baseterritorial ol li{font-size: 20px; font-weight: bold;}
.baseterritorial img{width: 100%;}
/** title personalizado **/
.section-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 33px;
    font-weight: bold;
    color: #FF651F; /* Azul similar ao da imagem */
    margin: 50px 0;
    float: left;
}

.section-title::before,
.section-title::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #ee8c53; /* Azul claro */
    margin: 0 10px;
}

/** páginas destaques **/
.destaque-news{background-color: #e4e4e4!important; padding: 30px 0;}

/** modal **/
.modal{position: fixed; width: 100%; height: 100%; top:0; left: 0; background-color: #25252556;backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center;}
.m-window{background-color: #f8f8f8; padding: 0; border-radius: 05px;}
.m-header{width: 100%; padding: 10px; background-color: #d1d1d1; display:flex; align-items: center; justify-content: space-between; flex-direction: row; border-top-left-radius: 05px; border-top-right-radius: 05px;}
.m-header h1{font-weight: 600; font-size: 15px; text-transform: uppercase;}
.m-header span{font-weight: 900; font-size: 13px; color:#252525; cursor: pointer;}
.m-content{padding: 10px;}

.view-diretor{width: 100%; display:flex; align-items: center; flex-direction: column; margin: 20px 0;}
.view-diretor img{width: 150px; height: 150px; border-radius: calc(150px / 2);}
.view-diretor h1{font-size: 800; font-size: 30px; margin: 20px 0 5px 0; padding:0; text-transform: capitalize; text-align: center;}
.view-diretor h2{font-size: 15px; margin:0; text-transform: uppercase;}
.view-diretor p{font-weight: 400;}

/** icon **/
.icon{position: relative; width: 20px; height: 20px}
.icon-plus{position: absolute; background-image: url('./../../assets/icon/plus.png'); background-position: center; background-size: 20px 20px; }

/** outros **/
.space{width: 100%; margin: 50px 0; float: left;}
.bg-contato{}
.lbl{width: 100%; margin: 10px 0; float: left;}
.autorizacao{width: 70%; margin: 20px 15%; background-color: #2779a8; float: left; padding: 20px; border-radius: 10px;}
.autorizacao h1{font-weight: 900; font-size: 20px;color:#ffffff; text-align: center; margin: 10px 0; border-bottom: 1px solid #4f9bc7}
.autorizacao p{color:#ffffff; font-weight: 800;}
.txt-info{width: 90%; margin: 20px 5%;  float: left; padding: 20px; border-radius: 10px;}
.txt-info span{text-align: center; font-weight: 700; display: block;}
.btn{border:none; background-color: #cccccc; cursor: pointer; border-radius: 50px; transition: box-shadow 0.2s;}
.btn:hover{box-shadow: 0 05px 03px #b9b9b9;}
.btn-icon{width: 30px; height: 30px; display:flex; align-items: center; justify-content: center; float: left; text-decoration: none; border-radius: 05px; cursor: pointer;}
.btn-default{padding: 20px 25px; font-weight: 600; font-size: 15px;}
.btn-mediu{padding: 10px 25px; font-weight: 600; font-size: 15px;}
.btn-back{border:none; background-color: #252525; font-weight: 800; font-size: 13px; color:#ffffff; padding: 10px 15px; border-radius: 03px; cursor: pointer;;}
.bg-color-orange{background-color: #e26d37!important;}
.bg-color-blue{background-color: #2779a8!important;}
.bg-color-green{background-color: #58dbc5!important;}
.color-white{color:#ffffff!important}
.appdepen{position: relative;}
.appclose{position: absolute; right: -10px; top: 5px; background-color: #fd9292; color:#252525; font-weight: 900; padding: 02px 10px; border-radius: 05px; cursor: pointer;}
.bg-color-distorce{background-color: #f8f7f75f; border-radius: 10px;}
/** concentimento */
.concentimento{width: 90%; padding: 10px; border-radius: 03px; background-color: #ffffff;}
.loadingenvioconcentimento{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px 10px;}
.loadingenvioconcentimento h1{font-weight: 600; font-size: 15px;} 
.botaoconfirma{width: 80%; margin: 20px 10%; float: left; display: flex; align-items: center; justify-content: space-around;}
.botaoconfirma button{border:none; padding: 10px 15px; cursor: pointer; border-radius: 05px; font-weight: 900;}
/** form contato envio **/
.formcontatos{position: relative;}
.formcontatossend{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: #efeeee64; display: flex; align-items: center; justify-content: center; font-weight: bold; letter-spacing: 1px;}

/**
direitos
**/
.bloqueio{width: 100%; height: calc(100% - 100px); position: fixed; background-color: #ffffff95; top:0; left: 0; z-index: 99;}
.direitos{position: fixed; bottom: 0; left: 0; width: 100%; height: 100px; display:flex; flex-direction: row; flex-grow: 1; background-color: #ffffff; border-top:1px solid #cccccc; box-shadow: 0 03px 03px #333333; padding: 10px;}
.d-button{width: 250px; display: flex; align-items: center; justify-content: center;}
.d-texto{width: 80%;}
.d-button button{padding: 10px 15px; border:none; background-color: #cccccc;}
.d-button button:hover{cursor: pointer; transform: scale(1.1); font-weight: bold;}
.footerdireitos{width: 100%; background-color: #333333; float: left; padding: 10px 0;}
.footerdireitos p{font-weight: 700; text-align: center; color:#ffffff;}
.footerdireitos p a{text-decoration: none; font-weight: 900; color:#ffffff;}
@media screen and (max-width: 600px) {
    .t-1{width: 100%; display: none;}
    .t-2{width: 100%;}
    .t-3{background-color: #e26d37;}
    .t-3 a{color:#ffffff}
    .menu{display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9;}
    .menu ul{width: 100%; flex-direction: column; }
    .b-1, .b-2, .b-3, .b-33, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .b-10{width: 100%;}
    .contato,
    .noticias{width: 95%; flex-direction: column;}
    .noticias section{width: 100%;}
    .noticias-view{width: 95%; margin: 10px 2.5%; }
    .noticias-capa{ height: auto; }
    .noticias-list{width: 95%;  margin: 10px 2.5%; overflow: hidden; }
    .noticias-list section{width: 100%; height: auto; margin: 15px 0%; }
    .beneficios{width: 95%; padding: 10px; flex-direction: column;}
    .beneficios section{width: 90%;}
    .beneficios section h1{font-size: 15px;}
    .beneficios section img{width: 100%; border-radius: 05px;}
    .baseterritorial{width: 95%; flex-direction: column;}
    .baseterritorial .regioes li{font-size: 12px;}
    .diretores{width: 95%;}
    .diretores section{width: 49%; margin-left: 0.5%; margin-right: 0.5%; padding: 05px}
    .diretores section img{width: 100%;}
    .diretores section h1{font-size: 14px;}
    .diretores section h2{font-size: 13px;}
    .palavra{width: 95%; flex-direction: column;}
    .p-image{width: 100%;}
    .p-texto{width: 100%;}
    .p-texto h1{font-size: 18px; text-align: center;}
    .p-texto h2{font-size: 14px; text-align: center;}
    .p-texto p{font-size: 13px;}
    .title{font-size: 18px;}
    .sindicato{width: 95%; padding: 10px}
    .sindicato .b-5{padding:0}
    .s-image{border-radius: 5px; margin: 0}
    .s-texto{padding: 5px;}
    .s-texto h2{font-size: 16px; margin:0 0 10px 0}
    .s-texto p{font-size: 14px;}
    .slider-box{width: 90%;}
    .slider-box h1{font-size: 25px;}
    .slideshow{height: auto;}
    .slider img{height: auto; margin-top: 2px;}
} 
@media screen and (min-width: 1200px) {
    body{display:flex; justify-content: center;}
    
}