/* Conteúdos do blog: 3 cards editoriais + botão. Fundo branco; cards em off-white com linha dourada no topo. */
.tn-bp { background: #fff; color: #0b0b0c; padding-block: clamp(4rem, 8vw, 8rem); }
.tn-bp__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-block-end: clamp(2rem, 4vw, 3.5rem); }
.tn-bp__eyebrow { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #8c6b14; }
.tn-bp__title { margin: 0; max-inline-size: 34rem; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2rem, 1rem + 3.2vw, 3.75rem); line-height: 1.05; letter-spacing: -0.02em; text-wrap: balance; }
.tn-bp__title em { font-style: normal; color: #b8901d; }
.tn-bp .tn-bp__more { background: #0b0b0c; color: #fff; }
.tn-bp__foot { display: none; margin: 2rem 0 0; }

.tn-bp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(0.75rem, 1.6vw, 1.25rem); }
.tn-bp__card { background: #fff; box-shadow: 0 1px 2px rgba(11, 11, 12, 0.06), 0 18px 40px -20px rgba(11, 11, 12, 0.28); transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s; }
.tn-bp__link { display: flex; flex-direction: column; block-size: 100%; color: inherit; text-decoration: none; }
.tn-bp__cover { display: block; aspect-ratio: 1200 / 630; overflow: hidden; background: #0b0b0c; }
.tn-bp .tn-bp__img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); }
.tn-bp__nocover { display: block; inline-size: 100%; block-size: 100%; border-block-start: 6px solid #d2a833; }
.tn-bp__body { display: flex; flex-direction: column; flex: 1; gap: 1rem; padding: clamp(1.25rem, 2.2vw, 1.875rem); }
.tn-bp__ctitle { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.1875rem, 1rem + 0.7vw, 1.5rem); line-height: 1.2; letter-spacing: -0.01em; text-wrap: balance; }
.tn-bp__read { margin-block-start: auto; align-self: flex-start; font-size: 0.9375rem; font-weight: 600; color: #8c6b14; border-block-end: 1px solid #d2a833; padding-block-end: 0.15rem; }
@media (hover: hover) and (pointer: fine) { .tn-bp__card:hover { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(11, 11, 12, 0.06), 0 28px 50px -18px rgba(11, 11, 12, 0.38); } .tn-bp__card:hover .tn-bp__img { transform: scale(1.04); } }
.tn-bp__link:focus-visible { outline: 2px solid #0b0b0c; outline-offset: -2px; }

@media (max-width: 899px) { .tn-bp__grid { grid-template-columns: 1fr; } .tn-bp__more--top { display: none; } .tn-bp__foot { display: block; } .tn-bp .tn-bp__foot .tn-btn { inline-size: 100%; } }