/* De Maio — tipografia do site inteiro.
   --display : títulos           (Aparência › Fontes › Títulos)
   --ui      : menus, botões, rótulos, preços, listas (Aparência › Fontes › Menus e botões)
   --body    : descrições / textos corridos (Aparência › Fontes › Descrições)
   Carregado por último, em todas as páginas do site (não altera o painel nem o widget do Motz). */

/* 1) Base: tudo em serifa legível. */
body,
body :where(*:not(svg, svg *, .motz-widget, .motz-widget *, .suites-availability-go, .suites-availability-go *, .a2-adminbar, .a2-adminbar *)) {
  font-family: var(--ui, "Source Serif 4"), Georgia, "Times New Roman", serif !important;
}

/* 2) Títulos: serifa em pé (sem o itálico decorativo), com o destaque *palavra* em itálico. */
body :is(h1, h2, h3, h4, .d, .h, .t-hero, .tile-t, .logo b, .logo-a, .foot-logo, .hero-title, .sx-title, .suite-ref-title, .suite-ref-features-title, .suite-ref-share-title, .suite-ref-booking-title, .rx-invite-title, .m-foot .big) {
  font-family: var(--display, "Source Serif 4"), Georgia, serif !important;
  font-style: normal !important;
  letter-spacing: -.012em !important;
}
body :is(h1, h2, h3, h4, .d, .h, .t-hero, .tile-t) { font-weight: 600 !important; }
body :is(.d, .h, h1, h2, h3, h4) :is(em, .it) { font-style: italic !important; font-weight: 500 !important; font-family: inherit !important; }
body .it { font-family: var(--display, "Source Serif 4"), Georgia, serif !important; font-style: italic !important; }

/* Rótulos em caixa alta: um pouco mais de peso para continuar legível em serifa. */
body :is(.lbl, .kw, .rx-steps-t, .tile-k, .rx-invite-k, .seal, .chip, .tab, .btn, .link, .m-nav a, .nav a) { font-weight: 600 !important; }

/* 3) Descrições: fonte sem serifa (Aparência › Fontes › Descrições). */
body :is(
  main p:not(.lbl, .kw, .rx-steps-t, .tag, .d, .h, .tile-k, .rx-invite-k, .rx-note, .booking-note),
  details p, details > div,
  .lead, .rx-lead, .rx-card p, .tile-x, .feats span, .contact-note,
  .suite-ref-description, .m-detail-desc, .suite-ref-share p, .rx-invite p,
  .suite-ref-book-copy, .list-note p, .intro-s, .vx-menu-items p, .vx-benefits p,
  .reservation-pending p, .m-hero .lead
) {
  font-family: var(--body, "Instrument Sans"), system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
/* O que está dentro de uma descrição (itálico, [pendência], links) acompanha a fonte da descrição. */
body :is(
  main p:not(.lbl, .kw, .rx-steps-t, .tag, .d, .h, .tile-k, .rx-invite-k, .rx-note, .booking-note),
  details p, details > div,
  .lead, .rx-lead, .rx-card p, .tile-x, .feats span, .contact-note,
  .suite-ref-description, .m-detail-desc, .suite-ref-share p, .rx-invite p,
  .suite-ref-book-copy, .list-note p, .intro-s, .vx-menu-items p, .vx-benefits p,
  .reservation-pending p, .m-hero .lead
) :where(*) { font-family: inherit !important; }
