:root {
  --rnti-yellow: #FFD400;
  --rnti-black: #1B1B1B;
  --rnti-dark: #232323;
  --rnti-ink: #313131;
  --rnti-gray: #4B4B4B;
  --rnti-muted: #A4A4A4;
  --rnti-line: #DDDDDD;
  --rnti-soft: #F3F3F3;
  --rnti-ad: #FFF3B8;
  --rnti-white: #FFFFFF;
  --font-display: "IBM Plex Sans", "Manrope", system-ui, sans-serif;
  --font-text: "Poppins", "Manrope", system-ui, sans-serif;
  --rnti-frame: 1296px;
  /* Font Awesome Free 6 (CC BY 4.0) — glifos dos ícones usados como mask */
  --icon-pen-nib: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M368.4 18.3L312.7 74.1 437.9 199.3l55.7-55.7c21.9-21.9 21.9-57.3 0-79.2L447.6 18.3c-21.9-21.9-57.3-21.9-79.2 0zM288 94.6l-9.2 2.8L134.7 140.6c-19.9 6-35.7 21.2-42.3 41L3.8 445.8c-3.8 11.3-1 23.9 7.3 32.4L164.7 324.7c-3-6.3-4.7-13.3-4.7-20.7c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48c-7.4 0-14.4-1.7-20.7-4.7L33.7 500.9c8.6 8.3 21.1 11.2 32.4 7.3l264.3-88.6c19.7-6.6 35-22.4 41-42.3l43.2-144.1 2.7-9.2L288 94.6z'/%3E%3C/svg%3E");
  --icon-chart-line: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");
  --icon-user-gear: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224 0a128 128 0 1 1 0 256A128 128 0 1 1 224 0zM178.3 304l91.4 0c11.8 0 23.4 1.2 34.5 3.3c-2.1 18.5 7.4 35.6 21.8 44.8c-16.6 10.6-26.7 31.6-20 53.3c4 12.9 9.4 25.5 16.4 37.6s15.2 23.1 24.4 33c15.7 16.9 39.6 18.4 57.2 8.7l0 .9c0 9.2 2.7 18.5 7.9 26.3L29.7 512C13.3 512 0 498.7 0 482.3C0 383.8 79.8 304 178.3 304zM436 218.2c0-7 4.5-13.3 11.3-14.8c10.5-2.4 21.5-3.7 32.7-3.7s22.2 1.3 32.7 3.7c6.8 1.5 11.3 7.8 11.3 14.8l0 30.6c7.9 3.4 15.4 7.7 22.3 12.8l24.9-14.3c6.1-3.5 13.7-2.7 18.5 2.4c7.6 8.1 14.3 17.2 20.1 27.2s10.3 20.4 13.5 31c2.1 6.7-1.1 13.7-7.2 17.2l-25 14.4c.4 4 .7 8.1 .7 12.3s-.2 8.2-.7 12.3l25 14.4c6.1 3.5 9.2 10.5 7.2 17.2c-3.3 10.6-7.8 21-13.5 31s-12.5 19.1-20.1 27.2c-4.8 5.1-12.5 5.9-18.5 2.4l-24.9-14.3c-6.9 5.1-14.3 9.4-22.3 12.8l0 30.6c0 7-4.5 13.3-11.3 14.8c-10.5 2.4-21.5 3.7-32.7 3.7s-22.2-1.3-32.7-3.7c-6.8-1.5-11.3-7.8-11.3-14.8l0-30.5c-8-3.4-15.6-7.7-22.5-12.9l-24.7 14.3c-6.1 3.5-13.7 2.7-18.5-2.4c-7.6-8.1-14.3-17.2-20.1-27.2s-10.3-20.4-13.5-31c-2.1-6.7 1.1-13.7 7.2-17.2l24.8-14.3c-.4-4.1-.7-8.2-.7-12.4s.2-8.3 .7-12.4L343.8 325c-6.1-3.5-9.2-10.5-7.2-17.2c3.3-10.6 7.7-21 13.5-31s12.5-19.1 20.1-27.2c4.8-5.1 12.4-5.9 18.5-2.4l24.8 14.3c6.9-5.1 14.5-9.4 22.5-12.9l0-30.5zm92.1 133.5a48.1 48.1 0 1 0 -96.1 0 48.1 48.1 0 1 0 96.1 0z'/%3E%3C/svg%3E");
  --icon-building: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 0C21.5 0 0 21.5 0 48L0 464c0 26.5 21.5 48 48 48l96 0 0-80c0-26.5 21.5-48 48-48s48 21.5 48 48l0 80 96 0c26.5 0 48-21.5 48-48l0-416c0-26.5-21.5-48-48-48L48 0zM64 240c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm112-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM80 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM272 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
  --icon-envelope: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
  --icon-whatsapp: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
  --icon-instagram: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
  --icon-facebook: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E");
  --icon-linkedin: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E");
  --icon-xmark: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  max-width: 100%;
  overflow-x: clip;
}

body {
  color: var(--rnti-ink);
  background: var(--rnti-white);
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
}

/* Foco visível para navegação por teclado (o dropdown abre via :focus-within). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--rnti-yellow);
  outline-offset: 2px;
  border-radius: 4px;
}

.rnti-nav__link:focus-visible,
.rnti-nav__dropdown a:focus-visible {
  outline-color: var(--rnti-white);
}

.rnti-frame {
  width: min(100% - 32px, var(--rnti-frame));
  margin-inline: auto;
}

.rnti-header {
  background: var(--rnti-white);
  padding-bottom: 24px;
}

.rnti-topbar {
  background: var(--rnti-yellow);
  color: var(--rnti-ink);
  font-size: 14px;
}

.rnti-topbar__inner,
.rnti-topbar__date,
.rnti-topbar__contact {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rnti-topbar__inner {
  min-height: 37px;
  justify-content: space-between;
}

.rnti-topbar__contact a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rnti-header__main {
  display: grid;
  grid-template-columns: 316px 1fr 316px;
  align-items: center;
  gap: 32px;
  padding: 24px 0 16px;
}

.rnti-logo {
  justify-self: center;
  width: 244px;
}

/* Trilha de editorias e faixa de destaque: exclusivas do header mobile. */
.rnti-nav-categories,
.rnti-header__ticker {
  display: none;
}

.rnti-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border: 1px solid var(--rnti-black);
  border-radius: 90px;
  padding: 0 18px 0 25px;
}

.rnti-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--rnti-ink);
  font: 400 16px/1.5 var(--font-text);
}

.rnti-search button,
.rnti-menu-button {
  border: 0;
  background: transparent;
  color: var(--rnti-black);
}

.rnti-header__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.rnti-login,
.rnti-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  border-radius: 90px;
  padding: 8px 24px;
  font-weight: 700;
}

.rnti-button {
  min-width: 176px;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
}

.rnti-menu-button {
  display: none;
  width: 50px;
  height: 50px;
  border: 1px solid var(--rnti-line);
  border-radius: 999px;
  font-size: 28px;
}

.rnti-nav {
  background: var(--rnti-ink);
  border-radius: 48px;
  padding: 24px 48px;
}

.rnti-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rnti-nav__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.rnti-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rnti-white);
  font-size: 16px;
  white-space: nowrap;
}

.rnti-nav__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--rnti-white);
  transition: color .18s ease, transform .18s ease;
}

.rnti-nav__link:hover,
.rnti-nav__link.is-active {
  color: var(--rnti-yellow);
}

.rnti-nav__item--dropdown:has(.rnti-nav__link.is-active) .rnti-nav__toggle {
  color: var(--rnti-yellow);
}

.rnti-nav__item--dropdown:hover .rnti-nav__link,
.rnti-nav__item--dropdown:focus-within .rnti-nav__link,
.rnti-nav__item--dropdown.is-open .rnti-nav__link,
.rnti-nav__item--dropdown:hover .rnti-nav__toggle,
.rnti-nav__item--dropdown:focus-within .rnti-nav__toggle,
.rnti-nav__item--dropdown.is-open .rnti-nav__toggle {
  color: var(--rnti-yellow);
}

.rnti-nav__item--dropdown:hover .rnti-nav__toggle,
.rnti-nav__item--dropdown:focus-within .rnti-nav__toggle,
.rnti-nav__item--dropdown.is-open .rnti-nav__toggle {
  transform: rotate(180deg);
}

.rnti-nav__link.is-disabled,
.rnti-mobile-nav__link.is-disabled,
.rnti-footer__disabled {
  cursor: default;
  opacity: .55;
}

.rnti-nav__dropdown {
  position: absolute;
  left: 50%;
  top: calc(100% + 24px);
  z-index: 20;
  display: grid;
  gap: 0;
  width: 240px;
  padding: 0 0 16px;
  border-top: 3px solid var(--rnti-yellow);
  border-radius: 0 0 24px 24px;
  background: var(--rnti-ink);
  box-shadow: none;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -6px);
  transition: .18s ease;
}

.rnti-nav__item:hover .rnti-nav__dropdown,
.rnti-nav__item:focus-within .rnti-nav__dropdown,
.rnti-nav__item.is-open .rnti-nav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.rnti-nav__dropdown a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  width: 100%;
  color: var(--rnti-white);
  padding: 0 16px 0 22px;
  border-bottom: 1px solid var(--rnti-gray);
  border-radius: 0;
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap;
}

.rnti-nav__dropdown a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: transparent;
}

.rnti-nav__dropdown a:last-child {
  border-bottom: 0;
}

.rnti-nav__dropdown a:hover,
.rnti-nav__dropdown a.is-active {
  background: rgba(255, 255, 255, 0.06);
  color: var(--rnti-yellow);
}

.rnti-nav__dropdown a:hover::before,
.rnti-nav__dropdown a:focus-visible::before,
.rnti-nav__dropdown a.is-active::before {
  background: var(--rnti-yellow);
}

.rnti-main {
  padding: 24px 0 0;
}

.rnti-ticker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding-right: 16px;
  background: var(--rnti-yellow);
  border-radius: 48px;
  color: var(--rnti-black);
}

.rnti-ticker strong {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 24px;
  background: var(--rnti-black);
  color: var(--rnti-white);
  border-radius: 90px;
  white-space: nowrap;
}

.rnti-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 306px;
  gap: 24px;
}

.rnti-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.rnti-feature-card {
  position: relative;
  min-height: 269px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--rnti-dark);
  color: var(--rnti-white);
}

.rnti-feature-card--large {
  grid-column: 1 / -1;
  min-height: 519px;
}

.rnti-feature-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rnti-feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.86) 100%);
}

.rnti-feature-card__body {
  position: absolute;
  z-index: 1;
  left: 32px;
  right: 32px;
  bottom: 32px;
}

.rnti-label {
  color: var(--rnti-line);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.rnti-feature-card h1,
.rnti-feature-card h2,
.rnti-section-title {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.rnti-feature-card h1 {
  margin: 8px 0;
  color: var(--rnti-white);
  font-size: 32px;
}

.rnti-feature-card h2 {
  margin: 8px 0;
  color: var(--rnti-white);
  font-size: 24px;
}

.rnti-date {
  color: var(--rnti-line);
  font-size: 14px;
}

.rnti-exclusive {
  position: absolute;
  z-index: 2;
  top: 32px;
  left: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 32px;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font-size: 14px;
  font-weight: 700;
}

.rnti-sidebar {
  display: grid;
  align-content: start;
  gap: 24px;
}

.rnti-blog-listing {
  padding-top: 40px;
}

body:has(.rnti-blog-page--filtered) .rnti-header {
  padding-bottom: 0;
}

.rnti-blog-page--filtered .rnti-blog-listing {
  padding-top: 32px;
}

.rnti-blog-listing .rnti-home-grid {
  grid-template-columns: minmax(0, 966px) 306px;
  align-items: start;
}

.rnti-blog-ticker {
  margin: 0 0 40px;
}

.rnti-ticker__headline {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  line-height: 1.5;
  transition: opacity .28s ease, transform .28s ease;
}

.rnti-ticker__headline.is-changing {
  opacity: 0;
  transform: translateY(4px);
}

.rnti-ticker__dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
}

.rnti-ticker__dots button,
.rnti-ticker__dots i {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid var(--rnti-black);
  border-radius: 50%;
  background: transparent;
  opacity: .35;
  cursor: pointer;
  transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
}

.rnti-ticker__dots button.is-active,
.rnti-ticker__dots i:first-child {
  background: var(--rnti-black);
  opacity: .55;
}

.rnti-ticker__dots button:hover,
.rnti-ticker__dots button:focus-visible {
  opacity: .7;
  transform: scale(1.08);
}

.rnti-blog-heading {
  margin: 0 0 32px;
}

.rnti-blog-heading .rnti-section-title {
  margin-bottom: 16px;
}

.rnti-blog-heading p {
  margin: 0;
}

.rnti-most-read {
  padding: 32px 24px;
  border-radius: 32px;
  background: var(--rnti-soft);
}

.rnti-editorias-card {
  padding: 24px;
  border-radius: 16px;
  background: var(--rnti-soft);
}

.rnti-editorias-card .rnti-block-title {
  margin-bottom: 16px;
}

.rnti-editorias-card .rnti-block-title h2 {
  font-size: 24px;
}

.rnti-editorias-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  color: var(--rnti-ink);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-editorias-card__links a:hover {
  color: var(--rnti-black);
  text-decoration: underline;
  text-decoration-color: var(--rnti-yellow);
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

.rnti-block-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.rnti-block-title::before {
  content: "";
  width: 4px;
  height: 40px;
  border-radius: 2px;
  background: var(--rnti-yellow);
}

.rnti-block-title h2,
.rnti-block-title h1 {
  margin: 0;
  color: var(--rnti-ink);
  font: 700 28px/1.2 var(--font-display);
}

.rnti-most-read__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  padding: 16px 0;
  border-top: 1px solid var(--rnti-line);
}

.rnti-most-read__item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.rnti-most-read__rank {
  color: var(--rnti-yellow);
  font: 700 28px/1.2 var(--font-display);
}

.rnti-most-read h3 {
  display: -webkit-box;
  margin: 6px 0;
  overflow: hidden;
  color: var(--rnti-ink);
  font-size: 16px;
  font-weight: 400;
  transition: color .2s ease;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rnti-most-read__item:hover h3,
.rnti-most-read__item:focus-visible h3 {
  color: #E0B600;
}

.rnti-ad {
  display: grid;
  place-items: center;
  min-height: 120px;
  background: var(--rnti-ad);
  color: var(--rnti-black);
  text-align: center;
}

.rnti-ad--leaderboard {
  width: min(100%, 970px);
  min-height: 90px;
  margin: 0 auto 32px;
}

.rnti-ad--full {
  width: 100%;
  min-height: 120px;
  margin-bottom: 40px;
}

.rnti-ad strong {
  display: block;
}

.rnti-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--rnti-gray);
  font-size: 14px;
}

.rnti-breadcrumb strong {
  color: var(--rnti-black);
}

.rnti-editorial-header {
  margin: 80px 0;
}

.rnti-section {
  padding: 48px 0;
}

.rnti-section__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
}

.rnti-section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  color: var(--rnti-ink);
  font-size: 40px;
}

.rnti-section-title::before {
  content: "";
  flex-shrink: 0;
  align-self: stretch;
  width: 4px;
  border-radius: 2px;
  background: var(--rnti-yellow);
}

.rnti-outline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 24px;
  border: 1px solid var(--rnti-black);
  border-radius: 90px;
  background: transparent;
  color: var(--rnti-black);
  font-size: 14px;
  font-weight: 700;
}

.rnti-outline-button:hover {
  background: var(--rnti-black);
  color: var(--rnti-white);
}

.rnti-news-list {
  display: grid;
  gap: 24px;
}

.rnti-news-row {
  display: grid;
  grid-template-columns: 196px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.rnti-news-row--listing {
  grid-template-columns: 416px minmax(0, 1fr);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rnti-line);
  color: inherit;
}

.rnti-news-row__image {
  position: relative;
  aspect-ratio: 196 / 110;
  overflow: hidden;
  border-radius: 8px;
  background: var(--rnti-soft);
}

.rnti-news-row--listing .rnti-news-row__image {
  aspect-ratio: 416 / 234;
  border-radius: 16px;
}

.rnti-news-row__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.rnti-news-row:hover .rnti-news-row__image img,
.rnti-news-row:focus-visible .rnti-news-row__image img {
  transform: scale(1.05);
}

.rnti-news-row h2,
.rnti-news-row h3 {
  transition: color 0.2s ease;
}

.rnti-news-row h3 {
  margin: 6px 0;
  font: 700 18px/1.25 var(--font-display);
}

.rnti-news-row h2 {
  margin: 6px 0;
  font: 700 24px/1.2 var(--font-display);
}

.rnti-news-row p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--rnti-gray);
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rnti-news-row--listing .rnti-news-row__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.rnti-news-row--listing .rnti-label {
  color: var(--rnti-muted);
}

.rnti-news-row--listing h2 {
  margin: 0;
  color: var(--rnti-ink);
  line-height: 1.35;
}

.rnti-news-row--listing p {
  margin: 0;
}

.rnti-news-row--listing .rnti-exclusive {
  top: 16px;
  left: 11px;
}

.rnti-news-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--rnti-muted);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-author-badge {
  display: inline-grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font: 700 12px/1 var(--font-text);
}

.rnti-meta-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--rnti-muted);
}

.rnti-blog-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.blog-pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
}

.blog-pagination__item {
  display: inline-flex;
}

.blog-pagination__link,
.blog-pagination__item a,
.blog-pagination__item.is-active {
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border-radius: 6px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.blog-pagination__item--nav a,
.blog-pagination__item--nav .blog-pagination__link {
  min-width: 32px;
  padding: 0;
}

.blog-pagination__item.is-active,
.blog-pagination__item a:hover,
.blog-pagination__link:hover {
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
}

.rnti-blog-bottom-ad {
  margin: 56px 0 0;
}

.rnti-blog-page .rnti-editorias-card {
  border-radius: 32px;
}

.rnti-blog-page .rnti-sidebar-newsletter {
  padding: 24px;
  border-radius: 16px;
  background: var(--rnti-soft);
}

.rnti-blog-page .rnti-sidebar-newsletter .rnti-block-title {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rnti-line);
}

.rnti-blog-page .rnti-sidebar-newsletter .rnti-block-title h2 {
  display: grid;
  font-size: 24px;
  line-height: 1.1;
}

.rnti-blog-page .rnti-sidebar-newsletter .rnti-block-title h2 span {
  display: block;
  font-size: 32px;
}

.rnti-blog-page .rnti-sidebar-newsletter__lead {
  margin: 0 0 4px;
  color: var(--rnti-yellow);
  font-weight: 700;
}

.rnti-blog-page .rnti-sidebar-newsletter__text {
  margin: 0 0 16px;
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-blog-page .rnti-sidebar-newsletter input,
.rnti-blog-page .rnti-sidebar-newsletter button {
  width: 100%;
  min-height: 49px;
  border-radius: 90px;
}

.rnti-blog-page .rnti-sidebar-newsletter input {
  margin-bottom: 16px;
  border: 1px solid var(--rnti-line);
  padding: 0 16px;
  background: var(--rnti-white);
  color: var(--rnti-ink);
  font-size: 14px;
}

.rnti-blog-page .rnti-sidebar-newsletter button {
  border: 0;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 700;
}

.rnti-article-body {
  color: var(--rnti-ink);
  font-size: 18px;
  line-height: 1.75;
}

.rnti-article-body h2,
.rnti-article-body h3 {
  margin: 32px 0 16px;
  font-family: var(--font-display);
  line-height: 1.2;
}

.rnti-article-body p,
.rnti-article-body ul,
.rnti-article-body ol {
  margin: 0 0 20px;
}

.rnti-article-body img {
  border-radius: 16px;
}

.rnti-editorial-grid,
.rnti-columnists,
.rnti-videos,
.rnti-partners {
  display: grid;
  gap: 24px;
}

.rnti-editorial-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rnti-editorial-card,
.rnti-columnist-card {
  border-radius: 16px;
  background: var(--rnti-soft);
  overflow: hidden;
}

.rnti-editorial-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.rnti-editorial-card__body,
.rnti-columnist-card {
  padding: 16px;
}

.rnti-editorial-card h3 {
  margin: 8px 0 0;
  font: 700 18px/1.25 var(--font-display);
}

.rnti-promo {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 32px;
  align-items: center;
  padding: 48px;
  background: var(--rnti-dark);
  color: var(--rnti-white);
}

.rnti-promo img {
  border-radius: 4px;
}

.rnti-promo h2 {
  max-width: 680px;
  margin: 0 0 16px;
  font: 700 32px/1.2 var(--font-display);
}

.rnti-promo p {
  color: var(--rnti-line);
}

.rnti-columnists {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rnti-columnists--home {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

/* ColumnistCard (Figma 27332:59122): foto 130px, barra amarela e última coluna. */
.rnti-columnist-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  text-align: center;
  transition: box-shadow 0.25s ease;
}

.rnti-columnist-card:hover,
.rnti-columnist-card:focus-visible {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
}

.rnti-columnist-card img {
  width: 130px;
  height: 130px;
  margin: 0;
  border-radius: 999px;
  object-fit: cover;
}

.rnti-columnist-card__identity,
.rnti-columnist-card__latest {
  display: grid;
  gap: 8px;
  width: 100%;
}

.rnti-columnist-card h2,
.rnti-columnist-card h3 {
  margin: 0;
  color: var(--rnti-dark);
  font: 700 24px/1.2 var(--font-display);
}

.rnti-columnist-card p {
  margin: 0;
  color: var(--rnti-muted);
  font-size: 14px;
}

.rnti-columnist-card__separator {
  width: 40px;
  height: 2px;
  background: var(--rnti-yellow);
}

.rnti-columnist-card__headline {
  display: -webkit-box;
  overflow: hidden;
  color: var(--rnti-dark);
  font: 700 20px/1.2 var(--font-display);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rnti-columnist-card__date {
  color: var(--rnti-muted);
  font-size: 14px;
}

.rnti-columnists--home .rnti-columnist-card {
  min-height: 363px;
  gap: 16px;
  padding: 24px;
  border-radius: 24px;
  background: var(--rnti-soft);
}

.rnti-columnists--home .rnti-columnist-card img {
  width: 130px;
  height: 130px;
  flex: 0 0 130px;
}

.rnti-columnists--home .rnti-columnist-card__identity {
  gap: 8px;
}

.rnti-columnists--home .rnti-columnist-card h3 {
  font-size: 24px;
}

.rnti-columnists--home .rnti-columnist-card p {
  font-size: 14px;
  line-height: 1.5;
}

.rnti-columnists--home .rnti-columnist-card__separator {
  display: block;
}

.rnti-columnists--home .rnti-columnist-card__latest {
  display: grid;
}

.rnti-columnists-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

.rnti-columnists-page .rnti-ticker {
  margin-bottom: 0;
}

.rnti-columnists-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 39px 24px;
}

.rnti-columnist-list-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 363px;
  padding: 24px;
  border-radius: 24px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
  text-align: center;
  transition: box-shadow 0.25s ease;
}

.rnti-columnist-list-card:hover,
.rnti-columnist-list-card:focus-visible {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
}

.rnti-columnist-list-card img {
  width: 130px;
  height: 130px;
  flex: 0 0 130px;
  border-radius: 999px;
  object-fit: cover;
}

.rnti-columnist-list-card__author {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
}

.rnti-columnist-list-card__author strong {
  color: var(--rnti-ink);
  font: 700 24px/1.2 var(--font-display);
}

.rnti-columnist-list-card small {
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-columnist-list-card__bar {
  width: 40px;
  height: 2px;
  margin: 16px 0;
  background: var(--rnti-yellow);
}

.rnti-columnist-list-card__latest {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.rnti-columnist-list-card__latest strong {
  display: -webkit-box;
  min-height: 48px;
  overflow: hidden;
  color: var(--rnti-ink);
  font: 700 20px/1.2 var(--font-display);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rnti-columnists-page__bottom-ad {
  margin-top: 80px;
  margin-bottom: 0;
}

/* ColumnistDetail (Figma 27383:1553): breadcrumb, perfil em card e listagem com sidebar. */
.rnti-columnist-detail-page.rnti-main {
  background: var(--rnti-white);
}

.rnti-columnist-detail-page .rnti-section {
  padding-top: 40px;
  padding-bottom: 80px;
}

.rnti-columnist-detail-page .rnti-ticker {
  margin-bottom: 0;
}

.rnti-columnist-detail-page__breadcrumb {
  margin: 40px 0 24px;
}

.rnti-columnist-profile-card {
  margin-bottom: 48px;
  padding: 32px;
  border: 1px solid var(--rnti-line);
  border-radius: 16px;
  background: var(--rnti-white);
}

.rnti-columnist-profile {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}

.rnti-columnist-profile img {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--rnti-soft);
}

.rnti-columnist-profile__content {
  display: grid;
  gap: 16px;
  align-content: start;
}

.rnti-columnist-profile__name {
  margin: 0;
  color: var(--rnti-ink);
  font: 700 40px/1.2 var(--font-display);
}

.rnti-columnist-profile__role {
  margin: 0;
  color: var(--rnti-gray);
  font-size: 20px;
  line-height: 1.5;
}

.rnti-columnist-profile__bio {
  margin: 0;
  max-width: 760px;
  color: var(--rnti-ink);
  font-size: 16px;
  line-height: 1.75;
}

.rnti-columnist-profile__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-top: 8px;
}

.rnti-columnist-profile__social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rnti-columnist-profile__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-size: 16px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.rnti-columnist-profile__social a:hover,
.rnti-columnist-profile__social a:focus-visible {
  transform: translateY(-1px);
  opacity: 0.9;
}

.rnti-columnist-profile__count {
  margin: 0;
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-columnist-detail-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 966px) 306px;
  gap: 24px;
  align-items: start;
}

.rnti-columnist-detail-page__main {
  min-width: 0;
}

.rnti-columnist-detail-page__sidebar {
  display: grid;
  gap: 24px;
  align-content: start;
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter {
  display: grid;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter .rnti-block-title {
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rnti-line);
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter .rnti-block-title h2 {
  display: grid;
  margin: 0;
  color: var(--rnti-black);
  font: 700 24px/1.1 var(--font-display);
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter .rnti-block-title h2 span {
  display: block;
  font-size: 32px;
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter__lead {
  margin: 0;
  color: var(--rnti-yellow);
  font: 700 24px/1.2 var(--font-display);
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter__text {
  margin: 0;
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter input,
.rnti-columnist-detail-page .rnti-sidebar-newsletter button {
  width: 100%;
  min-height: 49px;
  border-radius: 90px;
  font-size: 14px;
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter input {
  border: 1px solid var(--rnti-line);
  padding: 0 16px;
  background: var(--rnti-white);
  color: var(--rnti-ink);
}

.rnti-columnist-detail-page .rnti-sidebar-newsletter button {
  border: 0;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 700;
  cursor: pointer;
}

.rnti-columnist-detail-page .rnti-ad--side {
  width: 100%;
  min-height: 360px;
}

.rnti-columnist-detail-page__news-list {
  gap: 0;
}

.rnti-columnist-detail-page__news-list .rnti-news-row--listing {
  padding-top: 32px;
  padding-bottom: 32px;
}

.rnti-columnist-detail-page__news-list .rnti-news-row--listing:first-child {
  padding-top: 0;
}

.rnti-columnist-detail-page__news-list .rnti-news-row--listing:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.rnti-columnist-detail-page__empty {
  margin: 0;
  color: var(--rnti-gray);
  font-size: 16px;
}

.rnti-columnist-detail-page__bottom-ad {
  margin-top: 80px;
  margin-bottom: 0;
}

/* NewsletterBlock (Figma 27333:435): bloco claro, título RNTI/Newsletter empilhado. */
.rnti-sidebar-newsletter {
  display: grid;
  gap: 16px;
  padding: 32px 24px;
  border-radius: 32px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
}

.rnti-sidebar-newsletter .rnti-block-title {
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rnti-line);
}

.rnti-block-title--tall::before {
  height: 76px;
}

.rnti-block-title--tall h2 {
  display: grid;
  color: var(--rnti-black);
  font: 700 40px/1.2 var(--font-display);
}

.rnti-block-title--tall h2 span + span {
  font-size: 28px;
}

.rnti-sidebar-newsletter__lead {
  margin: 0;
  color: #E0B600;
  font: 700 24px/1.2 var(--font-display);
}

.rnti-sidebar-newsletter__text {
  margin: 0;
  color: var(--rnti-ink);
  font-size: 16px;
}

.rnti-sidebar-newsletter input,
.rnti-sidebar-newsletter button {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 90px;
  padding: 0 16px;
  font-family: var(--font-text);
  font-size: 16px;
}

.rnti-sidebar-newsletter input {
  border: 1px solid var(--rnti-line);
  background: var(--rnti-white);
  color: var(--rnti-ink);
}

.rnti-sidebar-newsletter button {
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.rnti-sidebar-newsletter button:hover,
.rnti-sidebar-newsletter button:focus-visible,
.rnti-blog-page .rnti-sidebar-newsletter button:hover,
.rnti-blog-page .rnti-sidebar-newsletter button:focus-visible,
.rnti-columnist-detail-page .rnti-sidebar-newsletter button:hover,
.rnti-columnist-detail-page .rnti-sidebar-newsletter button:focus-visible {
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-videos,
.rnti-partners {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rnti-video-card__thumb {
  position: relative;
  aspect-ratio: 416 / 234;
  overflow: hidden;
  border-radius: 16px;
  background: var(--rnti-dark);
}

.rnti-video-card__thumb > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.rnti-video-card:hover .rnti-video-card__thumb > img:first-child,
.rnti-video-card:focus-visible .rnti-video-card__thumb > img:first-child {
  transform: scale(1.05);
}

/* Overlay 40% + PlayIcon 56px exportado do Figma (27424:2893). */
.rnti-video-card__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .4);
}

.rnti-video-card__thumb img.rnti-video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rnti-video-card {
  display: grid;
  gap: 16px;
  color: inherit;
  text-decoration: none;
}

.rnti-video-card h3 {
  margin: 0;
  color: var(--rnti-dark);
  font: 700 24px/1.2 var(--font-display);
  transition: color 0.2s ease;
}

.rnti-video-card:hover h3,
.rnti-video-card:focus-visible h3 {
  color: #E0B600;
}

.rnti-videos-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

.rnti-videos-page .rnti-ticker {
  margin-bottom: 0;
}

.rnti-videos-page__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 39px 24px;
}

.rnti-video-list-card {
  display: grid;
  gap: 16px;
  color: var(--rnti-ink);
}

.rnti-video-list-card:hover {
  color: var(--rnti-ink);
}

.rnti-video-list-card__thumb {
  position: relative;
  display: block;
  aspect-ratio: 416 / 234;
  overflow: hidden;
  border-radius: 16px;
  background: var(--rnti-dark);
}

.rnti-video-list-card__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .4);
}

.rnti-video-list-card__thumb > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.rnti-video-list-card:hover .rnti-video-list-card__thumb > img:first-child,
.rnti-video-list-card:focus-visible .rnti-video-list-card__thumb > img:first-child {
  transform: scale(1.05);
}

.rnti-video-list-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rnti-video-list-card__body {
  display: grid;
  gap: 16px;
}

.rnti-video-list-card__body > strong {
  display: block;
  margin: 0;
  color: var(--rnti-dark);
  font: 700 24px/1.2 var(--font-display);
  transition: color 0.2s ease;
}

.rnti-video-list-card:hover .rnti-video-list-card__body > strong,
.rnti-video-list-card:focus-visible .rnti-video-list-card__body > strong {
  color: #E0B600;
}

.rnti-video-list-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--rnti-muted);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-video-list-card__meta small {
  font-size: inherit;
}

.rnti-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.rnti-pagination a {
  display: grid;
  place-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
  font-weight: 700;
}

.rnti-pagination a.is-active,
.rnti-pagination a:hover {
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
}

.rnti-videos-page__pagination {
  margin-top: 56px;
}

.rnti-videos-page__bottom-ad {
  margin-top: 80px;
  margin-bottom: 0;
}

.rnti-magazine-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

.rnti-magazine-page .rnti-ticker {
  margin-bottom: 0;
}

.rnti-magazine-hero {
  display: grid;
  grid-template-columns: minmax(0, 744px) 527px;
  gap: 24px;
  align-items: center;
  padding: 96px 0 64px;
}

.rnti-magazine-hero__content {
  display: grid;
  gap: 24px;
  align-content: center;
}

.rnti-magazine-hero__content > span {
  color: #E0B600;
  font: 700 16px/1.2 var(--font-display);
}

.rnti-magazine-hero h1 {
  max-width: 744px;
  margin: 0;
  color: var(--rnti-ink);
  font: 700 48px/1.2 var(--font-display);
}

.rnti-magazine-hero p {
  max-width: 744px;
  margin: 0;
  color: #676767;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-magazine-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.rnti-magazine-hero__actions .rnti-button,
.rnti-magazine-hero__actions .rnti-outline-button {
  min-height: 56px;
  padding-inline: 32px;
}

.rnti-magazine-page .rnti-magazine-hero__actions .rnti-button {
  transition: background-color .2s ease, color .2s ease;
}

.rnti-magazine-page .rnti-magazine-hero__actions .rnti-button:hover,
.rnti-magazine-page .rnti-magazine-hero__actions .rnti-button:focus-visible,
.rnti-magazine-page .rnti-magazine-hero__actions .rnti-button:active {
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-magazine-page .rnti-magazine-hero__actions .rnti-outline-button {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.rnti-magazine-page .rnti-magazine-hero__actions .rnti-outline-button:hover,
.rnti-magazine-page .rnti-magazine-hero__actions .rnti-outline-button:focus-visible,
.rnti-magazine-page .rnti-magazine-hero__actions .rnti-outline-button:active {
  background: var(--rnti-black);
  border-color: var(--rnti-black);
  color: var(--rnti-white);
}

.rnti-magazine-hero__cover {
  position: relative;
  display: block;
  width: 100%;
  max-width: 527px;
  justify-self: end;
  color: var(--rnti-dark);
}

.rnti-magazine-hero__cover img {
  display: block;
  width: 100%;
  aspect-ratio: 527 / 693;
  height: auto;
  border-radius: 32px;
  object-fit: cover;
}

.rnti-magazine-hero__cover strong {
  position: absolute;
  top: -22px;
  left: 50%;
  display: inline-flex;
  align-items: center;
  min-height: 43px;
  padding: 10px 20px;
  border-radius: 40px;
  background: var(--rnti-yellow);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .25);
  color: var(--rnti-black);
  font-size: 15px;
  line-height: 1;
  transform: translateX(-50%);
  white-space: nowrap;
}

.rnti-magazine-previous {
  padding-top: 24px;
}

.rnti-magazine-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 24px;
}

.rnti-magazine-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.rnti-magazine-card__cover {
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: var(--rnti-soft);
}

.rnti-magazine-card__cover img {
  display: block;
  width: 100%;
  aspect-ratio: 306 / 432;
  height: auto;
  object-fit: cover;
  transition: transform .25s ease;
}

.rnti-magazine-card:hover .rnti-magazine-card__cover img {
  transform: scale(1.02);
}

.rnti-magazine-card__info {
  display: grid;
  gap: 16px;
  flex: 1;
  padding: 32px 24px;
  border-radius: 0 0 8px 8px;
  background: var(--rnti-soft);
}

.rnti-magazine-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
}

.rnti-magazine-card__meta strong {
  color: var(--rnti-ink);
  font: 700 16px/1.2 var(--font-display);
}

.rnti-magazine-card h3 {
  display: -webkit-box;
  min-height: 48px;
  margin: 0;
  overflow: hidden;
  color: var(--rnti-ink);
  font: 700 20px/1.2 var(--font-display);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rnti-magazine-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 8px 24px;
  border-radius: 90px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.rnti-magazine-page a.rnti-magazine-card__button:hover,
.rnti-magazine-page a.rnti-magazine-card__button:focus-visible,
.rnti-magazine-page a.rnti-magazine-card__button:active {
  background-color: var(--rnti-dark);
  color: var(--rnti-yellow);
  transform: translateY(-1px);
}

.rnti-magazine-page__bottom-ad {
  margin-top: 80px;
  margin-bottom: 0;
}

.rnti-post-page__top {
  padding-top: 32px;
}

.rnti-post-page .rnti-ticker {
  margin-bottom: 64px;
}

.rnti-post-layout {
  display: grid;
  grid-template-columns: minmax(0, 966px) 306px;
  gap: 24px;
  align-items: start;
  padding-top: 0;
}

.rnti-post-article {
  min-width: 0;
}

.rnti-post-header {
  display: grid;
  gap: 12px;
  margin: 24px 0 48px;
}

.rnti-post-header h1 {
  max-width: 856px;
  margin: 0;
  color: var(--rnti-ink);
  font: 700 32px/1.12 var(--font-display);
}

.rnti-post-header > p {
  max-width: 856px;
  margin: 0;
  color: #676767;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-post-meta,
.rnti-post-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
}

.rnti-post-meta {
  color: var(--rnti-ink);
}

.rnti-post-meta .rnti-byline__avatar {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  font-size: 11px;
}

.rnti-post-meta i {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #A4A4A4;
}

.rnti-post-share {
  color: var(--rnti-ink);
  font-weight: 400;
  margin-top: 2px;
  gap: 10px;
}

.rnti-post-share a,
.rnti-post-share button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease;
}

.rnti-post-share a:hover,
.rnti-post-share a:focus-visible,
.rnti-post-share button:hover,
.rnti-post-share button:focus-visible {
  background: #e0b600;
  transform: scale(1.06);
}

.rnti-post-share button.is-copied {
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-post-author__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-size: 13px;
}

.rnti-post-hero {
  margin: 0 0 48px;
}

.rnti-post-hero img {
  display: block;
  width: 100%;
  aspect-ratio: 966 / 543;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.rnti-post-hero figcaption {
  margin-top: 8px;
  color: #A4A4A4;
  font-size: 12px;
  line-height: 1.5;
}

.rnti-post-body {
  color: #313131;
  font-size: 16px;
  line-height: 1.75;
}

.rnti-post-body p,
.rnti-post-body ul,
.rnti-post-body ol,
.rnti-post-body blockquote {
  margin: 0 0 24px;
}

.rnti-post-body h2,
.rnti-post-body h3 {
  margin: 40px 0 16px;
  color: var(--rnti-ink);
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
}

.rnti-post-body h2 {
  font-size: 28px;
}

.rnti-post-body h3 {
  font-size: 22px;
}

.rnti-post-body img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.rnti-post-body blockquote {
  padding: 16px 0 16px 24px;
  border-left: 4px solid var(--rnti-yellow);
  color: #313131;
  font: 700 20px/1.4 var(--font-display);
}

.rnti-post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 48px;
}

.rnti-post-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 90px;
  background: var(--rnti-soft);
  color: #676767;
  font-size: 13px;
}

.rnti-post-author {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  margin-top: 48px;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.rnti-post-author__avatar {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.rnti-post-author strong {
  display: block;
  color: var(--rnti-ink);
  font: 700 16px/1.25 var(--font-display);
}

.rnti-post-author small {
  display: block;
  margin-top: 2px;
  color: #676767;
  font-size: 13px;
  line-height: 1.4;
}

.rnti-post-author p {
  margin: 8px 0 0;
  color: #676767;
  font-size: 13px;
  line-height: 1.55;
}

.rnti-post-author__social {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.rnti-post-sidebar {
  display: grid;
  gap: 40px;
}

.rnti-post-sidebar .rnti-ad--side {
  width: 100%;
  min-height: 440px;
}

.rnti-post-sidebar .rnti-home-editorias {
  gap: 18px;
  padding: 24px;
  border-radius: 32px;
}

.rnti-post-sidebar .rnti-block-title {
  gap: 12px;
}

.rnti-post-sidebar .rnti-block-title::before {
  height: 40px;
}

.rnti-post-sidebar .rnti-block-title h2 {
  font-size: 28px;
}

.rnti-post-sidebar .rnti-home-editorias__links {
  gap: 8px 16px;
}

.rnti-post-sidebar .rnti-home-editorias__links a,
.rnti-post-sidebar .rnti-home-editorias__links span {
  font-size: 14px;
}

.rnti-post-sidebar .rnti-sidebar-newsletter {
  padding: 32px 24px;
  border-radius: 32px;
}

.rnti-post-sidebar .rnti-sidebar-newsletter .rnti-block-title h2 span:first-child {
  font-size: 40px;
}

.rnti-post-sidebar .rnti-sidebar-newsletter .rnti-block-title h2 span:last-child {
  font-size: 28px;
}

.rnti-post-sidebar .rnti-sidebar-newsletter__lead {
  font-size: 24px;
}

/* RelatedArticles (Figma 27391:2127): título com barra + grid 4× card 306×173. */
.rnti-related-section {
  padding: 48px 0;
}

.rnti-related-section .rnti-section-title {
  font-size: 32px;
  text-transform: none;
}

.rnti-related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.rnti-related-card {
  display: grid;
  gap: 12px;
  color: var(--rnti-ink);
}

.rnti-related-card:hover {
  color: var(--rnti-ink);
}

.rnti-related-card__media {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  background: var(--rnti-soft);
}

.rnti-related-card__media img,
.rnti-related-card__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 306 / 173;
  height: auto;
}

.rnti-related-card__media img {
  object-fit: cover;
  transition: transform .25s ease;
}

.rnti-related-card:hover .rnti-related-card__media img {
  transform: scale(1.03);
}

.rnti-related-card__placeholder {
  background: linear-gradient(135deg, var(--rnti-soft), var(--rnti-line));
}

.rnti-related-card__body {
  display: grid;
  gap: 8px;
}

.rnti-related-card__category {
  color: var(--rnti-muted);
  font: 700 14px/1.5 var(--font-text);
  text-transform: uppercase;
}

.rnti-related-card h3 {
  display: -webkit-box;
  min-height: 65px;
  margin: 0;
  overflow: hidden;
  color: var(--rnti-ink);
  font: 700 18px/1.2 var(--font-display);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.rnti-related-card .rnti-byline--compact {
  gap: 8px;
  color: var(--rnti-muted);
  font-size: 12px;
  line-height: 1.2;
}

.rnti-related-card .rnti-byline--compact .rnti-byline__avatar {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  font-size: 10px;
}

.rnti-related-card .rnti-byline--compact .rnti-byline__name strong {
  color: var(--rnti-ink);
  font-weight: 700;
}

.rnti-related-card .rnti-byline--compact .rnti-byline__date {
  font-weight: 700;
}

.rnti-partner-card {
  display: grid;
  place-items: center;
  min-height: 160px;
  padding: 24px;
  border-radius: 16px;
  background: var(--rnti-soft);
}

.rnti-partner-card img {
  display: block;
  max-width: min(272px, 100%);
  max-height: 85px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.rnti-partners-wrap--slider {
  position: relative;
}

.rnti-partners-wrap--slider .rnti-partners {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.rnti-partners-wrap--slider .rnti-partners::-webkit-scrollbar {
  display: none;
}

.rnti-partners-wrap--slider .rnti-partner-card {
  min-width: calc((100% - 48px) / 3);
  scroll-snap-align: start;
}

.rnti-partners-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.rnti-partners-controls button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font: 700 24px/1 var(--font-display);
}

.rnti-section--soft {
  background: var(--rnti-soft);
}

.rnti-advertise-page {
  background: var(--rnti-white);
}

.rnti-advertise-hero {
  position: relative;
  min-height: 594px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.rnti-advertise-hero > picture,
.rnti-advertise-hero > picture > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.rnti-advertise-hero > picture > img {
  object-fit: cover;
}

.rnti-advertise-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .42) 48%, rgba(0, 0, 0, .12) 100%);
}

.rnti-advertise-hero .rnti-frame {
  position: relative;
  z-index: 1;
}

.rnti-advertise-hero__content {
  max-width: 635px;
}

.rnti-advertise-hero h1 {
  margin: 0 0 24px;
  color: var(--rnti-yellow);
  font: 700 72px/1.2 var(--font-display);
}

.rnti-advertise-hero p {
  margin: 0 0 32px;
  color: #c8c8c8;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-advertise-hero .rnti-button,
.rnti-advertise-final .rnti-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 10px 24px;
  border-radius: 90px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 400;
}

.rnti-advertise-why {
  /* 96px + os 24px do wrapper .rnti-section--tight = 120px, mesmo ritmo das demais seções */
  padding: 96px 0 48px;
}

.rnti-advertise-why .rnti-section__head {
  margin-bottom: 24px;
}

.rnti-advertise-why__grid {
  display: grid;
  grid-template-columns: minmax(0, 636px) 528px;
  align-items: center;
  gap: 136px;
}

.rnti-advertise-why__grid > img {
  width: 528px;
  height: 598px;
  border-radius: 32px;
  object-fit: cover;
}

.rnti-advertise-copy {
  display: grid;
  gap: 24px;
  color: var(--rnti-gray);
  font-size: 16px;
  line-height: 1.5;
}

/* seletor extra para vencer .rnti-advertise-content p, definida adiante */
.rnti-advertise-content .rnti-advertise-copy p {
  margin: 0;
}

.rnti-advertise-stats {
  /* faixa full-bleed: escapa do grid da página (body tem overflow-x: clip) */
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding: 32px 0;
  background: var(--rnti-yellow);
}

.rnti-advertise-stats__grid {
  width: min(100% - 32px, var(--rnti-frame));
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  text-align: center;
}

.rnti-advertise-stats article {
  display: grid;
  gap: 4px;
}

.rnti-advertise-stats strong {
  color: var(--rnti-dark);
  font: 700 32px/1.2 var(--font-display);
}

.rnti-advertise-stats span {
  color: var(--rnti-dark);
  font-size: 14px;
}

.rnti-advertise-channels,
.rnti-advertise-profile {
  padding: 120px 0 0;
}

.rnti-advertise-channel-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}

.rnti-advertise-channel-grid article,
.rnti-advertise-profile__grid article {
  min-height: 182px;
  padding: 24px;
  border-radius: 8px;
  background: var(--rnti-soft);
}

.rnti-advertise-channel-grid span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-size: 11px;
  font-weight: 700;
}

.rnti-advertise-channel-grid h3 {
  margin: 0 0 8px;
  color: var(--rnti-ink);
  font: 700 16px/1.2 var(--font-display);
}

.rnti-advertise-channel-grid p {
  margin: 0;
  color: var(--rnti-gray);
  font-size: 13px;
  line-height: 1.5;
}

.rnti-advertise-profile__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.rnti-advertise-profile__grid article {
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 415px;
  padding: 24px 32px;
  border-radius: 24px;
}

/* seletor com article para vencer .rnti-advertise-content h3 (40px), definida adiante */
.rnti-advertise-profile__grid article h3 {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin: 0 0 24px;
  padding: 8px 16px;
  border-radius: 64px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font: 700 16px/1.5 var(--font-body);
  text-transform: uppercase;
}

.rnti-reader-chart {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(var(--reader-chart));
}

.rnti-reader-chart::after {
  content: "";
  position: absolute;
  inset: 40px;
  border-radius: 50%;
  background: var(--rnti-soft);
}

.rnti-advertise-profile__grid ul {
  display: grid;
  gap: 8px;
  width: max-content;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.rnti-advertise-profile__grid li {
  position: relative;
  padding-left: 20px;
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-advertise-profile__grid li::before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 12px;
  height: 12px;
  background: var(--reader-color);
}

.rnti-advertise-content {
  max-width: 100%;
  color: var(--rnti-ink);
  font-size: 14px;
  line-height: 1.55;
}

.rnti-advertise-content h2,
.rnti-advertise-content h3 {
  margin: 40px 0 8px;
  color: var(--rnti-ink);
  font: 700 40px/1.2 var(--font-display);
}

.rnti-advertise-content h2:first-child,
.rnti-advertise-content h3:first-child {
  margin-top: 0;
}

/* barra amarela nos títulos vindos do editor, igual a .rnti-section-title */
.rnti-advertise-content h2:not(.rnti-section-title) {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rnti-advertise-content h2:not(.rnti-section-title)::before {
  content: "";
  flex-shrink: 0;
  align-self: stretch;
  width: 4px;
  border-radius: 2px;
  background: var(--rnti-yellow);
}

.rnti-advertise-content p {
  margin: 0 0 16px;
  color: var(--rnti-gray);
}

.rnti-advertise-content table {
  width: 100%;
  margin: 16px 0 40px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 4px;
  background: var(--rnti-white);
}

.rnti-advertise-content th,
.rnti-advertise-content td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--rnti-line);
  text-align: left;
  vertical-align: middle;
}

.rnti-advertise-content th {
  background: var(--rnti-dark);
  color: var(--rnti-white);
  font-weight: 700;
}

.rnti-advertise-content tr:nth-child(even) td {
  background: #f7f7f7;
}

.rnti-advertise-content tr:last-child td {
  border-bottom: 0;
}

.rnti-advertise-content td:not(:first-child),
.rnti-advertise-content th:not(:first-child) {
  text-align: right;
}

.rnti-advertise-content strong {
  font-weight: 700;
}

.rnti-advertise-calendar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 24px 0 40px;
}

.rnti-advertise-calendar-card {
  min-height: 250px;
  padding: 32px;
  border-radius: 24px;
  background: var(--rnti-soft);
}

.rnti-advertise-calendar-card .edition {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 8px 16px;
  border-radius: 64px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.rnti-advertise-calendar-card h3 {
  margin: 20px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #a4a4a4;
  color: var(--rnti-ink);
  font: 700 28px/1.2 var(--font-display);
}

.rnti-advertise-calendar-card p {
  margin: 0;
  padding: 4px 0;
  border-bottom: 0;
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-advertise-calendar-card p strong {
  margin-left: 6px;
  color: var(--rnti-ink);
}

.rnti-advertise-calendar-card .publish-label {
  display: block;
  margin-top: 16px;
  color: var(--rnti-gray);
  font-size: 14px;
}

.rnti-advertise-calendar-card .publish-date {
  margin-top: 8px;
  color: var(--rnti-ink);
  font-weight: 700;
}

.rnti-advertise-final {
  padding: 80px 0 120px;
}

.rnti-advertise-final__box {
  display: grid;
  justify-items: center;
  gap: 32px;
  padding: 80px 72px;
  border-radius: 32px;
  background: var(--rnti-dark);
  color: var(--rnti-white);
  text-align: center;
}

.rnti-advertise-final__box h2 {
  display: block;
  max-width: 900px;
  margin: 0;
  color: var(--rnti-yellow);
  font: 700 40px/1.2 var(--font-display);
}

/* o CTA final não usa a barra amarela (título já é amarelo e centralizado).
   Precisa da mesma especificidade da regra que a adiciona nos h2 do editor. */
.rnti-advertise-content .rnti-advertise-final__box h2 {
  display: block;
}

.rnti-advertise-content .rnti-advertise-final__box h2::before {
  content: none;
}

.rnti-advertise-final__box p {
  max-width: 700px;
  margin: 0;
  color: var(--rnti-white);
  font-size: 16px;
  line-height: 1.5;
}

.rnti-advertise-final__contacts,
.rnti-advertise-final__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}

.rnti-advertise-final__contacts span {
  display: grid;
  gap: 8px;
  text-align: left;
}

.rnti-advertise-final__contacts small {
  color: var(--rnti-white);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.rnti-advertise-final__contacts strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rnti-white);
  font-size: 18px;
}

.rnti-advertise-final__contacts strong a {
  color: inherit;
  text-decoration: none;
}

.rnti-advertise-final__contacts strong a:hover {
  text-decoration: underline;
}

.rnti-advertise-final__mail {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: var(--rnti-yellow);
  -webkit-mask: var(--icon-envelope) center / contain no-repeat;
  mask: var(--icon-envelope) center / contain no-repeat;
}

.rnti-advertise-final__divider {
  flex-shrink: 0;
  width: 1px;
  height: 40px;
  background: var(--rnti-white);
  opacity: .2;
}

.rnti-advertise-final__actions .rnti-button:not(.rnti-button--outline) {
  gap: 8px;
}

.rnti-advertise-final__actions .rnti-button:not(.rnti-button--outline)::before {
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--icon-whatsapp) center / contain no-repeat;
  mask: var(--icon-whatsapp) center / contain no-repeat;
}

.rnti-advertise-final .rnti-button--outline {
  border: 1px solid var(--rnti-white);
  background: transparent;
  color: var(--rnti-white);
}

.rnti-section-intro {
  margin: 16px 0 32px;
  color: #676767;
}

.rnti-about {
  padding-top: 0;
}

/* Home RNTI — node Figma 27298:3582 */
.rnti-home {
  padding-top: 0;
}

.rnti-home-hero {
  padding: 32px 0 0;
}

.rnti-section--top-ad {
  padding: 24px 0 0;
}

.rnti-home-hero__grid,
.rnti-home-news__grid {
  display: grid;
  grid-template-columns: 966px 306px;
  gap: 24px;
  align-items: start;
}

.rnti-home-news .rnti-news-list {
  gap: 32px;
}

/* CARD LISTAGEM MATÉRIA (Figma 27326:785): imagem 416×234 + corpo com assinatura. */
.rnti-home-news .rnti-news-list {
  gap: 0;
}

.rnti-home-news .rnti-news-row {
  grid-template-columns: 416px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 24px 0;
  border-top: 1px solid var(--rnti-line);
}

.rnti-home-news .rnti-news-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.rnti-home-news .rnti-news-row__image {
  width: 416px;
  aspect-ratio: 416 / 234;
  border-radius: 16px;
}

.rnti-news-row__body {
  display: grid;
  gap: 16px;
}

.rnti-eyebrow {
  color: var(--rnti-muted);
  font: 700 14px/1.5 var(--font-text);
  text-transform: uppercase;
}

.rnti-home-news .rnti-news-row h3 {
  margin: 0;
  color: var(--rnti-ink);
  font: 700 24px/1.2 var(--font-display);
}

.rnti-news-row--listing:hover h2,
.rnti-home-news .rnti-news-row:hover h3,
.rnti-news-row--listing:focus-visible h2,
.rnti-home-news .rnti-news-row:focus-visible h3 {
  color: #E0B600;
}

.rnti-home-news .rnti-news-row p {
  margin: 0;
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}

.rnti-byline {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--rnti-muted);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-byline__avatar {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border-radius: 50%;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font: 700 12px/1 var(--font-text);
}

.rnti-byline__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--rnti-muted);
}

.rnti-byline__date {
  font-weight: 700;
}

.rnti-home-hero__features {
  display: grid;
  gap: 24px;
  grid-template-rows: 519px 274px;
}

.rnti-home-hero__secondary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.rnti-home .rnti-feature-card {
  display: block;
  isolation: isolate;
  min-height: 0;
  height: 274px;
  box-shadow: none;
}

.rnti-home .rnti-feature-card--large {
  grid-column: auto;
  min-height: 0;
  height: 519px;
}

.rnti-home .rnti-feature-card img {
  transition: transform .35s ease;
}

.rnti-home .rnti-feature-card:hover img {
  transform: scale(1.05);
}

.rnti-home .rnti-feature-card__body {
  display: grid;
  gap: 8px;
  left: 32px;
  right: 32px;
  bottom: 32px;
}

.rnti-home .rnti-feature-card h1,
.rnti-home .rnti-feature-card h2 {
  margin: 0;
}

.rnti-home .rnti-feature-card h1 {
  max-width: 902px;
  font-size: 32px;
}

.rnti-home .rnti-feature-card h2 {
  font-size: 24px;
}

.rnti-most-read--home {
  min-height: 817px;
}

.rnti-most-read--home .rnti-most-read__item {
  min-height: 107px;
  padding: 16px 0;
}

.rnti-label--dark {
  color: var(--rnti-ink);
}

.rnti-date--muted {
  color: var(--rnti-muted);
}

.rnti-home-ticker {
  padding: 48px 0 0;
}

.rnti-home .rnti-ticker {
  margin-bottom: 0;
  min-height: 56px;
  padding: 0 16px 0 0;
  overflow: hidden;
  border-radius: 48px;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  gap: 16px;
}

.rnti-home .rnti-ticker strong {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  padding: 16px 24px;
  border-radius: 90px;
  background: var(--rnti-black);
  color: var(--rnti-white);
  font-size: 16px;
  line-height: 1.5;
}

.rnti-home .rnti-ticker > span:not(.rnti-ticker__dots),
.rnti-home .rnti-ticker > .rnti-ticker__headline {
  padding-block: 16px;
  color: var(--rnti-black);
  font-size: 16px;
}

.rnti-ticker > span:not(.rnti-ticker__dots),
.rnti-ticker > .rnti-ticker__headline {
  flex: 1;
  min-width: 0;
}

.rnti-ticker__dots {
  display: inline-flex;
  gap: 3px;
}

.rnti-ticker__dots i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--rnti-black);
  opacity: .38;
}

.rnti-section--tight {
  padding: 24px 0;
}

.rnti-home .rnti-ad--leaderboard {
  width: 100%;
  max-width: 1296px;
  min-height: 120px;
  margin-bottom: 0;
}

.rnti-home .rnti-ad--side {
  min-height: 440px;
}

.rnti-home-editorias {
  display: grid;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background: var(--rnti-soft);
}

.rnti-home-editorias .rnti-block-title {
  margin-bottom: 0;
}

/* ChipsGrid (Figma 27333:403): links em fluxo, quebrando por linha. */
.rnti-home-editorias__links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}

.rnti-home-editorias__links a,
.rnti-home-editorias__links span {
  color: var(--rnti-dark);
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap;
}

.rnti-home-editorias__links a:hover {
  color: #E0B600;
}

.rnti-home-magazine {
  padding: 64px 0;
  background: var(--rnti-black);
  color: var(--rnti-white);
}

.rnti-home-magazine__grid {
  display: grid;
  grid-template-columns: 416px minmax(0, 1fr);
  gap: 136px;
  align-items: center;
}

.rnti-home-magazine__cover {
  position: relative;
  display: block;
  width: 416px;
  color: inherit;
  text-decoration: none;
}

.rnti-home-magazine__cover img {
  display: block;
  width: 100%;
  height: 548px;
  object-fit: cover;
}

.rnti-home-magazine__badge {
  position: absolute;
  top: 4px;
  left: 50%;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 8px 16px;
  border-radius: 32px;
  background: var(--rnti-yellow);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  color: var(--rnti-black);
  font: 700 12px/1 var(--font-text);
  transform: translateX(-50%);
  white-space: nowrap;
}

.rnti-home-magazine__content {
  display: grid;
  gap: 32px;
}

.rnti-home-magazine__label {
  color: var(--rnti-yellow);
  font: 700 16px/1.2 var(--font-display);
}

.rnti-home-magazine__intro {
  display: grid;
  gap: 16px;
}

.rnti-home-magazine__intro h2 {
  margin: 0;
  color: var(--rnti-white);
  font: 700 48px/1.2 var(--font-display);
}

.rnti-home-magazine__intro p {
  margin: 0;
  color: #EAEAEA;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-home-magazine__footer {
  display: grid;
  gap: 16px;
}

.rnti-home-magazine__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.rnti-home-magazine__actions .rnti-button,
.rnti-home-magazine__actions .rnti-outline-button {
  min-height: 56px;
  padding: 14px 32px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.rnti-home-magazine__actions .rnti-outline-button--light {
  border-width: 1.5px;
  font-size: 14px;
}

.rnti-home-magazine .rnti-button:hover,
.rnti-home-magazine .rnti-button:focus-visible {
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-home-magazine .rnti-outline-button--light:hover,
.rnti-home-magazine .rnti-outline-button--light:focus-visible {
  background: var(--rnti-white);
  color: var(--rnti-dark);
}

.rnti-home-magazine__link {
  color: var(--rnti-white);
  font: 400 14px/1.2 var(--font-display);
  text-decoration: none;
}

.rnti-home-magazine__link:hover,
.rnti-home-magazine__link:focus-visible {
  color: var(--rnti-yellow);
}

.rnti-video-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--rnti-muted);
  font-size: 14px;
}

.rnti-about-hero {
  position: relative;
  min-height: 432px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 120px 0;
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-about-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Figma Hero (27469:62047): degradê horizontal escurece a área do texto. */
.rnti-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #000 18.472%, rgba(0, 0, 0, 0) 71.076%);
}

.rnti-about-hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 514px;
  align-items: center;
  gap: 96px;
}

.rnti-about-hero__content {
  position: relative;
  max-width: 628px;
}

.rnti-about-hero h1 {
  margin: 0 0 16px;
  font: 700 48px/1.2 var(--font-display);
}

.rnti-about-hero p {
  max-width: 600px;
  margin: 0;
  color: var(--rnti-white);
  font-size: 20px;
  line-height: 1.5;
}

.rnti-about-hero__logo {
  width: 514px;
  max-width: 100%;
  height: auto;
  justify-self: end;
}

.rnti-about-hero__logo-overlay {
  display: none;
}

.rnti-about-intro {
  display: grid;
  grid-template-columns: minmax(0, 636px) minmax(320px, 528px);
  align-items: center;
  gap: 136px;
}

.rnti-about-copy {
  display: grid;
  gap: 24px;
  margin-top: 24px;
  color: #676767;
}

.rnti-about-copy p {
  margin: 0;
}

.rnti-about-intro__image {
  width: 100%;
  height: 476px;
  object-fit: cover;
  object-position: center;
  border-radius: 32px;
}

.rnti-timeline {
  position: relative;
  display: grid;
  gap: 0;
  max-width: 1120px;
  margin-top: 32px;
  padding-left: 18px;
}

.rnti-timeline::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 4px;
  width: 1px;
  background: var(--rnti-yellow);
}

.rnti-timeline article {
  position: relative;
  padding: 0 0 24px 24px;
}

.rnti-timeline article::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--rnti-yellow);
}

.rnti-timeline span {
  color: #E0B600;
  font-size: 12px;
  font-weight: 700;
}

.rnti-timeline h3 {
  margin: 2px 0 4px;
  color: var(--rnti-black);
  font: 700 16px/1.5 var(--font-text);
  text-transform: uppercase;
}

.rnti-timeline p {
  margin: 0;
  color: var(--rnti-black);
  font-size: 14px;
}

.rnti-metrics,
.rnti-channel-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}

.rnti-metrics article,
.rnti-channel-grid article {
  min-height: 128px;
  padding: 24px;
  border-radius: 8px;
  background: var(--rnti-soft);
}

.rnti-metrics strong {
  display: block;
  margin-bottom: 16px;
  color: #E0B600;
  font: 700 40px/1.2 var(--font-display);
}

.rnti-metrics span,
.rnti-channel-grid h3 {
  display: block;
  margin: 0;
  color: var(--rnti-ink);
  font-size: 16px;
  font-weight: 700;
}

.rnti-metrics small,
.rnti-channel-grid p {
  display: block;
  margin: 0;
  color: #676767;
  font-size: 14px;
}

.rnti-channel-grid article {
  min-height: 228px;
  display: grid;
  align-content: start;
  gap: 16px;
}

.rnti-channel-icon {
  --channel-icon: none;
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: var(--rnti-yellow);
}

.rnti-channel-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  background: var(--rnti-black);
  -webkit-mask: var(--channel-icon) center / contain no-repeat;
  mask: var(--channel-icon) center / contain no-repeat;
}

.rnti-channel-icon--book {
  --channel-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M249.6 471.5c-10.8-6.2-22.9-10.7-35.8-13.1L49.6 427.6C21 422.3 0 397.3 0 368.2V72C0 49.9 17.9 32 40 32c4.9 0 9.8.9 14.4 2.7L210.6 93.3C256.3 110.4 288 154.1 288 202.9v267.9c-11.1 0-22.2.2-33.1.7-1.8.1-3.6.1-5.3 0zM326.4 471.5c-1.8.1-3.6.1-5.3 0-10.9-.5-22-.7-33.1-.7V202.9c0-48.8 31.7-92.5 77.4-109.6L521.6 34.7c4.6-1.8 9.5-2.7 14.4-2.7 22.1 0 40 17.9 40 40v296.2c0 29.1-21 54.1-49.6 59.4l-164.2 30.8c-12.9 2.4-25 6.9-35.8 13.1z'/%3E%3C/svg%3E");
}

.rnti-channel-icon--display {
  --channel-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128v224c0 35.3 28.7 64 64 64h176l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h176c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm448 64v224H64V128h448z'/%3E%3C/svg%3E");
}

.rnti-channel-icon--mobile {
  --channel-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 0C44.7 0 16 28.7 16 64v384c0 35.3 28.7 64 64 64h224c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H80zm80 432h64c8.8 0 16 7.2 16 16s-7.2 16-16 16h-64c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E");
}

.rnti-channel-icon--globe {
  --channel-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M352 256c0 22.2-2.2 43.6-6.2 64H166.2c-4-20.4-6.2-41.8-6.2-64s2.2-43.6 6.2-64h179.6c4 20.4 6.2 41.8 6.2 64zM328.7 384c-17.7 54.3-45.5 96-72.7 96s-55-41.7-72.7-96h145.4zm0-256H183.3C201 73.7 228.8 32 256 32s55 41.7 72.7 96zm73.2 64H496c10.4 20 16 41.7 16 64s-5.6 44-16 64h-94.1c3.9-20.6 6.1-42 6.1-64s-2.2-43.4-6.1-64zM464.5 128h-76.4c-8-31.6-19.7-59.9-34.2-83.2 45.8 17.1 84.4 46.2 110.6 83.2zM123.9 128H47.5c26.2-37 64.8-66.1 110.6-83.2-14.5 23.3-26.2 51.6-34.2 83.2zM16 192h94.1c-3.9 20.6-6.1 42-6.1 64s2.2 43.4 6.1 64H16C5.6 300 0 278.3 0 256s5.6-44 16-64zm31.5 192h76.4c8 31.6 19.7 59.9 34.2 83.2-45.8-17.1-84.4-46.2-110.6-83.2zm306.4 83.2c14.5-23.3 26.2-51.6 34.2-83.2h76.4c-26.2 37-64.8 66.1-110.6 83.2z'/%3E%3C/svg%3E");
}

.rnti-channel-icon--video {
  --channel-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 128C0 92.7 28.7 64 64 64h256c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zm559.1-48.2c10.6 5.9 16.9 17.1 16.9 29.2v294c0 12.1-6.3 23.3-16.9 29.2s-23.6 5.5-33.9-1.1L416 360.7V151.3l109.2-70.4c10.3-6.6 23.3-7 33.9-1.1z'/%3E%3C/svg%3E");
}

.rnti-about-cta {
  display: grid;
  justify-items: center;
  gap: 24px;
  padding: 64px 24px;
  border-radius: 32px;
  background: var(--rnti-black);
  color: var(--rnti-white);
  text-align: center;
}

.rnti-about-cta h2 {
  max-width: 960px;
  margin: 0;
  color: var(--rnti-yellow);
  font: 700 48px/1.2 var(--font-display);
}

.rnti-about-cta p {
  max-width: 600px;
  margin: 0;
}

.rnti-about-cta > div {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.rnti-outline-button--light {
  border-color: var(--rnti-white);
  color: var(--rnti-white);
}

.rnti-contact-page {
  padding-bottom: 0;
}

.rnti-contact-hero {
  padding: 36px 0 40px;
  text-align: center;
}

.rnti-contact-hero h1 {
  margin: 0 0 16px;
  color: var(--rnti-black);
  font: 700 48px/1.14 var(--font-display);
}

.rnti-contact-hero p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--rnti-gray);
  font-size: 18px;
}

.rnti-contact-channels {
  padding: 0 0 64px;
}

.rnti-contact-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.rnti-contact-card {
  display: grid;
  align-content: start;
  min-height: 294px;
  padding: 32px;
  background: var(--rnti-soft);
  border-radius: 16px;
}

.rnti-contact-card__icon {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
  border-radius: 48px;
  background: var(--rnti-yellow);
}

.rnti-contact-card__icon::before {
  content: "";
  width: 24px;
  height: 24px;
  background: var(--rnti-black);
  -webkit-mask: var(--contact-icon) center / contain no-repeat;
  mask: var(--contact-icon) center / contain no-repeat;
}

.rnti-contact-card__icon--pen-nib { --contact-icon: var(--icon-pen-nib); }
.rnti-contact-card__icon--chart-line { --contact-icon: var(--icon-chart-line); }
.rnti-contact-card__icon--user-gear { --contact-icon: var(--icon-user-gear); }
.rnti-contact-card__icon--building { --contact-icon: var(--icon-building); }

.rnti-contact-card h2 {
  margin: 0;
  color: var(--rnti-black);
  font: 700 28px/1.2 var(--font-display);
}

/* títulos de seção do painel usam H1 40px com a barra amarela (nodes 27493:62257, 27518:69518, 27518:69522) */
.rnti-contact-form-wrap h2,
.rnti-contact-direct h2 {
  margin: 0;
  color: var(--rnti-ink);
  font: 700 40px/1.2 var(--font-display);
}

.rnti-contact-card p {
  margin: 12px 0 22px;
  color: var(--rnti-gray);
}

.rnti-contact-card__links {
  display: grid;
  gap: 16px;
  margin-bottom: 24px;
}

/* rótulo pequeno em cima, valor em destaque embaixo (node 27493:62210) */
.rnti-contact-card__links a {
  display: grid;
  gap: 4px;
  color: var(--rnti-black);
  text-decoration: none;
}

.rnti-contact-card__links a span {
  color: var(--rnti-gray);
  font-size: 14px;
}

.rnti-contact-card__links a strong {
  color: var(--rnti-black);
  font-size: 16px;
  font-weight: 700;
}

.rnti-contact-card__links a:hover strong {
  text-decoration: underline;
}

.rnti-contact-card__button,
.rnti-contact-card__actions a,
.rnti-contact-form button,
.rnti-contact-newsletter button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: fit-content;
  border: 0;
  border-radius: 90px;
  padding: 12px 24px;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font-size: 14px;
  font-weight: 700;
}

.rnti-contact-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* no layout os dois botões deste card são amarelos (nodes 27518:69505 e 27518:69507) */
.rnti-contact-card__actions a + a {
  background: var(--rnti-yellow);
  color: var(--rnti-black);
}

.rnti-contact-panel {
  padding: 64px 0;
  background: var(--rnti-soft);
}

.rnti-contact-panel__grid {
  display: grid;
  grid-template-columns: minmax(0, 636px) minmax(280px, 1fr);
  gap: 86px;
  align-items: start;
}

.rnti-contact-form-wrap {
  display: grid;
  gap: 24px;
}

.rnti-contact-form {
  display: grid;
  gap: 20px;
}

.rnti-contact-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.rnti-contact-form label {
  display: grid;
  gap: 8px;
  margin: 0;
}

.rnti-contact-form label span {
  color: var(--rnti-black);
  font-weight: 600;
}

.rnti-contact-form label em {
  color: var(--rnti-muted);
  font-style: normal;
  font-weight: 400;
}

.rnti-contact-form input,
.rnti-contact-form select,
.rnti-contact-form textarea,
.rnti-contact-newsletter input {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 16px;
  background: var(--rnti-white);
  color: var(--rnti-black);
  font: 400 15px/1.45 var(--font-text);
  outline: 0;
}

.rnti-contact-form input,
.rnti-contact-form select {
  height: 56px;
  padding: 0 18px;
}

.rnti-contact-form textarea {
  resize: vertical;
  min-height: 152px;
  padding: 16px 18px;
}

.rnti-contact-form input:focus,
.rnti-contact-form select:focus,
.rnti-contact-form textarea:focus,
.rnti-contact-newsletter input:focus {
  border-color: var(--rnti-yellow);
  box-shadow: 0 0 0 3px rgba(255, 212, 0, .22);
}

.rnti-contact-form__check {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px !important;
}

.rnti-contact-form__check input {
  width: 18px;
  height: 18px;
  accent-color: var(--rnti-yellow);
}

.rnti-contact-form button {
  width: 100%;
  height: 56px;
}

.rnti-contact-direct {
  display: grid;
  gap: 24px;
  padding-top: 6px;
}

.rnti-contact-direct__list {
  display: grid;
  gap: 24px;
  margin-bottom: 12px;
}

.rnti-contact-direct__list > div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rnti-contact-direct__icon {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 90px;
  background: var(--rnti-yellow);
}

.rnti-contact-direct__icon::before {
  content: "";
  width: 20px;
  height: 20px;
  background: var(--rnti-black);
  -webkit-mask: var(--contact-icon) center / contain no-repeat;
  mask: var(--contact-icon) center / contain no-repeat;
}

.rnti-contact-direct__icon--envelope { --contact-icon: var(--icon-envelope); }
.rnti-contact-direct__icon--whatsapp { --contact-icon: var(--icon-whatsapp); }
.rnti-contact-direct__icon--instagram { --contact-icon: var(--icon-instagram); }
.rnti-contact-direct__icon--facebook { --contact-icon: var(--icon-facebook); }
.rnti-contact-direct__icon--linkedin { --contact-icon: var(--icon-linkedin); }

/* rótulo menor em cima, item em destaque embaixo (node 27504:3410) */
.rnti-contact-direct__text {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.rnti-contact-direct__text > span {
  color: var(--rnti-gray);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-contact-direct__text a,
.rnti-contact-direct__text strong {
  color: var(--rnti-black);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rnti-contact-direct__text a:hover {
  text-decoration: underline;
}

/* card de CTA no mesmo padrão do CTA final de Anuncie (node 27518:69529) */
.rnti-contact-newsletter {
  padding: 80px 0 120px;
  background: var(--rnti-white);
}

.rnti-contact-newsletter__box {
  display: grid;
  justify-items: center;
  gap: 40px;
  padding: 64px 72px;
  border-radius: 32px;
  background: var(--rnti-dark);
  color: var(--rnti-white);
  text-align: center;
}

.rnti-contact-newsletter h2 {
  max-width: 900px;
  color: var(--rnti-yellow);
  font: 700 48px/1.2 var(--font-display);
}

.rnti-contact-newsletter p {
  max-width: 600px;
  margin: -24px 0 0;
  color: var(--rnti-white);
  font-size: 16px;
  line-height: 1.5;
}

.rnti-contact-newsletter form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  width: min(100%, 600px);
}

.rnti-contact-newsletter button,
.rnti-contact-form button {
  min-height: 56px;
  font-size: 16px;
}

.rnti-contact-newsletter input {
  height: 56px;
  border-radius: 90px;
  padding: 0 22px;
}

.rnti-footer {
  background: var(--rnti-dark);
  color: var(--rnti-line);
}

.rnti-footer__main {
  display: grid;
  gap: 48px;
  padding: 64px 0;
}

.rnti-footer__top,
.rnti-footer__columns,
.rnti-footer__contact,
.rnti-footer__social {
  display: flex;
  align-items: center;
  gap: 24px;
}

.rnti-footer__top {
  justify-content: space-between;
}

.rnti-footer__logo {
  width: 185px;
}

.rnti-footer__pitch {
  color: var(--rnti-white);
  font: 700 24px/1.2 var(--font-display);
  text-transform: uppercase;
}

.rnti-footer__contact {
  gap: 16px;
}

.rnti-footer__sep {
  width: 1px;
  height: 24px;
  flex: 0 0 1px;
  background: #4B4B4B;
  opacity: .6;
}

.rnti-footer__contact a,
.rnti-footer__social a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rnti-footer__contact a {
  color: #C8C8C8;
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap;
}

.rnti-footer__social {
  gap: 24px;
}

.rnti-footer__social a {
  justify-content: center;
  width: 40px;
  height: 40px;
}

.rnti-footer__social i {
  font-size: 32px;
  line-height: 1;
}

.rnti-footer i {
  color: var(--rnti-yellow);
}

.rnti-footer__divider {
  height: 1px;
  background: var(--rnti-gray);
}

.rnti-footer__columns {
  align-items: flex-start;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  justify-content: space-between;
}

.rnti-footer__col {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.rnti-footer__col h2 {
  margin: 0 0 12px;
  color: var(--rnti-yellow);
  font-size: 16px;
  font-weight: 700;
}

.rnti-footer__col a,
.rnti-footer__col p {
  margin: 0;
  color: #C8C8C8;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-footer__col a:hover {
  color: var(--rnti-yellow);
}

.rnti-footer__newsletter {
  max-width: none;
}

.rnti-footer__newsletter input,
.rnti-footer__newsletter button {
  width: 100%;
  height: 50px;
  border-radius: 90px;
  border: 0;
  padding: 0 16px;
}

.rnti-footer__newsletter button {
  margin-top: 16px;
  background: var(--rnti-yellow);
  color: var(--rnti-dark);
  font-weight: 700;
}

.rnti-newsletter-confirm-page {
  min-height: calc(100vh - 120px);
}

.rnti-newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 1085;
  display: grid;
  place-items: center;
  padding: 16px;
}

.rnti-newsletter-modal[hidden] {
  display: none;
}

.rnti-newsletter-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .45);
}

.rnti-newsletter-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 480px);
  max-height: calc(100vh - 32px);
  overflow: auto;
}

.rnti-newsletter-modal .rnti-newsletter-confirm {
  box-shadow: 0 24px 48px rgba(0, 0, 0, .16);
}

.rnti-newsletter-modal-open {
  overflow: hidden;
}

.rnti-newsletter-form-error {
  margin: 0;
  color: #c0392b;
  font-size: 14px;
  line-height: 1.4;
}

.rnti-newsletter-confirm-page__backdrop {
  display: grid;
  place-items: center;
  min-height: inherit;
  padding: 48px 16px;
  background: var(--rnti-soft);
}

.rnti-newsletter-confirm {
  display: grid;
  gap: 16px;
  justify-items: center;
  width: min(100%, 480px);
  padding: 40px;
  border-radius: 16px;
  background: var(--rnti-white);
  box-shadow: 0 24px 48px rgba(0, 0, 0, .16);
  text-align: center;
}

.rnti-newsletter-confirm__icon {
  position: relative;
  width: 64px;
  height: 64px;
}

.rnti-newsletter-confirm__icon img {
  display: block;
  width: 64px;
  height: 64px;
}

.rnti-newsletter-confirm__icon span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--rnti-white);
  font: 700 28px/1 var(--font-display);
}

.rnti-newsletter-confirm__title {
  margin: 8px 0 0;
  color: var(--rnti-ink);
  font: 700 28px/1.2 var(--font-display);
}

.rnti-newsletter-confirm__lead {
  margin: 0;
  max-width: 400px;
  color: #676767;
  font-size: 16px;
  line-height: 1.5;
}

.rnti-newsletter-confirm__divider {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  border: 0;
  background: var(--rnti-line);
}

.rnti-newsletter-confirm__label {
  margin: 0;
  max-width: 400px;
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
}

.rnti-newsletter-confirm__email {
  display: grid;
  place-items: center;
  width: min(100%, 400px);
  min-height: 40px;
  margin: 0;
  padding: 0 16px;
  border-radius: 8px;
  background: var(--rnti-soft);
  color: var(--rnti-ink);
  font: 700 16px/1.2 var(--font-display);
  word-break: break-word;
}

.rnti-newsletter-confirm__benefits {
  display: grid;
  gap: 12px;
  width: min(100%, 400px);
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.rnti-newsletter-confirm__benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--rnti-ink);
  font-size: 14px;
  line-height: 1.5;
}

.rnti-newsletter-confirm__benefits li::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--rnti-yellow);
}

.rnti-newsletter-confirm__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 400px);
  min-height: 56px;
  margin-top: 8px;
  border: 0;
  border-radius: 8px;
  background: var(--rnti-yellow);
  color: var(--rnti-ink);
  font: 700 16px/1.5 var(--font-text);
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.rnti-newsletter-confirm__button:hover,
.rnti-newsletter-confirm__button:focus-visible {
  background: var(--rnti-dark);
  color: var(--rnti-yellow);
}

.rnti-footer__bottom {
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font-size: 12px;
  line-height: 1;
}

.rnti-footer__bottom .rnti-frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 54px;
  gap: 24px;
}

.rnti-footer__bottom span {
  color: var(--rnti-black);
  font-size: 12px;
  line-height: 1.2;
}

.rnti-footer__cdw {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rnti-black);
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}

.rnti-footer__cdw-logo {
  display: inline-block;
  width: 177px;
  height: 17px;
  background: var(--rnti-black);
  -webkit-mask: url("../images/cdw-desenvolvimento-logo.svg") no-repeat center / contain;
  mask: url("../images/cdw-desenvolvimento-logo.svg") no-repeat center / contain;
}

/* MENU EXPANDIDO (Figma 9458:5583): painel de 268px com faixa amarela lateral. */
.site-nav-offcanvas {
  /* A borda vem do próprio Bootstrap; sobrescrever o atalho não pega. */
  --bs-offcanvas-width: 268px;
  --bs-offcanvas-border-width: 6px;
  --bs-offcanvas-border-color: var(--rnti-yellow);
  width: 268px;
  max-width: 268px;
  border-radius: 0 16px 16px 0;
  background: var(--rnti-dark);
  color: var(--rnti-white);
}

/* Trava a rolagem da página enquanto o menu está aberto. */
html.site-nav-offcanvas-lock {
  overflow: hidden;
}

body.site-nav-offcanvas-lock {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}

.site-nav-offcanvas .offcanvas-body {
  position: relative;
}

.site-nav-offcanvas__close {
  position: absolute;
  top: 4px;
  right: 8px;
  z-index: 2;
  padding: 6px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .55);
  font-size: 14px;
  line-height: 1;
}

.site-nav-offcanvas__actions {
  display: grid;
  gap: 8px;
  padding: 24px 24px 0;
}

.site-nav-offcanvas__login,
.site-nav-offcanvas__subscribe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  border-radius: 90px;
  font: 700 16px/1 var(--font-text);
}

.site-nav-offcanvas__login {
  color: var(--rnti-white);
}

.site-nav-offcanvas__subscribe {
  background: var(--rnti-yellow);
  color: var(--rnti-black);
}

.rnti-mobile-nav {
  margin: 0;
  padding: 8px 24px 24px;
  list-style: none;
}

/* Cada item ocupa uma linha de 40px com divisória, e o chevron fica à direita. */
.rnti-mobile-nav__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.rnti-mobile-nav__link {
  display: block;
  flex: 1;
  padding: 8px 0;
  color: var(--rnti-white);
  font: 400 16px/1.5 var(--font-text);
}

.rnti-mobile-nav__link.is-active {
  color: var(--rnti-yellow);
}

.rnti-mobile-nav__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--rnti-white);
  font-size: 14px;
}

.rnti-mobile-nav__toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.rnti-mobile-nav__children {
  display: none;
  gap: 8px;
  width: 100%;
  padding: 8px 0 8px 16px;
  color: var(--rnti-line);
}

.rnti-mobile-nav__children.is-open {
  display: grid;
}

.rnti-mobile-nav__children a {
  color: inherit;
}

.rnti-mobile-nav__children a.is-active {
  color: var(--rnti-yellow);
  font-weight: 700;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1199px) {
  .rnti-header__main {
    grid-template-columns: 1fr auto;
  }

  /* Só os elementos do header saem abaixo de 1200px. Antes a regra escondia
     qualquer .rnti-button da página (era o que sumia com o "ASSINE A RNTI"). */
  .rnti-search,
  .rnti-header .rnti-login,
  .rnti-header .rnti-button,
  .rnti-nav {
    display: none;
  }

  .rnti-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .rnti-logo {
    justify-self: start;
    width: 180px;
  }

  .rnti-home-grid,
  .rnti-home-hero__grid,
  .rnti-home-news__grid,
  .rnti-post-layout,
  .rnti-magazine-hero,
  .rnti-home-magazine__grid,
  .rnti-about-hero__inner,
  .rnti-about-intro,
  .rnti-contact-panel__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .rnti-blog-listing .rnti-home-grid {
    grid-template-columns: 1fr;
  }

  .rnti-sidebar {
    grid-template-columns: 1fr;
  }

  .rnti-columnists-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rnti-columnists--home {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rnti-videos-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rnti-magazine-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rnti-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rnti-magazine-hero__cover {
    justify-self: start;
  }

  .rnti-advertise-calendar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rnti-advertise-why__grid,
  .rnti-advertise-stats__grid,
  .rnti-advertise-channel-grid,
  .rnti-advertise-profile__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rnti-advertise-why__grid {
    gap: 48px;
  }

  .rnti-advertise-why__grid > img {
    width: 100%;
    height: auto;
    aspect-ratio: 528 / 598;
  }

  .rnti-partners-wrap--slider .rnti-partner-card {
    min-width: calc((100% - 24px) / 2);
  }
}

@media (min-width: 1441px) {
  .rnti-home .rnti-ad--leaderboard {
    max-width: 1296px;
  }

  .rnti-columnists-list {
    grid-template-columns: repeat(4, minmax(305.5px, 1fr));
  }

  .rnti-columnists--home {
    grid-template-columns: repeat(4, minmax(305.5px, 1fr));
  }

  .rnti-videos-page__grid {
    grid-template-columns: repeat(3, minmax(416px, 1fr));
  }

  .rnti-magazine-grid {
    grid-template-columns: repeat(4, minmax(306px, 1fr));
  }

  .rnti-related-grid {
    grid-template-columns: repeat(4, minmax(306px, 1fr));
  }
}

@media (max-width: 767px) {
  .rnti-frame {
    width: min(100% - 24px, var(--rnti-frame));
  }

  .rnti-topbar__contact,
  .rnti-ad--side {
    display: none;
  }

  .rnti-header {
    padding-bottom: 8px;
  }

  .rnti-logo {
    width: 148px;
  }

  .rnti-feature-grid,
  .rnti-home-hero__secondary,
  .rnti-news-row,
  .rnti-editorial-grid,
  .rnti-columnists,
  .rnti-columnists-list,
  .rnti-magazine-grid,
  .rnti-related-grid,
  .rnti-videos-page__grid,
  .rnti-videos,
  .rnti-partners,
  .rnti-metrics,
  .rnti-channel-grid,
  .rnti-contact-cards,
  .rnti-contact-form__row,
  .rnti-contact-newsletter form,
  .rnti-footer__columns,
  .rnti-footer__top {
    grid-template-columns: 1fr;
    display: grid;
  }

  .rnti-feature-card,
  .rnti-feature-card--large {
    min-height: 360px;
  }

  .rnti-partners-wrap--slider .rnti-partners {
    display: flex;
  }

  .rnti-partners-wrap--slider .rnti-partner-card {
    min-width: 82%;
  }

  .rnti-home {
    padding-top: 24px;
  }

  .rnti-most-read--home {
    min-height: 0;
  }

  .rnti-home-news .rnti-news-row {
    grid-template-columns: 1fr;
    padding: 20px 0;
  }

  .rnti-blog-listing {
    padding-top: 24px;
  }

  .rnti-blog-ticker {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    padding-right: 0;
    border-radius: 24px;
  }

  .rnti-blog-ticker strong {
    width: 100%;
    min-height: 0;
    justify-content: center;
    border-radius: 24px 24px 0 0;
  }

  .rnti-blog-ticker > span:not(.rnti-ticker__dots),
  .rnti-blog-ticker > .rnti-ticker__headline {
    padding: 16px;
  }

  .rnti-ticker__dots {
    display: none;
  }

  .rnti-news-row--listing {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .rnti-news-row--listing h2 {
    font-size: 22px;
  }

  .rnti-news-meta {
    align-items: flex-start;
  }

  .rnti-editorias-card__links {
    gap: 10px 16px;
  }

  .blog-pagination__list {
    flex-wrap: wrap;
  }

  .rnti-advertise-hero h1 {
    font-size: 40px;
  }

  .rnti-advertise-hero {
    min-height: 520px;
  }

  .rnti-advertise-hero__content {
    max-width: 100%;
  }

  .rnti-advertise-channels,
  .rnti-advertise-profile {
    padding-top: 64px;
  }

  .rnti-advertise-why {
    padding: 40px 0 32px;
  }

  .rnti-advertise-why__grid,
  .rnti-advertise-stats__grid,
  .rnti-advertise-channel-grid,
  .rnti-advertise-profile__grid {
    grid-template-columns: 1fr;
  }

  .rnti-advertise-stats__grid {
    text-align: left;
  }

  .rnti-advertise-content {
    overflow-x: auto;
  }

  .rnti-advertise-content table {
    min-width: 720px;
  }

  .rnti-advertise-calendar {
    grid-template-columns: 1fr;
  }

  .rnti-advertise-final {
    padding: 48px 0 72px;
  }

  .rnti-advertise-final__box {
    padding: 48px 24px;
  }

  .rnti-advertise-final__contacts,
  .rnti-advertise-final__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .rnti-home-news .rnti-news-row__image {
    width: 100%;
  }

  .rnti-home-news .rnti-news-row h3,
  .rnti-video-card h3,
  .rnti-columnist-card h3 {
    font-size: 20px;
  }

  .rnti-byline {
    flex-wrap: wrap;
  }

  .rnti-feature-card__body {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .rnti-feature-card h1,
  .rnti-section-title,
  .rnti-about-hero h1,
  .rnti-about-cta h2,
  .rnti-contact-hero h1 {
    font-size: 28px;
  }

  .rnti-contact-card {
    min-height: 0;
    padding: 24px;
  }

  .rnti-contact-panel,
  .rnti-contact-newsletter {
    padding: 44px 0;
  }

  .rnti-contact-newsletter__box {
    padding: 40px 24px;
  }

  .rnti-contact-newsletter h2 {
    font-size: 32px;
  }

  .rnti-columnist-profile {
    grid-template-columns: 1fr;
    gap: 24px;
    text-align: center;
  }

  .rnti-columnist-profile-card {
    padding: 24px 20px;
  }

  .rnti-columnist-profile img {
    margin-inline: auto;
  }

  .rnti-columnist-profile__content {
    justify-items: center;
  }

  .rnti-columnist-profile__bio {
    max-width: none;
  }

  .rnti-columnist-profile__footer {
    justify-content: center;
  }

  .rnti-columnist-detail-page .rnti-section {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .rnti-columnist-detail-page__breadcrumb {
    margin: 32px 0 20px;
  }

  .rnti-columnist-detail-page__grid {
    grid-template-columns: 1fr;
  }

  .rnti-columnist-detail-page__bottom-ad {
    margin-top: 48px;
  }

  .rnti-columnist-profile__name {
    font-size: 28px;
  }

  .rnti-columnists-page {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .rnti-editorial-header {
    margin: 48px 0;
  }

  .rnti-columnist-list-card {
    min-height: 0;
  }

  .rnti-videos-page {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .rnti-magazine-page {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .rnti-magazine-hero {
    padding: 56px 0 40px;
  }

  .rnti-magazine-hero h1 {
    font-size: 32px;
  }

  .rnti-magazine-hero__cover {
    max-width: 100%;
  }

  .rnti-magazine-card__info {
    padding: 24px;
  }

  .rnti-post-page__top {
    padding-top: 24px;
  }

  .rnti-post-page .rnti-ticker {
    margin-bottom: 32px;
  }

  .rnti-post-header h1 {
    font-size: 30px;
  }

  .rnti-post-author {
    grid-template-columns: 1fr;
  }

  .rnti-post-author__avatar {
    width: 64px;
    height: 64px;
  }

  .rnti-related-card h3 {
    min-height: 0;
  }

  .rnti-related-section .rnti-section-title {
    font-size: 28px;
  }

  .rnti-video-list-card__body > strong {
    font-size: 20px;
  }

  .rnti-video-list-card__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .rnti-about-hero {
    min-height: 360px;
    padding: 80px 0;
  }

  .rnti-about-hero h1 {
    font-size: 40px;
  }

  .rnti-about-hero__inner {
    gap: 24px;
  }

  .rnti-about-hero__logo {
    max-width: 320px;
    justify-self: start;
  }

  .rnti-about-intro__image {
    height: 340px;
  }

  .rnti-ticker {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    border-radius: 24px;
  }

  .rnti-ticker strong {
    border-radius: 24px 24px 0 0;
  }

  .rnti-ticker span {
    padding: 16px;
  }

  .rnti-home .rnti-ticker {
    padding: 0;
  }

  .rnti-home .rnti-ticker strong {
    justify-content: center;
    padding: 16px;
  }

  .rnti-home .rnti-ticker > span:not(.rnti-ticker__dots) {
    padding: 16px;
  }

  .rnti-ticker__dots {
    display: none;
  }

  .rnti-footer__contact {
    align-items: flex-start;
    flex-direction: column;
  }

  .rnti-footer__sep {
    display: none;
  }

  .rnti-footer__social {
    justify-content: flex-start;
  }

  .rnti-footer__bottom .rnti-frame {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 0;
  }

  .rnti-footer__bottom span {
    white-space: normal;
  }
}

/* ==========================================================================
   HOME MOBILE — Figma "HOME MOBILE" (19423:45218)
   Escopo exclusivo de mobile (<=767px) e da home. Desktop permanece intacto.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-home .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  /* Ordem das seções conforme o layout mobile. */
  .rnti-home {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }

  .rnti-home__ad-top { order: 1; }
  .rnti-home .rnti-home-hero { order: 2; }
  .rnti-home .rnti-home-news { order: 3; }
  .rnti-home__magazine { order: 4; }
  .rnti-home__columnists { order: 5; }
  .rnti-home__videos { order: 6; }
  .rnti-home__partners { order: 7; }
  .rnti-home__ad-bottom { order: 8; }

  /* Blocos ausentes do layout mobile. */
  .rnti-home .rnti-home-ticker,
  .rnti-home .rnti-most-read--home,
  .rnti-home .rnti-home-hero__secondary,
  .rnti-home .rnti-home-editorias {
    display: none;
  }

  /* Anúncios: 320x50 no topo, 320x100 no rodapé. */
  .rnti-home__ad-top,
  .rnti-home__ad-bottom {
    padding: 32px 0 0;
  }

  .rnti-home__ad-top .rnti-ad--leaderboard {
    min-height: 51px;
    margin-bottom: 0;
  }

  .rnti-home__ad-bottom {
    padding-bottom: 32px;
  }

  .rnti-home__ad-bottom .rnti-ad--leaderboard {
    min-height: 103px;
    margin-bottom: 0;
  }

  /* Destaque principal: card único 328x558. */
  .rnti-home .rnti-home-hero {
    padding-top: 24px;
  }

  .rnti-home .rnti-home-hero__grid {
    gap: 0;
  }

  /* As linhas fixas do desktop (519px/274px) davam largura errada ao card via aspect-ratio. */
  .rnti-home .rnti-home-hero__features {
    grid-template-rows: auto;
    gap: 0;
  }

  .rnti-home .rnti-feature-card--large {
    width: 100%;
    min-height: 0;
    aspect-ratio: 328 / 558;
    border-radius: 16px;
  }

  .rnti-home .rnti-feature-card--large h1 {
    font-size: 24px;
  }

  /* Últimas notícias: título, lista e botão "VER TODAS" full-width no fim. */
  .rnti-home .rnti-home-news {
    padding: 40px 0 0;
  }

  .rnti-home .rnti-home-news__grid {
    gap: 40px;
  }

  .rnti-home .rnti-home-news__grid > div:first-child {
    display: flex;
    flex-direction: column;
  }

  .rnti-home .rnti-home-news .rnti-section__head {
    display: contents;
  }

  .rnti-home .rnti-home-news .rnti-section-title {
    order: 1;
    margin-bottom: 32px;
  }

  .rnti-home .rnti-home-news .rnti-news-list {
    order: 2;
    gap: 24px;
  }

  .rnti-home .rnti-home-news .rnti-section__head .rnti-outline-button {
    order: 3;
    width: 100%;
    min-height: 50px;
    margin-top: 32px;
  }

  .rnti-home .rnti-home-news .rnti-news-row--home {
    gap: 16px;
  }

  .rnti-home .rnti-home-news .rnti-news-row__image img {
    border-radius: 16px;
  }

  /* Newsletter (sidebar) vira bloco de largura total. */
  .rnti-home .rnti-sidebar-newsletter {
    gap: 16px;
    padding: 32px 24px;
    border-radius: 16px;
  }

  .rnti-home .rnti-sidebar-newsletter .rnti-block-title {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--rnti-line);
  }

  /* Revista: capa acima, conteúdo abaixo e botões full-width. */
  .rnti-home-magazine {
    padding: 48px 0;
  }

  .rnti-home-magazine__grid {
    gap: 32px;
  }

  .rnti-home-magazine__cover,
  .rnti-home-magazine__cover img {
    width: 100%;
    height: auto;
  }

  .rnti-home-magazine__cover img {
    max-height: none;
    aspect-ratio: 416 / 548;
  }

  .rnti-home-magazine__intro h2 {
    font-size: 28px;
  }

  .rnti-home-magazine__actions {
    flex-direction: column;
  }

  /* .rnti-button é ocultado globalmente <=1199px (CTA do header); reexibe no card da revista. */
  .rnti-home-magazine__actions .rnti-button {
    display: inline-flex;
  }

  .rnti-home-magazine__actions > a {
    width: 100%;
    min-width: 0;
    justify-content: center;
    height: auto;
    min-height: 56px;
  }

  /* Colunistas e vídeos viram carrosséis horizontais com swipe + dots. */
  .rnti-home .rnti-columnists--home,
  .rnti-home .rnti-videos {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .rnti-home .rnti-columnists--home::-webkit-scrollbar,
  .rnti-home .rnti-videos::-webkit-scrollbar {
    display: none;
  }

  .rnti-home .rnti-columnists--home > *,
  .rnti-home .rnti-videos > * {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .rnti-home .rnti-columnists--home .rnti-columnist-card {
    min-height: 363px;
  }

  .rnti-home__columnists .rnti-frame,
  .rnti-home__videos .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-home__columnists .rnti-section__head,
  .rnti-home__videos .rnti-section__head {
    display: contents;
  }

  .rnti-home__columnists .rnti-section-title,
  .rnti-home__videos .rnti-section-title {
    order: 1;
    margin-bottom: 24px;
  }

  .rnti-home__columnists .rnti-columnists,
  .rnti-home__videos .rnti-videos {
    order: 2;
  }

  .rnti-home__columnists .rnti-carousel-dots,
  .rnti-home__videos .rnti-carousel-dots {
    order: 3;
  }

  .rnti-home__columnists .rnti-section__head .rnti-outline-button,
  .rnti-home__videos .rnti-section__head .rnti-outline-button {
    order: 4;
    width: 100%;
    min-height: 56px;
    margin-top: 24px;
  }

  /* Entidades parceiras empilhadas. */
  .rnti-home__partners .rnti-partners {
    gap: 16px;
  }

  .rnti-home__partners .rnti-partner-card {
    min-height: 131px;
  }
}

/* ==========================================================================
   HEADER MOBILE — Figma "Header" (27518:75695): fundo escuro, logo clara,
   ações circulares e trilha de pílulas rolável. Só abaixo de 768px.
   ========================================================================== */
.rnti-logo__light,
.rnti-search-button {
  display: none;
}

@media (max-width: 767px) {
  .rnti-header {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    background: var(--rnti-black);
    color: var(--rnti-white);
  }

  /* No mobile a faixa amarela sai do topo e vira a faixinha logo abaixo do menu. */
  .rnti-topbar {
    order: 3;
  }

  /* Faixa de destaque abaixo do menu — Figma 27518:74988.
     Substitui a faixa de data/contato e a versão em card dentro do conteúdo. */
  .rnti-header__ticker {
    display: block;
    order: 4;
    background: var(--rnti-yellow);
  }

  .rnti-header.has-ticker .rnti-topbar {
    display: none;
  }

  .rnti-header__ticker .rnti-ticker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    min-height: 0;
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
    background: transparent;
  }

  .rnti-header__ticker .rnti-ticker strong,
  .rnti-header__ticker .rnti-ticker__dots {
    display: none;
  }

  .rnti-header__ticker .rnti-ticker__headline {
    flex: 1 0 0;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    color: #1A1A1A;
    font-size: 14px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* a mesma chamada dentro do conteúdo some (é a que aparecia quebrada) */
  .rnti-main .rnti-ticker {
    display: none;
  }

  .rnti-topbar__inner {
    justify-content: center;
    gap: 8px;
    padding: 6px 0;
    font-size: 12px;
    text-align: center;
  }

  .rnti-topbar__date {
    gap: 6px;
  }

  /* reverte o display:none do bloco mobile anterior: só o e-mail fica na faixa */
  .rnti-topbar__contact {
    display: flex;
  }

  .rnti-topbar__contact a:not([href^="mailto:"]),
  .rnti-topbar__contact > span[aria-hidden="true"] {
    display: none;
  }

  .rnti-header__main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    padding: 14px 0;
  }

  .rnti-logo {
    justify-self: start;
    width: 140px;
  }

  .rnti-logo__dark {
    display: none;
  }

  .rnti-logo__light {
    display: block;
  }

  .rnti-header__actions {
    gap: 16px;
  }

  .rnti-menu-button,
  .rnti-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--rnti-white);
    font-size: 20px;
  }

  /* Busca oculta até o usuário abrir pelo botão da lupa. Ao abrir, ela ocupa
     a linha das pílulas abaixo da logo (Figma 27548:85729, "Variant2"). */
  .rnti-header .rnti-search {
    display: none;
    /* o form é o 1º filho do grid: sem grid-row ele cairia acima da logo */
    grid-row: 2;
    grid-column: 1 / -1;
    height: 50px;
    margin: 0 0 2px;
    padding: 10px 25px;
    border: 1px solid var(--rnti-white);
    border-radius: 90px;
    background: transparent;
  }

  .rnti-header.is-search-open .rnti-search {
    display: flex;
  }

  .rnti-header.is-search-open .rnti-nav,
  .rnti-header.is-search-open .rnti-nav-categories {
    display: none;
  }

  /* Com a busca aberta o botão vira o "X" amarelo (node 27548:85736). */
  .rnti-header.is-search-open .rnti-search-button {
    background: var(--rnti-yellow);
  }

  .rnti-header.is-search-open .rnti-search-button i {
    display: none;
  }

  .rnti-header.is-search-open .rnti-search-button::after {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--rnti-black);
    -webkit-mask: var(--icon-xmark) center / contain no-repeat;
    mask: var(--icon-xmark) center / contain no-repeat;
  }

  .rnti-header .rnti-search input {
    color: var(--rnti-white);
  }

  .rnti-header .rnti-search input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .rnti-header .rnti-search button {
    color: var(--rnti-white);
  }

  /* Trilha horizontal de pílulas: no mobile mostra as editorias (Figma 27518:74975).
     O menu completo continua acessível pelo botão hambúrguer. */
  .rnti-nav {
    display: none;
  }

  .rnti-nav-categories {
    display: block;
    padding: 0 0 16px;
  }

  .rnti-nav-categories ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .rnti-nav-categories ul::-webkit-scrollbar {
    display: none;
  }

  .rnti-nav-categories li {
    flex: 0 0 auto;
  }

  .rnti-nav-categories a {
    display: inline-flex;
    align-items: center;
    height: 37px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--rnti-white);
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }

  .rnti-nav-categories a.is-active {
    background: var(--rnti-yellow);
    color: var(--rnti-black);
    font-weight: 700;
  }

  .rnti-nav ul {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .rnti-nav ul::-webkit-scrollbar {
    display: none;
  }

  .rnti-nav__item {
    flex: 0 0 auto;
  }

  .rnti-nav__toggle,
  .rnti-nav__dropdown {
    display: none;
  }

  .rnti-nav__link {
    display: inline-flex;
    align-items: center;
    height: 37px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--rnti-white);
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }

  .rnti-nav__link.is-active {
    background: var(--rnti-yellow);
    color: var(--rnti-black);
    font-weight: 700;
  }

  /* Chamada em destaque vira uma faixa amarela colada ao header. */
  .rnti-home .rnti-home-ticker {
    display: block;
    order: 0;
    padding: 0;
  }

  .rnti-home .rnti-home-ticker .rnti-frame {
    width: 100%;
  }

  .rnti-home .rnti-home-ticker .rnti-ticker {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 37px;
    margin-bottom: 0;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-home .rnti-home-ticker .rnti-ticker strong {
    display: none;
  }

  .rnti-home .rnti-home-ticker .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* ==========================================================================
   LISTAGEM DE NOTÍCIAS MOBILE — Figma "NOTÍCIAS / CIBERSEGURANÇA - MOBILE"
   (27518:77664). Só abaixo de 768px; desktop permanece intacto.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-blog-page .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  /* Sem respiro acima: a faixa de destaque encosta no header. */
  .rnti-blog-page {
    padding-top: 0;
  }

  .rnti-blog-listing {
    padding-top: 0;
    padding-bottom: 32px;
  }

  /* Notícia em destaque: faixa amarela full-bleed colada ao header, como na home. */
  .rnti-blog-listing > .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-blog-page .rnti-blog-ticker {
    display: flex;
    order: -1;
    align-items: center;
    flex-direction: row;
    width: calc(100% + 32px);
    min-height: 37px;
    margin: 0 -16px 32px;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-blog-page .rnti-blog-ticker strong {
    display: none;
  }

  .rnti-blog-page .rnti-blog-ticker .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Anúncios: 320x50 no topo, 320x100 antes do rodapé. */
  .rnti-blog-listing > .rnti-frame > .rnti-ad--leaderboard {
    min-height: 51px;
    margin-bottom: 32px;
  }

  .rnti-blog-bottom-ad {
    min-height: 103px;
    margin: 32px 0 0;
  }

  /* Cabeçalho editorial: breadcrumb, título com barra e descrição. */
  .rnti-blog-heading {
    margin-bottom: 32px;
  }

  .rnti-blog-heading .rnti-breadcrumb {
    margin-bottom: 8px;
    gap: 6px;
  }

  .rnti-blog-heading .rnti-section-title {
    margin-bottom: 16px;
  }

  .rnti-blog-heading p {
    margin: 0;
    color: var(--rnti-muted);
    font-size: 16px;
  }

  /* Cards da listagem alinhados ao "CARD LISTAGEM COMPACTO". */
  .rnti-blog-page .rnti-home-grid {
    gap: 32px;
  }

  .rnti-blog-page .rnti-news-list {
    gap: 24px;
  }

  .rnti-news-row--listing {
    padding-bottom: 24px;
  }

  .rnti-news-row--listing h2 {
    font-size: 20px;
  }

  .rnti-news-row--listing .rnti-news-row__body {
    gap: 12px;
  }

  /* Paginação: caixas de 40px alinhadas à esquerda. */
  .rnti-blog-pagination {
    justify-content: flex-start;
    margin-top: 24px;
  }

  .rnti-blog-pagination .blog-pagination {
    justify-content: flex-start;
  }

  .rnti-blog-pagination .blog-pagination__list {
    justify-content: flex-start;
    gap: 8px;
  }

  .rnti-blog-pagination .blog-pagination__link,
  .rnti-blog-pagination .blog-pagination__item a,
  .rnti-blog-pagination .blog-pagination__item.is-active {
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    font-size: 16px;
  }

  /* Editorias: grade de dois links por linha. */
  .rnti-blog-page .rnti-editorias-card .rnti-block-title h2 {
    font-size: 28px;
  }

  .rnti-blog-page .rnti-editorias-card__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    font-size: 16px;
  }

  /* Newsletter idêntica ao bloco da home. */
  .rnti-blog-page .rnti-editorias-card {
    border-radius: 32px;
  }

  .rnti-blog-page .rnti-sidebar-newsletter {
    gap: 16px;
    padding: 32px 24px;
    border-radius: 16px;
  }
}

/* ==========================================================================
   COLUNISTAS MOBILE — notícia em destaque no mesmo padrão da listagem:
   faixa amarela full-bleed encostada no header.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-columnists-main {
    padding-top: 0;
  }

  .rnti-columnists-page {
    padding-top: 32px;
  }

  .rnti-columnists-page > .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-columnists-page .rnti-ticker {
    display: flex;
    order: -1;
    align-items: center;
    flex-direction: row;
    width: 100vw;
    min-height: 37px;
    /* Sangra até as bordas independentemente da largura do frame. */
    margin: -32px calc(50% - 50vw) 32px;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-columnists-page .rnti-ticker strong {
    display: none;
  }

  .rnti-columnists-page .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* A bolinha separadora precisa ficar centrada mesmo quando a meta alinha ao topo. */
.rnti-meta-dot {
  flex: 0 0 auto;
  align-self: center;
}

/* Editoria selecionada no card de filtro. */
.rnti-editorias-card__links a.is-active {
  color: var(--rnti-black);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--rnti-yellow);
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

/* ==========================================================================
   PÁGINA DO COLUNISTA MOBILE — destaque colado no header e hierarquia
   de título/descrição do perfil.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-columnist-detail-page {
    padding-top: 0;
  }

  .rnti-columnist-detail-page > .rnti-section {
    padding-top: 32px;
  }

  .rnti-columnist-detail-page > .rnti-section > .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-columnist-detail-page .rnti-ticker {
    display: flex;
    order: -1;
    align-items: center;
    flex-direction: row;
    width: 100vw;
    min-height: 37px;
    /* Sangra até as bordas independentemente da largura do frame. */
    margin: -32px calc(50% - 50vw) 32px;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-columnist-detail-page .rnti-ticker strong {
    display: none;
  }

  .rnti-columnist-detail-page .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .rnti-columnist-profile__name {
    font-size: 32px;
  }

  .rnti-columnist-profile__role {
    font-size: 16px;
  }

  .rnti-columnist-profile__bio {
    font-size: 15px;
    line-height: 1.7;
  }
}

/* Iniciais como avatar quando o publicador não tem foto cadastrada. */
.rnti-post-author__avatar--initials {
  display: grid;
  place-items: center;
  background: var(--rnti-yellow);
  color: var(--rnti-black);
  font: 700 20px/1 var(--font-text);
}

/* ==========================================================================
   INTERNA DE NOTÍCIA MOBILE — Figma "NOTÍCIAS / INTERNA - MOBILE"
   (27518:78276). Só abaixo de 768px; desktop permanece intacto.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-post-page .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  /* Destaque colado no header, como nas demais páginas. */
  .rnti-post-page {
    padding-top: 0;
  }

  .rnti-post-page__top {
    padding-top: 32px;
  }

  .rnti-post-page__top > .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-post-page .rnti-ticker {
    display: flex;
    order: -1;
    align-items: center;
    flex-direction: row;
    width: 100vw;
    min-height: 37px;
    /* Sangra até as bordas independentemente da largura do frame. */
    margin: -32px calc(50% - 50vw) 32px;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-post-page .rnti-ticker strong,
  .rnti-post-page .rnti-ticker .rnti-ticker__dots {
    display: none;
  }

  .rnti-post-page .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Anúncios: 320x50 no topo, 320x100 nos demais. */
  .rnti-post-page__top > .rnti-frame > .rnti-ad--leaderboard {
    min-height: 51px;
    margin-bottom: 32px;
  }

  .rnti-post-page .rnti-section--tight .rnti-ad--leaderboard {
    min-height: 103px;
  }

  /* Cabeçalho do artigo. */
  .rnti-post-header {
    gap: 12px;
    margin: 16px 0 32px;
  }

  .rnti-post-meta .rnti-byline__avatar {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 13px;
  }

  .rnti-post-meta i {
    width: 5px;
    height: 5px;
    flex: 0 0 auto;
    align-self: center;
    background: #A4A4A4;
  }

  .rnti-post-share {
    gap: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--rnti-line);
  }

  .rnti-post-share a,
  .rnti-post-share button {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .rnti-post-hero {
    margin-bottom: 32px;
  }

  .rnti-post-hero img {
    aspect-ratio: 328 / 187;
  }

  .rnti-post-tags {
    margin-top: 32px;
  }

  .rnti-post-tags span {
    min-height: 37px;
    padding: 8px 16px;
    font-size: 14px;
  }

  /* Card do publicador: avatar 72px acima do texto, sobre fundo claro. */
  .rnti-post-author {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 32px;
    padding: 24px;
    border-radius: 16px;
    background: var(--rnti-soft);
  }

  .rnti-post-author__avatar {
    width: 72px;
    height: 72px;
    border-radius: 16px;
  }

  .rnti-post-author strong {
    font-size: 20px;
  }

  .rnti-post-author small,
  .rnti-post-author p {
    font-size: 14px;
  }

  .rnti-post-author__social a {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  /* Editorias em duas colunas, como no layout. */
  .rnti-post-page .rnti-post-layout {
    gap: 32px;
  }

  .rnti-post-page .rnti-home-editorias__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
  }

  .rnti-post-page .rnti-home-editorias__links a,
  .rnti-post-page .rnti-home-editorias__links span {
    white-space: normal;
  }

  /* "Você também pode gostar": título sozinho e botão full-width no fim. */
  .rnti-related-section .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-related-section .rnti-section__head {
    display: contents;
  }

  .rnti-related-section .rnti-section-title {
    order: 1;
    margin-bottom: 24px;
  }

  .rnti-related-section .rnti-related-grid {
    order: 2;
    gap: 24px;
  }

  .rnti-related-section .rnti-section__head .rnti-outline-button {
    order: 3;
    width: 100%;
    min-height: 50px;
    margin-top: 24px;
  }
}

/* ==========================================================================
   REVISTA MOBILE — Figma "REVISTA - MOBILE" (27518:78650).
   Só abaixo de 768px; desktop permanece intacto.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-magazine-page .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  /* Destaque colado no header, como nas demais páginas. */
  .rnti-magazine-main {
    padding-top: 0;
  }

  .rnti-magazine-page {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .rnti-magazine-page > .rnti-frame {
    display: flex;
    flex-direction: column;
  }

  .rnti-magazine-page .rnti-ticker {
    display: flex;
    order: -1;
    align-items: center;
    flex-direction: row;
    width: 100vw;
    min-height: 37px;
    /* Sangra até as bordas independentemente da largura do frame. */
    margin: -32px calc(50% - 50vw) 32px;
    padding: 8px 16px;
    border-radius: 0;
  }

  .rnti-magazine-page .rnti-ticker strong,
  .rnti-magazine-page .rnti-ticker .rnti-ticker__dots {
    display: none;
  }

  .rnti-magazine-page .rnti-ticker__headline {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Anúncios: 320x50 no topo, 320x100 no rodapé. */
  .rnti-magazine-page > .rnti-frame > .rnti-ad--leaderboard {
    min-height: 51px;
    margin-bottom: 32px;
  }

  .rnti-magazine-page__bottom-ad {
    min-height: 103px;
    margin-top: 32px;
  }

  /* Edição atual: capa primeiro, texto e botões full-width depois. */
  .rnti-magazine-hero {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 0 32px;
  }

  .rnti-magazine-hero__cover {
    order: 1;
    max-width: 100%;
    margin-top: 22px;
  }

  .rnti-magazine-hero__cover img {
    aspect-ratio: 328 / 432;
    border-radius: 16px;
  }

  .rnti-magazine-hero__cover strong {
    min-height: 34px;
    padding: 8px 16px;
    font-size: 14px;
  }

  .rnti-magazine-hero__content {
    order: 2;
    gap: 8px;
  }

  .rnti-magazine-hero h1 {
    font-size: 28px;
  }

  .rnti-magazine-hero__actions {
    flex-direction: column;
    gap: 24px;
    margin-top: 16px;
  }

  /* .rnti-button é ocultado globalmente <=1199px (CTA do header); reexibe aqui. */
  .rnti-magazine-hero__actions .rnti-button {
    display: inline-flex;
  }

  .rnti-magazine-hero__actions .rnti-button,
  .rnti-magazine-hero__actions .rnti-outline-button {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 56px;
  }

  /* Edições anteriores: uma coluna, capa 328x432 e bloco de info. */
  .rnti-magazine-previous {
    padding-top: 0;
  }

  .rnti-magazine-previous .rnti-section__head {
    margin-bottom: 24px;
  }

  .rnti-magazine-grid {
    gap: 24px;
  }

  .rnti-magazine-card__cover {
    border-radius: 16px 16px 0 0;
  }

  .rnti-magazine-card__cover img {
    aspect-ratio: 328 / 432;
  }

  .rnti-magazine-card__info {
    gap: 16px;
    padding: 32px 24px;
    border-radius: 0 0 16px 16px;
  }
}

/* ==========================================================================
   SOBRE NÓS MOBILE — Figma "SOBRE NÓS - MOBILE" (27518:81263).
   Só abaixo de 768px; desktop permanece intacto.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-about .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  /* Hero: degradê escuro sobre a foto para o texto ficar legível. */
  .rnti-about-hero {
    align-items: flex-start;
    min-height: 458px;
    padding: 24px 0;
  }

  /* Figma Hero mobile (27518:81265): degradê vertical no topo. */
  .rnti-about-hero::before {
    background: linear-gradient(180deg, #000 21.406%, rgba(0, 0, 0, 0) 70.527%);
  }

  .rnti-about-hero .rnti-frame {
    width: min(100% - 48px, var(--rnti-frame));
  }

  .rnti-about-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .rnti-about-hero h1 {
    font-size: 32px;
  }

  .rnti-about-hero p {
    max-width: none;
    font-size: 14px;
  }

  .rnti-about-hero__logo {
    display: none;
  }

  .rnti-about-hero__logo-overlay {
    display: block;
    position: absolute;
    left: 11.4%;
    top: 54.86%;
    z-index: 1;
    width: 77.2%;
    height: auto;
    pointer-events: none;
  }

  /* Títulos de abertura do Figma são maiores que os demais da página. */
  .rnti-about .rnti-section-title--lead {
    font-size: 40px;
  }

  .rnti-about-intro__image {
    height: 296px;
    border-radius: 16px;
  }
}

/* ==========================================================================
   RODAPÉ MOBILE — Figma "RODAPÉ" (27518:75774): tudo centralizado, colunas
   2x2 e newsletter isolada por divisória. Só abaixo de 768px.
   ========================================================================== */
@media (max-width: 767px) {
  .rnti-footer .rnti-frame {
    width: min(100% - 32px, var(--rnti-frame));
  }

  .rnti-footer__main {
    gap: 16px;
    padding: 64px 0;
    text-align: center;
  }

  /* Bloco superior: logo, chamada, contatos e redes, todos centralizados. */
  .rnti-footer__top {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 16px;
  }

  .rnti-footer__logo {
    width: 222px;
  }

  /* a imagem tem 185px intrínsecos: sem isso ela fica encostada à esquerda
     dentro do link de 222px e a logo parece descentralizada */
  .rnti-footer__logo img {
    width: 100%;
  }

  .rnti-footer__pitch {
    font-size: 20px;
  }

  .rnti-footer__contact {
    align-items: center;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  /* No layout mobile o e-mail vem antes do WhatsApp. */
  .rnti-footer__contact > a[href*="wa.me"] {
    order: 1;
  }

  .rnti-footer__contact a {
    white-space: normal;
  }

  .rnti-footer__social {
    justify-content: center;
    gap: 24px;
  }

  /* Colunas: Institucional + Conteúdo lado a lado, demais em largura total. */
  .rnti-footer__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    margin-top: 16px;
    text-align: center;
  }

  .rnti-footer__col:nth-child(n + 3) {
    grid-column: 1 / -1;
  }

  .rnti-footer__col {
    gap: 10px;
  }

  .rnti-footer__col h2 {
    margin-bottom: 12px;
    font-size: 14px;
  }

  .rnti-footer__col a,
  .rnti-footer__col p {
    font-size: 14px;
  }

  /* Newsletter separada por divisória, como no layout. */
  .rnti-footer__newsletter {
    gap: 12px;
    margin-top: 8px;
    padding-top: 32px;
    border-top: 1px solid var(--rnti-gray);
  }

  .rnti-footer__newsletter input {
    height: 49px;
    text-align: left;
  }

  .rnti-footer__newsletter button {
    margin-top: 12px;
  }

  /* Barra inferior centralizada em duas linhas. */
  .rnti-footer__bottom .rnti-frame {
    align-items: center;
    flex-direction: column;
    gap: 12px;
    padding: 16px 0;
    text-align: center;
  }

  .rnti-footer__bottom span {
    text-align: center;
    white-space: normal;
  }
}

/* Indicadores dos carrosséis mobile (injetados por site-init.js). */
.rnti-carousel-dots {
  display: none;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.rnti-carousel-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--rnti-line);
}

.rnti-carousel-dots button.is-active {
  background: var(--rnti-dark);
}

@media (max-width: 767px) {
  .rnti-carousel-dots {
    display: flex;
  }
}

/* ==========================================================================
   CONTATO MOBILE — Figma "CONTATO - MOBILE" (node 27518:81866)
   Somente overrides mobile: nenhuma regra aqui afeta o desktop.
   ========================================================================== */
@media (max-width: 767px) {
  /* Hero — node 27518:71142 */
  .rnti-contact-hero {
    padding: 32px 0;
  }

  .rnti-contact-hero h1 {
    font-size: 56px;
  }

  .rnti-contact-hero p {
    font-size: 14px;
  }

  /* Cards — node 27518:71145 (empilhados, gap 24) */
  .rnti-contact-channels {
    padding: 0 0 32px;
  }

  .rnti-contact-cards {
    gap: 24px;
  }

  .rnti-contact-card {
    min-height: 0;
    padding: 40px;
    border-radius: 24px;
  }

  .rnti-contact-card__icon {
    border-radius: 28px;
  }

  .rnti-contact-card h2 {
    font-size: 28px;
  }

  .rnti-contact-card p {
    margin: 12px 0 24px;
    font-size: 14px;
  }

  /* botões dos cards ocupam a largura toda (nodes 27518:71169, 71178, 71179) */
  .rnti-contact-card__button,
  .rnti-contact-card__actions {
    width: 100%;
  }

  .rnti-contact-card__actions {
    flex-direction: column;
    gap: 16px;
  }

  .rnti-contact-card__button,
  .rnti-contact-card__actions a {
    width: 100%;
    min-height: 44px;
    font-size: 13px;
  }

  /* Painel do formulário — node 27518:71190 */
  .rnti-contact-panel {
    padding: 32px 0;
  }

  .rnti-contact-panel__grid {
    gap: 37px;
  }

  .rnti-contact-form-wrap h2,
  .rnti-contact-direct h2 {
    font-size: 28px;
  }

  .rnti-contact-form {
    gap: 8px;
  }

  .rnti-contact-form__row {
    gap: 8px;
  }

  .rnti-contact-form label span {
    font-size: 14px;
    font-weight: 700;
  }

  .rnti-contact-form input,
  .rnti-contact-form select,
  .rnti-contact-form textarea {
    border-color: #e5e5e5;
    border-radius: 24px;
    font-size: 16px;
  }

  .rnti-contact-form input,
  .rnti-contact-form select {
    height: 48px;
    padding: 0 16px;
  }

  .rnti-contact-form textarea {
    min-height: 140px;
    padding: 16px;
  }

  .rnti-contact-form button {
    width: 100%;
    min-height: 56px;
  }

  /* Contatos diretos — badge 40px (node 27518:71246) */
  .rnti-contact-direct {
    gap: 16px;
  }

  .rnti-contact-direct__list {
    gap: 24px;
    margin-bottom: 0;
  }

  .rnti-contact-direct__icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }

  .rnti-contact-direct__icon::before {
    width: 16px;
    height: 16px;
  }

  /* Redes sociais mantêm o badge 48px do layout (node 27518:71270) */
  .rnti-contact-direct__list--social .rnti-contact-direct__icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
  }

  .rnti-contact-direct__list--social .rnti-contact-direct__icon::before {
    width: 20px;
    height: 20px;
  }

  .rnti-contact-direct__text a,
  .rnti-contact-direct__text strong {
    font-size: 16px;
  }

  /* CTA newsletter — node 27518:82148 */
  .rnti-contact-newsletter {
    padding: 32px 0 48px;
  }

  .rnti-contact-newsletter__box {
    gap: 40px;
    padding: 64px 24px;
  }

  .rnti-contact-newsletter h2 {
    font-size: 28px;
  }

  .rnti-contact-newsletter p {
    margin: -24px 0 0;
    font-size: 14px;
  }

  .rnti-contact-newsletter form {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }

  .rnti-contact-newsletter input {
    height: 56px;
    border-color: #e5e5e5;
    padding: 0 24px;
  }

  .rnti-contact-newsletter button {
    width: 100%;
  }
}

/* CTA final do Sobre no mobile — Figma 27518:71084 (botões empilhados, 280px). */
@media (max-width: 767px) {
  .rnti-about-cta {
    gap: 40px;
  }

  .rnti-about-cta > div {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    align-items: center;
  }

  .rnti-about-cta .rnti-button,
  .rnti-about-cta .rnti-outline-button {
    width: min(100%, 280px);
    min-height: 64px;
    height: auto;
    font-size: 16px;
  }
}

/* ==========================================================================
   ANUNCIE MOBILE — Figma "ANUNCIE NA RNTI - MOBILE" (node 27518:80265)
   ========================================================================== */

/* O container da tabela isola o scroll horizontal: sem isso o gesto arrastava
   a página inteira em vez do conteúdo da tabela. */
.rnti-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.rnti-table-scroll table {
  margin-bottom: 0;
}

.rnti-advertise-content .rnti-table-scroll {
  margin: 16px 0 40px;
}

@media (max-width: 767px) {
  /* Hero colado ao menu (node 27518:70663, top logo abaixo do header). */
  .rnti-advertise-page.rnti-main {
    padding-top: 0;
  }

  /* Big numbers: faixa cheia, dois por linha (node 27518:70668). */
  .rnti-advertise-stats {
    padding: 32px 0;
  }

  .rnti-advertise-stats__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    text-align: center;
  }

  /* item ímpar sozinho na última linha ocupa as duas colunas e fica centrado */
  .rnti-advertise-stats__grid article:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .rnti-advertise-stats strong {
    font-size: 32px;
  }

  /* Títulos da página em H3 compacto. */
  .rnti-advertise-page .rnti-section-title,
  .rnti-advertise-content h2,
  .rnti-advertise-final__box h2 {
    font: 700 30px/1.0 var(--font-display);
  }

  .rnti-advertise-stats span,
  .rnti-advertise-stats article {
    font-size: 14px;
  }

  /* Tabelas: células estreitas para caber o máximo possível (node 27532:8944). */
  .rnti-advertise-content .rnti-table-scroll table {
    min-width: 0;
  }

  .rnti-advertise-content th,
  .rnti-advertise-content td {
    padding: 10px 8px;
    font-size: 12px;
    white-space: nowrap;
  }

  .rnti-advertise-content th {
    font-size: 10px;
  }

  .rnti-advertise-content td:first-child,
  .rnti-advertise-content th:first-child {
    padding-left: 12px;
  }

  .rnti-advertise-content td:last-child,
  .rnti-advertise-content th:last-child {
    padding-right: 12px;
  }

  /* Calendário: um card por linha, datas empilhadas (node 27518:70890). */
  .rnti-advertise-calendar {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .rnti-advertise-calendar-card {
    min-height: 0;
    padding: 32px;
  }

  .rnti-advertise-calendar-card h3 {
    font-size: 28px;
  }

  .rnti-advertise-calendar-card p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
    font-size: 14px;
  }

  .rnti-advertise-calendar-card p strong {
    margin-left: 0;
  }
}