* { box-sizing: border-box; margin: 0; padding: 0; }

    /* @font-face (Satoshi + Recoleta) agora estão apenas em fonts.css,
       com URLs absolutas apontando para as fontes do site principal. */

    :root {
      /* Base oficial da marca MOOGUM */
      --old-pink: #FFA6A6;      /* rosa claro */
      --iron: #1E50CB;        /* azul — fundos escuros (nav, hero, seções) */
      --iron-mid: #285DDF;    /* azul médio — cards sobre fundo escuro */
      --iron-soft: #4775E4;   /* azul claro — bordas/detalhes sobre fundo escuro */
      --ember: #F42B2F;       /* vermelho — acento principal / CTA */
      --ember-light: #F9E532; /* amarelo — acento secundário / destaque */
      --bone: #F4ECD7;        /* creme — texto sobre escuro, títulos */
      --bone-mid: #D8C697;    /* creme acentuado */
      --off-white: #FAF8F3;   /* creme claro — fundo de página */
      --text-muted-dark: #AEBCE0;
      --text-on-light: #0B1C47;
      --text-muted-light: #475985;
      --text-body-light: #33406B;
      --border-light: #E3DAC4;
      --border-light-soft: #EDE5D0;

      /* Acentos oficiais da marca (badges, tags, detalhes) */
      --green: #277200;
      --green-light: #EAF6E4;
      --purple: #B200A1;
      --purple-light: #F8E7F7;
      --teal: #7FE2E3;
      --red-light: #F7DEDF;
      --red-dark: #9B080B;

      /* Largura máxima de conteúdo — acima disso, o excedente vira "margem" colorida */
      --max-content: 1920px;
      --edge-pad: 8rem;
    }

    /* Padding lateral que cresce além de 1920px, mantendo o fundo full-bleed */
    .fullbleed-x {
      padding-left: max(var(--edge-pad), calc((100vw - var(--max-content)) / 2 + var(--edge-pad)));
      padding-right: max(var(--edge-pad), calc((100vw - var(--max-content)) / 2 + var(--edge-pad)));
    }

    body { font-family: 'Satoshi', sans-serif; background: var(--bone); color: var(--black); }

    /* NAV */
    nav {
      display: flex; align-items: center; justify-content: space-between;
      padding-top: 1.25rem; padding-bottom: 1.25rem; background: var(--old-pink);
      position: sticky; top: 0; z-index: 100;
    }
    .nav-logo { display: block; width: 108px; height: auto; color: var(--bone); pointer-events: none; }
    .nav-actions { display: flex; align-items: center; gap: 1.25rem; }
    .lang-switch { display: flex; align-items: center; gap: 4px; }
    .lang-link {
      font-size: 12px; font-weight: 500; color: var(--text-muted-dark); text-decoration: none;
      padding: 4px 8px; border-radius: 4px; font-family: 'Satoshi', sans-serif;
      transition: color 0.15s, background 0.15s;
    }
    .lang-link:hover { color: var(--bone); }
    .lang-link.active { color: var(--bone); background: var(--iron-soft); }
    .nav-cta {
      display: inline-block; text-decoration: none; font-size: 13px;
      font-weight: 700; color: var(--bone); background: #F67729;
      border: none; padding: 8px 18px; border-radius: 4px; cursor: pointer; font-family: 'Satoshi', sans-serif;
      transition: filter 0.15s ease;
    }
    @media (hover: hover) {
      .nav-cta:hover { filter: brightness(1.1); }
    }

    /* HERO */
    .hero {
      background: var(--iron); min-height: 88vh;
      display: flex; flex-direction: column; justify-content: flex-end;
      padding-top: 0; padding-bottom: 3.5rem; position: relative;
    }
    .hero-eyebrow {
      font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--ember-light); margin-bottom: 1.5rem;
    }
    .hero-headline {
      font-family: 'Recoleta', serif; font-size: clamp(36px, 5vw, 58px);
      color: var(--bone); line-height: 1.1; max-width: 720px; margin-bottom: 1rem;
    }
    .hero-headline em { color: var(--ember-light); font-style: normal; }
    .hero-sub {
      font-size: 16px; font-weight: 300; color: var(--text-muted-dark);
      max-width: 480px; line-height: 1.65; margin-bottom: 2rem;
    }
    .hero-actions { display: flex; align-items: center; gap: 1.5rem; }
    .btn-primary, .btn-ghost {
      display: inline-block; text-decoration: none; text-align: center;
      padding: 14px 28px; font-size: 14px; border-radius: 4px; cursor: pointer;
      font-family: 'Satoshi', sans-serif;
    }
    .btn-primary {
      background: var(--ember); color: var(--bone); border: none; font-weight: 500;
    }
    .btn-ghost {
      background: transparent; color: var(--bone-mid); border: 0.5px solid var(--iron-soft); font-weight: 400;
    }

    /* SECTIONS */
    .section { padding-top: 5rem; padding-bottom: 5rem; }
    .section-dark { background: var(--iron); }
    .section-bone { background: var(--bone); }

    .eyebrow {
      font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--ember); margin-bottom: 1rem;
    }
    .eyebrow-light { color: var(--ember-light); }

    .section-title {
      font-family: 'Satoshi', sans-serif; font-size: clamp(26px, 3.5vw, 38px);
      line-height: 1.2; margin-bottom: 1rem;
    }
    .section-title-light { color: var(--bone); }
    .section-sub { font-size: 15px; color: var(--text-muted-light); line-height: 1.65; max-width: 520px; }
    .section-sub-light { color: var(--text-muted-dark); }

    /* NUMBERS */
    .numbers-grid {
      display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px; background: var(--iron-soft);
      border: 1px solid var(--iron-soft); border-radius: 8px;
      overflow: hidden; margin-top: 3rem;
    }
    .num-card { background: var(--iron-mid); padding: 1.75rem 1.5rem; }
    .num-value { font-family: 'Satoshi', sans-serif; font-size: 34px; color: var(--bone); margin-bottom: 6px; }
    .num-label { font-size: 13px; color: var(--text-muted-dark); line-height: 1.45; margin-bottom: 10px; }
    .num-note { font-size: 11px; color: var(--iron-soft); border-top: 0.5px solid var(--iron-soft); padding-top: 10px; line-height: 1.4; }

    .bridge {
      margin-top: 2.5rem; padding-top: 2rem;
      border-top: 0.5px solid var(--iron-soft);
      display: flex; align-items: center; justify-content: space-between;
    }
    .bridge-text { font-family: 'Satoshi', sans-serif; font-size: 20px; color: var(--bone); }
    .bridge-arrow { font-size: 22px; color: var(--ember-light); }

    /* TABS */
    .tabs { display: flex; gap: 6px; margin: 2rem 0 2.5rem; flex-wrap: wrap; }
    .tab {
      padding: 8px 18px; border-radius: 4px; font-size: 13px; font-weight: 500;
      cursor: pointer; border: 0.5px solid var(--border-light); background: transparent;
      color: var(--text-muted-light); font-family: 'Satoshi', sans-serif;
      transition: all 0.15s;
    }
    .tab.active { background: var(--iron); color: var(--bone); border-color: var(--iron); }
    .panel { display: none; }
    .panel.active { display: block; }

    /* CARDS */
    .cards-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    .card-full { grid-column: span 4; }
    .svc-card {
      background: #fff; border: 0.5px solid var(--border-light);
      border-radius: 8px; padding: 1.25rem 1rem; display: flex; flex-direction: column;
    }
    .svc-card--ember { border: 1.5px solid var(--ember); }
    .svc-card--green { border: 1.5px solid var(--green); }

    .svc-badge {
      display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 0.07em;
      text-transform: uppercase; padding: 3px 10px; border-radius: 20px;
      margin-bottom: 14px; background: var(--border-light-soft); color: var(--text-muted-light);
    }
    .svc-badge.featured { background: var(--red-light); color: var(--red-dark); }
    .svc-badge.entry { background: var(--green-light); color: var(--green); }
    .svc-badge.scale { background: var(--purple-light); color: var(--purple); }
    .svc-badge.max { background: var(--text-on-light); color: var(--teal); }
    .svc-eyebrow { font-size: 11px; color: var(--text-muted-light); margin-bottom: 3px; letter-spacing: 0.04em; }
    .svc-title { font-family: 'Satoshi', sans-serif; font-size: 22px; color: var(--iron); margin-bottom: 12px; }
    .svc-meta { font-size: 12px; color: var(--text-muted-light); margin-bottom: 12px; font-style: italic; }
    .svc-desc { font-size: 13px; color: var(--text-body-light); line-height: 1.6; margin-bottom: 16px; flex: 1; }
    .svc-divider { border: none; border-top: 0.5px solid var(--border-light-soft); margin: 0 0 12px; }
    .when-label {
      font-size: 10px; font-weight: 500; letter-spacing: 0.08em;
      text-transform: uppercase; color: var(--text-muted-light); margin-bottom: 8px;
    }
    .when-list { list-style: none; margin-bottom: 18px; }
    .when-list li {
      font-size: 12px; color: var(--text-body-light); padding: 3px 0 3px 14px;
      position: relative; line-height: 1.5;
    }
    .when-list li::before {
      content: "✦"; position: absolute; left: 0;
      font-size: 8px; top: 5px; color: var(--ember);
    }
    .svc-portfolio {
      font-size: 12px; color: var(--ember); display: block;
      margin-bottom: 12px; text-decoration: none; font-weight: 500;
    }
    .svc-cta {
      display: block; text-align: center; padding: 11px;
      border-radius: 4px; border: 1px solid var(--iron);
      font-size: 13px; font-weight: 500; color: var(--iron);
      cursor: pointer; background: transparent;
      font-family: 'Satoshi', sans-serif; text-decoration: none;
      transition: all 0.15s;
    }
    .svc-cta:hover { background: var(--iron); color: var(--bone); }

    /* TEAM */
    .team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
    .team-card { background: var(--iron-mid); border-radius: 8px; padding: 2rem; }
    .team-avatar {
      width: 52px; height: 52px; border-radius: 50%;
      background: var(--iron-soft); display: flex; align-items: center; justify-content: center;
      font-family: 'Satoshi', sans-serif; font-size: 18px; color: var(--ember-light);
      margin-bottom: 1.25rem;
    }
    .team-name { font-family: 'Satoshi', sans-serif; font-size: 22px; color: var(--bone); margin-bottom: 4px; }
    .team-role { font-size: 12px; color: var(--ember-light); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 1rem; }
    .team-text { font-size: 13px; color: var(--text-muted-dark); line-height: 1.65; margin-bottom: 12px; }
    .team-tag {
      display: inline-block; font-size: 11px; color: var(--bone);
      background: var(--iron-soft); padding: 3px 10px;
      border-radius: 20px; margin-right: 4px; margin-bottom: 4px;
    }
    .team-story {
      margin-top: 2.5rem; padding: 2rem;
      border: 0.5px solid var(--iron-soft); border-radius: 8px;
    }
    .team-story p {
      font-family: 'Satoshi', sans-serif; font-style: italic;
      font-size: 18px; color: var(--text-muted-dark); line-height: 1.6;
    }

    /* FORM */
    .form-section { max-width: 580px; margin: 0 auto; }
    .form-section .section-sub { margin-bottom: 2rem; }
    .form-bullets { list-style: none; margin-bottom: 2.5rem; }
    .form-bullets li { font-size: 14px; color: var(--text-muted-light); padding: 5px 0 5px 20px; position: relative; }
    .form-bullets li::before { content: "✦"; position: absolute; left: 0; font-size: 9px; top: 8px; color: var(--ember); }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
    .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
    .form-label { font-size: 12px; font-weight: 500; color: var(--text-muted-light); letter-spacing: 0.04em; }
    .form-input {
      padding: 11px 14px; border: 0.5px solid var(--border-light); border-radius: 4px;
      font-size: 14px; font-family: 'Satoshi', sans-serif;
      background: #fff; color: var(--iron); outline: none;
      width: 100%;
    }
    .form-input:focus { border-color: var(--ember); }
    select.form-input { appearance: none; }
    textarea.form-input { resize: vertical; min-height: 90px; }
    .form-submit {
      width: 100%; padding: 15px; background: var(--ember); color: var(--bone);
      border: none; border-radius: 4px; font-size: 15px; font-weight: 500;
      cursor: pointer; font-family: 'Satoshi', sans-serif; margin-top: 8px;
    }
    .form-whats { text-align: center; margin-top: 1.25rem; font-size: 13px; color: var(--text-muted-light); }
    .form-whats a { color: var(--ember); text-decoration: none; font-weight: 500; }

    /* FOOTER */
    footer {
      background: var(--ember); padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex;
      align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: 1.5rem; position: relative;
    }
    .footer-brand { display: flex; flex-direction: column; gap: 0.5rem; order: 3; align-items: flex-end; }
    .footer-logo { display: block; width: 88px; height: auto; color: var(--bone); pointer-events: none; }
    .footer-copy { font-size: 12px; color: var(--bone); }
    .footer-easter-egg { display: block; font-size: 8px; color: var(--ember); margin-top: 4px; user-select: all; -webkit-user-select: all; }
    .footer-nav { display: flex; align-items: center; padding: 0; background: transparent; }
    .footer-links { display: flex; align-items: center; gap: 1.75rem; list-style: none; }
    .footer-links a {
      font-size: 16px; font-weight: 500; color: var(--bone); text-decoration: none; transition: opacity 0.15s ease;
    }
    .footer-links a:hover { opacity: 0.85; }
    .footer-links a .footer-icon { display: block; width: 36px; height: 36px; }
    .footer-links a:hover .footer-icon { opacity: 0.85; }
    .footer-nav--links { order: 1; }
    .footer-nav--social { order: 2; margin: 0 auto; }
    .footer-nav--social .footer-links { gap: 2rem; }

    /* DIVISORES SVG ENTRE SEÇÕES */
    .section-break {
      height: 56px;
      background-repeat: repeat-x;
      background-position: left top;
      background-size: auto 56px;
    }
    .break-why-solutions { background-image: url('/assets/img/divider-why-solutions.svg'); }


    /* ==========================================================
       RESPONSIVO — TABLET (≤ 1024px)
       ========================================================== */
    @media (max-width: 1024px) {
      :root { --edge-pad: 1.75rem; }
      nav { padding-top: 1.1rem; padding-bottom: 1.1rem; }
      .hero { padding-bottom: 3rem; min-height: 80vh; }
      .section { padding-top: 4rem; padding-bottom: 4rem; }

      .numbers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

      .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .card-full { grid-column: span 2; }

      .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
    }

    /* ==========================================================
       RESPONSIVO — TABLET PEQUENO / MOBILE GRANDE (≤ 768px)
       ========================================================== */
    @media (max-width: 768px) {
      :root { --edge-pad: 1.25rem; }
      nav { padding-top: 1rem; padding-bottom: 1rem; }
      .nav-logo { width: 92px; }
      .nav-actions { gap: 0.75rem; }
      .nav-cta { padding: 7px 14px; font-size: 12px; }

      .hero { padding-bottom: 2.75rem; min-height: 78vh; }
      .hero-headline { max-width: 100%; }
      .hero-sub { max-width: 100%; }
      .hero-actions { flex-wrap: wrap; gap: 1rem; }
      .btn-primary, .btn-ghost { width: 100%; padding: 14px 20px; }

      .section { padding-top: 3.25rem; padding-bottom: 3.25rem; }
      .section-sub, .section-sub-light { max-width: 100%; }

      .numbers-grid { grid-template-columns: 1fr; margin-top: 2.25rem; }
      .num-card { padding: 1.5rem 1.25rem; }

      .bridge { flex-direction: column; align-items: flex-start; gap: 1rem; }
      .bridge-text { font-size: 18px; }

      .tabs { gap: 8px; margin: 1.75rem 0 2rem; }
      .tab { padding: 8px 14px; font-size: 12.5px; }

      .cards-grid { grid-template-columns: 1fr; gap: 14px; }
      .card-full { grid-column: span 1; }

      .team-grid { grid-template-columns: 1fr; gap: 1.25rem; margin-top: 2.25rem; }
      .team-card { padding: 1.5rem; }
      .team-story { padding: 1.5rem; margin-top: 2rem; }
      .team-story p { font-size: 16px; }

      .form-row { grid-template-columns: 1fr; gap: 0; }

      footer {
        flex-direction: column; align-items: center; text-align: center; gap: 1rem;
        padding-top: 2rem; padding-bottom: 2rem;
      }
      .footer-brand { align-items: center; }
      .footer-nav--social { margin: 0; }
      .footer-links { gap: 1.25rem; flex-wrap: wrap; justify-content: center; }
      .footer-links a .footer-icon { width: 32px; height: 32px; }
      .footer-nav--social .footer-links { gap: 1rem; }
      .footer-nav--social .footer-links a { padding: 6px; }
    }

    /* ==========================================================
       RESPONSIVO — CELULAR (≤ 480px)
       ========================================================== */
    @media (max-width: 480px) {
      .hero-eyebrow { font-size: 10px; margin-bottom: 1.25rem; }
      .hero-headline { font-size: clamp(28px, 8vw, 36px); }
      .hero-sub { font-size: 14.5px; }

      .section-title { font-size: clamp(22px, 6vw, 28px); }

      .num-value { font-size: 28px; }
      .num-label { font-size: 12.5px; }

      .svc-card { padding: 1.25rem; }
      .svc-title { font-size: 19px; }

      .form-submit { padding: 14px; font-size: 14px; }
    }
    /* ==========================================================
   BLOG (Publii) — Listagem e conteúdo de posts
   ========================================================== */
.wrapper {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 1rem;
}

.feed {
  background: var(--bone);
  padding-top: 3.5rem;
  padding-bottom: 5rem;
}

.blog-header {
  margin-bottom: 2.5rem;
}
.blog-eyebrow {
  font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--bone); background: var(--ember); display: inline-block;
  padding: 3px 10px; border-radius: 20px; margin-bottom: 1rem;
}
.blog-headline {
  font-family: 'Recoleta', serif; font-size: 34px;
  line-height: 1.2; margin-bottom: 1rem; color: var(--black);
}
.blog-sub {
  font-size: 16px; color: var(--black); line-height: 1.65; max-width: 520px;
}

.feed__item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  background: var(--off-white);
  border: none;
  border-radius: 24px;
  padding: 1.75rem 1.5rem;
  margin-bottom: 1.5rem;
}
.feed__item--centered { text-align: center; flex-direction: column; align-items: center; }

.feed__image {
  flex: 0 0 160px;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 0;
}
.feed__image img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 640px) {
  .feed__item { flex-direction: column; }
  .feed__image { width: 100%; height: 200px; }
}

.feed__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--black);
  margin-bottom: 0.75rem;
}
.feed__author {
  color: var(--ember);
  font-weight: 500;
  text-decoration: none;
}
.feed__author:hover { text-decoration: underline; }
.feed__author-thumb {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--iron-soft); display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Satoshi', sans-serif; font-size: 14px; font-weight: 700;
  color: var(--ember-light); flex-shrink: 0;
}
.feed__date {
  display: inline-block; background: var(--iron); padding: 3px 10px;
  border-radius: 20px; color: var(--bone); font-size: 12px;
}

.feed__title {
  font-family: 'Recoleta', serif;
  font-size: 34px;
  color: var(--black);
  line-height: 1.1;
  margin-bottom: 0.75rem;
}
.feed__title a { color: inherit; text-decoration: none; }
.feed__title a:hover { color: var(--ember); }

.feed__content p {
  font-size: 16px;
  font-weight: 300;
  color: var(--black);
  line-height: 1.65;
  margin-bottom: 1rem;
}

.readmore.feed__readmore {
  display: inline-block; padding: 13px 28px;
  border-radius: 30px; border: none;
  font-size: 14px; font-weight: 500;
  color: var(--bone); background: var(--ember);
  font-family: 'Satoshi', sans-serif; text-decoration: none;
  transition: filter 0.15s;
}
.readmore.feed__readmore:hover { filter: brightness(1.08); }

/* Paginação (quando houver mais de uma página de posts) */
.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 2rem;
}
.pagination a, .pagination span {
  padding: 8px 14px;
  border-radius: 4px;
  border: 0.5px solid var(--border-light);
  font-size: 13px;
  color: var(--iron);
  text-decoration: none;
  font-family: 'Satoshi', sans-serif;
}
.pagination a:hover { background: var(--iron); color: var(--bone); }
.pagination .current { background: var(--iron); color: var(--bone); border-color: var(--iron); }

/* POST — Conteúdo do artigo */
.content__entry {
  font-size: 16px; font-weight: 300; color: var(--black);
  line-height: 1.65; margin-bottom: 2rem; text-align: left;
}
.content__entry h2 {
  font-family: 'Recoleta', serif; font-size: 28px;
  color: var(--black); margin: 2rem 0 1rem; line-height: 1.2;
}
.content__entry h3 {
  font-family: 'Satoshi', sans-serif; font-size: 20px; font-weight: 700;
  color: var(--black); margin: 1.5rem 0 0.75rem;
}
.content__entry p { margin-bottom: 1.25rem; }
.content__entry a { color: var(--ember); text-decoration: underline; }
.content__entry ul, .content__entry ol { margin: 0 0 1.25rem 1.25rem; }
.content__entry li { margin-bottom: 0.4rem; }
.content__entry img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; }
.content__entry blockquote {
  border-left: 3px solid var(--ember); padding: 0.25rem 0 0.25rem 1.25rem;
  margin: 1.5rem 0; font-style: italic; color: var(--text-muted-light);
}
.content__entry code {
  background: var(--off-white); padding: 2px 6px; border-radius: 4px; font-size: 14px;
}
.content__entry pre {
  background: var(--iron); color: var(--bone);
  padding: 1rem 1.25rem; border-radius: 8px; overflow-x: auto; margin-bottom: 1.25rem;
}
.content__entry pre code { background: none; padding: 0; color: inherit; }

/* Tags do post */
.post-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 2rem; }
.post-tag {
  display: inline-block; font-size: 12px; color: var(--iron);
  background: var(--off-white); border: 0.5px solid var(--border-light);
  padding: 4px 12px; border-radius: 20px; text-decoration: none;
}
.post-tag:hover { background: var(--iron); color: var(--bone); border-color: var(--iron); }

/* Navegação entre posts */
.post-nav {
  display: flex; justify-content: space-between; gap: 1rem;
  margin-top: 2rem; padding-top: 2rem; border-top: 0.5px solid var(--border-light);
}
.post-nav-link {
  display: flex; flex-direction: column; gap: 4px;
  text-decoration: none; color: var(--iron); max-width: 48%;
}
.post-nav-next { text-align: right; margin-left: auto; }
.post-nav-label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted-light); }
.post-nav-title { font-size: 14px; font-weight: 500; }
.post-nav-link:hover { color: var(--ember); }



/* ==========================================================
   BLOG (Publii) — Página de post individual (v2)
   ========================================================== */