/* Bloco padrão */
.bloco {margin-bottom: 24px; overflow: hidden;}
.bloco:last-child {margin-bottom: 0;}
.bloco.blk-margin {margin: 1em 0;}
/* Header */
.blk-header {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 14px;}
/* Itens */
.blk-items {display: flex; flex-flow: row wrap; justify-content: space-around;}
.bloco[data-blk-qte="0"] .blk-items-wrapper {display: none !important;}
/* Item */
.blk-item {flex: 1 1 0; display: block; background: #fff; position: relative;}
.blk-item .sep {display:none; position: absolute; background: #ddd;}
.blk-item .ite-img {position: relative; overflow: hidden;}
.blk-item .ite-img img {width: 100%; height: auto; display: block; transition: all 300ms ease;}
.blk-item .ite-nfo {padding: 6px 12px;}
.blk-item .nfo-hub {display: none;}
.blk-item .nfo-hub span {border-bottom: 2px solid #fff; padding-bottom: 1px;}
.blk-item .nfo-txt {display: none;}
.blk-item .nfo-tpo {display: none;}
.blk-item .nfo-pos {display: none;}
.blk-item .nfo-tpo:before {content: '\f017'; font-family: 'Font Awesome 5 Free'; font-weight: bold; margin-right: 6px;}
.blk-item.i-com-txt .nfo-txt {display: block;}
.blk-item.i-com-tpo .nfo-tpo {display: block;}
/* Itens no formato "default", imagem acima com horário alinhado abaixo */
.blk-item.i-default {display: flex; flex-flow: column nowrap;}
.blk-item.i-default .ite-img {flex: 0 0 auto;}
.blk-item.i-default .ite-meta {flex: 1 1 auto; display: flex; flex-flow: row wrap;}
.blk-item.i-default .ite-meta .ite-nfo {flex: 1 1 100%;}
.blk-item.i-default .ite-meta .ite-nfo.nfo-tpo {margin-top: auto;}
 
/* Anim */
.blk-item:hover .ite-img img {transform: scale(1.06); transition: all 1s ease;}
/* Itens do tipo vídeo */
.blk-item[data-tipo="2"] .ite-img {position: relative;}
.blk-item[data-tipo="2"] .ite-img:after {position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; line-height: 60px; vertical-align:middle; text-align: center; content: '\f144'; font-family: 'Font Awesome 5 Free'; font-size: 56px; color: #fff; border-radius: 30px; background: rgba(0,0,0,.05); transition: all ease 200ms; opacity: .6;}
.blk-item[data-tipo="2"]:hover .ite-img:after {background: transparent; transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); opacity: 1;}
.bloco.b-cover .layer-cover .blk-item[data-tipo="2"] .ite-img:after {display: none;}
/* Bloco com espaço entre itens */
.bloco.i-spaced .blk-items-wrapper {margin: -12px; overflow: hidden;}
.bloco.i-spaced .blk-item {margin: 12px;}
.bloco.i-spaced-g .blk-items-wrapper {margin: -18px;} 
.bloco.i-spaced-g .blk-item {margin: 18px;}
.bloco.blk-noimage.i-spaced .blk-header {margin-bottom: 24px;}
.bloco.blk-noimage.i-spaced-g .blk-header {margin-bottom: 36px;}
/* Bloco sem imagem */
.blk-noimage .blk-items {background: #fff;}
/* Itens sem imagem */
.blk-item.blk-item-noimage {display: flex;flex-flow: row nowrap;}
.blk-item.blk-item-noimage .ite-pos {flex: 0 0 15%; align-self: center;}
.blk-item.blk-item-noimage .ite-meta {flex: 1 1 85%;}
/* Itens utilizando toda linha */
.blk-item.i-full-width {flex: 1 1 100%;}
/* Itens com imagem à esquerda */
.bloco .blk-item.i-img-left {display: flex; flex-flow: row nowrap; min-width: 240px;}
.bloco .blk-item.i-img-left .ite-img {flex: 0 0 30%; max-width: 110px;}
.bloco .blk-item.i-img-left .ite-meta {flex: 1; display: flex; flex-flow: column nowrap;}
.bloco .blk-item.i-img-left .ite-nfo {flex: 0; padding-top: 2px; padding-bottom: 2px;}
/*.bloco .blk-item.i-img-left .ite-nfo.nfo-tit {margin-top: auto;}*/
.bloco .blk-item.i-img-left .ite-nfo.nfo-txt {margin-top: auto; margin-bottom: auto;}
.bloco .blk-item[data-img="4x3"].i-img-left .ite-img {flex: 0 0 40%; max-width: 320px;}
.bloco .blk-item[data-img="4x3"].i-img-left .ite-meta {padding: 12px;}
.bloco .blk-item[data-img="4x3"].i-img-left .nfo-tit {margin-bottom: 1rem;}

/* Bloco com separadores */
.bloco.i-sep .sep {display: block;}
.bloco.i-sep .sep.sep-b {width: 90%; height: 1px; bottom: -13px; left: 5%;}
.bloco.i-sep .sep.sep-r {height: 90%; width: 1px; right: -13px; top: 5%;}
.bloco.i-sep.i-spaced-g .sep.sep-b {bottom: -19px;}
.bloco.i-sep.i-spaced-g .sep.sep-r {right: -19px;}
/* Blocos de matérias em sidebar */
.sidebar.sidebar-materias .sidebar-content > .bloco {display: flex; flex-flow:column nowrap; min-height: 100%;}
.sidebar.sidebar-materias .sidebar-content > .bloco .blk-header {flex: 0;}
.sidebar.sidebar-materias .sidebar-content > .bloco .blk-items-wrapper {flex: 1; display: flex; flex-flow: row wrap;}
.sidebar.sidebar-materias .sidebar-content > .bloco .blk-items {flex:1; align-content: space-between;}
.sidebar.sidebar-materias .side-content .nfo-txt {display:block;}
.sidebar.sidebar-materias .side-content {flex-basis: 33%;}
/* Item com imagem cover */
.blk-item.i-cover .ite-img:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url(../img/img-degrade.png) bottom left repeat-x; background-size: auto 100%;}
.blk-item.i-cover .ite-meta {position: absolute; width: 100%; max-height: 100%; overflow: hidden; bottom: 8px;}
/* Item em tab não apresenta o hub */
.tab-content .blk-item .nfo-hub {display: none;}
/* Bloco slider */
.bloco.b-slider .slider-viewport {display: flex; flex-flow: row nowrap;}
.bloco.b-slider .slider-viewport .blk-item {flex: 1; min-width: 0;}
.bloco.b-slider .slider-viewport {width: 200%;}	/* padrão 2 páginas */
.bloco.b-slider .slider-panel.horizontal .blk-item .nfo-tit {margin-bottom: 12px;}
/* Bloco de posts */
.bloco.b-posts .blk-item {min-width: 320px;}
.bloco.b-posts .blk-item .ite-img {flex: 1; width: 50%; position: relative;}
.bloco.b-posts .blk-item .ite-meta {flex: 1;}
.bloco.b-posts .cln-info {position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px; text-align: center;}
.bloco.b-posts .blk-item .ite-img:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url(../img/img-degrade.png) bottom left repeat-x; background-size: auto 100%;}
.bloco.b-posts .blk-item .ite-meta {display: flex; flex-flow: column nowrap; min-height: 100%;}
.bloco.b-posts .blk-item .ite-nfo {flex: 0; padding-top: 6px; padding-bottom: 6px;}
.bloco.b-posts .blk-item .ite-nfo.nfo-txt {display:block; margin-top: auto; margin-bottom: auto;}
.bloco.b-posts .blk-item .ite-nfo.nfo-tit {margin: 0;}
/* Bloco cover + slider */
.bloco.b-cover {position: relative; margin: 40px 0;}
.bloco.b-cover .layer-cover {width: 100%;}
.bloco.b-cover .layer-cover .ite-meta {display: none;}
.bloco.b-cover .layer-cover .ite-img:after {display: none;}
.bloco.b-cover .layer-content {position: absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,.5);}
.bloco.b-cover .layer-content .content {display: flex; flex-flow: column nowrap; height: 100%;}
.bloco.b-cover .layer-content .content-top {min-height: 40px;}
.bloco.b-cover .layer-content .content-bottom {flex: 1; display: flex; flex-flow: row nowrap;}
.bloco.b-cover .blk-item {background: transparent;} 
.bloco.b-cover .cnt-item {flex: 0 1 60%;}
.bloco.b-cover .cnt-slider {flex: 0 0 40%;}
.bloco.b-cover .cnt-item .blk-item {display: flex; flex-flow: row wrap; height: 100%; align-items: flex-end;}
.bloco.b-cover .cnt-item .ite-img {display: none;}
.bloco.b-cover .cnt-item .nfo-txt {display: block; margin-bottom: 24px;}
.bloco.b-cover .cnt-item .ite-meta {position: static; flex: 1;}
.bloco.b-cover .cnt-slider {display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end;}
.bloco.b-cover .cnt-slider .slider-panel {width: 380px; height: 95%; max-height: 90vh;}
.bloco.b-cover .cnt-slider .blk-item {flex: 0; box-shadow: 0 0 4px #000;}
.bloco.b-cover .cnt-item .ite-meta:before {content: '\f144'; font-family: 'Font Awesome 5 Free'; display: block; text-align: center; font-size: 7rem; margin: 10% 0; transition: all ease 200ms; opacity: .6;}
.bloco.b-cover .cnt-item .blk-item:hover .ite-meta:before {transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); opacity: 1;}
/* Bloco com 1 destaque à esquerda */
.bloco.b-1g4p .blk-items {display: flex; flex-flow: row wrap; justify-content: stretch; background: #fff;}
.bloco.b-1g4p .items-g {flex: 1 1 40%; display:flex; flex-flow: row nowrap; justify-content: stretch;}
.bloco.b-1g4p .items-g .blk-item {position: relative; display: flex; flex-flow: column nowrap;}
.bloco.b-1g4p .items-g .blk-item .ite-img {width: 100%; max-width: 260px; margin: auto;}
.bloco.b-1g4p .items-g .blk-item .ite-meta {margin-top: auto;}
.bloco.b-1g4p .items-p {flex: 1 1 60%; display: flex; flex-flow: row wrap;}
.bloco.b-1g4p .items-p .blk-item {flex: 1 1 33.5%; position: relative;}
/* Lista de colunistas */
.bloco.blk-clnst {display: flex; flex-flow: row wrap;}
.bloco.blk-clnst .blk-item {flex: 1 1 33.4%;}
.bloco.blk-clnst .blk-item .ite-nfo.nfo-tit {margin: .5em 0;}
.bloco.blk-clnst .blk-item .ite-nfo.nfo-txt {margin: auto 0;}
.bloco.blk-clnst .blk-item .ite-pub {margin-top: 1em; padding: 0 12px;}
.bloco.blk-clnst .blk-item .ite-pub .nfo-tpo {display: block; padding: 0 0 .25em 0;}
.bloco.blk-clnst .blk-item .ite-pub .pub-tit {display: block; padding: 0;}
.bloco.blk-clnst .blk-item .ite-pub .nfo-tpo:before {display: none;}
/* Customização por HUB */
.bloco.lst_materias_reviews .blk-item .nfo-hub {display: none;}
.lst_posts_colunista .nfo-hub {display: none;}
/* Paginacao */
ul.paginacao {list-style-type: none; display: block; padding: 0; margin: 1.5em 0; text-align: center;}
ul.paginacao li {display: inline-block; margin: .5em;}
ul.paginacao li > * {height: 38px; line-height: 38px; min-width: 30px; text-align: center; font-weight: bold; color: #fff; vertical-align: middle; color: #58585a; display:block; background: #ccc; padding: 0 .5em; border-radius: 5px;}
ul.paginacao li > a {background: #007bff; color: #fff;}
.paginacao-rapida {text-align: center;}
.paginacao-rapida a {text-transform:uppercase; min-width: 120px; text-align: center; font-weight: normal; font-size: 1.4em; display:inline-block; background: #007bff; color: #fff; padding: 0 1em; line-height: 2.3em; border-radius: 7px; margin:0 1em;}
.paginacao-rapida a.btn-ant:before,
.paginacao-rapida a.btn-prx:after {font-size: 1.4em; font-family: 'Font Awesome 5 Free'; font-weight: bold; vertical-align:top;}
.paginacao-rapida a.btn-ant:before {content: '\f0d9'; margin: 0 .5em 0 0;}
.paginacao-rapida a.btn-prx:after {content: '\f0da'; margin: 0 0 0 .5em;}

/* Assinar News */
.bloco.blk-assinar-news {background: #030508 url(site/frontend/padrao/img/diversas/bg_assinar_news.jpg) no-repeat; background-size: cover;}
.bloco.blk-assinar-news .assnws-container {color: #fff; padding: .25em 0; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center;}
.bloco.blk-assinar-news .assnws-left {flex: none;}
.bloco.blk-assinar-news .assnws-center {flex: 1; text-align: center; min-width: 40%;}
.bloco.blk-assinar-news .assnws-right {flex: none;}

.bloco.blk-assinar-news .assnws-form-wrapper {width: 280px; display: none;}
.bloco.blk-assinar-news .assnws-form {display:flex; flex-flow: row wrap;}
.bloco.blk-assinar-news .assnws-form > * {flex: 1 1 100%;}
.bloco.blk-assinar-news .assnws-form button {flex: 0 1 45%;}
.bloco.blk-assinar-news .assnws-error {color: #f88; font-weight:bold; font-size: .9em; margin: 0 .5em;}
.bloco.blk-assinar-news .assnws-loading {font-size: .8rem; text-align: left;}
.bloco.blk-assinar-news .if-loading {display: none !important;}
.bloco.blk-assinar-news .if-completo {display: none !important;}
.bloco.blk-assinar-news .assnws-sucesso {margin: 1em; max-width: 80%; margin-left: auto;}
.bloco.blk-assinar-news .assnws-container.loading .if-loading {display: block !important;}
.bloco.blk-assinar-news .assnws-container.completo .if-completo {display: block !important;} 
.bloco.blk-assinar-news .assnws-container.completo .if-incompleto {display: none !important;}
.bloco.blk-assinar-news .assnws-container.completo .assnws-left {flex: auto;}
.bloco.blk-assinar-news .assnws-container.completo .assnws-right {flex: auto;} 
.bloco.blk-assinar-news input,
.bloco.blk-assinar-news button {height: 32px; outline: none; border: 0; border-radius: 3px; color: #444; font-size: 1rem; margin: .5rem 0; display: block; box-sizing: border-box;}
.bloco.blk-assinar-news input {padding: 6px 9px; width: 100%;}
.bloco.blk-assinar-news button {padding: 6px 18px; background: #009b00; color: #fff; cursor: pointer; margin-left: auto;}
.bloco.blk-assinar-news button[data-button="cancelar"] {margin-right: auto; margin-left: 0; background:red;}
.bloco.blk-assinar-news button:hover:not(:disabled) {background-color: #00af00;}
.bloco.blk-assinar-news button[data-button="cancelar"]:hover:not(:disabled) {background-color: #af0000;}
.bloco.blk-assinar-news input:disabled,
.bloco.blk-assinar-news button:disabled {cursor: default; background: #999; color: #444;}

/*
.bloco.blk-assinar-news .assnws-form {height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: .5em;}
.bloco.blk-assinar-news .assnws-form > * {flex: auto; margin: .5em 0;}
.bloco.blk-assinar-news .assnws-center {flex-basis: 25%; min-width: 300px; margin: .5em;}
.bloco.blk-assinar-news .assnws-left {flex: 0; margin-right: 1em;}
.bloco.blk-assinar-news .assnws-right {flex: 1 1 40%;}
.bloco.blk-assinar-news .assnws-bar {font-sizE: .8rem; text-align: left; display: none;}
.bloco.blk-assinar-news .assnws-sucesso {display: none;}
.bloco.blk-assinar-news .assnws-error {color: #f88; font-weight:bold; font-size: .9em; margin: 0 .5em;}
.bloco.blk-assinar-news input,
.bloco.blk-assinar-news button {padding: 6px 9px; height: 32px; outline: none; border: 0; border-radius: 3px; color: #444; font-size: 1rem; margin: .5rem; flex: 1; box-sizing: border-box;}
.bloco.blk-assinar-news button {padding: 6px 18px; background: #009b00; color: #fff; cursor: pointer;}
.bloco.blk-assinar-news button:hover:not(:disabled) {background-color: #00af00;}
.bloco.blk-assinar-news input:disabled,
.bloco.blk-assinar-news button:disabled {cursor: default; background: #999; color: #444;}
.bloco.blk-assinar-news .assnws-form.loading .assnws-bar {display: block;}
.bloco.blk-assinar-news .assnws-form.sucesso .assnws-sucesso {display: block;}
.bloco.blk-assinar-news .assnws-form.sucesso .assnws-ctrls,
.bloco.blk-assinar-news .assnws-form.sucesso .assnws-greeting {display:none;}
*/