.artigo-card {margin: 10px; width: calc(100% - 20px); margin-bottom: 40px; display: block; background: #fff; padding: 30px; border-radius: 15px; text-decoration: none !important; color: #000; transition: 0.5s}
.artigo-card:hover {transform: scale(1.05);}
.artigo-card img {display: block; border-radius: 10px; margin-bottom: 20px; width: 100%}
.artigo-card h2 {font-weight: bold; color: var(--azul); font-size: 1.5em; letter-spacing: -0.5px; margin-bottom: 15px; line-height: 1.2} 
.artigo-card p {color: #767676; font-size: 1em; line-height: 1.4; margin-bottom: 30px;}
.artigo-card span {display: flex; align-items: center; gap: 10px; font-weight: bold; color: #333;}
.artigo-card svg {display: block; width: 15px; height: 15px; fill: #333;}
.artigo-card-first h2 {font-size: 2em; line-height: 1.1} 
.artigo-card-first {display: flex; justify-content: space-between; align-items: center;} 
.artigo-card-first img {width: 50%; margin-bottom: 0px} 
.artigo-card-first div {width: 50%; padding-left: 30px;} 
@media (max-width: 1700px) {
	.artigo-card h2  {font-size: 1.4em}
	.artigo-card p {font-size: 1.2em}
	.artigo-card-first h2 {font-size: 2em}
	.artigo-card-first img {width: 40%;} 
	.artigo-card-first div {width: 60%;} 
}
@media (max-width: 1024px) {
	.artigo-card-first {display: block;}
	.artigo-card-first img {width: 100%; margin-bottom: 20px} 
	.artigo-card-first div {width: 100%; padding-left: 0px;} 
	.artigo-card-first h2 {font-size: 1.4em}
}

.post-informacoes {margin:auto; width: fit-content; border-top: 2px solid #e3e3e3; margin-top: 30px; padding-top: 30px;}
.post-informacoes .autor-foto {display: block; border-radius: 100%; margin-right: 30px; width: 130px; height: 130px;}
.post-informacoes .autor-nome {display: block; font-size: 2em; font-weight: bold; margin-bottom: 5px; line-height: 1.1}
.post-informacoes .infos {display: block; font-size: 1.1em; opacity: 0.7; margin-bottom: 10px;}
@media (max-width: 768px) {
.post-informacoes .d-flex {display: block !important;}
.post-informacoes .autor-foto {width: 80px; height: 80px; margin-bottom: 20px}
.post-informacoes .autor-nome {font-size: 1.5em}
.post-informacoes .infos  {font-size: 1em}
}

.text {margin: auto; max-width: 800px}
.text p {font-size: 1.1em; line-height: 1.6; margin-bottom: 30px}
.text ul {margin-left: 20px; margin-bottom: 30px;}
.text li {font-size: 1.1em; line-height: 1.6; margin-bottom: 5px}
.text h2 {color: var(--azul); font-weight: bold; font-size: 2.5em; margin-bottom: 10px; letter-spacing: -0.5px;}
.text h3 {color: var(--azul); font-weight: bold; font-size: 2em; margin-bottom: 10px; letter-spacing: -0.3px;}
.text a {color: var(--azul); text-decoration: underline;}
.text img {display: block; width: 100%; margin-bottom: 30px; border-radius: 10px;}
@media (max-width: 1700px) {
	.text h2 {font-size: 2em}
}
@media (max-width: 768px) {
	.text p {font-size: 1em;}
	.text ul {margin-left: 0px}
    .text li {font-size: 1em}
    .artigo-card-first img, .artigo-card img {margin: -30px; width: calc(100% + 60px); margin-bottom: 30px; border-radius: 0px}
    .artigo-card-first h2, .artigo-card h2 {font-size: 1.2em}
    .artigo-card p {font-size: 1em}
    .artigo-card {overflow: hidden;}
    .artigos  {padding-top: 30px; padding-bottom: 30px;}
    .text h2 {font-size: 1.8em}
    .text h3 {font-size: 1.5em}
}