@charset "utf-8"; 

/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300; 400; 500&display=swap'); */

html { scroll-behavior: smooth; }

body{ font-family: helveticaneue, Helvetica, Arial, Utkal, sans-serif, monospace!important; color: #333; background-color: #fff; font-family: var(--bs-font-sans-serif)!important; }

.mw-1200{ width: 1200px; max-width: 92%; margin-left: auto; margin-right: auto; }
.mw-1380{ width: 1380px; max-width: 92%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

header{ position: sticky; top: 0; left: 0; width: 100%; z-index: 1000; border: 0; /* border-bottom: 2px solid #f3f3f3; */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); background: rgba(255, 255, 255, 0.98); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-bottom: 25px; background: linear-gradient(to right, #00cd14 10%,#37a300 100%); }

header.fixed{ background: linear-gradient(to right, rgba(0, 205, 20, 0.9) 10%, rgb(55, 163, 0, 0.8) 100%); }

header.header-transparent.sticky-fixed .navbar { padding: 0.45rem 0!important; }

header .drop-menu{

width: 100vw; max-width: 300px; position: absolute; left: -10px; background:rgba(233, 233, 233, 0.92); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(243, 243, 243, 0.98); border-bottom: 5px solid #198754;

& a{ padding-left: 0; }

}

header{

.input-search:focus, .btn-search:focus ~ .input-search { border-left: 5px solid #04ff00!important; }

}

footer{ background-color: #60d06a!important; background-color: #004506!important; background: linear-gradient(45deg, #004506, #003104); background: linear-gradient(to top, #009d0f 10%, #37a300 100%); }

input::placeholder { color: #d3d3d3!important; font-weight: 100; }

.pointer{ cursor:pointer; }

html ::-webkit-scrollbar { height: 6px; width: 6px ; }

::-webkit-scrollbar-track { background-color: white; }
::-webkit-scrollbar-thumb { background: #888; height: 8px; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

a:hover, a:focus{ color: inherit; }

a{ color: currentColor; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color:#008d1f; }
a:active { text-decoration: none; }

a:hover .borders{ border-left: 5px solid #009400!important; }
.link{ cursor: pointer; }

.ln1{ line-height:1; vertical-align:middle!important; }
.ln1-2{ line-height: 1.2; vertical-align:middle!important; }
.ln1-3{ line-height: 1.3; vertical-align:middle!important; }
.ln1-4{ line-height: 1.4; vertical-align:middle!important; }
.ln1-5{ line-height: 1.5; vertical-align:middle!important; }
.ln1-6{ line-height: 1.6; vertical-align:middle!important; }
.ln1-7{ line-height: 1.7; vertical-align:middle!important; }
.ln1-8{ line-height: 1.8; vertical-align:middle!important; }
.ln1-9{ line-height: 1.9; vertical-align:middle!important; }
.ln2{ line-height:2em; vertical-align:middle!important; }

ln12{ line-height: 1.2!important; display: block; }
ln14{ line-height: 1.4!important; display: block; }

.opacity-9{ opacity: 0.9; }
.opacity-8{ opacity: 0.8; }
.opacity-7{ opacity: 0.7; }
.opacity-6{ opacity: 0.6; }
.opacity-5{ opacity: 0.5; }
.opacity-4{ opacity: 0.4; }
.opacity-3{ opacity: 0.3; }
.opacity-2{ opacity: 0.2; }
.opacity-1{ opacity: 0.1; }
.opacity-0{ opacity: 0; }
.opacity{ opacity: 1; }

.text-xs{ font-size: 0.75rem; }
.text-sm{ font-size: 0.875rem; }
.text-md{ font-size: 1rem; }
.text-lg{ font-size: 1.125rem; }

.separador { border-bottom: 2px dashed #dfdfdf!important; }
.separador-min { border-bottom: 1px dashed #dfdfdf!important; }

.shadow-none{ will-change: unset!important; }

/* #conteudo{ overflow-x: hidden; } */

#destaques .card-destaque{ overflow: hidden; display: flex; align-items: center; justify-content: start; border: none; }
#destaques .card-destaque:not(.principal){ height: 100%; max-height: 320px; }

#destaques .card-destaque:hover{ opacity: 0.9; cursor: pointer; }

#destaques .capa-noticia{ width: 100%; max-height: 180px; min-height: 180px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#destaques .capa-noticia img{ width: 100%; min-height: 100%; }

#destaques .not4{ 

.capa-noticia{ max-height: 160px; min-height: 160px; }

}

.border-bottom-light{ border-bottom: 1px solid #eeeeee!important; }

/* #banner-big{ height: 300px; } */

#banner-q .slider_q{ width: 100%; height: 300px; overflow: hidden; }
#destaques #banner-q .slider_q{ height: 300px; overflow: hidden; }
#sociais #banner-q .slider_q{ height: 410px; }

.card-img-overlay{ background: linear-gradient(0deg, black, rgb(0 0 0 / 32%), transparent); }

.noticia{ 

cursor: pointer; 

&:hover{ opacity: 0.9; }

}

.cat-destaque{ 

height: 220px; max-height: 250px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; 

& img{ min-width: 100%; height: 100%; object-fit: cover; }

.card-title{ font-size: 1.1em; line-height: 1.2; margin-bottom: 0; }

}

.min-noticia{ 

width: 100%; height: 70px; display: flex; align-items: center; cursor: pointer; 

& .border-lat{ height: 100%; }

&:hover{ opacity: 0.9; }

}

.max-min-img{ 

width: 80px; min-width: 80px; max-height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 5px; overflow: hidden; 

& img{ width: 100%; height: 100%; object-fit: cover; min-height: 70px; }

}

.block-noticia{ display: flex; align-items: baseline; gap: 10px; }
.block-categoria{ width: 50px; height: 4px; }

.image-video{ 

height: 200px; min-height: 200px; max-height: 200px; width: 100%; overflow: hidden;

& img{ min-height: 200px; }

}

.noticia.video{ 

height: 300px; min-height: 300px; 

& .card{ height: 100%; }

& .video-sobrep{ 

background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 

& i{ color: #fff; }

}

&:hover .video-sobrep{ display: flex; }

}

.capa-size{ max-height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; }

#materia{ 

.titulo{ width: 100%; color: #00b45a; font-size: 2.2em; text-align: center; line-height: 1; font-weight: bold; }

.texto{ font-size: 1.06rem; }

.content-capa{ max-height: 220px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; }

.capa{ float: left; margin-right: 15px; margin-bottom: 2px; width: 30%; border-radius: 5px; }

.materia-header{ border-bottom: 2px solid #ccc; padding-bottom: 15px; }

.vmais{ font-size: 1.1em; font-weight: 600; color: #797979; }
.vermais:hover{ opacity: 0.8; }
.curtir{ overflow: hidden; }

/* páginas */ 
.capas{ padding-left: 15px!important; }

.top-t{ color: white; position: fixed; height: 35px; z-index: 9999; }

}

.marcado { padding: 5px 15px; background: linear-gradient(to right, rgba(0, 205, 20, 0.9) 10%, rgb(55, 163, 0, 0.8) 100%); color: white; border-radius: 5px; font-size: 1rem; font-weight: 600; }

.noticia_zap{ height: 20px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; }

#materia .fb-like{ display: flex!important; }
#materia .fb-like.fb_iframe_widget > span{ height: 20px!important; }

.categorias:hover{ color: inherit!important; opacity: 0.9; }

.paginacao li{ float: left; display: inline; margin: 0 5px 0 0; display: block; color: #fff; /* border: 1px solid #e2e2e2; */ padding: 10px; border-radius: 5px; font-weight: bold; background: #24c366; }
.paginacao li:hover{ color: #ffffff; background-color: #046f1f; }
.paginacao .atual{ color: #ffffff; background-color: #046f1f; }

.bx{ color:#dc830e!important; }

.capa-ultimas{ max-height: 100px; }

.mob-op{ border-bottom: 1px solid #e0e0e0; }

#menu-mobile{ background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(5px); }

.offcanvas-start { width: 85vw !important; }

.submenu { padding-left: 1rem; }

.submenu-toggle.collapsed::after { transform: rotate(-90deg); }

.offcanvas :where(a, button){ font-size: 1rem; }

.menu-icon { width: 1.2rem; margin-right: 8px; }

.input-search{ height: 40px; width: 50px; padding: 10px 10px 10px 20px; outline: none; transition: all .5s ease-in-out; }

.btn-search { height: 40px!important; }

.input-search{ border-radius: 50px; background-color: rgba(244, 247, 248, 0.1)!important; background-color: rgb(255 255 255)!important; border: 1px solid #dbdbdb; box-sizing: border-box; color: #3b3b3b; cursor: pointer; font-family: Open Sans, sans-serif; width: 100%; }

.cat-data{ position: absolute; bottom: 4%; right: 2%; background: rgb(0 0 0 / 50%); padding: 2px 10px; border-radius: 5px; color: #fff !important; }

header#menu .nav-item .drop-menu a:hover{ color: #009400!important; }

.noticia.video .card{ box-shadow: 0px 2px 8px 0px #f1f1f1; }

#banner-big img{ width: 100%; min-width: 100%; min-height: 300px; max-height: 300px; }

@media screen and (max-width: 768px){

#banner-big img{ min-height: unset; }

.noticia.video{ height: inherit; min-height: inherit; }

#materia .titulo{ font-size: 1.5em; }

.capa-ultimas{ max-height: 150px; }

.esconde{ display: none!important; }

#sociais #banner-q .slider_q{ height: fit-content; }

header#menu { height: 65px; display: flex; align-items: center; }

.fs-min-mobile{ font-size: 0.8em; line-height: 1.2; }

#menu-ino{ width: 100%!important; display: flex!important; justify-content: end!important; }

.input-search { background: rgba(255, 255, 255, 0.4)!important }

.btn-search{ width: 40px!important; background-color: #fff!important; }

.input-search:not(:focus, :active){ width: 40px!important; padding: 10px 10px 10px 10px!important; border: 1px solid #e9e9e9; }
.input-search:not(:active, :focus)::placeholder { opacity: 0!important; }

.input-search:where(:focus, :active){ width: 80vw!important; background-color: rgba(255, 255, 255, 0.98)!important; padding: 10px 10px 10px 40px!important; }

form#buscar:where(:focus, :active) ~ .input-search {

width: 80vw!important; background-color: rgba(255, 255, 255, 0.98)!important; padding: 10px 10px 10px 40px!important;

::placeholder { opacity: 1!important; }

}

.btn-search:where(:focus, :active) ~ .input-search {

width: 80vw!important; background-color: rgba(255, 255, 255, 0.98)!important; padding: 10px 10px 10px 40px!important;

::placeholder { opacity: 1!important; }

}

.btn-search{ right: unset!important; }

.noticia.min-noticia p{ font-size: 0.9em; }

}

@media screen and (max-width: 576px){

#materia .capa{ float: left; padding-right: 0px; margin-bottom: 2px; width: 100%; margin-bottom: 10px; }

}