/* Imagem */
.materia .mat-imagem img {width: 100%; height: auto; display: block;}

/* header */
.materia .mat-media {padding-top: 6px;}
.materia .mat-container .mat-lead {margin: 1em auto; max-width: 680px;}
.materia .mat-container .mat-lead:empty {display: none;}
.materia .mat-header {margin-bottom: 12px;}
.materia .mat-header h1 {margin: 0 0 .5em 0;}
.materia .mat-header .hdr-ctrls-bottom {text-align: right;}
.materia .mat-header .hdr-ctrls-top { display: flex; flex-flow: row wrap; align-items: center;}
.materia .mat-header .materia-tarja {margin-left: auto;}

.materia .mat-meta {flex-basis: 100%; margin: .5em 0;}
.materia .mat-meta .meta-item {color: #0DB251; font-size: .9rem; margin-right: .5em;}
.materia .mat-meta .meta-item:before {font-family: 'Font Awesome 5 Free'; font-weight: bold; margin: 0 .5em 0 0;}
.materia .mat-meta .meta-aut:before {content: '\f007';}
.materia .mat-meta .meta-pub-d:before {content: '\f133';}
.materia .mat-meta .meta-pub-h:before {content: '\f017';}
/* header - tags */
.materia .mat-tags {overflow: hidden; text-overflow: ellipsis; margin-bottom: 24px;}
.materia .mat-tags span {margin: 0 1.8em 0 0; text-transform: uppercase; color: #999; font-size: .9rem;}
.materia .mat-tags span:before {content: '\f02c'; font-family: 'Font Awesome 5 Free'; font-weight: bold; margin: 0 .25em 0 0;}
/* header - size btns */
.materia .mat-header [data-txtsize] {color: #999; font-weight: bold; margin: 0 .5rem 0 0; vertical-align: bottom; border-bottom: 2px solid transparent;}
.materia .mat-header [data-txtsize="G"] {font-size: 1.8rem;}
.materia .mat-header [data-txtsize="M"] {font-size: 1.2rem;}
.materia .mat-header [data-txtsize="P"] {font-size: .9rem;}

.materia[data-txtsize="G"] a[data-txtsize="G"] {border-color: #999;}
.materia[data-txtsize="M"] a[data-txtsize="M"] {border-color: #999;}
.materia[data-txtsize="P"] a[data-txtsize="P"] {border-color: #999;}

/* Content  */
.materia .mat-content {color: #444; font-size: 1.1rem; line-height: 1.5rem;}
.materia .mat-container {background: #fff; padding: 12px 0;}
.materia .mat-txt {overflow: hidden;}
.materia .mat-txt img {display: block; margin: 0 auto; max-width: 100%; height: auto !important;}
.materia .mat-txt > p:first-of-type {margin-top: 0;}
.materia .mat-txt > * {max-width: 680px; margin-left: auto; margin-right: auto;}
.materia .mat-txt > p iframe,
.materia .mat-txt > p div,
.materia .mat-txt > p object,
.materia .mat-txt > p embed,
.materia .mat-txt > p div {display: block; max-width: 100%;}
.materia .mat-txt > iframe,
.materia .mat-txt > object,
.materia .mat-txt > embed,
.materia .mat-txt > div {display: block; margin-bottom: 1em;}

.materia .mat-txt > .blk-pub {max-width: none; margin-left: 0; margin-right: 0;}

.materia .mat-txt-links {font-size: .9em;}
.materia .mat-txt-links strong {display: block; margin: .5em 0;}
.materia .mat-txt-links a {display: block;}
.materia .mat-txt-links a:before {content: '\f0c1'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: .8em; margin-right: 6px;}
/* Notícia, hdr-meta em cover */
.materia .mat-imagem {position: relative;}
.materia .mat-imagem .hdr-meta {position: absolute; bottom: 0; width: 100%; color: #fff; background: url(../../img/img-degrade.png) bottom left repeat-x; background-size: auto 100%; padding: 1em;}
.materia .mat-imagem .hdr-meta .meta-item {color: #fff;}
.materia .mat-imagem .hdr-meta {display: none;}
.materia .mat-header .hdr-meta {display: block;}
.materia[data-tipo="1"] .mat-imagem .hdr-meta {display: block;}
.materia[data-tipo="1"] .mat-header .hdr-meta {display: none;}
/* Players de vídeo */
.materia .mat-player-wrapper {max-width: 940px; margin: 0 auto 24px auto;}
.materia .mat-player {position: relative; margin: 0; padding: 0 0 56.25% 0; height: 0; background: #fff;}
.materia .mat-player > div,
.materia .mat-player > video,
.materia .mat-player > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.materia[data-tipo="2"] .mat-header {max-width: 940px; margin-left: auto; margin-right: auto;}

/* Botões de compartilhamento */
.redes-sociais {text-align: left; margin-bottom: 12px;}
.redes-sociais .redes-titulo {font-size: .8rem; color: #444;}
.redes-sociais .redes-buttons {display: flex; flex-flow: row wrap;}
.redes-sociais a {display: block; text-align: center; text-decoration: none; font-size: 24px; padding: 12px 0; width: 48px; height: 48px; margin: 6px 12px 6px 0; box-sizing: border-box;}
.redes-sociais a:hover {opacity: 0.7;}
.redes-sociais a.share-wpp-web {display: block;}
.redes-sociais a.share-wpp-mobile {display: none;}
.redes-sociais a.share-embed {display: none;}
.materia[data-tipo="2"] .redes-sociais a.share-embed {display: block;}