/** IMPORT FONT ROBOTO WEIGHT = 100, 200, 300, 400, 500, 600 and 700 **/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700&display=swap');

/** CLEANING PATTERN **/
* {
    margin: 0;
    padding: 0;
}

._contraste{
    background: #000000!important;
    background-color: #000000!important;
}

._contraste *{
    background: #000000!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
}


._contraste a *{
    background: #000000!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
}


/** BODY PATTERN = FONT-FAMILY, BACKGROUND-COLOR, BOX-SIZING **/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background: #f5f5f5;
    box-sizing: border-box;
}


/** TOP-DOWN CLASSES FOR EASY MAINTENANCE **/

/*HEADER LOGO*/


.header-logo-t {
    padding: 0em;
    width: 1060px;
    max-width: 100%;
    margin: 0 auto;
    /*
    background: #f5f5f5;
    box-shadow: 5px 5px 5px #ebebeb;
    */

    display: flex;
    flex-direction: initial;
    justify-content: flex-start;
    align-items: center;
    color: #214659;
}

.header-logo-img img {

    padding: 1em;
    height: 150px;
    width: 150px;

}

.header-logo-h2 h2 a {
    text-align: center;
    color: #214659;
    /*text-transform: uppercase;*/
}

.header-search-input {
    padding: 2em;

}

.header-acessibilidade {
    padding: 1em;
}

.header-search-input input {
    border: 1px solid #386d2d;
    border-radius: 50px;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    max-width: 100%;
}

.header-search-input input::placeholder{
    color: #515151;
}


/*END HEADER LOGO*/







/** NAVIGATION **/
.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #386d2d;
    box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    padding: 0 100px;
    transition: 0.6s;
    cursor: pointer;
}

.nav .navigation {
    z-index: 999;
    position: relative;
    line-height: 75px;
    transition: 0.6s;
    transition-property: line-height;
}

.nav .navigation .menu {
    position: relative;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none;
}

.menu-item > a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    margin: 20px;
    padding: 25px 0;
}

.menu-item > a:hover {
    color: #f5ffe8;
    transition: 0.3s;
}

.menu-item .sub-menu {
    position: absolute;
    background-color: #386d2d;
    top: 74px;
    line-height: 40px;
    list-style: none;
    border-radius: 0 0 8px;
    box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    pointer-events: none;
    transform: translateY(20px);
    opacity: 0;
    transition: 0.3s;
    transition-property: transform, opacity;
}

.menu-item:hover .sub-menu  {
    pointer-events: all;
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s;
}

.menu-item .sub-menu .sub-item {
    position: relative;
    padding: 7px 0;
    cursor: pointer;
    box-shadow: inset 0px -30px 5px -30px rgba(255, 255, 255, 0.2);
}

.menu-item .sub-menu .sub-item a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    padding: 15px 30px;
}

.menu-item .sub-menu .sub-item:hover {
    background-color: #515151;
}

.menu-item .sub-menu .sub-item:last-child:hover {
    border-radius: 0 0 8px 8px;
}

.more .more-menu {
    position: absolute;
    background-color: #515151;
    list-style: none;
    top: 0;
    left: 100%;
    white-space: nowrap;
    border-radius: 0 8px 8px 8px;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(20px);
    opacity: 0;
    transition: 0.3s;
    transition-property: transform, opacity;
}

.more:hover .more-menu {
    pointer-events: all;
    transform: translateY(0);
    opacity: 1;
}

.more .more-menu .more-item {
    padding: 7px 0;
    box-shadow: inset 0px -30px 5px -30px rgba(255, 255, 255, 0.2);
}

.more .more-menu .more-item:hover {
    background-color: #386d2d;
}

.close-btn {
    display: none;

}

.menu-btn {
    display: none;
}

/*nav.sticky .navigation {
    line-height: 60px;
    z-index: 9999;
    position: fixed;
    top: 0;
    background-color: #386d2d;
    transition: 0.7s;
}*/

.main_nav_links {
    display: block;
}

.main_nav_links .link {
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    color: #fff;
    font-weight: var(--weight-bold);
    font-size: var(--font-small);
    align-items: center;
}

.main_nav_links .link:hover {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.8s;
}


/** MANUAL NAVIGATION **/
.slide_manual_navigation {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
}

.slide_manual_navigation label {
    border: 2px solid #fff;
    padding: 0.6rem;
    border-radius: 1.5rem;
    cursor: pointer;
    transition: 1s;
}

.slide_manual_navigation label:not(:last-child) {
    margin-right: 1rem;
}

.slide_manual_navigation label:hover {
    background-color: #757510;
    transition: 0.8s;
}

.slide_manual_navigation label:checked {
    background-color: transparent;
}

/** AUTOMATIC NAVIGATION SLIDE **/
.navigation_auto {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100vw;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
}

.navigation_auto div {
    border: 2px solid #386d2d;
    padding: 0.6rem;
    border-radius: 1.5rem;

    transition: 1s;
}

.navigation_auto div:not(:last-child) {
    margin-right: 1rem;
}

/** TRANSITION SLIDES **/
#slide1:checked ~ .first{
    margin-left: 0;
}

#slide2:checked ~ .first{
    margin-left: -25%;
}

#slide3:checked ~ .first{
    margin-left: -50%;
}

#slide4:checked ~ .first{
    margin-left: -75%;
}

#slide1:checked ~ .navigation_auto .auto1 {
    background-color: #386d2d;
}

#slide2:checked ~ .navigation_auto .auto2 {
    background-color: #386d2d;
}

#slide3:checked ~ .navigation_auto .auto3 {
    background-color: #386d2d;
}

#slide4:checked ~ .navigation_auto .auto4 {
    background-color: #386d2d;
}

/** CARD ITEMS HOME **/
.card_home {
    display: flex;
    margin-top: 1.5rem;
}

.card_home article {
    border-top: 5px solid #515151;
    flex-basis: calc(33.33% - 20px);
    margin: 0.6em;
    padding: 0.5em;
    height: 8em;
    text-align: center;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);

    /* Text Center */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.radius {
    border-radius: 0.2em;
}

.card_home article header {
    color: #515151;
}

.card_home article a {
    text-decoration: none;
    color: #515151;
}

.card_home a:hover {
    color: #386d2d;
}

.card_home article h3{
    margin-top: 1em;
    font-weight: 400;
}

.card_home article:hover {
    border-top: 5px solid #757510;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    transition: 0.2s ease-in;
}

.card_home article header:hover {
    color: #757510;
    transition: 0.3s;
}

/** SECTION PRODUCTS**/
.header_section {
    padding: 1.5em;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.header_section h2 {
    font-weight: 400;
}


/** CARD ITENS SECTION PRODUCTS**/

.card_content_products {
    width: 100%;
    /* height: 15rem;*/
}

.card_products {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.radius {
    border-radius: 0.2em;
}

.card_products article {
    border-top: 5px solid #515151;
    flex-basis: calc(33.33% - 20px);
    margin: 0.6em;
    padding: 0.5em;
    height: 10em;
    text-align: center;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);

    /* Text Center */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card_products article header {
    color: #515151;
}

.card_products article a {
    text-decoration: none;
    color: #515151;
}

.card_products a:hover {
    color: #386d2d;
}

.card_products article h3 {
    margin-top: 1em;
    font-weight: 400;
}

.card_products article:hover {
    border-top: 5px solid #757510;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    transition: 0.2s ease-in;
}

.card_products article header:hover {
    color: #757510;
    transition: 0.3s;
}

/** REPRESENTANTES **/

.text-grid-2 {
    max-width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(500px,1fr));
    grid-auto-rows: 200px;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    padding: 0.5em;

    justify-content: center;
    align-items: center;
}

.text-grid-2-item {
    padding: 1.5em;
    transition: all 0.5s ease;
}

.text-grid-2-item img {
    max-width: 100%;
}

/** END REPRESENTANTES **/


/** NOTICIAS SECTION **/
.noticia {

}

.noticia_nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 1em;
}

.noticia_nav_item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    z-index: 99;
    color: #386d2d;
    align-content: center;

}

.noticia_nav_item:hover {
    transition: 0.6s;
    transform: scale(1.5);
    cursor: pointer;
}

.noticia_nav_item.go {
    display: none;
    font-weight: 100;
    right: 1rem;
    top: 10rem;
}

.noticia_nav_item.back {
    display: none;
    font-weight: 100;
    left: 57rem;
    top: 10rem;
}

.noticia_page {
    color: #fff;
}

.noticia_page span {
    background: #386d2d;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.noticia_page .active {
    background: #515151;
}

.noticia_item {
    visibility: hidden;
    text-decoration: none;
}

.noticia_item.first {
    visibility: visible;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.noticia_item_desc {
    width: 90%;
    color: #515151;
    text-align: justify;
}

.noticia_item_desc h1 {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
/*
.noticia_item img {
    width: 100%;
    object-fit: cover;
}
*/
.inicio-noticias-base {
    padding: 1em;
    /*max-width: 1100px;*/
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
    grid-auto-rows: 500px;
    grid-auto-flow: dense;
}

.inicio-noticias-base h1 {

}


.inicio-noticias {
    overflow: hidden;
    /*padding: 1em;*/
    border: 1px solid #f9f9f9;
    box-shadow: 5px 5px 5px #cacaca;
    border-radius: 5px;
}

.inicio-noticias-img {
    width: 120%;
    max-width: 120%;
    /* height: 100%;*/
    object-fit: cover;
}

.noticia_search {
    /*display: flex;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    /*margin-left: 20%;*/
    /*margin-right: 11%;*/
    padding: 1rem;
    text-align: center;
}

.noticia_search_select a{
    padding: 0rem 0.5rem;
    margin-right: 1rem;
    text-decoration: none;
    border-bottom: 2px solid #386d2d;
    color: #515151;
    font-weight: 800;
    font-size: 1rem;
}

.noticia_search_all {
    background: #386d2d;
    padding: 0.5rem;
}

.noticia_search_all a {
    text-decoration: none;
    font-weight: 300;
    color: #fff;
}

.fale_conosco {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    justify-items: center;
    margin-top: 5%;
    margin-bottom: 5%;
}

.br {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    width: 25%;
    height: 25rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;

}

.imbel {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    width: 25%;
    height: 25rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.br h4 {
    text-align: center;
    background-color: #515151;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1rem;
    font-size: 1.5rem;
}

.br p {
    text-align: justify;
    padding: 0.8rem;
}

.br a {
    display: block;
    text-align: center;
    padding: 1rem;
    border: 1px solid #515151;
    border-radius: 3.5rem;
    margin-left: 50%;
    transform: translate(-50%);
    text-decoration: none;
    color: #515151;
    font-weight: 700;
    width: 60%;
}

.br a:hover {
    background-color: #515151;
    color: #fff;
    transition: 0.8s;
}

.imbel h4 {
    text-align: center;
    background-color: #386d2d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1rem;
    font-size: 1.5rem;
}

.imbel p {
    text-align: justify;
    padding: 0.8rem;
}

.imbel a {
    display: block;
    text-align: center;
    padding: 1rem;
    border: 1px solid #386d2d;
    border-radius: 3.5rem;
    margin-left: 50%;
    transform: translate(-50%);
    text-decoration: none;
    color: #386d2d;
    font-weight: 700;
    width: 60%;
}

.imbel a:hover {
    background-color: #386d2d;
    color: #fff;
    transition: 0.8s;
}

.noticia_icon_imbel {
    display: flex;
    justify-content: center;
    font-size: 3rem;
    color: #386d2d;
    margin-bottom: 5%;
}

.noticia_icon_br {
    display: flex;
    justify-content: center;
    font-size: 3rem;
    color: #515151;
    margin-bottom: 5%;
}

#mobile {
    display: none;
}

.search_box_mobile {
    display: none;
}

/** NOT FOUND **/
.not_found {
    text-align: center;
    color: #555;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.not_found_header {
    width: 30%;
    max-width: 100%;
}

.not_found .error {
    font-size: 8em;
    font-weight: var(--weight-light);
    color: #cccccc;
    margin-bottom: 40px;
}

.not_found a {
    padding: 1rem;
    margin-top: 1rem;
    background-color: #386d2d;
    border-radius: 1rem;
    text-decoration: none;
    color: #fff;

}

.not_found a:hover {
    background-color: #515151;
    transition: 0.8s;
}

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;

}
.flex-center a {
    text-decoration: none;
}

.conteudo_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;

}
.conteudo_flex a {
    text-decoration: none;
}


/*PCSC*/
.icon-prod-cat {
    /*max-width: 1100px;*/
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(125px,1fr));
    grid-auto-rows: 115px;
    grid-auto-flow: dense;
    padding: 0.5em;
}
.icon-prod-cat-item {
    padding: 0.75em;
    box-shadow: 2px 2px 2px #cacaca;
    text-align: center;
    border: 1px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;*/
    transition: all 0.5s ease;
}

.icon-prod-cat-item:hover {
    border: 1px solid #6cb640;
    border-bottom: 5px solid #6cb640;
    background: #f5f5f5;
}

.icon-prod-cat-item a {
    color: #515151;
}

/*END PCSC*/

/*BLOCOS COM ICONES DA HOME*/
.icon-block {
    max-width: 1100px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-auto-rows: 200px;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    padding: 0.5em;
    /*justify-content: center;
    align-items: center;*/

}
.icon-block-item {
    box-shadow: 2px 2px 2px #cacaca;
    text-align: center;
    border: 1px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    border-top: 5px solid #515151;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;*/
    transition: all 0.5s ease;
    background: #ffffff;
}
.icon-block-item p {
    padding: 1.25em;
}


.icon-block-item a {
    padding: 1.25em;
    display: block;
    color: #515151;

    /*font-variant: all-small-caps;*/
}

.icon-block-item a>h2 {
    color: #515151;
}

.icon-block-item a:hover>h2{
    color: #386d2d;
}

.icon-block-item a:hover {
    color: #386d2d;
}



.icon-block-item:hover {
    border: 1px solid #6cb640;
    border-bottom: 5px solid #6cb640;
    border-top: 5px solid #f5f5f5;
}

/*END BLOCOS COM ICONES DA HOME*/


/*BLOCOS PRODUTOS COM IMAGEM*/
.produt-home-g {
    padding: 1px;
    max-width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    /* background: #f2f2f2; */
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
    grid-auto-rows: 330px;
    grid-auto-flow: dense;
    transition: all 0.5s ease;
}

.produt-home-g-item {
    overflow: hidden;
}

.produt-home-g-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(2px);
    transition: all 0.5s ease;
}

.produt-home-g-item span{
    color: transparent;
    transition: all 0.5s ease;
}

.produt-home-g-item:hover span{
    color: #ffffff;
}

.produt-home-g-item:hover img{
    filter: blur(0px);
}


.produt-home-g-item:hover .produt-home-g-tit{
    bottom: 59px;
}

.produt-home-g-tit {
    padding: 15px;
    font-size: 13px;
    color: #ffffff;
    background: #386d2d;
    background: #386d2dd6;
    position: relative;
    bottom: 330px;
    height: 330px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    transition: all 0.5s ease;
}

/*END BLOCOS PRODUTOS COM IMAGEM*/




/*DEFAULT PAGINATOR*/

.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
}

.paginator a,
.paginator span {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #cccccc;
    border-right: 0;
    color: #555555;
    font-weight: var(--weight-bold);
    text-decoration: none;
    transition-duration: 0.2s;
}

.paginator a:first-of-type {
    -webkit-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
    -moz-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
    border-radius: var(--radius-normal) 0 0 var(--radius-normal);
}

.paginator a:last-of-type {
    border-right: 1px solid #cccccc;
    -webkit-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
    -moz-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
    border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
}

.paginator a:hover {
    background: var(--hover-color-green);
    background-size: 200%;
    color: #cccccc;
}

.paginator span:hover {
    background: var(--hover-color-green);
    background-size: 200%;
    background-color: #cccccc;
}

.paginator span {
    background: #386d2d;
}


.bar-filters {
    text-align: center;
    margin: 0 auto;
}


/*BLOG DE NOTÍCIAS*/

.blog-noticias {
    box-sizing: unset;
    /*arrumar*/
    padding: 2em;
    width: 1060px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 5px 5px 5px #ebebeb;
}

.blog-noticias img {
    max-width: 100%;
}

.blog-galeria-img {
    max-width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    /*background: #f2f2f2;*/
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    overflow: hidden;
}

.b-gal-img-item {
    border: 1px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    transition: all 0.5s ease;
    text-align: center;
    padding: 0.5em;
}

.b-gal-img-item:hover {
    border: 1px solid #6cb640;
    border-bottom: 5px solid #6cb640;
    background: #f5f5f5;
}

.v-stretch {
    grid-row: span 2;
}

.h-stretch {
    grid-column: span 2;
}

.h-stretch img {
    width: 100%;
}

.big-stretch {
    grid-row: span 4;
    grid-column: span 4;
}

/*big 2*/



.blog-galeria-img div img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;

}

.blog-galeria-img a {
    color: #386d2d;
    text-align: center;
    font-size: 0.85em;
}

.legenda-blog-img {
    padding: 15px;
    font-size: 13px;
    color: #ffffff;
    background: #2b2b2b;
    background: #2b2b2b9e;
    position: relative;
    bottom: 50px;
}

/*END BLOG DE NOTÍCIAS*/


/*NOTÍCIAS ANTERIORES BLOCOS*/

.blog-anteriores {
    padding: 10px;
    max-width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    /* background: #f2f2f2; */
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-auto-rows: 400px;
    grid-auto-flow: dense;
}

.blog-ant-item {
    overflow: hidden;
    /*padding: 1em;*/
    box-shadow: 2px 2px 2px #cacaca;
    text-align: center;
    border: 1px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    transition: all 0.5s ease;
    background: #ffffff;
    border-radius: 5px;
}

.blog-ant-item:hover {
    border: 1px solid #6cb640;
    border-bottom: 5px solid #6cb640;
}

.blog-ant-titulo {
    padding: 2em;
    min-height: 40%;
    font-size: 0.85em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-ant-titulo a {
    color: #386d2d;
    text-align: center;
}

div.blog-ant-data a {
    padding: 1em;
    text-align: center;
    color: #898989;
    font-size: 0.85em;
    display: block;
}

.blog-ant-foto img {
    width: 120%;
    max-width: 120%;
    /*height: 100%;*/
    object-fit: cover;
}


/* END NOTÍCIAS ANTERIORES BLOCOS*/



/*BLOCO DE AVISOS HOME*/

.lista-avisos {
    max-width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    grid-auto-rows: 200px;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    padding: 0.5em;
}

.lis-avisos-item {
    text-align: center;
    border: 1px solid #616161;
    border-bottom: 5px solid #616161;
    border-top: 5px solid #515151;
    transition: all 0.5s ease;
    /*background: #ffffff;*/
}

.lis-avisos-item a {
    color:#ffffff;
    padding: 1.25em;
    display: block;
    /* font-variant: all-small-caps;*/
}

.lis-avisos-item:hover {
    border: 1px solid #6cb640;
    border-bottom: 5px solid #6cb640;
    border-top: 5px solid #616161;
}

/*END BLOCO DE AVISOS HOME*/


footer {
    background: #214659;
    color: #cacaca;
    padding: 3em;
    text-align: center;
}


form {
    max-width: 100%;
}



input, textarea, select, button {
    color: #515151;
    padding: 15px;
    margin: 5px;
    border: 1px solid #cacaca;
    font-weight: bold;
    background: #ffffff;
    padding: 14px;
    max-width: 100%;
}

span.selection {

}

.linha {
    display: flex;
    flex-flow: row wrap;
}

select option {
    max-width: 100%;
}

.bot-line-verd {
    cursor: pointer;
    background: #ffffff;
    background: transparent;
    color: #386d2d;
    text-decoration: none;
    border-bottom: 2px solid #386d2d;
    padding: 10px;
    margin: 0px;
    display: inline-block;
    transition: all 0.5s ease;
    font-weight: bold;
}

.bot-line-verd:hover {
    background: #386d2d;
    color: #ffffff;
    border-bottom: 2px solid #6cb640;
}

.bot {
    cursor: pointer;
    background: #ffffff;
    color: #386d2d;
    text-decoration: none;
    border: 2px solid #386d2d;
    padding: 10px;
    margin: 0px;
    display: inline-block;
    border-radius: 30px;
    transition: all 0.5s ease;
}

.bot:hover {
    background: #386d2d;
    color: #ffffff;
}


.bot-w-l {
    cursor: pointer;
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    border: 2px solid #ffffff;
    padding: 10px;
    margin: 0px;
    display: inline-block;
    border-radius: 30px;
    transition: all 0.5s ease;
}

.bot-w-l:hover {
    background: #ffffff;
    color: #386d2d;
    border: 2px solid #386d2d;
}

#backtopbot {
    position: fixed;
    bottom: 0.5em;
    margin: 0.5em auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 48.7%;
    box-shadow: 2px 2px 2px #cacaca;
    box-shadow: 2px 2px 2px #0000007d;
    font-size: 1.5em;
}

.cookies-eu-banner {
    background: #214659;
    color: #cacaca;
    padding: 1em;
    font-size: 15px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border: 1px solid #cacaca;
}


div[class*="tamanho_"] {
    padding: 0.5em;
}


.tamanho_5{
    width: 5%;
}

.tamanho_10{
    width: 10%;
}

.tamanho_15{
    width: 15%;
}

.tamanho_20{
    width: 20%;
}

.tamanho_25{
    width: 25%;
}

.tamanho_30{
    width: 30%;
}

.tamanho_35{
    width: 35%;
}

.tamanho_40{
    width: 40%;
}

.tamanho_45{
    width: 45%;
}

.tamanho_50{
    width: 50%;
}

.tamanho_55{
    width: 55%;
}

.tamanho_60{
    width: 60%;
}

.tamanho_65{
    width: 65%;
}

.tamanho_70{
    width: 70%;
}

.tamanho_75{
    width: 75%;
}

.tamanho_80{
    width: 80%;
}

.tamanho_85{
    width: 85%;
}

.tamanho_90{
    width: 90%;
}

.tamanho_95{
    width: 95%;
}

.tamanho_100{
    width: 100%;
}


/*ADD BY PABLOCSC*/

* {
    box-sizing: border-box;
}


/*TRANSITIONS ////////////////////////////////////////////////////////////////////////////////////////*/
/*
* {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
transition: all 0.25s ease;
}
*/
/*END TRANSITIONS ////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5 {
    color: #386d2d;
}

section h1 {
    color: #386d2d;
    font-size: 2em;
}


section.content-center {
    padding: 2em;
    width: 1060px;
    min-height: 400px;
    /*footer base*/
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 5px 5px 5px #ebebeb;
}


section.content-center h2{
    color:  #386d2d;
    /*padding: 1em;*/
}

table {
    border-collapse: collapse;
}


table.pdf-tab {
    max-width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    /*border: 1px solid #eaeaea;*/
    display: inline-table;
}

table.pdf-tab tr, .linha_td {
    background: #F0F0F0;
    background: -webkit-linear-gradient(#fff, #f4faff);
    background: -o-linear-gradient(#fff, #f4faff);
    background: -moz-linear-gradient(#fff, #f4faff);
    background: linear-gradient(#fff, #f4faff);
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

th, .linha_th {
    font-weight: bold;
    background: transparent;
    border: none!important;
    color: #386d2d;
}

table.pdf-tab tr:hover, .linha_th:hover, .linha_td:hover {
    background: #f5ffe8!important;
    border-left: 5px solid #6cb640;
    border-bottom: 5px solid #6cb640;
    transition: all 0.5s ease;
}

table.pdf-tab td {
    word-wrap: break-word;
    border: 1px solid #FFF;
    padding: 0em;
    text-align: left;
}

table.pdf-tab a {
    padding: 1em;
    display: block;
    color: #386d2d;
}


table.pdf-tab tr:hover a {
    color: #6cb640;
}

/* Style the list */
ul.local-pasta {
    padding: 0.5em;
    list-style: none;
    border-bottom: 1px solid #386d2d;
}

/* Display list items side by side */
ul.local-pasta li {
    display: inline;
    font-size: 0.85em;

}

/* Add a slash symbol (/) before/behind each list item */
ul.local-pasta li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.local-pasta li a {
    color: #386d2d;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.local-pasta li a:hover {
    color: #6cb640;
    text-decoration: none;
}


section.content-center .nav {
    padding: 0;
    box-shadow: 5px 5px 5px #ebebeb;
    background: #F0F0F0;
    background: -webkit-linear-gradient(#fff, #f4faff);
    background: -o-linear-gradient(#fff, #f4faff);
    background: -moz-linear-gradient(#fff, #f4faff);
    background: linear-gradient(#fff, #f4faff);
}


section.content-center span a, a.paginate_button, section.content-center .nav a, section.content-center .nav span {
    display: inline-block;
    padding: 0.75em 1.25em;
    border: 0px solid #cccccc;
    border-right: 0;
    color: #386d2d;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;

    padding: 0.75em 1.25em;
    border: 0px solid #cccccc;
    border-right: 0;
    color: #386d2d;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
}

section.content-center nav span {
    color: #ffffff;
    background: #386d2d;
}

ul.pagination {
    list-style: none;
    display: flex;
}

.li_pagination {
    padding: 5px;
    width: 30px;
}

.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
}

.pagination a {
    padding: 0.75em 1.25em;
    border: 0px solid #cccccc;
    border-right: 0;
    color: #386d2d;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;

}

.pagination a.active {
    color: #ffffff;
    background: #386d2d;
    background-color: #386d2d!important;
}

.pagination a.active:hover {
    color: #ffffff;
    background: #386d2d;
}


section.content-center span a:hover, a.paginate_button:hover, section.content-center .nav a:hover, .pagination a:hover {
    background: #f5ffe8;
    color: #6cb640;

}

section.content-center span a.current {
    color: #ffffff;
    background: #386d2d;
}



table.pdf-tab td.pdf-date {
    width: 150px;
    text-align: center;
}


.transp-hover {
    color: #ffffff;
    color: transparent;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

table.pdf-tab tr:hover .transp-hover {
    color: #6cb640;
}





p {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


span.triangulo-para-esquerda {
    width: 20px;
    height: 0em;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    display: inline-flex;
}


table.pdf-tab tr:hover .triangulo-para-esquerda {
    width: 0em;
    height: 0em;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.5em solid #6cb640;
    display: inline-flex;
}



/* Style the tab */
.tab {
    display: flex;
    flex-flow: row wrap;
    max-width: 100%;
}

/* Style the buttons that are used to open the tab content */
.tablinks {
    cursor: pointer;
    background: #ffffff;
    background: transparent;
    color: #386d2d;
    text-decoration: none;
    border: 2px solid transparent;
    border-bottom: 2px solid #386d2d;
    padding: 1em;
    margin: 0px;
    display: inline-block;
    transition: all 0.5s ease;
    font-weight: bold;
    font-size: 1em;
}

/* Change background color of buttons on hover */
.tablinks:hover {
    background: #386d2d;
    color: #ffffff;
    border-bottom: 2px solid #6cb640;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #386d2d;
    color: #ffffff;
    color: #6cb640;
}

/* Style the tab content ?????????????? */
.tabcontent {
    display: none;
    padding: 2em 0;
    border: 1px solid #f5f5f5;
    border-top: none;
    width: 100%;

}



a {
    color: #6cb640;
}

/*accordion///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.accordion {
    background-color: #fbfbfb;
    color: #444;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 1em;
    transition: 0.4s;

    margin: 0;
    max-width: 100%;
    color: #386d2d;
    border: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}

.active, .accordion:hover, .accordion:active {
    background-color: #ffffff!important;
    background: #ffffff;
    color: #6cb640;
    border-bottom: 2px solid #6cb640;

}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.panel {
    font-size: 0.9em;
    padding: 0em;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/*END accordion///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* END ADD BY PABLOCSC*/





/** RESPONSIVE MODE **/

/** 1440px **/
@media (max-width: 102.8rem) {

    .produt-home-g {
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
        grid-auto-rows: 250px;
    }

    .produt-home-g-tit {
        bottom: 250px;
        height: 250px;
    }

    .blog-anteriores {
        grid-gap: 15px;
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
        grid-auto-rows: 350px;
    }

    .noticia_search {
        flex-direction: column;
    }

    .noticia_search_all {
        margin-top: 1.5%;
    }

    .content-center {
        display: block;
    }

    .pdf-tab {
        display: block;
    }

    .blog-noticias {
        box-sizing: unset;
        display: block;
    }


}

/** 1024px **/
@media (max-width: 73.1rem) {

    .produt-home-g {
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
        grid-auto-rows: 250px;
    }

    .produt-home-g-tit {
        bottom: 250px;
        height: 250px;
    }

    /**NAV **/
    .nav .navigation .menu {
        position: fixed;
        display: block;
        background: #23252b;
        min-width: 350px;
        height: 100vh;
        top: 0;
        right: -100%;
        padding: 90px 50px;
        visibility: hidden;
        overflow-y: auto;
        transition: 0.5s;
        transition-property: right, visibility;
    }

    .nav .navigation .menu.active{
        right: 0;
        visibility: visible;
    }

    .menu-item {
        position: relative;
    }

    .menu-item .sub-menu {
        opacity: 1;
        position: relative;
        top: 0;
        transform: translateX(10px);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        overflow: hidden;
        display: none;
    }

    .menu-item:hover .sub-menu {
        transform: translateX(10);
    }

    .menu-item .sub-menu .sub-item {
        box-shadow: none;
    }

    .menu-item .sub-menu .sub-item:hover {
        background: none;
    }

    .menu-item .sub-menu .sub-item a:hover {
        color: #386d2d;
        transition: 0.3s;
    }

    .more .more-menu {
        opacity: 1;
        position: relative;
        left: 0;
        transform: translateY(0);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        display: none;
    }

    .more .more-menu .more-item {
        box-shadow: none;
    }

    .more .more-menu .more-item:hover {
        background: none;
    }

    .more .more-menu .more-item a {
        margin-left: 20px;
    }

    .close-btn {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        left: 0;
        margin: 25px;
        cursor: pointer;
        color: #fff;
    }

    .menu-btn {
        color: #fff;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: block;
    }

    .nav {
        padding: 15px 20px;
    }

    .card_home article {
        height: 5rem;
    }

    .item h2 {
        font-size: 3vw;
    }

    .noticia_icon_imbel {
        font-size: 1.5rem;
    }

    .noticia_icon_br {
        font-size: 1.5rem;
    }

    .br {
        height: 30rem;
        width: 40%;
    }

    .imbel {
        height: 30rem;
        width: 40%;
    }

    .noticia_icon_br {
        font-size: 0.9rem;
    }

    .noticia_icon_imbel {
        font-size: 0.9rem;
    }

    .content-center {
        display: block;
    }

    .pdf-tab {
        display: block;
    }

    .blog-noticias {
        display: block;
    }

}

/** 980px **/
@media (max-width: 70rem) {
    .item {
        width: 50%;
    }

    .noticia_item.first {
        flex-direction: column;
    }
    /*
        .noticia_item img {
            width: 80%;
        }
    */
    .inicio-noticias-base {
        grid-auto-rows: auto;
        display: block;
    }

    .noticia_item_desc {
        width: 90%;
    }

    .noticia_page {

    }

    .content-center {
        display: block;
    }

    .pdf-tab {
        display: block;
    }

    .blog-noticias {
        display: block;
    }

}

/** 768px **/
@media (max-width: 54.8rem) {

    .search_box {
        width: 21vw;
    }

    .main_nav_links .link {
        font-size: small;
    }

    .navigation_auto {
        bottom: 10%;
    }

    .slide_manual_navigation {
        bottom: 10%;
    }

    .card_home {
        margin-top: 1rem;
    }

    .card_home article {
        padding: 3px;
    }

    .card_home article h3 {
        margin-top: 0;
    }

    .card_products article {
        height: 5rem;
    }

    .card_products article h3 {
        margin-top: 0;
    }

    .noticia_page {

    }

    .br h4 {
        font-size: 1rem;
    }
    .imbel h4 {
        font-size: 1rem;
    }

    .content-center {
        display: block;
    }

    table.pdf-tab {
        display: inline-table;
    }

    table.pdf-tab td.pdf-date {
        width: auto;
    }

    .blog-noticias {
        box-sizing: border-box;
        display: flex;
    }

    .v-stretch {
        grid-row: span 1;
    }

    .h-stretch {
        grid-column: span 1;
    }

    .big-stretch {
        grid-row: span 1;
        grid-column: span 1;
    }

}
/*MOBILE*/
/** 690px**/
@media (max-width: 49.2rem) {


    .header-logo-t {
        flex-direction: column;
    }

    .header-search-input {
        padding: 1em;

    }

    .header-acessibilidade {
        padding: 0.5em;
    }

    .search_box {
        display: none;
    }

    .search_box_mobile {
        padding: 0;
        width: 100%;
        background-color: #386d2d;
        height: 5vh;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 2rem;

    }

    .search_box_mobile input::placeholder {
        color: #fff;
    }

    .search_box_text_mobile {
        border: none;
        color: #f0f5fb;
        background: none;
        outline: none;
        padding: 0;
        font-style: italic;
        font-size: 13px;
        line-height: 30px;
        width: 0;
        transition: .8s;
    }

    .search_btn_mobile {
        color: #fff;
        display: flex;
        text-decoration: none;
        font-weight: bold;
    }

    .search_btn_mobile span {
        margin-right: 10px;
    }

    .search_box_mobile:hover > .search_box_text_mobile {
        width: 50%;
    }

    .search_box_mobile:hover > a span{
        display: none;
    }


    #mobile p {
        display: contents;
        float: right;
    }

    #mobile {
        display: block;
        text-align: center;
        color: #fff;
        padding: 1rem 2rem;
        font-size: 1.5rem;
        cursor: pointer;
    }

    #mobile:hover {
        transition: 0.5s;
        color: #515151;
    }

    .main_nav_links {
        display: none;
    }

    .main_nav_links .link {
        display: block;
        text-align: center;
    }

    .main_nav_links .link.active {
        display: block;
    }

    .mobile {
        background-color: #515151;
        height: 50vh;
    }

    .card_home {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .card_products {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .card_home article h3 {
        font-size: 1rem;
    }

    .card_products article h3 {
        font-size: 1rem;
    }

    .noticia_search {
        margin: 0;
    }




    /*DEFAULT PAGINATOR*/

    .paginator {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px auto;
    }

    .paginator a,
    .paginator span {
        display: inline-block;
        padding: 8px 16px;
        border: 1px solid #cccccc;
        border-right: 0;
        color: #555555;
        font-weight: var(--weight-bold);
        text-decoration: none;
        transition-duration: 0.2s;
    }

    .paginator a:first-of-type {
        -webkit-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
        -moz-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
        border-radius: var(--radius-normal) 0 0 var(--radius-normal);
    }

    .paginator a:last-of-type {
        border-right: 1px solid #cccccc;
        -webkit-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
        -moz-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
        border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
    }

    .paginator a:hover {
        background: var(--hover-color-green);
        background-size: 200%;
        color: #FBFBFB;
    }

    .paginator span {
        background: #cccccc;
    }


    .content-center {
        display: block;
    }

    table.pdf-tab {
        display: inline-table;
    }

    table.pdf-tab td.pdf-date {
        width: auto;
    }

    .blog-noticias {
        box-sizing: border-box;
        display: flex;
    }



    input, textarea, select, button {
        width: 100%;
        max-width: 100%;

    }

    span.selection {

    }

    .linha {
        width: 100%;
        max-width: 100%;
        display: block!important;
    }


    .tamanho_5, .tamanho_10, .tamanho_15, .tamanho_20, .tamanho_25, .tamanho_30, .tamanho_35, .tamanho_40, .tamanho_45, .tamanho_50, .tamanho_55, .tamanho_60, .tamanho_65, .tamanho_70, .tamanho_75, .tamanho_80, .tamanho_85, .tamanho_90, .tamanho_95, .tamanho_100 {
        width: 100%!important;
        max-width: 100%;
    }

    .no_mob {
        display: none!important;
    }

    .icon-prod-cat {
        display: block;
    }

}

/** 425px **/
@media (max-width: 30.3rem) {


    .search_box {
        display: none;
    }

    .search_box_mobile {
        padding: 0;
        width: 100%;
        background-color: #386d2d;
        height: 5vh;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 2rem;
    }

    .search_box_mobile input::placeholder {
        color: #fff;
    }

    .search_box_text_mobile {
        border: none;
        color: #f0f5fb;
        background: none;
        outline: none;
        padding: 0;
        font-style: italic;
        font-size: 13px;
        line-height: 30px;
        width: 0;
        transition: .8s;
    }

    .search_btn_mobile {
        color: #fff;
        display: flex;
        text-decoration: none;
        font-weight: bold;
    }

    .search_btn_mobile span {
        margin-right: 10px;
    }

    .search_box_mobile:hover > .search_box_text_mobile {
        width: 50%;
    }

    .search_box_mobile:hover > a span{
        display: none;
    }

    #mobile p {
        display: contents;
        float: right;
    }

    #mobile {
        display: block;
        text-align: center;
        color: #fff;
        padding: 1rem 2rem;
        font-size: 1.5rem;
        cursor: pointer;
    }

    #mobile:hover {
        transition: 0.5s;
        color: #515151;
    }

    .main_nav_links {
        display: none;
    }

    .main_nav_links .link {
        display: block;
        text-align: center;
    }

    .main_nav_links .link.active {
        display: block;
    }

    .mobile {
        background-color: #515151;
        height: 50vh;
    }

    .item {
        width: 100%;
    }

    .item h2 {
        padding: 0.5rem;
        font-size: 5vw;
        left: 50%;
        top: 30%;
        transform: translate(-50%);
    }

    .noticia_search_select {
        margin: 2% 0;
    }

    .noticia_search_select a {
        font-size: 0.8rem;
        margin-right: 0.6rem;
    }

    .fale_conosco {
        flex-direction: column;
        align-items: center;
    }

    .br {
        width: 95%;
        margin-bottom: 2%;
    }

    .imbel {
        width: 95%;
    }

    .content-center {
        display: block;
    }

    table.pdf-tab {
        display: inline-table;
    }

    table.pdf-tab td.pdf-date {
        width: auto;
    }

    .blog-noticias {
        box-sizing: border-box;
        display: flex;
    }
}

/** 375px **/
@media (max-width: 26.7rem) {

    #mobile {
        font-size: 1.2rem;
    }


    .noticia_search {
        padding: 0;
        margin-bottom: 2%;
    }

    .content-center {
        display: block;
    }

    table.pdf-tab {
        display: inline-table;
    }

    table.pdf-tab td.pdf-date {
        width: auto;
    }

    .blog-noticias {
        box-sizing: border-box;
        display: flex;
    }
}

/** 320px **/
@media (max-width: 22.8rem) {



    #mobile {
        font-size: 1rem;
    }

    .search_box {
        display: none;
    }

    .card_products article h3 {
        font-size: 0.8rem;
    }

    .content-center {
        display: block;
    }

    table.pdf-tab {
        display: inline-table;
    }

    table.pdf-tab td.pdf-date {
        width: auto;
    }

    .blog-noticias {
        box-sizing: border-box;
        display: flex;
    }
}


/**
8a930f verde escuro

515151 cinza

757510 verde**/