/* GO v123: leitura limpa para blocos "Perguntas frequentes sobre" dentro das matérias. */

:root {
  --go-v123-faq-blue: #2817f1;
  --go-v123-faq-lime: #c7f000;
}

body:not(.wp-admin) .go-faq-reader {
  --go-faq-accent: var(--go-v123-faq-blue);
  --go-faq-bg: rgba(255, 255, 255, 0.76);
  --go-faq-bg-2: rgba(40, 23, 241, 0.045);
  --go-faq-line: rgba(17, 24, 39, 0.12);
  --go-faq-text: #0b0f19;
  --go-faq-muted: rgba(31, 41, 55, 0.72);
  position: relative;
  clear: both;
  margin: clamp(34px, 5vw, 56px) 0;
  padding: clamp(22px, 3.4vw, 34px);
  border: 1px solid var(--go-faq-line);
  border-radius: 24px;
  background:
    linear-gradient(180deg, var(--go-faq-bg), rgba(255, 255, 255, 0.52)),
    radial-gradient(circle at 0 0, var(--go-faq-bg-2), transparent 40%);
  box-shadow: none;
  overflow: hidden;
  counter-reset: go-faq;
}

body:not(.wp-admin) .go-faq-reader::before {
  content: 'FAQ';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin-bottom: 14px;
  padding: 0 11px;
  border: 1px solid color-mix(in srgb, var(--go-faq-accent) 28%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--go-faq-accent) 9%, transparent);
  color: var(--go-faq-accent);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

body:not(.wp-admin) .go-faq-reader > :is(h2, h3).go-faq-reader__title,
body:not(.wp-admin) .go-faq-reader > :is(h2, h3):first-child {
  max-width: 820px;
  margin: 0 0 clamp(18px, 2.6vw, 26px) !important;
  color: var(--go-faq-text) !important;
  font-family: inherit;
  font-size: clamp(1.55rem, 2.5vw, 2.2rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.08 !important;
}

body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title),
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question) {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0 !important;
  padding: 18px 0 10px;
  border-top: 1px solid var(--go-faq-line);
  color: var(--go-faq-text) !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title)::before,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question)::before {
  counter-increment: go-faq;
  content: counter(go-faq, decimal-leading-zero);
  flex: 0 0 auto;
  min-width: 34px;
  color: var(--go-faq-accent);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.55;
}

body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title):first-of-type {
  border-top-color: color-mix(in srgb, var(--go-faq-accent) 22%, var(--go-faq-line));
}

body:not(.wp-admin) .go-faq-reader > p,
body:not(.wp-admin) .go-faq-reader > ul,
body:not(.wp-admin) .go-faq-reader > ol,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-answer, .rank-math-answer, .wp-block-yoast-faq-answer) {
  max-width: 76ch;
  margin: 0 0 16px 46px !important;
  color: var(--go-faq-muted) !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

body:not(.wp-admin) .go-faq-reader > ul,
body:not(.wp-admin) .go-faq-reader > ol {
  padding-left: 1.15em;
}

body:not(.wp-admin) .go-faq-reader > p:last-child,
body:not(.wp-admin) .go-faq-reader > ul:last-child,
body:not(.wp-admin) .go-faq-reader > ol:last-child {
  margin-bottom: 0 !important;
}

body:not(.wp-admin) .go-faq-reader a {
  color: var(--go-faq-accent) !important;
  font-weight: 750;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

body:not(.wp-admin) .go-faq-reader :is(strong, b) {
  color: var(--go-faq-text);
}

body:not(.wp-admin) .go-faq-reader :is(.wp-block-separator, hr) {
  border-color: var(--go-faq-line) !important;
}

/* Suporte para blocos de FAQ de plugins, quando existirem. */
body:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body:not(.wp-admin) .go-article__content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body:not(.wp-admin) .go-guide-article__content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section) {
  border-top: 1px solid rgba(17, 24, 39, 0.1);
}

body.newsx-dark-mode:not(.wp-admin) .go-faq-reader,
body.dark-mode:not(.wp-admin) .go-faq-reader,
body.dark:not(.wp-admin) .go-faq-reader,
body.is-dark-theme:not(.wp-admin) .go-faq-reader,
body[data-theme='dark']:not(.wp-admin) .go-faq-reader,
html.dark body:not(.wp-admin) .go-faq-reader,
html[data-theme='dark'] body:not(.wp-admin) .go-faq-reader,
html.go-root-dark-mode body:not(.wp-admin) .go-faq-reader {
  --go-faq-accent: var(--go-v123-faq-lime);
  --go-faq-bg: rgba(255, 255, 255, 0.035);
  --go-faq-bg-2: rgba(199, 240, 0, 0.05);
  --go-faq-line: rgba(255, 255, 255, 0.12);
  --go-faq-text: #ffffff;
  --go-faq-muted: rgba(244, 247, 251, 0.74);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.024)),
    radial-gradient(circle at 0 0, var(--go-faq-bg-2), transparent 40%);
}

body.newsx-dark-mode:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body.dark-mode:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body.dark:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section) {
  border-top-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 760px) {
  body:not(.wp-admin) .go-faq-reader {
    margin: 30px 0;
    padding: 20px;
    border-radius: 18px;
  }

  body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title),
  body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question) {
    gap: 10px;
  }

  body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title)::before,
  body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question)::before {
    min-width: 28px;
    font-size: 0.76rem;
  }

  body:not(.wp-admin) .go-faq-reader > p,
  body:not(.wp-admin) .go-faq-reader > ul,
  body:not(.wp-admin) .go-faq-reader > ol,
  body:not(.wp-admin) .go-faq-reader :is(.schema-faq-answer, .rank-math-answer, .wp-block-yoast-faq-answer) {
    margin-left: 38px !important;
  }
}