body.blog-page {
        background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);
        color: #ffffff;
      }

      .blog-main.bg-gradient-hero {
        background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);
      }

      .blog-main > * {
        position: relative;
        z-index: 1;
      }

      .blog-hub-hero {
        padding: clamp(86px, 10vw, 124px) 0 clamp(44px, 7vw, 78px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: transparent;
      }
      .blog-hub-hero h1 {
        max-width: 940px;
        margin: 0 0 18px;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(34px, 5.5vw, 64px);
        line-height: 1.04;
        font-weight: 900;
      }
      .blog-hub-hero p {
        max-width: 780px;
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: clamp(16px, 1.7vw, 19px);
        line-height: 1.72;
      }
      .blog-hub-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 28px;
      }
      .blog-hub-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 13px 20px;
        border-radius: 999px;
        border: 1px solid rgba(0, 86, 255, 0.2);
        background: #fff;
        color: #111111;
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 14px 30px rgba(10, 39, 101, 0.08);
      }
      .blog-hub-action.is-primary {
        background: linear-gradient(135deg, #0056ff 0%, #0086ff 100%);
        color: #fff;
        border-color: transparent;
      }
      :root {
        --blog-header-height: 96px;
      }
      html {
        scroll-behavior: smooth;
        scroll-padding-top: calc(var(--blog-header-height) + 16px);
      }
      .blog-category-section {
        padding: clamp(62px, 8vw, 96px) 0;
        background: transparent;
      }
      .hub-section-head {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 28px;
        margin-bottom: 30px;
      }
      .hub-section-head h2 {
        max-width: 760px;
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(28px, 4vw, 46px);
        line-height: 1.1;
        font-weight: 900;
      }
      .hub-section-head p {
        max-width: 460px;
        margin: 0;
        color: rgba(255, 255, 255, 0.72);
        line-height: 1.7;
      }
      .hub-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 10px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }
      .hub-kicker:before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #00aeef;
        box-shadow: 0 0 0 5px rgba(0, 174, 239, 0.14);
      }
      .category-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 34px;
      }
      .category-nav a {
        display: inline-flex;
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.08);
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
      }
      .category-nav-link--fiscal,
      .category-nav-link--compliance,
      .category-nav-link--agentes,
      .category-nav-link--cloud,
      .category-nav-link--updates,
      .category-nav-link--recent {
        border-color: rgba(0, 174, 239, 0.42) !important;
        color: #ffffff !important;
      }
      .category-block {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
        padding: 24px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background: rgba(0, 11, 61, 0.28);
        box-shadow: 0 26px 60px rgba(0, 4, 22, 0.28);
        backdrop-filter: blur(16px);
      }
      .category-block + .category-block {
        margin-top: 28px;
      }
      .category-block-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: center;
        margin-bottom: 18px;
      }
      .category-title-wrap {
        display: flex;
        gap: 16px;
        align-items: center;
      }
      .category-icon {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        display: grid;
        place-items: center;
        color: #fff;
        font-weight: 900;
        font-size: 18px;
        box-shadow: 0 18px 36px rgba(9, 33, 89, 0.16);
      }
      .category-block--fiscal .category-icon {
        background: #0056ff;
      }
      .category-block--compliance .category-icon {
        background: #0056ff;
      }
      .category-block--agentes .category-icon {
        background: #0056ff;
      }
      .category-block--cloud .category-icon {
        background: #00aeef;
      }
      .category-block--updates .category-icon,
      .category-block--recent .category-icon {
        background: #0056ff;
      }
      .category-title-wrap h3 {
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(24px, 3vw, 34px);
        line-height: 1.1;
      }
      .category-title-wrap p {
        margin: 6px 0 0;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.55;
      }
      .category-all-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 11px 16px;
        border-radius: 999px;
        background: #0056ff;
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
        white-space: nowrap;
      }
      .category-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }
      .category-carousel-nav {
        display: inline-flex;
        gap: 8px;
      }
      .category-carousel-btn {
        width: 42px;
        height: 42px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 12px 24px rgba(9, 33, 89, 0.1);
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease,
          background 0.2s ease;
      }
      .category-carousel-btn:hover {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.16);
        box-shadow: 0 18px 34px rgba(0, 4, 22, 0.28);
      }
      .category-block--fiscal .category-all-link,
      .category-block--fiscal .category-card-link {
        background: #0056ff;
        border-color: rgba(0, 86, 255, 0.34);
        color: #fff;
      }
      .category-block--compliance .category-all-link,
      .category-block--compliance .category-card-link {
        background: #0056ff;
        border-color: rgba(0, 86, 255, 0.3);
        color: #fff;
      }
      .category-block--agentes .category-all-link,
      .category-block--agentes .category-card-link {
        background: #0056ff;
        border-color: rgba(0, 86, 255, 0.3);
        color: #fff;
      }
      .category-block--cloud .category-all-link,
      .category-block--cloud .category-card-link {
        background: #00aeef;
        border-color: rgba(0, 174, 239, 0.32);
        color: #fff;
      }
      .category-block--updates .category-card-link,
      .category-block--recent .category-card-link {
        background: #0056ff;
        border-color: rgba(0, 86, 255, 0.32);
        color: #fff;
      }
      .category-track {
        display: flex;
        gap: 18px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding: 4px 4px 14px;
        scrollbar-width: none;
      }
      .category-track::-webkit-scrollbar {
        display: none;
      }
      .category-card {
        flex: 0 0 min(360px, calc(100vw - 64px));
        scroll-snap-align: start;
        border-radius: 22px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(0, 11, 61, 0.42);
        overflow: hidden;
      }
      .category-card a {
        color: inherit;
        text-decoration: none;
      }
      .category-card-thumb {
        position: relative;
        display: block;
        aspect-ratio: 16/9;
        background: #e7efff;
        overflow: hidden;
      }
      .category-card-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.28s ease;
      }
      .category-card:hover .category-card-thumb img {
        transform: scale(1.04);
      }
      .category-pill-row {
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 14px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .category-pill {
        max-width: 100%;
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: #111111;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .category-pill--soft {
        background: rgba(13, 47, 111, 0.86);
        color: #fff;
      }
      .category-block--fiscal .category-pill:not(.category-pill--soft) {
        background: rgba(0, 86, 255, 0.94);
        color: #fff;
      }
      .category-block--compliance .category-pill:not(.category-pill--soft) {
        background: rgba(0, 86, 255, 0.94);
        color: #fff;
      }
      .category-block--agentes .category-pill:not(.category-pill--soft) {
        background: rgba(0, 86, 255, 0.94);
        color: #fff;
      }
      .category-block--cloud .category-pill:not(.category-pill--soft) {
        background: rgba(0, 174, 239, 0.94);
        color: #fff;
      }
      .category-block--updates .category-pill:not(.category-pill--soft),
      .category-block--recent .category-pill:not(.category-pill--soft) {
        background: rgba(0, 86, 255, 0.94);
        color: #fff;
      }
      .category-empty {
        padding: 24px;
        border: 1px dashed rgba(255, 255, 255, 0.24);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.74);
        line-height: 1.6;
      }
      .category-empty strong {
        display: block;
        margin-bottom: 4px;
        color: #ffffff;
      }
      .category-card-body {
        padding: 20px;
      }
      .category-card-body small {
        display: block;
        margin-bottom: 10px;
        color: rgba(255, 255, 255, 0.62);
        font-size: 12px;
        line-height: 1.45;
      }
      .category-card-body h4 {
        margin: 0 0 10px;
        color: #ffffff;
        font-size: 18px;
        line-height: 1.28;
        font-family: var(--font-display);
      }
      .category-card-body p {
        margin: 0 0 14px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        line-height: 1.62;
      }
      .category-card-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 10px 15px;
        border-radius: 999px;
        background: linear-gradient(135deg, #0056ff 0%, #0086ff 100%);
        color: #fff !important;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 12px 24px rgba(0, 86, 255, 0.2);
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }
      .category-card-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(0, 86, 255, 0.26);
      }
      .category-block--fiscal .category-card-link {
        background: #0056ff;
      }
      .category-block--compliance .category-card-link {
        background: #0056ff;
      }
      .category-block--agentes .category-card-link {
        background: #0056ff;
      }
      .category-block--cloud .category-card-link {
        background: #00aeef;
      }
      @media (max-width: 980px) {
        .hub-section-head,
        .category-block-head {
          display: block;
        }
        .hub-section-head p,
        .category-all-link {
          margin-top: 12px;
        }
        .category-actions {
          justify-content: space-between;
          margin-top: 14px;
        }
        .category-title-wrap {
          align-items: flex-start;
        }
        .category-all-link {
          flex: 1;
        }
      }
      @media (max-width: 640px) {
        .blog-hub-action,
        .category-nav a {
          width: 100%;
        }
        .category-block {
          padding: 18px;
          border-radius: 24px;
        }
        .category-title-wrap {
          display: block;
        }
        .category-icon {
          margin-bottom: 12px;
        }
        .category-actions {
          align-items: stretch;
          flex-direction: column;
        }
        .category-carousel-nav {
          width: 100%;
        }
        .category-carousel-btn {
          flex: 1;
          border-radius: 14px;
        }
        .category-all-link {
          width: 100%;
        }
      }