/* Blog (índice e artigo). Branco/off-white/preto + dourado; cards reaproveitam .tn-bp__*. */
.tn-bl, .tn-post { background: #fff; color: #0b0b0c; }
.tn-smoke { display: none; position: absolute; inset: 0; z-index: 0; inline-size: 100%; block-size: 100%; pointer-events: none; }
.tn-smoke.is-ready { display: block; }

/* Hero do índice */
/* Hero do índice: branco liso e centralizado; base oval com sombra bem suave (sem linha de corte) sobre a lista. */
.tn-bl { --bl-r: clamp(2.5rem, 6vw, 5.5rem); }
.tn-bl__hero { position: relative; z-index: 2; background: #fff; text-align: center; padding-block: calc(var(--tn-header-h, 5.25rem) + var(--wp-admin--admin-bar--height, 0px) + clamp(2.5rem, 6vw, 5rem)) clamp(3.5rem, 7vw, 6rem); border-radius: 0 0 50% 50% / 0 0 var(--bl-r) var(--bl-r); box-shadow: 0 40px 70px -40px rgba(11, 11, 12, 0.22); }
.tn-bl__heroin { position: relative; z-index: 1; }
.tn-bl__eyebrow { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin: 0 0 1.25rem; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.tn-bl__eyebrow::before, .tn-bl__eyebrow::after { content: ""; inline-size: 1.75rem; block-size: 1px; background: currentColor; }
.tn-bl__title { margin: 0 auto; max-inline-size: 20ch; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2.25rem, 1rem + 5.2vw, 5.5rem); line-height: 1.03; letter-spacing: -0.03em; text-wrap: balance; }
.tn-bl__title em { font-style: normal; color: #d2a833; }
.tn-bl__lead { margin: 1.5rem auto 0; max-inline-size: 36rem; font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.25rem); line-height: 1.5; color: rgba(11, 11, 12, 0.72); }
.tn-bl__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-block-start: 2rem; }
.tn-bl__chip { padding: 0.55rem 1.1rem; border: 1px solid rgba(11, 11, 12, 0.22); border-radius: 999px; color: #0b0b0c; font-size: 0.875rem; font-weight: 600; text-decoration: none; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.tn-bl__chip.is-active { background: #0b0b0c; border-color: #0b0b0c; color: #fff; }
@media (hover: hover) and (pointer: fine) { .tn-bl__chip:not(.is-active):hover { border-color: #d2a833; background: rgba(210, 168, 51, 0.14); } }

/* Lista */
.tn-bl__list { position: relative; z-index: 1; background: #f2f1ee; margin-block-start: calc(-1 * var(--bl-r)); padding-block: calc(var(--bl-r) + clamp(2rem, 4vw, 3.5rem)) clamp(3.5rem, 7vw, 6rem); }
.tn-bl__cat { align-self: flex-start; display: inline-block; padding: 0.3rem 0.75rem; border-radius: 999px; background: rgba(210, 168, 51, 0.22); color: #6f5410; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.tn-bl__feat { background: #fff; box-shadow: 0 1px 2px rgba(11, 11, 12, 0.06), 0 22px 44px -22px rgba(11, 11, 12, 0.3); margin-block-end: clamp(0.75rem, 1.6vw, 1.25rem); transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s; }
.tn-bl__featlink { display: grid; grid-template-columns: 1.15fr 1fr; color: inherit; text-decoration: none; }
.tn-bl__featcover { display: block; aspect-ratio: 1200 / 630; overflow: hidden; background: #0b0b0c; }
.tn-bl__featcover 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-bl__featbody { display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding: clamp(1.5rem, 3.5vw, 3rem); }
.tn-bl__feattitle { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.5rem, 1rem + 1.6vw, 2.5rem); line-height: 1.12; letter-spacing: -0.015em; text-wrap: balance; }
.tn-bl__featexc { font-size: 1rem; line-height: 1.55; color: rgba(11, 11, 12, 0.68); }
.tn-bl__featmeta { font-size: 0.8125rem; color: rgba(11, 11, 12, 0.66); }
@media (hover: hover) and (pointer: fine) { .tn-bl__feat:hover { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(11, 11, 12, 0.06), 0 30px 54px -20px rgba(11, 11, 12, 0.4); } .tn-bl__feat:hover .tn-bl__featcover img { transform: scale(1.04); } }
.tn-bl__grid { margin-block-start: 0; }
.tn-bl__grid .tn-bp__body { gap: 0.8rem; }
.tn-bl__empty { margin: 0; padding-block: 3rem; text-align: center; color: rgba(11, 11, 12, 0.6); }
.tn-bl__pager { margin-block-start: 2.5rem; }
.tn-bl__pager ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 0; padding: 0; }
.tn-bl__pager a, .tn-bl__pager span { display: grid; place-items: center; min-inline-size: 2.75rem; block-size: 2.75rem; padding-inline: 0.8rem; border: 1px solid rgba(11, 11, 12, 0.2); color: #0b0b0c; text-decoration: none; font-weight: 600; }
.tn-bl__pager .current { background: #0b0b0c; border-color: #0b0b0c; color: #fff; }

/* Artigo */
.tn-post__progress { position: fixed; inset: 0 0 auto 0; block-size: 3px; z-index: calc(var(--tn-z-header, 100) + 5); background: transparent; pointer-events: none; }
.tn-post__progress i { display: block; block-size: 100%; inline-size: 100%; background: #d2a833; transform-origin: left; transform: scaleX(0); }
.tn-post__head { background: #fff; padding-block-start: calc(var(--tn-header-h, 5.25rem) + clamp(1.5rem, 4vw, 3.5rem)); }
.tn-post__headin { max-inline-size: 56rem; }
.tn-post__crumbs { display: flex; gap: 0.6rem; margin-block-end: 1.5rem; font-size: 0.8125rem; color: rgba(11, 11, 12, 0.66); }
.tn-post__crumbs a { color: inherit; text-decoration: none; }
.tn-post__title { margin: 1.1rem 0 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2rem, 1rem + 3.6vw, 4rem); line-height: 1.07; letter-spacing: -0.025em; text-wrap: balance; }
.tn-post__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; margin: 1.5rem 0 0; font-size: 0.875rem; color: rgba(11, 11, 12, 0.6); }
.tn-post__coverwrap { margin-block-start: clamp(1.75rem, 4vw, 3rem); max-inline-size: 64rem; }
.tn-post .tn-post__cover { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1200 / 630; object-fit: cover; box-shadow: 0 30px 60px -28px rgba(11, 11, 12, 0.45); }
.tn-post__body { max-inline-size: 48rem; padding-block: clamp(2.5rem, 5vw, 4.5rem) clamp(2.5rem, 5vw, 4rem); }
.tn-post__content { font-size: 1.125rem; line-height: 1.75; color: rgba(11, 11, 12, 0.86); }
.tn-post__content > p:first-child { font-size: 1.3125rem; line-height: 1.6; color: #0b0b0c; }
.tn-post__content p { margin: 0 0 1.4em; }
.tn-post__content h2 { margin: 2.2em 0 0.6em; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.15; letter-spacing: -0.015em; color: #0b0b0c; }
.tn-post__content h3 { margin: 1.8em 0 0.5em; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: 1.375rem; color: #0b0b0c; }
.tn-post__content ul, .tn-post__content ol { margin: 0 0 1.4em; padding-inline-start: 1.25rem; }
.tn-post__content li { margin-block-end: 0.6em; padding-inline-start: 0.25rem; }
.tn-post__content li::marker { color: #b8901d; }
.tn-post__content a { color: #0b0b0c; text-decoration: underline; text-decoration-color: #d2a833; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.tn-post__content strong { font-weight: 600; color: #0b0b0c; }
.tn-post__author { display: flex; align-items: center; gap: 1rem; margin-block-start: 3rem; padding-block-start: 1.75rem; border-block-start: 1px solid rgba(11, 11, 12, 0.14); }
.tn-post__author img { inline-size: 4rem; block-size: 4rem; border-radius: 50%; object-fit: cover; }
.tn-post__author p { margin: 0; display: grid; gap: 0.15rem; }
.tn-post__author span { font-size: 0.875rem; color: rgba(11, 11, 12, 0.6); }
.tn-post__cta { background: #0b0b0c; color: #fff; padding-block: clamp(3rem, 6vw, 5rem); }
.tn-post__ctain { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.75rem 3rem; }
.tn-post__cta h2 { margin: 0; max-inline-size: 22ch; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.75rem, 1rem + 2.4vw, 3rem); line-height: 1.08; letter-spacing: -0.02em; color: #fff; text-wrap: balance; }
.tn-post__cta p { margin: 1rem 0 0; max-inline-size: 36rem; font-size: 1.0625rem; line-height: 1.5; color: rgba(255, 255, 255, 0.74); }
.tn-post .tn-post__ctabtn.tn-btn { background: #d2a833; color: #0b0b0c; }
@media (hover: hover) and (pointer: fine) { .tn-post .tn-post__ctabtn.tn-btn:hover { background: #e3c36a; } }
.tn-post__related { background: #f2f1ee; padding-block: clamp(3rem, 6vw, 5rem); }
.tn-post__reltitle { margin: 0 0 1.75rem; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem); letter-spacing: -0.02em; }
.tn-bl__grid--two { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 899px) {
  .tn-bl__featlink { grid-template-columns: 1fr; }
  .tn-bl__grid { grid-template-columns: 1fr; }
  .tn-post .tn-post__ctabtn.tn-btn { inline-size: 100%; }
}

/* Blocos editoriais dentro do artigo (resumo, destaques, passos, checklist, tabela, FAQ) e índice. */
.tn-toc { margin: 0 0 2.25rem; padding: 1.25rem 1.5rem; background: #f2f1ee; border-inline-start: 3px solid #d2a833; }
.tn-toc__t { margin: 0 0 0.6rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #8c6b14; }
.tn-toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.45rem; font-size: 0.9375rem; }
.tn-toc li { position: relative; padding-inline-start: 1.25rem; }
.tn-toc li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.7em; inline-size: 0.7rem; block-size: 2px; background: #d2a833; }
.tn-toc a { color: #0b0b0c; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .tn-toc a:hover { text-decoration: underline; text-decoration-color: #d2a833; } }
.tn-post__content h2 { scroll-margin-block-start: 6rem; }
.tn-tldr { margin: 0 0 2.25rem; padding: 1.5rem 1.75rem; background: #0b0b0c; color: #fff; }
.tn-tldr__t { margin: 0 0 0.75rem !important; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #d2a833; }
.tn-tldr ul { margin: 0 !important; padding: 0 !important; list-style: none; display: grid; gap: 0.7rem; }
.tn-tldr li { position: relative; margin: 0 !important; padding: 0 0 0 1.4rem !important; font-size: 1rem; line-height: 1.5; color: rgba(255, 255, 255, 0.9); }
.tn-tldr li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.6em; inline-size: 0.8rem; block-size: 2px; background: #d2a833; }
.tn-callout { margin: 1.75rem 0; padding: 1.25rem 1.5rem; border-inline-start: 4px solid #d2a833; background: #faf6e8; }
.tn-callout p { margin: 0 0 0.6em; font-size: 1.0625rem; line-height: 1.65; }
.tn-callout p:last-child { margin-block-end: 0; }
.tn-callout__t { font-size: 0.75rem !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #8c6b14; margin-block-end: 0.4em !important; }
.tn-callout--pain { border-inline-start-color: #0b0b0c; background: #f2f1ee; }
.tn-callout--pain .tn-callout__t { color: #0b0b0c; }
.tn-callout--warn { border-inline-start-color: #b4382b; background: #fbf0ee; }
.tn-callout--warn .tn-callout__t { color: #b4382b; }
.tn-steps { list-style: none; counter-reset: tnstep; padding: 0 !important; margin: 1.5rem 0 1.75rem; display: grid; gap: 0.9rem; }
.tn-steps > li { counter-increment: tnstep; position: relative; margin: 0 !important; padding: 0 0 0 3.25rem !important; min-block-size: 2.25rem; }
.tn-steps > li::before { content: counter(tnstep); position: absolute; inset-inline-start: 0; inset-block-start: 0; inline-size: 2.25rem; block-size: 2.25rem; display: grid; place-items: center; background: #0b0b0c; color: #d2a833; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: 1rem; }
.tn-check { list-style: none; padding: 0 !important; margin: 1.25rem 0 1.75rem; display: grid; gap: 0.7rem; }
.tn-check > li { position: relative; margin: 0 !important; padding: 0 0 0 2rem !important; }
.tn-check > li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.35em; inline-size: 1.15rem; block-size: 1.15rem; background: #d2a833; clip-path: polygon(14% 52%, 0 66%, 36% 100%, 100% 22%, 86% 8%, 36% 72%); }
.tn-post__content table { inline-size: 100%; margin: 1.75rem 0; border-collapse: collapse; font-size: 0.9375rem; line-height: 1.5; }
.tn-post__content th { padding: 0.8rem 1rem; text-align: start; background: #0b0b0c; color: #fff; font-weight: 600; }
.tn-post__content td { padding: 0.8rem 1rem; border-block-end: 1px solid rgba(11, 11, 12, 0.12); vertical-align: top; }
.tn-post__content tbody tr:nth-child(even) td { background: #faf9f6; }
@media (max-width: 599px) { .tn-post__content table { display: block; overflow-x: auto; } }
.tn-faqlist { margin: 1.25rem 0 2rem; border-block-start: 1px solid rgba(11, 11, 12, 0.14); }
.tn-faqlist h3 { margin: 0 !important; padding: 1.1rem 0 0.4rem; font-size: 1.1875rem !important; }
.tn-faqlist p { margin: 0 !important; padding-block-end: 1.1rem; border-block-end: 1px solid rgba(11, 11, 12, 0.14); font-size: 1.0625rem; line-height: 1.65; }