
/* GO v55: richer, more refined single sidebars and post-article modules. */

:root {
  --go-v55-card-bg: rgba(255, 255, 255, 0.72);
  --go-v55-card-bg-2: rgba(248, 250, 252, 0.92);
  --go-v55-text: #10131b;
  --go-v55-muted: #626b7a;
  --go-v55-line: rgba(15, 23, 42, 0.1);
  --go-v55-accent: var(--go-mode-accent, #1b13a8);
  --go-v55-accent-soft: rgba(27, 19, 168, 0.075);
}

:is(html.dark, html[class*="dark"], html[data-theme="dark"]) body,
body:is(.dark, .dark-mode, .is-dark-theme, .newsx-dark-mode, [data-theme="dark"], [class*="dark"]) {
  --go-v55-card-bg: rgba(15, 18, 27, 0.78);
  --go-v55-card-bg-2: rgba(8, 10, 15, 0.88);
  --go-v55-text: #f5f7fb;
  --go-v55-muted: #a7afbd;
  --go-v55-line: rgba(255, 255, 255, 0.105);
  --go-v55-accent: var(--go-mode-accent, #c7f000);
  --go-v55-accent-soft: rgba(199, 240, 0, 0.075);
}

.go-v55-sidebar-pack {
  display: grid;
  gap: 14px;
  margin: 0 0 18px;
}

.go-v55-sidebar-card,
.go-v55-after-card,
.go-v55-after-hero,
.go-v55-after-finish {
  color: var(--go-v55-text);
  border: 1px solid var(--go-v55-line);
  background:
    linear-gradient(180deg, var(--go-v55-card-bg), var(--go-v55-card-bg-2));
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.075);
  backdrop-filter: blur(14px);
}

.go-v55-sidebar-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border-radius: 20px;
}

.go-v55-sidebar-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--go-v55-accent), transparent 80%);
  opacity: 0.55;
}

.go-v55-sidebar-card__head {
  display: grid;
  gap: 5px;
  margin: 0 0 13px;
}

.go-v55-sidebar-card__head span,
.go-v55-after-finish__head span,
.go-v55-after-card > span,
.go-v55-after-card--split span {
  color: var(--go-v55-accent);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.go-v55-sidebar-card__head h2,
.go-v55-after-finish__head h2 {
  margin: 0;
  color: var(--go-v55-text);
  font-family: "Sora", "Inter", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.16;
}

.go-v55-sidebar-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.go-v55-sidebar-facts > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--go-v55-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.36);
}

:is(html.dark, html[class*="dark"], html[data-theme="dark"]) .go-v55-sidebar-facts > div,
body:is(.dark, .dark-mode, .is-dark-theme, .newsx-dark-mode, [data-theme="dark"], [class*="dark"]) .go-v55-sidebar-facts > div {
  background: rgba(255, 255, 255, 0.035);
}

.go-v55-sidebar-facts span {
  display: block;
  margin-bottom: 4px;
  color: var(--go-v55-muted);
  font-size: 0.67rem;
  font-weight: 760;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.go-v55-sidebar-facts strong {
  display: block;
  color: var(--go-v55-text);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.18;
}

.go-v55-sidebar-facts .go-v55-sidebar-score {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-color: color-mix(in srgb, var(--go-v55-accent) 34%, var(--go-v55-line));
  background: var(--go-v55-accent-soft);
}

.go-v55-sidebar-facts .go-v55-sidebar-score strong {
  font-size: 1.8rem;
}

.go-v55-mini-list {
  display: grid;
  gap: 10px;
}

.go-v55-mini-post {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.go-v55-mini-post:not(:first-child) {
  padding-top: 10px;
  border-top: 1px solid var(--go-v55-line);
}

.go-v55-mini-post:not(:has(.go-v55-mini-post__media)) {
  grid-template-columns: minmax(0, 1fr);
}

.go-v55-mini-post__media {
  display: block;
  width: 72px;
  height: 54px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.12);
}

.go-v55-mini-post__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.go-v55-mini-post:hover .go-v55-mini-post__media img {
  transform: scale(1.045);
}

.go-v55-mini-post__body {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.go-v55-mini-post__body span {
  color: var(--go-v55-muted);
  font-size: 0.72rem;
  font-weight: 780;
}

.go-v55-mini-post__body a {
  color: var(--go-v55-text) !important;
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.18;
  text-decoration: none !important;
}

.go-v55-mini-post__body a:is(:hover, :focus-visible) {
  color: var(--go-v55-accent) !important;
}

.go-v55-sidebar-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.go-v55-sidebar-routes a,
.go-v55-after-finish__footer a,
.go-v55-after-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--go-v55-accent) 24%, var(--go-v55-line));
  border-radius: 999px;
  background: var(--go-v55-accent-soft);
  color: var(--go-v55-accent) !important;
  font-size: 0.75rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none !important;
}

.go-v55-sidebar-routes a:is(:hover, :focus-visible),
.go-v55-after-finish__footer a:is(:hover, :focus-visible),
.go-v55-after-cta:is(:hover, :focus-visible) {
  border-color: var(--go-v55-accent);
  background: color-mix(in srgb, var(--go-v55-accent) 12%, transparent);
}

.go-v55-after-finish {
  position: relative;
  overflow: hidden;
  margin-top: clamp(34px, 5vw, 58px);
  padding: clamp(20px, 3vw, 30px);
  border-radius: 28px;
}

.go-v55-after-finish::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--go-v55-accent), transparent);
  opacity: 0.45;
}

.go-v55-after-finish__head {
  display: grid;
  gap: 8px;
  max-width: 760px;
  margin-bottom: 20px;
}

.go-v55-after-finish__head h2 {
  font-size: clamp(1.45rem, 2.8vw, 2.05rem);
}

.go-v55-after-finish__head p {
  margin: 0;
  color: var(--go-v55-muted);
  font-size: 0.96rem;
  line-height: 1.55;
}

.go-v55-after-finish__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: 16px;
  align-items: stretch;
}

.go-v55-after-hero,
.go-v55-after-card {
  overflow: hidden;
  border-radius: 22px;
}

.go-v55-after-hero {
  display: grid;
  grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
  min-height: 260px;
}

.go-v55-after-hero.has-no-media {
  grid-template-columns: minmax(0, 1fr);
}

.go-v55-after-hero__media {
  display: block;
  min-height: 100%;
  background: rgba(15, 23, 42, 0.12);
}

.go-v55-after-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.go-v55-after-hero__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: clamp(18px, 2.5vw, 26px);
}

.go-v55-after-hero__body > span {
  color: var(--go-v55-muted);
  font-size: 0.75rem;
  font-weight: 780;
}

.go-v55-after-hero__body h3 {
  margin: 0;
  color: var(--go-v55-text);
  font-family: "Sora", "Inter", system-ui, sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.72rem);
  font-weight: 900;
  line-height: 1.08;
}

.go-v55-after-hero__body h3 a,
.go-v55-after-card a {
  color: inherit !important;
  text-decoration: none !important;
}

.go-v55-after-hero__body h3 a:is(:hover, :focus-visible),
.go-v55-after-card a:is(:hover, :focus-visible) {
  color: var(--go-v55-accent) !important;
}

.go-v55-after-hero__body p {
  margin: 0;
  color: var(--go-v55-muted);
  font-size: 0.94rem;
  line-height: 1.55;
}

.go-v55-after-cta {
  width: fit-content;
  margin-top: 4px;
}

.go-v55-after-stack {
  display: grid;
  gap: 16px;
}

.go-v55-after-card {
  padding: 16px;
}

.go-v55-after-card > span {
  display: block;
  margin-bottom: 12px;
}

.go-v55-after-card--split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.go-v55-after-card--split div {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}

.go-v55-after-card--split a {
  display: block;
  color: var(--go-v55-text) !important;
  font-size: 0.86rem;
  font-weight: 830;
  line-height: 1.22;
}

.go-v55-after-finish__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--go-v55-line);
}

/* Compacta o bloco de leitura relacionada para não ficar gigante no fim da matéria. */
.go-single-after-comments {
  gap: clamp(1.25rem, 2.5vw, 2rem) !important;
}

.go-single-most-read h2,
.go-single-more-site h2,
.go-review-single-more h2,
.go-guide-related .go-guide-section-head h2,
.go-article__related h2,
.related-posts h2,
.newsx-related-posts h2 {
  font-size: clamp(1.12rem, 2vw, 1.42rem) !important;
  line-height: 1.16 !important;
}

.go-single-most-read__item {
  grid-template-columns: 2.25rem minmax(0, 1fr) minmax(92px, 150px) !important;
  gap: 0.85rem !important;
  padding: 0.82rem 0 !important;
}

.go-single-most-read__rank {
  font-size: 1.1rem !important;
}

.go-single-most-read__media,
.go-single-more-site__media {
  border-radius: 12px !important;
}

.go-single-most-read__media {
  height: 78px !important;
}

.go-single-more-site__item {
  grid-template-columns: minmax(118px, 180px) minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 13px 0 !important;
}

.go-single-more-site__media {
  height: 104px !important;
}

.go-single-most-read__item h3,
.go-single-more-site__item h3 {
  font-size: clamp(0.95rem, 1.3vw, 1.08rem) !important;
  line-height: 1.18 !important;
}

.go-single-more-site__body p {
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
}

.goei-auto-related-links,
.go-inline-related-card,
.go-inline-brief {
  max-width: 640px;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.goei-auto-related-links h2,
.goei-auto-related-links h3,
.goei-auto-related-links strong:first-child,
.go-inline-related-card__title {
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 1100px) {
  .go-v55-after-finish__grid,
  .go-v55-after-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .go-v55-after-hero__media {
    min-height: 220px;
  }
}

@media (max-width: 720px) {
  .go-v55-sidebar-facts,
  .go-v55-after-card--split {
    grid-template-columns: minmax(0, 1fr);
  }

  .go-single-most-read__item,
  .go-single-more-site__item {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .go-single-most-read__rank {
    display: none !important;
  }

  .go-single-most-read__media,
  .go-single-more-site__media {
    width: 100% !important;
    height: 150px !important;
  }
}

/* Leia Melhor menor e menos invasivo. */
body.single:not(.wp-admin) .go-reader-rail {
  width: 58px !important;
  gap: 5px !important;
  padding: 7px 6px !important;
  border-radius: 999px !important;
}

body.single:not(.wp-admin) .go-reader-rail::before {
  font-size: 7px !important;
  line-height: 1 !important;
  margin: 2px 0 1px !important;
  letter-spacing: 0.06em !important;
}

body.single:not(.wp-admin) .go-reader-rail__button {
  width: 38px !important;
  height: 38px !important;
}

body.single:not(.wp-admin) .go-reader-rail__button i {
  font-size: 15px !important;
}
