.blog-page{min-height:100vh;background:#f5f2eb;color:#30394d;font-family:Inter,system-ui,sans-serif}.blog-page>header{border-bottom:1px solid rgba(164,119,53,.24);background:rgba(255,253,248,.94)!important;box-shadow:0 1px 0 rgba(24,32,51,.05)!important}.blog-page>header .font-title{color:#182033!important;font-family:Cinzel,serif;letter-spacing:.025em}.blog-page>header .font-title::before{display:inline-grid;width:2.35rem;height:2.35rem;margin-right:.7rem;place-items:center;border:1px solid #a47735;border-radius:50%;color:#3730a3;content:"T";font-family:Cinzel,serif;font-size:1rem;vertical-align:middle}.blog-page #blog-list{position:relative;padding-top:10.5rem!important;background:linear-gradient(180deg,rgba(8,15,31,.92) 0,rgba(18,27,47,.86) 23rem,#f5f2eb 23rem),image-set(url("../images/heroes/cosmos-hero.avif") type("image/avif"),url("../images/heroes/cosmos-hero.webp") type("image/webp"),url("../images/heroes/cosmos-hero.jpg") type("image/jpeg")) top center/100% 23rem no-repeat}.blog-page #blog-list h1{color:#fff;font-family:Cinzel,serif;font-size:clamp(2.8rem,7vw,5rem);letter-spacing:.03em}.blog-page #blog-list h1::before{display:block;margin-bottom:.9rem;color:#d8bd91;content:"CONSCIÊNCIA • PRESENÇA • CAMINHOS";font-family:Inter,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.2em}.blog-page #blog-list>.container>div:first-child p{color:#d7dbe5!important}.blog-page #busca-artigos{border:1px solid rgba(164,119,53,.55);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(8,15,31,.18)}.blog-page #blog-list .grid{gap:1.5rem}.blog-page [data-dynamic-article]{overflow:hidden;border:1px solid #ded8cc;border-radius:1.25rem;background:#fffdf8;box-shadow:0 14px 35px rgba(24,32,51,.09);transition:transform .22s ease,box-shadow .22s ease}.blog-page [data-dynamic-article]:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(24,32,51,.15)}.blog-page [data-dynamic-article] img{height:17rem;filter:saturate(.78) contrast(1.03)}.blog-card-placeholder{height:17rem;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 35%,rgba(164,119,53,.24),transparent 36%),linear-gradient(145deg,#11192b,#25314a);color:#d8bd91;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.blog-page [data-dynamic-article] h2{color:#182033;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.35}.blog-page [data-dynamic-article] .text-indigo-700{color:#a47735!important;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.blog-page [data-dynamic-article] .text-indigo-600{color:#3730a3!important}.blog-page [data-dynamic-article] .text-green-700{color:#18794e!important;font-size:.875rem}.blog-page [data-api-article]{background:radial-gradient(circle at 85% 4%,rgba(164,119,53,.12),transparent 24rem),#f5f2eb}.blog-page [data-api-article]>nav{padding-top:2rem!important;color:#626b7c;font-size:.875rem}.blog-page [data-api-article]>nav a{color:#3730a3;font-weight:700}.blog-page [data-api-article] .bg-white{border:1px solid #ded8cc;border-radius:1.25rem!important;background:#fffdf8!important;box-shadow:0 18px 55px rgba(24,32,51,.1)!important}.blog-page [data-api-article] h1,.blog-page [data-api-article] h2{color:#182033;font-family:Cinzel,serif}.blog-page [data-api-article] .prose{color:#30394d;line-height:1.85}.blog-page [data-api-article] .prose h2{margin-top:2.25rem}.blog-page [data-api-article] aside{margin-top:2rem}.blog-page [data-api-article] aside>a,.blog-page [data-api-article] aside a{border:1px solid #d9d4c9!important;border-top:3px solid #a47735!important;border-radius:.75rem!important;background:#fffdf8!important;color:#182033!important;font-family:Cinzel,serif;line-height:1.4;transition:transform .2s ease}.blog-page [data-api-article] aside a:hover{transform:translateY(-3px)}.blog-page>footer{background:#11192b!important}.blog-page>footer a:hover{color:#fff}@media(max-width:760px){.blog-page>header .font-title{font-size:1.15rem}.blog-page>header .font-title::before{width:2rem;height:2rem}.blog-page #blog-list{padding-top:8.5rem!important;background-size:auto 20rem;background-position:top center}.blog-page #blog-list h1{font-size:2.6rem}.blog-page [data-dynamic-article] img,.blog-card-placeholder{height:14rem}}