/* Organização editorial própria da Trameva, preservando o Design System. */
.blog-section{padding-block:72px}
.blog-section .section-heading{max-width:820px;padding-bottom:28px;border-bottom:1px solid #d9e0e6;margin-bottom:40px;text-align:center;margin-inline:auto}
.blog-section .section-heading h2{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.25;text-wrap:balance}
.blog-feature-grid,.blog-topic-grid,.blog-question-grid,.blog-resource-grid{display:grid;gap:28px;align-items:start}
.blog-feature,.blog-topic{min-width:0}
.blog-feature{background:white}
.blog-media{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;margin:0;background:#e9eff3;border:1px dashed #9cafbf;border-radius:14px;text-align:center;color:var(--color-primary);padding:24px}
.blog-media>div{max-width:300px}
.blog-media span{display:block;font-size:.6875rem;line-height:1.5;margin-bottom:14px}
.blog-media strong{display:block;font-size:1rem;line-height:1.5;margin-bottom:14px}
.blog-media small{display:block;font-size:.75rem;line-height:1.6;color:var(--color-text-muted)}
.blog-feature-body{padding-block:22px}
.blog-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:.75rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:16px}
.blog-status{display:inline-block;background:var(--color-primary-soft);color:var(--color-primary);border-radius:4px;padding:5px 8px;font-size:.6875rem;line-height:1.5;font-weight:600}
.blog-feature h3,.blog-topic h3,.blog-question h3,.blog-resource h3,.blog-catalog h3{font-size:1.125rem;line-height:1.45;text-wrap:balance;margin-bottom:14px}
.blog-feature p,.blog-topic p,.blog-question p,.blog-resource p{font-size:.9375rem;line-height:1.75}
.blog-availability{font-size:.8125rem!important;color:var(--color-text-muted);line-height:1.7}
.blog-topic{background:white;border:1px solid #e5e4df;border-radius:14px;overflow:hidden;height:100%}
.blog-topic .blog-media{border-radius:0;border:0;border-bottom:1px dashed #9cafbf}
.blog-topic-body{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}
.blog-topic-body .card-link{margin-top:8px;font-size:.875rem}
.blog-list-label{font-size:.75rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:12px 0}
.blog-planned-titles{list-style:none;padding:0;margin:0 0 20px;width:100%}
.blog-planned-titles li{border-top:1px solid #e1e6e9;padding:12px 0;font-size:.875rem;line-height:1.6}
.blog-planned-titles small{display:block;color:var(--color-text-muted);font-size:.6875rem;margin-top:6px}
.blog-subject-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 40px}
.blog-subject-nav a{padding:10px 16px;border:1px solid #a9bac7;border-radius:6px;background:white;text-decoration:none;min-height:44px;font-size:.8125rem;display:flex;align-items:center}
.blog-subject-nav a:hover{background:var(--color-primary-soft)}
.blog-question,.blog-resource{border-top:1px solid #a9bac7;padding:28px 0;text-align:center}
.blog-question .card-link,.blog-resource .card-link{font-size:.875rem}
.blog-catalog{list-style:none;padding:0;margin:0 auto;max-width:1100px}
.blog-catalog-row{display:grid;gap:16px;padding:24px 0;border-bottom:1px solid #d9dfe3;scroll-margin-top:120px}
.blog-catalog-row:first-child{border-top:1px solid #d9dfe3}
.blog-catalog-row p{font-size:.875rem;line-height:1.7;margin-bottom:0}
.blog-catalog-row .blog-meta{margin-bottom:10px}
.blog-catalog-state{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.75rem;color:var(--color-text-muted)}
.blog-glossary{display:grid;gap:0 32px;max-width:1100px;margin-inline:auto;align-items:start}
.blog-glossary .faq-trigger{font-size:1rem}
.blog-glossary .faq-panel p{font-size:.9375rem;line-height:1.8}
.blog-section .service-split{align-items:center}
.blog-section .service-split p{line-height:1.8}
.blog-section .blog-media{min-width:0}
.blog-final-reading{max-width:760px;margin-inline:auto;text-align:center}
.blog-final-reading .button{margin-top:12px}
.blog-section .section-cta-actions{margin-top:32px}
.blog-topic[id],.blog-section[id]{scroll-margin-top:120px}
@media(min-width:768px){.blog-feature-grid,.blog-topic-grid,.blog-question-grid,.blog-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-feature-body{text-align:center}.blog-catalog-row{grid-template-columns:minmax(0,1fr) 170px;align-items:center}.blog-catalog-row .blog-meta{justify-content:flex-start}.blog-glossary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1023px){.blog-feature-grid>:last-child:nth-child(2n+1),.blog-topic-grid>:last-child:nth-child(2n+1),.blog-question-grid>:last-child:nth-child(2n+1),.blog-resource-grid>:last-child:nth-child(2n+1){grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}}
@media(min-width:1024px){.blog-feature-grid,.blog-topic-grid,.blog-question-grid,.blog-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-topic-grid>:last-child:nth-child(3n+1){grid-column:2}}
@media(max-width:767px){.blog-section{padding-block:48px}.blog-section .section-heading{padding-bottom:24px;margin-bottom:32px}.blog-feature-body{text-align:center}.blog-catalog-row{text-align:center}.blog-subject-nav{gap:8px}.blog-subject-nav a{font-size:.75rem;padding:10px 12px}.blog-glossary{gap:0}.blog-section .actions{flex-direction:column}.blog-section .actions .button{width:100%}}

/* Imagens fornecidas: proporção original preservada nos blocos editoriais. */
.blog-media--provided{display:block;aspect-ratio:auto;padding:0;border:0;overflow:hidden;background:transparent}
.blog-topic .blog-media--provided{border:0}
.blog-media--provided img{display:block;width:100%;height:auto}