.ib-maisLidas{ grid-column: span 4; grid-row: span 10; display: flex; flex-direction: column; gap: 30px; padding: 16px 16px 30px 16px; } .ib-maisLidas > header{ padding: 0px 0px 16px; border-bottom: 1px solid #E7E7E7; } .ib-maisLidas > header > h2{ font-size: 38px; line-height: 30px; color: var(--vermelhoPadrao); font-family: 'RedditSans-Bold'; text-align: center; } .ib-maisLidas > .content{ display: flex; flex-direction: column; gap: 34px; } .ib-maisLidas > .content > article > a{ display: flex; gap: 22px; } .ib-maisLidas > .content > article > a > img { width: 50px; height: 50px; } .ib-maisLidas > .content > article > a > .text{ display: flex; flex-direction: column; gap: 9px; } .ib-maisLidas > .content > article > a > .text > h3{ font-family: 'RedditSans-Bold'; font-size: 14px; line-height: 18px; color: var(--vermelhoPadrao); letter-spacing: 0.14px; text-transform: uppercase; } .ib-maisLidas > .content > article > a > .text > h2{ font-family: 'RedditSans-Regular'; font-size: 18px; line-height: 24px; color: var(--pretoPadrao); letter-spacing: 0.2px; overflow: hidden; /*Atua principalmente no mobile*/ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } @media (max-width: 769px){ .ib-maisLidas{ grid-column: 1/-1; grid-row: span 8; box-shadow: none; border: none; } .ib-maisLidas > header{ padding: 0px; padding-bottom: 10px; } .ib-maisLidas > header > h2 { font-size: 30px; line-height: 48px; text-align: left; } .ib-maisLidas{ gap: 20px; } .ib-maisLidas > .content > article > a { gap: 20px; } .ib-maisLidas > .content > article > a > .text{ gap: 10px; } .ib-maisLidas > .content > article > a > .text > h3 { font-size: 16px; line-height: 20px; opacity: 80%; } .ib-maisLidas > .content > article > a > .text > h2 { font-size: 18px; line-height: 22px; } }