kground: #fff; border-bottom: 1px solid #d9d9d9; margin-top: 7px; padding-bottom: 25px; position: relative; transition: all .3s ease-out; position: relative } article.teaser a { position: relative; display: block; width: 100%; text-decoration: none; background-repeat: no-repeat; background-size: cover; background-position: center } article.teaser .image-wrapper { position: relative; overflow: hidden } article.teaser figure { float: left; margin: 0; width: 100%; background-size: cover; overflow: hidden; max-width: 450px; max-height: 300px } .placeholder_image { max-width: 100%; width: 100%; float: left } div.top-section .dados { float: none } article.card-default .dados { padding: 20px 30px 0; float: left } .list-news .teaser { overflow: hidden; padding: 15px 30px 0 } .list-news .dados.ultimas { margin: 0 auto; border-top: 1px solid #ccc; float: left; width: 100%; padding: 20px 0 0 } article.teaser .feed-media-wrapper { flex: 0 0 45%; margin: 0 16px 0 0 } article.teaser .feed-text-wrapper { padding: 0; flex: 1 0 0 } article.teaser .feed-text-wrapper small { margin-top: -3px } article.card-default small { color: #003f93; font-weight: 400; font-size: 12px; font-family: 'Lato', sans-serif; margin: 0; padding: 0; line-height: 1.2; text-transform: uppercase; display: block } article.teaser .feed-text-wrapper h2.article-title { color: #1a1a1a; font-weight: 100; font-size: 16px; font-family: 'Lato', sans-serif; margin: 10px 0 0 0; padding: 0; line-height: 1.3; letter-spacing: .009rem; -webkit-font-smoothing: auto; text-align: left } .feed-text-wrapper p { color: #666; font-weight: 400; font-size: 18px; font-family: 'Lato', sans-serif; margin: 0; padding: 0; line-height: 1.4 } .list-news .teaser { overflow: hidden; padding: 15px 30px 0 } .dados.secao-clube .feed-media-wrapper figure, .list-more .feed-media-wrapper figure, article.teaser .feed-media-wrapper figure, article.teaser .feed-media-wrapper picture { width: auto; margin: 0 16px 0 0; float: left } .carousel { margin: 30px 0 } .fixed-height-container { position: relative; width: 100%; height: 300px; background: #181818 } amp-img.contain img { object-fit: contain } .caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: rgba(0, 0, 0, .6); font-size: smaller; color: #fff; font-size: 12px; font-family: OpenSans } .caption span { display: block; position: relative } .caption span:nth-child(2) { padding-left: 38px } .caption span:nth-child(2):before { content: "Foto: "; position: absolute; left: 0; font-size: 12px; text-transform: uppercase } .banner-app-banner-btnews { width: 100%; position: relative } .banner-app-banner-btnews .banner-app-btnews { display: inline-block; margin: 10px; position: relative; width: 60px; height: 60px } .banner-app-banner-btnews .banner-text { display: inline-block; color: #000; width: 40%; letter-spacing: -.05rem; font-family: arial; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; top: 50% } .banner-app-banner-btnews .banner-action { display: inline-block; text-align: right; width: 120px; height: 80px; top: 0; position: absolute; right: 10px } .banner-app-banner-btnews .banner-action .btn-app-banner { -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); background-color: #181818; border: 1px solid #181818; text-transform: uppercase; text-align: center; text-decoration: none; padding: 10px; font-size: 12px; font-weight: 700; margin-top: 20px; color: #fff; font-family: arial } .banner-app-banner-btnews .banner-action .btn-app-banner, .banner-app-banner-btnews .banner-action .btn-app-banner strong { color: #fff } .overlay-paywall { position: absolute; z-index: 1000000119; top: 40px; height: 100%; width: 100%; pointer-events: none; background: linear-gradient(transparent, #000); display: flex } .gateway-content { -webkit-box-align: center; align-items: center; background-color: #fff; box-shadow: rgba(0, 0, 0, .2) 0 0 3px; box-sizing: border-box; flex-direction: column; position: relative; text-align: left; max-width: 728px; width: 100%; left: 0; right: 0; text-align: center; z-index: 1000000120; height: auto; border-top-right-radius: 5px; border-top-left-radius: 5px; opacity: 1; margin: 20px auto; padding: 20px; transition: top 750ms ease-in 0s, height 750ms ease-in 0s; font-family: arial } .header-paywall h3 { padding: 0; margin: 0; letter-spacing: -.05rem; font-size: 16px; margin-top: 10px; color: red; position: relative; display: inline-block; font-weight: 700; margin-bottom: 20px } .assine-with-google { text-align: center } .login-with-api { font-size: 16px; letter-spacing: -.045rem; margin-top: 25px } .login-with-api h4 button { color: #4285f4; font-weight: 700; text-decoration: none; background: 0 0; border: none; padding: 0; margin: 0; font-size: 17px; outline: 0 } .login-with-api h4 strong { color: #666; font-weight: 400 } .hamburger { font-size: 1.625rem; padding-left: 0.625rem; z-index: 2; justify-content: left; color: var(--cor-hamburger); } .sidebar { color: #000; width: 250px; padding: 10px; margin: 0; margin-top: 10px; z-index: 2; } .sidebar>li { fonte: 'Raleway', sans-serif; font-size: 20px; list-style: none; margin-bottom: 10px; z-index: 2; } .sidebar a { text-decoration: none; color: #000; z-index: 2; } .close-sidebar { color: #000; font-size: 1.625em; padding-left: 5px; height: 2rem; z-index: 3; padding-top: 2px; } #sidebar1 { width: var(--size-menu); background: var(--cor-menu); background-color: #FFF; color: #fff; } #sidebar1 amp-img { width: var(--size-menu); height: 2rem; position: absolute; top: 5px; z-index: -1; } .label-thin:before { margin: 4px 0; } .label-publicidade:before { content: "Publicidade"; line-height: 1rem; } .label-publicidade { text-align: center; } .labeled:before { display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 10px; margin-bottom: 2px; letter-spacing: 1.53px; color: #000000; }