/* Shared reading sizes. Keep navigation, headings and numeric displays independent. */
body[data-public-reading] {
  --public-reading-size: 1.25rem;
  --public-reading-lead-size: 1.375rem;
  --public-reading-line-height: 1.7;
}

/* The membership catalog shares its route with the private member workspace. */
body[data-public-reading] #contenido:not(.member-area) p:not(:where(
  .eyebrow,
  .edition-kicker,
  .card-label,
  .section-index,
  .public-faq-topics-label,
  .price,
  .coins,
  .claim-amount,
  .reward-dialog-amount
)) {
  font-size: var(--public-reading-size);
  line-height: var(--public-reading-line-height);
}

/* Conditions, captions and form help also contain text meant to be read. */
body[data-public-reading] #contenido:not(.member-area) :is(
  .legal-document li,
  .edition-benefits li,
  .public-benefit-conditions li,
  .public-voucher-conditions li,
  .public-place-card-data dd,
  .public-benefit-details dd,
  .partner-benefit-meta dd,
  .partner-detail dd,
  .event-card-info dd,
  .partner-gallery figcaption,
  .public-faq-support-links strong + span,
  .partner-how li > span,
  .partner-hero small,
  .field-grid small,
  .member-type small,
  .email-confirmation-field small,
  .email-confirmation-field output,
  .check-option,
  .partner-checks label,
  .partner-favorite-permissions label,
  .form-status,
  output,
  .partner-form-status,
  .pv-state,
  .partner-empty,
  .raffles-loading,
  .raffles-empty,
  .raffle-message,
  .direct-benefit-status,
  .plan small,
  .plan li,
  .terms-accept
) {
  font-size: var(--public-reading-size);
  line-height: var(--public-reading-line-height);
}

body[data-public-reading] #contenido:not(.member-area) :is(
  .hero-lead,
  .section-lead,
  .benefits-hero-copy > p:not(.benefits-hero-note),
  .events-hero-copy > p:not(.events-hero-note),
  .partners-hero-copy > p:not(.partners-hero-note),
  .vouchers-hero-copy > p,
  .sorteos-hero-copy > p,
  .public-faq-hero-copy > p,
  .partner-hero-copy > p,
  .legal-hero p,
  [data-public-membership-intro] > p
) {
  font-size: var(--public-reading-lead-size);
}

body[data-public-reading] #contenido:not(.member-area) .public-faq-question > summary {
  font-size: var(--public-reading-size);
}

body[data-public-reading] .footer-bottom {
  font-size: 1rem;
  line-height: 1.6;
}

body[data-public-reading] #contenido.claim-page .claim-card {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 45rem) {
  body[data-public-reading] {
    --public-reading-lead-size: 1.25rem;
  }
}