/* =============================== BARRA VEICULOS ================================= */
.menu-veiculos li:first-child { display:none; }

/* =============================== MANCHETE ================================= */
.tit-big, .lista-mais-lidas p, .hover-tit-noticias .tit-small, .hover-p-noticias p, .hover-p-geral p, .hover-p-cultura p, .hover-p-esportes p, .listagem-col-left li a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.main { margin-bottom: 50px; }
.lista-destaque-home { float: left; overflow: hidden; width: 70%; }
.destaque-home-modelo4 .lista-destaque-home { width: 100%; }
.tit-big { font-size: 50px; line-height: 58px; }
.tit-small { font-size: 25px; line-height: 29px; }
.tit-mini { font-size: 22px; line-height: 25px; }
.abre { font-family: "PT Serif"; font-size: 20px; color: #777; line-height: 26px; margin-bottom: 20px }
.tit-big,.tit-small, .tit-mini { margin-bottom: 10px; padding-top: 5px; }
.lista-destaque-home .figcaption-absolute > img { min-width: 100%;max-width:100%;}
.container-selo { margin-bottom: 0; }

/* Manchete Modelo 1 */
.destaque-home-modelo1 .lista-destaque-home li:first-child { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(2) { float: left; min-height: 490px; width: 60%; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(2) figure { height: 275px; display: block; overflow: hidden; width: 100%; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(3) figure { height: 180px; display: block; overflow: hidden; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(3) { float: right; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 20px; width: 38%; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(4) { float: right; margin-bottom: 10px; position: relative; width: 38%; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(4) .selo-editorial span { float: left; position: relative; top: 0; }
.destaque-home-modelo1 .lista-destaque-home li:nth-child(5) { float: right; width: 300px; }

/* Manchete Modelo 2 */
.destaque-home-modelo2 .lista-destaque-home li { float: left; width: 32%; border-right: 1px solid #ccc; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.destaque-home-modelo2 .lista-destaque-home li:nth-child(2) { padding-left: 0; margin-left: 5px;  }
.destaque-home-modelo2 .lista-destaque-home li:first-child { border: none; width: 100%; overflow: hidden; clear: both; padding: 0; margin: 0; }
.destaque-home-modelo2 .lista-destaque-home li:first-child p { margin-bottom: 10px; }
.destaque-home-modelo2 .lista-destaque-home li:first-child figure { display: block; height: 480px; overflow: hidden; margin-bottom: 20px; }
.destaque-home-modelo2 .lista-destaque-home li:first-child figure img { display: block; }
.destaque-home-modelo2 .lista-destaque-home li:last-child { border: none; padding-right: 0; }
.destaque-home-modelo2 .lista-mais-lidas li:nth-child(5) { border: none; margin-bottom: 0; padding-bottom: 15px; }
.destaque-home-modelo2 .lista-mais-lidas li:last-child { margin: 0; padding: 0; border: none; }

/* Manchete Modelo 3 */
.destaque-home-modelo3 .lista-destaque-home-esquerda { width: 40%; float: left; margin-right: 3%; padding: 0; }
.destaque-home-modelo3 .lista-destaque-home-esquerda li { float: left; width: 49%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #ccc; }
.destaque-home-modelo3 .lista-destaque-home-esquerda li:first-child { margin-bottom: 20px; float: none; width: 100%; border: none; padding: 0; }
.destaque-home-modelo3 .lista-destaque-home-esquerda li:first-child figure { width: 470px; height: 275px; }
.destaque-home-modelo3 .lista-destaque-home-esquerda li:nth-child(3) { border: none; padding-right: 0; }
.destaque-home-modelo3 .lista-destaque-home-esquerda li:nth-child(2){ padding-left: 0; margin-left: 5px; }
.destaque-home-modelo3 .lista-destaque-home-direita { width: 300px; float: left; }
.destaque-home-modelo3 .lista-destaque-home-direita li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;  }
.destaque-home-modelo3 .lista-destaque-home-direita li figure { width: 300px; height: 180px; position: relative; overflow: hidden; }
.destaque-home-modelo3 .lista-destaque-home-direita li figure .cartola-absolute { margin-top: 0; bottom: 0; }
.destaque-home-modelo3 .lista-destaque-home-direita li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.destaque-home-modelo3 .lista-destaque-home-direita li:nth-child(3) { border: none; margin-bottom: 0; }
.destaque-home-modelo3 .lista-destaque-home-direita li:nth-child(2) .selo-editorial span,
.destaque-home-modelo3 .lista-destaque-home-direita li:nth-child(3) .selo-editorial span,
.destaque-home-modelo3 .lista-destaque-home-esquerda li:nth-child(2) .selo-editorial span,
.destaque-home-modelo3 .lista-destaque-home-esquerda li:nth-child(3) .selo-editorial span { float: left; position: relative; top: 0; }
.destaque-home-modelo3 figcaption.selo-editorial span {top: inherit;bottom: 0;float: none;left: 0;right: inherit;border: none;}

/* Manchete Modelo 4 */
.destaque-home-modelo4 .lista-destaque-home li:first-child { width: 100%; clear: both; overflow: hidden; border: none; padding: 0; }
.destaque-home-modelo4 .lista-destaque-home li:first-child figure { display: block; width: 100%; height: 450px; margin-bottom: 20px; overflow: hidden; }
.destaque-home-modelo4 .lista-destaque-home li:nth-child(2) { padding-left: 15px; }
.destaque-home-modelo4 .lista-destaque-home li:nth-child(4) { border: none; padding-right: 0; }
.destaque-home-modelo4 .lista-destaque-home li { float: left; width: 22%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #ccc; }
.destaque-home-modelo4 .lista-destaque-home li:last-child { border: none; width: 300px; padding: 0; float: right; }
.destaque-home-modelo4 .lista-destaque-home li:nth-child(2) .selo-editorial span,
.destaque-home-modelo4 .lista-destaque-home li:nth-child(3) .selo-editorial span,
.destaque-home-modelo4 .lista-destaque-home li:nth-child(4) .selo-editorial span { float: left; position: relative; top: 0; }

/* Mais lidas */
.container-mais-lidas { float: right; width: 300px; width: 27%; }
.lista-mais-lidas {  }
.lista-mais-lidas li { border-bottom: 1px solid #ccc; padding-bottom: 25px; margin-bottom: 25px; }
.lista-mais-lidas li:last-child { border: none; }
.lista-mais-lidas a {  }
.lista-mais-lidas p { font-size: 22px; line-height: 26px;  }
.tit-mais-lidas { display: inline-block; color: #fff; font-size: 22px; line-height: 26px; font-family: "oswald-regular"; padding: 5px; margin-bottom: 30px; height: 35px; overflow: hidden; }
.tit-mais-lidas::after { content: " "; display: block; width: 15px; height: 22px; margin-left: 9px; float: right; background: url('../../geral/imgs/sprite.png') no-repeat -221px -608px; }

/* =============================== CAROUSEL BLOGS E COLUNAS ====================================*/
.caixa-sombra { overflow: hidden; padding: 20px 10px; -webkit-box-shadow: 1px 2px 10px 1px rgba(208,208,208,1); -moz-box-shadow: 1px 2px 10px 1px rgba(208,208,208,1); box-shadow: 1px 2px 10px 1px rgba(208,208,208,1); }
.caixa-sombra h2 { margin-bottom: 30px; padding-top: 10px; padding-left: 20px; }
.container-owl-blogs-colunas { min-height: 110px; }
#carousel-blogs-colunas { width: 96%; margin: 0 auto; padding: 0 5px; }
.carousel-side-bar { overflow: hidden; margin-bottom: 25px; }
.carousel-side-bar .item-colunista span { font-size: 14px; }
.carousel-side-bar .item-colunista { padding-top: 0; }
.item-carousel-blog { display: block;  width: 90%; height: 106px; overflow: hidden; margin: 0 auto; }
.item-carousel-blog .cartola-medium { line-height: 30px; margin-bottom: 0; }
.item-carousel-blog figure { display: block; float: left; width: 100px; height: 100px; margin-right: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.item-carousel-blog figure img { display: block; width: 100%; height: 100%; }
.item-carousel-blog .tit-mini { padding-top: 0 }
#carousel-blogs-colunas .owl-nav button { display: block; width: 21px; height: 40px; font-size: 0; text-indent: -999px; position: absolute; top: 30px; background-image: url('../../geral/imgs/sprite.png'); background-repeat: no-repeat; }
#carousel-blogs-colunas .owl-prev { background-position: -78px -387px;  left: -20px; }
#carousel-blogs-colunas .owl-next { background-position: -105px -387px; right: -10px; }

/* ======================================== CAIXAS NOTICIAS ==================================== */
.row-cx-home { overflow: hidden; clear: both; }
.col-left { width: 300px; }
.col-center { width: 40.2%; }
.col-right { width: 300px; }
.col-left, .col-center { overflow: hidden; margin-right: 25px; }
.col-left, .col-center, .col-right { display: inline-block; vertical-align: top; }
.main-caixas { overflow: hidden; background-position: center top; background-repeat: no-repeat; margin-bottom: 35px; }
.main-caixas .banner-retangulo, .main-caixas .relacionada { font-size: 20px; line-height: 25px; }
.main-caixas .abre { margin-bottom: 10px; }
.main-caixas .container .tit-caixa { margin-top: 15px; }
.main-caixas .btn-ver-mais { margin-top: 10px; }
.col-center .figcaption-absolute { margin-bottom: 5px; width: 458px; overflow: hidden; display: block; height: 275px; width: 100%; }
.col-center .figcaption-absolute img { min-width: 100%; min-height: 100%; }
.main-caixas .listagem-col-left figure, .main-caixas .listagem-col-right figure { height: 180px; }
.main-caixas figure img { width: 100%; }

/* Listagem Caixas */
.listagem-col-left li .tit-small, .listagem-col-right li .tit-small { margin: 0; font-size: 25px; line-height: 29px; font-family: "oswald-regular"; }
.listagem-col-left li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-family: "oswald-light"; font-size: 25px; line-height: 30px; }
.listagem-col-left li a { display: block }
.listagem-col-left li figure { margin-bottom: 5px; }
.listagem-col-left li:last-child, .listagem-col-right li:last-child { margin-bottom: 0; padding-bottom: 0; border: none;  }
.listagem-col-left li div.selo-editorial { position: relative; }
.listagem-col-left li div.selo-editorial span { position: relative; float: left; margin: 0; top: 0; font-size: 15px; line-height: 18px; padding: 3px 4px 0px; }

/* Listagem Caixas Direita */
.listagem-col-right li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-family: "oswald-light"; font-size: 25px; line-height: 30px; }
.listagem-col-right li { padding-bottom: 20px; margin-bottom: 20px; }

/* Caixa Noticias */
.main-caixa-noticias .listagem-col-left li:nth-child(2), 
.main-caixa-divirtase .listagem-col-left li:nth-child(2) { border: none; margin-bottom: 10px; padding: 0; }
.main-caixa-noticias .col-right-noticia { margin-bottom: 40px; }
.main-caixa-noticias .col-right-noticia .tit-small { margin-bottom: 10px; display: block; }

/* Caixa Esportes */
.conainter-times-locais { min-height: 35px; width: 100%; clear: both; position: relative; max-width: 458px; margin: 20px auto; display: inline-block; height: auto; }
.conainter-times-locais span { color: #fff; font-size: 21px; line-height: 27px; font-family: "oswald-regular"; display: block; float: left; padding: 4px 10px; width: 70%; }
.time-local { position: absolute; display: block; font-size: 0; text-indent: -9999px; background-size: 90%; top: -13px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.time-local:hover { background-size: 100%; }
#time-local-ceara { background-image: url('https://www.opovo.com.br/includes/assets/online/esportes/imgs/ceara.png'); background-repeat: no-repeat; background-position: center; width: 60px; height: 64px; right: 60px; }
#time-local-fortaleza { background-image: url('https://www.opovo.com.br/includes/assets/online/esportes/imgs/fortaleza.png'); background-repeat: no-repeat; background-position: center; width: 56px; height: 73px; right: 0; top: -22px; }
.main-caixa-esportes .tit-mais-lidas { margin-bottom: 20px; }
.main-caixa-esportes .tit-mais-lidas span { font-family: "oswald-light"; display: inline-block; padding-left: 20px; }
.main-caixa-esportes .col-right .tit-small { margin-bottom: 10px; display: block; }
.main-caixa-esportes .col-right-noticia { margin-bottom: 37px; }
.home-video-esportes { overflow: hidden; height: 279px; }

/* Caixa Jornal O POVO */
.main-caixa-opovo .col-right .tit-caixa { margin-bottom: 5px; line-height: 33px; margin-top: 0 }
.home-capa-jornal { overflow: hidden; width: 300px; }
.home-capa-jornal .home-capa-img { float: left; width: 199px;  }
.home-capa-jornal .home-capa-img img { display: block; width: 89%; height:255px;}
.home-capa-jornal div span { font-size: 20px; line-height: 25px; font-family: "oswald-light"; display: block; padding-top: 100px; margin-bottom: 10px; padding-left: 10px; }
.container-links-app { width: 98px; float: right; }
.links-app { overflow: hidden; border-top: 1px solid #ccc; }
.links-app li { float: left; display: block; padding-top: 10px; }
.links-app li a { display: block; font-size: 0; text-indent: -9999px; background-image: url('../../geral/imgs/sprite.png'); background-repeat: no-repeat; margin-left: 10px; }
.app-store { width: 23px; height: 30px; background-position: -147px -606px; }
.play-store { width: 26px; height: 30px; background-position: -180px -608px; }

/* ======================================== VIDEOS ========================================== */
.main-videos { padding: 42px 0;  }
.main-videos h3.tit-caixa { color: #fff; }
.main-videos .bg-geral { background-color: #fff; fill: #fff; }
.home-lista-videos { overflow: hidden; position: relative; height: 440px; }
.home-lista-videos li a { display: block; overflow: hidden; }
.home-lista-videos li a div { display: block; margin-bottom: 5px; height: 137px; position: relative; }
.home-lista-videos li a div img { display: block; min-width: 100%; height: 100%; position: relative; }
.home-lista-videos li a div::after { display: block; content: ""; width: 66px; height: 66px; position: absolute; margin: 0 auto; background-image: url(../../geral/imgs/sprite.png); background-repeat: no-repeat; background-position: -721px -132px; right: 0; left: 0; top: 40px; }
.home-lista-videos li a span { display: block; text-align: center; color: #fff; font-family: "oswald-light"; font-size: 20px; line-height: 26px; max-height: 50px; overflow: hidden; }
.home-lista-videos, .home-lista-especiais { display: flex; }
.home-lista-videos .box-esquerda-destaque div::after { width: 110px; height: 110px; background-position: -163px -383px; top: 120px; }
.home-lista-videos .box-esquerda-destaque li a span { font-size: 25px; line-height: 29px; max-height: 60px; }
.home-lista-videos .box-esquerda-destaque div { height: 356px; }
.box-esquerda-destaque, .box-direita { width: 50%; }
.box-direita { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 40px; }
.box-direita li { width: 45%; }

/* ======================================== ESPECIAIS ========================================== */
.main-especiais { margin-bottom: 60px; }
.home-lista-especiais { overflow: hidden; position: relative; height: 450px; height: auto; }
.home-lista-especiais li a { display: block; width: 100%; height: 218px; }
.home-lista-especiais li .selo-editorial { margin-bottom: 0; margin-top: 0; position: absolute; top: 12px; right: 5px; }
.home-lista-especiais li .selo-editorial span { position: relative; top: 0; border: none; }
.home-lista-especiais li .cartola-absolute { bottom: 0; padding-bottom: 28px }
.home-lista-especiais li a figure { position: relative; height: 100%; }
.home-lista-especiais li a figure img { display: block; width: 100%; height: 100%; position: relative; }
.home-lista-especiais li a .cartola { position: absolute; bottom: 0; margin-bottom: 0;   }
.home-lista-especiais li:nth-child(1) .selo-editorial { top: 23px; right: 20px;  }
.home-lista-especiais .box-direita { padding-left: 5px; }
.home-lista-especiais .box-direita li { width: 48.6%; margin-bottom: 10px; }
.home-lista-especiais .box-esquerda-destaque li a { width: 98%; height: 450px; }
.home-lista-especiais .box-direita li:nth-child(2n) { margin-right: 0; }

/* ======================================== VEICULOS ========================================== */
.lista-noticias-veiculos li { display: block; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.lista-noticias-veiculos li a { font-family: "oswald-light"; font-size: 25px; line-height: 30px; }
.lista-noticias-veiculos li:first-child { margin-bottom: 0; padding-bottom: 0px; border: none; }
.lista-noticias-veiculos li:last-child { border: none !important; }
.home-logo-veiculo { display: block; overflow: hidden; height: 40px; margin-bottom: 8px; background-color: transparent }
.home-logo-veiculo img { display: block; height: 100%; width: auto; }
.home-destaque-veiculo { display: block; width: 100%; }
.home-destaque-veiculo figure { display: block; width: 100%; overflow: hidden; height: 216px; margin-bottom: 10px; }
.home-destaque-veiculo figure img { display: block; height: 216px; width: 100%; margin-bottom: 8px; }
.lista-noticias-veiculos li a.home-destaque-veiculo span { font-family: "oswald-regular";  font-size: 30px; line-height: 35px; }

/* ======================================== VIDA E ARTE ========================================== */
.main-vidaearte .col-left, .main-vidaearte .col-center { width: 360px; }
.main-vidaearte .col-center .figcaption-absolute { height: 216px; }
.link-tag { position: relative; display: block; }
.link-tag .tag { position: absolute; top: 14px; right: 10px; color: #fff; padding: 2px 7px 0; border-radius: 5px; color: #fff; font-family: 'oswald-light'; font-size: 17px; line-height: 24px; z-index: 2; }

/* ======================================== TREND TOPICS ========================================== */
.main-trendtopics { margin-bottom: 100px, display: none; }
.trendtopics { overflow: hidden; height: 570px; position: relative; }
.trend { display: block; width: 190px; height: 190px; overflow: hidden; position: absolute }

.double-trend { display: block; width: 380px; height: 380px; max-height: 380px; }
.trend a, .double-trend a { display: block; position: relative; width: 100%; height: 100%; }
.trend div, .double-trend div { display: table; position: absolute; padding: 20px; top: 0; width: 101%; height: 101%; opacity: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.double-trend div { padding: 30px; }
.trend div p, .double-trend div p { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-family: "oswald-light"; line-height: 27px; }
.trend div p { font-size: 20px; }
.double-trend div p { font-size: 25px; }
.trend:hover div, .double-trend:hover div, .trend-no-imagem div { opacity: 1; z-index: 2; }
.trendtopics li img { min-height: 100%; min-width: 100%; }
.trend-publieditorial div { background: #FF5C26; }
.trend-publieditorial div.selo-editorial { opacity: 1; }
.trend-publieditorial div.selo-editorial span { top: 12px; left: 7px; z-index: 1; right: inherit; border: none }

.trendtopics {
    display: flex;
    flex-wrap: wrap;
}

.trend {
    height: 190px;
    width: 190px;
    overflow: hidden;
}

.double-trend {
    width: 380px;
    height: 380px;
}

/* Modelo 1 (Padrao) */
.trendtopics li:nth-child(1) { left: 380px; top: 0 }
.trendtopics li:nth-child(2) { left: 760px; top: 190px }
.trendtopics li:nth-child(3) { left: 0; top: 0 }
.trendtopics li:nth-child(4) { left: 190px; top: 0 }
.trendtopics li:nth-child(5) { left: 760px; top: 0 }
.trendtopics li:nth-child(6) { left: 950px; top: 0 }
.trendtopics li:nth-child(7) { left: 0px; top: 190px; }
.trendtopics li:nth-child(8) { left: 190px; top: 190px; }
.trendtopics li:nth-child(9) { left: 0%; top: 380px; }
.trendtopics li:nth-child(10) { left: 190px; top: 380px; }
.trendtopics li:nth-child(11) { left: 380px; top: 380px; }
.trendtopics li:nth-child(12) { left: 570px; top: 380px; }

/* Modelo 2 */
.trendtopics.trendtopics-modelo2 li:nth-child(1) { left: 0; top: 0 }
.trendtopics.trendtopics-modelo2 li:nth-child(2) { left: 760px; top: 190px }
.trendtopics.trendtopics-modelo2 li:nth-child(3) { left: 380px; top: 0 }
.trendtopics.trendtopics-modelo2 li:nth-child(4) { left: 570px; top: 0 }
.trendtopics.trendtopics-modelo2 li:nth-child(5) { left: 950px; top: 0 }
.trendtopics.trendtopics-modelo2 li:nth-child(6) { left: 760px; top: 0 }
.trendtopics.trendtopics-modelo2 li:nth-child(7) { left: 380px; top: 190px; }
.trendtopics.trendtopics-modelo2 li:nth-child(8) { left: 570px; top: 190px; }
.trendtopics.trendtopics-modelo2 li:nth-child(9) { left: 0%; top: 380px; }
.trendtopics.trendtopics-modelo2 li:nth-child(10) { left: 190px; top: 380px; }
.trendtopics.trendtopics-modelo2 li:nth-child(11) { left: 570px; top: 380px; }
.trendtopics.trendtopics-modelo2 li:nth-child(12) { left: 380px; top: 380px; }

/* Modelo 3 */
.trendtopics.trendtopics-modelo3 li:nth-child(1) { left: 190px; top: 0 }
.trendtopics.trendtopics-modelo3 li:nth-child(2) { left: 570px; top: 190px }
.trendtopics.trendtopics-modelo3 li:nth-child(3) { left: 950px; top: 0 }
.trendtopics.trendtopics-modelo3 li:nth-child(4) { left: 0; top: 0 }
.trendtopics.trendtopics-modelo3 li:nth-child(5) { left: 760px; top: 0 }
.trendtopics.trendtopics-modelo3 li:nth-child(6) { left: 570px; top: 0 }
.trendtopics.trendtopics-modelo3 li:nth-child(7) { left: 950px; top: 190px; }
.trendtopics.trendtopics-modelo3 li:nth-child(8) { left: 0; top: 190px; }
.trendtopics.trendtopics-modelo3 li:nth-child(9) { left: 0%; top: 380px; }
.trendtopics.trendtopics-modelo3 li:nth-child(10) { left: 190px; top: 380px; }
.trendtopics.trendtopics-modelo3 li:nth-child(11) { left: 380px; top: 380px; }
.trendtopics.trendtopics-modelo3 li:nth-child(12) { left: 950px; top: 380px; }

.img-horizontal { display: block; position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  }
.img-vertical { width: 100%; height: auto; }
.container-img-horizontal, .container-img-vertical { position: relative; }
.container-img-horizontal img { display: block; position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  }
.container-img-vertical img { width: 100%; height: auto; }

/* ============ BOTAO CBN ================= */
.btn-cbn { position:absolute; top: 15px; right: 15px }
.btn-cbn a {display:block}
.btn-cbn img { width: 100%; height:auto; }

/* ======================================== BANNER BACKGROUND ===================================== */
.sb-banner-background { width: 100%; height: 720px; display: block; margin: 20px auto; position: relative; }
.sb-banner-background div { position: absolute; top: 0; left: 50%; width: 1750px; height: 720px; margin-top: 0px; margin-left: -875px; }

/* ======================================= LAZYLOAD AJUSTES ======================================= */
figure, .home-capa-jornal .home-capa-img { overflow: hidden; }

.box-lista { display: flex; justify-content: space-between; }
.container-vitrine-populares .col-left { width: 70%; float: left; }
.col-right.box-populares { width: 26%; float: right; }
.main-vidaearte .box-lista { margin: 0 15px; }

.col-banner {
    flex-basis: 300px;
    width: 300px;
    flex-shrink: 0;
}

/* ======================================= CAIXA BLOGS ======================================= */

.main-caixa-blogs .col-center .figcaption-absolute, .main-caixa-blogs div[class^=col] figure {
    height: 220px;
}

.main-caixa-blogs .box-lista div[class^=col] {
    width: 32.4%;
    margin-right: 0;
}

.main-caixa-blogs .box-lista figcaption {
    background-color: #000;
    color: #fff;
    padding: 5px 10px 0;
}

/* ======================================= MEDIA QUERY ======================================== */

@media (max-width: 1170px) and (min-width: 691px) {
    .trendtopics {
        height: 48.717948717948715VW;
    }
    .trend {
        width: 16.23931623931624VW;
        height: 16.23931623931624VW;
    }
    .double-trend {
        width: 32.47863247863248VW;
        height: 32.47863247863248VW;
    }

    .main-trendtopics .trendtopics li:nth-child(2),
    .main-trendtopics .trendtopics li:nth-child(7),
    .main-trendtopics .trendtopics li:nth-child(8) {
        top: 16.23931623931624VW!important;
    }
    .trendtopics.trendtopics-modelo2 li:nth-child(9),
    .trendtopics.trendtopics-modelo2 li:nth-child(10),
    .trendtopics.trendtopics-modelo2 li:nth-child(11),
    .trendtopics.trendtopics-modelo2 li:nth-child(12),
    .trendtopics li:nth-child(9),
    .trendtopics li:nth-child(10),
    .trendtopics li:nth-child(11),
    .trendtopics li:nth-child(12),
    .trendtopics.trendtopics-modelo3 li:nth-child(9),
    .trendtopics.trendtopics-modelo3 li:nth-child(10),
    .trendtopics.trendtopics-modelo3 li:nth-child(11),
    .trendtopics.trendtopics-modelo3 li:nth-child(12) {
        top: 32.47863247863248VW;
    }
    .trendtopics li:nth-child(8),
    .trendtopics li:nth-child(10),
    .trendtopics li:nth-child(4),
    .trendtopics.trendtopics-modelo3 li:nth-child(1),
    .trendtopics.trendtopics-modelo2 li:nth-child(10),
    .trendtopics.trendtopics-modelo3 li:nth-child(10) {
        left: 16.23931623931624VW;
    }
    .main-trendtopics .trendtopics li:nth-child(11),
    .trendtopics.trendtopics-modelo2 li:nth-child(3),
    .trendtopics.trendtopics-modelo2 li:nth-child(7),
    .trendtopics li:nth-child(1) {
        left: 32.47863247863248VW;
    }
    .main-trendtopics .trendtopics li:nth-child(12),
    .trendtopics.trendtopics-modelo2 li:nth-child(4),
    .trendtopics.trendtopics-modelo2 li:nth-child(8),
    .trendtopics.trendtopics-modelo3 li:nth-child(6),
    .trendtopics.trendtopics-modelo3 li:nth-child(2) {
        left: 48.717948717948715VW;
    }
    .trendtopics.trendtopics-modelo2 li:nth-child(6),
    .trendtopics.trendtopics-modelo2 li:nth-child(2),
    .trendtopics li:nth-child(2),
    .trendtopics li:nth-child(5),
    .trendtopics.trendtopics-modelo3 li:nth-child(5) {
        left: 64.95726495726495VW;
    }
    .trendtopics.trendtopics-modelo2 li:nth-child(5),
    .trendtopics li:nth-child(6),
    .trendtopics.trendtopics-modelo3 li:nth-child(12),
    .trendtopics.trendtopics-modelo3 li:nth-child(3),
    .trendtopics.trendtopics-modelo3 li:nth-child(7) {
        left: 81.19658119658119VW;
    }

    .trend div p, .double-trend div p {
        font-size: 2.1367521367521367VW;
        line-height: 2.307692307692308VW;
    }
}

@media (max-width: 1160px) {
    .destaque-home-modelo3 .container-mais-lidas,
    .destaque-home-modelo2 .lista-destaque-home,
    .destaque-home-modelo2 .container-mais-lidas,
    .destaque-home-modelo2 .lista-mais-lidas li:last-child { width: 100%; }
    .destaque-home-modelo2 .lista-mais-lidas li {
        border: none;
        width: 20%;
        float: left;
        padding-right: 20px;
    }
    .destaque-home-modelo2 .lista-destaque-home {
        margin-bottom: 35px;
    }
}

@media (max-width: 1104px) {
    .destaque-home-modelo3 .container-mais-lidas { width: 24%; }
}

@media (max-width: 960px) {
   .main-vidaearte .col-left, .main-vidaearte .col-center { width: 47%; }
    .main-vidaearte .col-left { margin-left: 0; }
    .caixa-sombra h2 { padding-left: 0; }
    .sidetab-main { display: none; }
    .btn-cbn { position: relative; width: 300px; left: 0; top: 0; margin-bottom: 10px; }
    .destaque-home-modelo4 .lista-destaque-home li { width: 33.33% }
    .tit-big {
        font-size: 32px;
        line-height: 38px;
    }
    .col-right.box-populares {
        margin: 35px auto;
    }
    .vitrine-populares {
        margin-bottom: 0;
    }
    .destaque-home-modelo4 .lista-destaque-home li:last-child {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width: 940px) {
    .destaque-home-modelo3 .lista-destaque-home-esquerda {
        width: 56%;
    }
    .destaque-home-modelo3 .container-mais-lidas {
        width: 100%;
    }
    .destaque-home-modelo3 .lista-mais-lidas li {
       border: 0; 
       width: 20%; 
       float: left; 
       padding-right: 20px; 
   }
}

@media (max-width: 899px) {
    .box-lista {
        flex-direction: column;
    }
    .box-lista > div:not(:last-child) {
        margin-bottom: 35px;
    }
    .figcaption-absolute img {
        min-width: 100%;
        min-height: 100%;
    }
    .figcaption-absolute {
        height: 275px;
    }
    .col-left, .col-center, .col-right, .container-vitrine-populares .col-left, .col-right.box-populares,
    .main-vidaearte .col-left, .main-vidaearte .col-center {
        width: 100%;
        margin-right: 0;
    }
    .col-banner {
        flex-basis: 100%;
    }
    .home-capa-jornal {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .home-lista-videos, .home-lista-especiais { flex-direction: column; height: auto; }
    .box-esquerda-destaque, .box-direita, .home-lista-especiais .box-esquerda-destaque li a { width: 100%; }
    .box-direita { padding-left: 0; margin-top: 50px; }
    .home-lista-videos li a div img{ /*height: auto;*/ width: 100% }
    .box-direita li, .home-lista-especiais .box-direita li { margin-bottom: 20px; }
    .main-trendtopics { margin-bottom: 50px; }
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(2) { width: 52%; }
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(3),
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(4) { width: 46%; }
    .home-lista-especiais .box-esquerda-destaque li a { height: 385px; }
    .box-esquerda-destaque { margin-bottom: 45px; }
    .sb-banner-background { display: none; }
}

@media (max-width: 767px) {
    .item-carousel-blog { width: 80%; }
    .destaque-home-modelo1 .lista-destaque-home, .destaque-home-modelo2 .lista-destaque-home { margin-bottom: 20px; margin-right: 0; }
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(5) { float: left; }
    .box-lista {
        flex-direction: column;
    }
    .col-left, .col-right, .col-center, .destaque-home-modelo3 .lista-destaque-home-esquerda,
    .destaque-home-modelo3 .lista-destaque-home-direita {
        width: 100%;
        margin-bottom: 35px;
    }
    .row-cx-home .box-lista > div,
    .destaque-home-modelo3 .lista-mais-lidas li {
        padding-right: 0;
    }
    .main-vidaearte .box-lista {
        margin: 0;
    }
    .banner-selo {
        margin-bottom: 0;
    }
    .destaque-home-modelo1 .lista-destaque-home,
    .container-mais-lidas, .destaque-home-modelo3 .lista-mais-lidas li,
    .destaque-home-modelo3 .lista-destaque-home-esquerda li:first-child figure,
    .destaque-home-modelo3 .lista-destaque-home-direita li figure, .lista-destaque-home img {
        width: 100%;
    }
    .lista-mais-lidas li { border: 0; }
}

@media (max-width: 690px) {
    .trendtopics li:not(:nth-child(-n+4)) {
        display: none;
    }
    .trendtopics li:nth-child(1),
    .trendtopics li:nth-child(2),
    .trendtopics.trendtopics-modelo2 li:nth-child(2),
    .trendtopics.trendtopics-modelo2 li:nth-child(3),
    .trendtopics.trendtopics-modelo3 li:nth-child(1),
    .trendtopics.trendtopics-modelo3 li:nth-child(2),
    .trendtopics.trendtopics-modelo3 li:nth-child(3),
    .trendtopics.trendtopics-modelo3 li:nth-child(4) {
        left: 0;
    }
    .trendtopics li:nth-child(2),
    .trendtopics.trendtopics-modelo2 li:nth-child(2),
    .trendtopics.trendtopics-modelo3 li:nth-child(2) {
        top: 370px;
    }
    .trendtopics li:nth-child(3),
    .trendtopics li:nth-child(4),
    .trendtopics.trendtopics-modelo2 li:nth-child(3),
    .trendtopics.trendtopics-modelo2 li:nth-child(4),
    .trendtopics.trendtopics-modelo3 li:nth-child(3),
    .trendtopics.trendtopics-modelo3 li:nth-child(4) {
        top: 200px;
        width: 50%;
    }
    .trendtopics li:nth-child(4),
    .trendtopics.trendtopics-modelo2 li:nth-child(4),
    .trendtopics.trendtopics-modelo3 li:nth-child(4) {
        left: 50%;
    }
    .trend {
        height: 170px;
    }
    .double-trend {
        width: 100%;
        height: 200px;
    }
    .trend div p, .double-trend div p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .trend .bg-noticias, .double-trend .bg-noticias {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 585px) {
    .main { margin-bottom: 35px; /*margin-top: 105px;*/}
    .box-lista div.col-left, .col-right-noticia,
    .box-lista.box-jornal .col-right, .box-direita li, .home-lista-especiais .box-direita li,
    .home-lista-especiais .box-esquerda-destaque li a,
    .main.main-destaque-home .lista-destaque-home li { width: 100%; }
    .box-lista div.col-center, .box-lista > div, .home-lista-videos .box-direita li,
    .box-direita li, .home-lista-especiais .box-direita li { margin-bottom: 35px; }
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(2) { margin-bottom: 10px; }
    .lista-destaque-home .relacionada { margin-bottom: 20px; }
    .col-left .banner-selo { margin-bottom: 15px; }
    #carousel-blogs-colunas .owl-prev { left: -10px; }
    #carousel-blogs-colunas .owl-next { right: 0; }
    .col-right { margin-top: 0; }
    .home-lista-especiais .box-direita li,.box-lista > div:not(:last-child) { margin-right: 0; }
    .home-lista-especiais li a figure img { max-height: 220px; }
    .trend .img-horizontal { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; top: 0; }
    .main.main-destaque-home .lista-destaque-home li {
        margin-left: 0;
    }
    .destaque-home-modelo4 .lista-destaque-home li:nth-child(2) {
        padding-left: 0;
    }
    .destaque-home-modelo2 .lista-destaque-home li,
    .destaque-home-modelo4 .lista-destaque-home li,
    .destaque-home-modelo3 .lista-destaque-home-esquerda li {
        padding: 0;
        margin-bottom: 15px;
        border-right: 0;
    }
    .destaque-home-modelo2 .lista-destaque-home li:last-child { padding-bottom: 0; }
    .destaque-home-modelo4 .lista-destaque-home li:nth-child(4),
    .destaque-home-modelo3 .lista-destaque-home-esquerda li:nth-child(3), .banner-retangulo { padding-bottom: 0; margin-bottom: 0; }
    .destaque-home-modelo2 .lista-mais-lidas li:nth-child(5) { margin-bottom: 25px; }
    .home-lista-especiais .box-esquerda-destaque li a {
        height: auto;
    }
    .home-lista-videos li a div::after {
        top: 40%;
    }
    .home-lista-videos .box-direita li:not(:first-child), .home-lista-especiais .box-direita {
        display: none;
    }
    .destaque-home-modelo1 .lista-destaque-home li:nth-child(3) figure {
        width: 100%;
    }
    .main-destaque-home .lista-destaque-home, .container-mais-lidas,
    .container-mais-lidas .lista-mais-lidas li { width: 100%; }
    .home-lista-videos .box-esquerda-destaque div, .home-lista-videos li a div { height: auto; }
    .home-lista-videos .box-esquerda-destaque div::after {
        width: 66px;
        height: 66px;
        background-position: -721px -132px;
    }
}

@media (max-width: 425px) {
    .item-carousel-blog figure { width: 70px; height: 70px; }
    .tit-mini { padding-left: 90px; }
    .top-populares { flex-direction: column; align-items: center; }
    .top-populares a.logo-populares { margin-bottom: 20px; }
    .btn-seguimento-populares { text-align: center; }
    .btn-seguimento-populares li:first-child { margin-left: 0; }
    .figcaption-absolute, .destaque-home-modelo3 .lista-destaque-home-esquerda li:first-child figure {
        height: 100%;
    }
}

/* ======================================= FIELIVE ======================================== */

.home-lista-videos .box-esquerda-destaque div.fivelive {
    height: auto;
}

/*======================================= Ajustes de noticias fechadas home ================================= */
section.main.main-blogs-colunas {
    background-color: #EFEFEF;
    padding-top: 15px;
    padding-bottom: 15px;
}
div.caixa-sombra{
    box-shadow: none;
}

section.main.main-vidaearte {
    background-color: #99509F;
    padding-top: 15px;
    padding-bottom: 15px;
}

section.main.main-vidaearte p.tit-small {
    color: #FFFFFF;
}

section.main.main-vidaearte a.cultura {
    color: #FFFFFF;
}

section.main.main-vidaearte a.hover-cultura {
    color: #FFFFFF;
}

span.cartola-big.noticias.with_key{
    position: relative;
}
span.cartola-medium.with_key{
    position: relative;
}

.item-carousel-blog .cartola-medium.with_key::before{
    right: 25px;
    top: 0;
}
ul.lista-destaque-home.lista-destaque-home-direita figure figcaption.with_key::before {
    height: 30px;
}



.with_key::before{
    content: ' ';
    display: block;
    width: 18px;
    height: 20px;
    background-image: url(/imagens/chave.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -30px;
    bottom: 10px;
}

/*============================ Banner Retangulo Ajustes ==========================*/
.box-lista.box-noticias > .col-right {
    width: 336px;
}
.banner-billboard{
    width: 970px; 
    height: 250px; 
    display: block; 
    margin: 30px auto;
}
@media(max-width: 768px){
    .banner-billboard{
        display: none;
    }   
}
@media(max-width: 320px){
    .box-lista.box-noticias > .col-right{
        width: 300px;
    }
}