.ib-bio-autor { display:flex; align-items: flex-start; gap: 24px; width: 100%; border: 1px solid #E7E7E7; border-radius: 15px; background-color: #FFF; padding: 16px 20px 16px 20px; } .ib-bio-autor > .bio-autor-image > img { width: 80px; height: 80px; border: 2px solid #E31837; border-radius: 50px; object-fit: cover; } .ib-bio-autor > .bio-autor-infos { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:10px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-header { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:8px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-header > span { font-family: 'RedditSans-Bold'; font-size: 14px; line-height: 20px; letter-spacing: 0.42px; color: #E31837; } .ib-bio-autor > .bio-autor-infos > .autor-infos-header > h3 { font-family: 'RedditSans-Bold'; font-size: 24px; line-height: 26px; letter-spacing: 0px; color: #181818; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:16px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > p { font-size: 16px; line-height: 22px; letter-spacing: 0.16px; color: #000000; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > a { font-family: 'RedditSans-Bold'; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #E31837; } .autores-breadcrumb { font-family: 'RedditSans-Bold'; font-size: 42px; line-height: 20px; letter-spacing: 0.42px; color: #FFFFFF; } @media (max-width: 769px) { .ib-bio-autor { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; width: 100%; border: 1px solid #E7E7E7; border-radius: 12px; background-color: #FFF; padding: 14px 14px 16px 14px; } .autores-breadcrumb { font-family: 'RedditSans-Bold'; font-size: 26px; line-height: 20px; letter-spacing: 0.26px; color: #FFFFFF; } .ib-bio-autor > .bio-autor-image { display:flex; align-items: center; gap: 12px; } .ib-bio-autor > .bio-autor-image > img { width: 47px; height: 47px; box-shadow: 0px 15px 20px #1818180D; border: 1px solid #E31837; border-radius: 50px; } .ib-bio-autor > .bio-autor-image > .autor-infos-header { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; } .ib-bio-autor > .bio-autor-image > .autor-infos-header span { font-family: 'RedditSans-Bold'; font-size: 14px; line-height: 20px; letter-spacing: 0.36px; color: #E31837; } .ib-bio-autor > .bio-autor-image > .autor-infos-header h3 { font-family: 'RedditSans-Bold'; font-size: 22px; line-height: 28px; letter-spacing: 0px; color: #181818; } .ib-bio-autor > .bio-autor-infos { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:10px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer { display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:18px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > p { font-size: 16px; line-height: 22px; letter-spacing: 0.16px; color: #000000; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials { display:flex; align-items: center; justify-content: flex-start; gap:14px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials > span { font-size: 12px; line-height: 28px; letter-spacing: 0.12px; color: #636363; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials > nav > ul { display: flex; align-items: center; gap: 8px; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials > nav > ul li { list-style: none!important; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials > nav > ul a { width: 36px; height: 36px; background: transparent linear-gradient(227deg, #FF783E 0%, #E31837 70%, #C41230 100%) 0% 0% no-repeat padding-box; border: 1px solid #00000000; border-radius: 50px; display:flex; justify-content: center; align-items: center; } .ib-bio-autor > .bio-autor-infos > .autor-infos-footer > .infos-footer-socials > nav > ul a > img { width: 19px; height: 19px; object-fit: cover; } }