.ib-chamadaHome { grid-column: span 8; grid-row: span 2; } .ib-chamadaHome>a { display: flex; align-items: center; gap: 30px; height: 100%; } .ib-chamadaHome>a>img { max-width: 244px; min-width: 244px; width: 100%; height: 198px; box-shadow: 0px 5px 15px #0000000D; border-radius: 12px; object-fit: cover; } .ib-chamadaHome>a>div { display: flex; flex-direction: column; height: 100%; justify-content: space-between; align-items: flex-start; } .ib-chamadaHome>a>div>.chamadaHome-title { display:flex; flex-direction: column; gap:12px; align-items: flex-start; justify-content: flex-start; } .ib-chamadaHome>a>div>.chamadaHome-title>span { font-family: 'RedditSans-Bold'; letter-spacing: 0.14px; text-transform: uppercase; font-size: 14px; line-height: 18px; color: var(--vermelhoPadrao); } .ib-chamadaHome>a>div>.chamadaHome-title>h2 { letter-spacing: 0.26px; font-size: 26px; line-height: 32px; color: var(--pretoPadrao); } .ib-chamadaHome>a>div>h3 { letter-spacing: 0.18px; font-size: 18px; line-height: 24px; color: var(--pretoPadrao); } @media (max-width: 1023px){ .ib-chamadaHome{ grid-column: 1/-1; grid-row: auto; } } @media (max-width: 700px){ .ib-chamadaHome{ padding: 20px 20px 0 20px; border-top: 2px solid #F1F1F1; } .ib-chamadaHome>a>img { max-width: 120px; min-width: 120px; height: 108px; } .ib-chamadaHome>a>div>.chamadaHome-title { display:flex; flex-direction: column; height: 100%; justify-content: space-between; align-items: flex-start; } .ib-chamadaHome>a>div>.chamadaHome-title>span { font-size: 16px; line-height: 20px; letter-spacing: 0.16px; } .ib-chamadaHome>a>div>.chamadaHome-title>h2 { font-size: 18px; line-height: 22px; letter-spacing: 0.16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } .ib-chamadaHome>a>div>h3 { display:none; } } @media (max-width: 400px){ .ib-chamadaHome>a>img { max-width: 150px; min-width: 150px; height: 120px; } }