@font-face {
    font-family: 'Sequel Sans';
    src: url(../../fonts/sequel-sans/SequelSans-Light-Head.woff2) format('woff2'), url(../../fonts/sequel-sans/SequelSans-Light-Head.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
  }
  @font-face {
    font-family: 'Sequel Sans';
    src: url(../../fonts/sequel-sans/SequelSans-Book-Head.woff2) format('woff2'), url(../../fonts/sequel-sans/SequelSans-Book-Head.woff) format('woff');
    font-weight: 350;
    font-style: normal;
    font-display: block
  }
  @font-face {
    font-family: 'Sequel Sans';
    src: url(../../fonts/sequel-sans/SequelSans-SemiBold-Head.woff2) format('woff2'), url(../../fonts/sequel-sans/SequelSans-SemiBold-Head.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block
  }
  @font-face {
    font-family: 'Sequel Sans';
    src: url(../../fonts/sequel-sans/SequelSans-Bold-Head.woff2) format('woff2'), url(../../fonts/sequel-sans/SequelSans-Bold-Head.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: block
  }
  * {
    word-spacing: normal !important
  }
  body {
    font-family: 'Sequel Sans', sans-serif;
    font-size: .8rem;
    font-weight: 350 /* Book Head como base para melhor legibilidade no body */
  }
  .btn,
  .dropdown-item,
  .nav-link {
    letter-spacing: normal
  }
  .btn,
  .lg-sub-html p,
  .nav-link,
  .nav-link p,
  .navbar .btn-sm {
    font-size: .8rem
  }
  .dropdown-menu {
    font-size: .8rem
  }
  .btn-group-sm>.btn,
  .btn-sm,
  .post-meta,
  .share-dropdown .dropdown-menu .dropdown-item {
    font-size: .75rem
  }
  .filter,
  .filter ul li a,
  .meta,
  .post-category {
    font-size: .7rem
  }
  .post-header .post-meta {
    font-size: .85rem
  }
  .accordion-wrapper .card-header button,
  .collapse-link,
  .nav-tabs .nav-link {
    font-size: .9rem
  }
  blockquote {
    font-size: .9rem
  }
  .blockquote-footer {
    font-size: .65rem
  }
  .blockquote-details p {
    font-size: .85rem
  }
  .counter-wrapper p {
    font-size: .85rem
  }
  .counter-wrapper .counter {
    font-size: calc(1.33rem + .96vw)
  }
  @media (min-width:1200px) {
    .counter-wrapper .counter {
      font-size: 2.05rem
    }
  }
  .counter-wrapper .counter.counter-lg {
    font-size: calc(1.35rem + 1.2vw)
  }
  @media (min-width:1200px) {
    .counter-wrapper .counter.counter-lg {
      font-size: 2.25rem
    }
  }
  .icon-list.bullet-bg i {
    top: .25rem
  }
  .accordion-wrapper .card-header button:before {
    margin-top: -.2rem
  }
  .form-floating>label {
    padding-top: .65rem
  }
  .h1,
  h1 {
    font-size: calc(1.275rem + .3vw);
    font-weight: 700 /* Bold Head para títulos grandes */
  }
  @media (min-width:1200px) {
    .h1,
    h1 {
      font-size: 1.5rem
    }
  }
  .h2,
  h2 {
    font-size: calc(1.26rem + .12vw);
    font-weight: 300 /* Light Head para subtítulos */
  }
  @media (min-width:1200px) {
    .h2,
    h2 {
      font-size: 1.35rem
    }
  }
  .h3,
  h3 {
    font-size: 1.15rem;
    font-weight: 600 /* Semi Bold Head para destaques */
  }
  .h4,
  h4 {
    font-size: 1rem;
    font-weight: 350 /* Book Head para headers médios */
  }
  .h5,
  h5 {
    font-size: .95rem
  }
  .h6,
  h6 {
    font-size: .9rem
  }
  .fs-sm {
    font-size: .75rem !important
  }
  .fs-lg {
    font-size: 1.05rem !important
  }
  .lead {
    font-size: .95rem;
    line-height: 1.6
  }
  .lead.fs-lg {
    font-size: 1.1rem !important;
    line-height: 1.55
  }
  .display-1 {
    font-size: calc(1.375rem + 1.5vw);
    line-height: 1.15;
    font-weight: 700 /* Bold Head para displays grandes */
  }
  @media (min-width:1200px) {
    .display-1 {
      font-size: 2.5rem
    }
  }
  .display-2 {
    font-size: calc(1.355rem + 1.26vw);
    line-height: 1.2;
    font-weight: 600 /* Semi Bold para display médio */
  }
  @media (min-width:1200px) {
    .display-2 {
      font-size: 2.3rem
    }
  }
  .display-3 {
    font-size: calc(1.335rem + 1.02vw);
    line-height: 1.2;
    font-weight: 350 /* Book para display menor */
  }
  @media (min-width:1200px) {
    .display-3 {
      font-size: 2.1rem
    }
  }
  .display-4 {
    font-size: calc(1.315rem + .78vw);
    line-height: 1.25;
    font-weight: 600 /* Light para display leve */
  }
  @media (min-width:1200px) {
    .display-4 {
      font-size: 1.9rem
    }
  }
  .display-5 {
    font-size: calc(1.295rem + .54vw);
    line-height: 1.25;
    font-weight: 350
  }
  @media (min-width:1200px) {
    .display-5 {
      font-size: 1.7rem
    }
  }
  .display-6 {
    font-size: calc(1.275rem + .3vw);
    line-height: 1.3;
    font-weight: 600
  }
  @media (min-width:1200px) {
    .display-6 {
      font-size: 1.5rem
    }
  }