/* Refinamento final da home: navegação, hierarquia e leitura dos cards. */
body.rl-public .rl-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

body.rl-public :is(#inicio, #recursos, #planos, #perguntas-frequentes) {
  scroll-margin-top: 132px;
}

body.rl-public .rl-nav a::after {
  opacity: 0 !important;
  transform: scaleX(.35);
  transition: opacity .16s ease, transform .16s ease;
}

body.rl-public .rl-nav a.active::after,
body.rl-public .rl-nav a[aria-current="page"]::after {
  opacity: 1 !important;
  transform: scaleX(1);
}

body.rl-public .rl-hero-actions .rl-btn,
body.rl-public .rl-cta-showcase-copy .rl-btn {
  background: #192922 !important;
  border-color: #192922 !important;
  color: #f2f5f4 !important;
  box-shadow: 0 6px 14px rgba(25,41,34,.14);
}

body.rl-public .rl-hero-actions .rl-btn:hover,
body.rl-public .rl-hero-actions .rl-btn:focus-visible,
body.rl-public .rl-cta-showcase-copy .rl-btn:hover,
body.rl-public .rl-cta-showcase-copy .rl-btn:focus-visible {
  background: #0f1914 !important;
  border-color: #0f1914 !important;
  color: #fff !important;
}

body.rl-public .rl-art-space img {
  width: min(650px, 94%) !important;
  max-height: 490px !important;
}

body.rl-public .rl-benefit-grid {
  gap: 14px !important;
}

body.rl-public .rl-benefit {
  min-width: 0;
  padding-inline: 8px !important;
}

body.rl-public .rl-benefit h3 {
  width: 100%;
  margin-inline: auto !important;
  overflow: visible;
  white-space: nowrap;
  font-size: clamp(.72rem, .75vw, .9rem) !important;
  letter-spacing: -.025em;
}

body.rl-public .rl-plan-ribbon {
  display: none !important;
}

body.rl-public .rl-plan,
body.rl-public .rl-plan-featured {
  padding-top: 34px !important;
  margin-top: 0 !important;
}

body.rl-public .rl-plan-subtitle {
  min-height: 0 !important;
  white-space: nowrap;
  font-size: clamp(.66rem, .68vw, .78rem) !important;
  letter-spacing: -.02em;
}

body.rl-public .rl-safe {
  display: none !important;
}

body.rl-public .rl-faq-grid {
  align-items: start !important;
  grid-auto-flow: row !important;
}

body.rl-public .rl-faq details {
  align-self: start !important;
  height: auto !important;
}

body.rl-public .rl-faq summary {
  font-weight: 400 !important;
}

body.rl-public .rl-footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

body.rl-public .rl-footer-socials a {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(162,197,181,.48);
  border-radius: 50%;
  color: #9cc4b1;
  transition: transform .16s ease, background .16s ease, color .16s ease;
}

body.rl-public .rl-footer-socials a:hover,
body.rl-public .rl-footer-socials a:focus-visible {
  transform: translateY(-2px);
  background: #9cc4b1;
  color: #17251e;
}

body.rl-public .rl-footer-socials a[aria-disabled="true"] { opacity: .46; pointer-events: none; }
body.rl-public .rl-footer-socials svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.rl-public .rl-footer-socials .rl-social-fill { fill: currentColor; stroke: none; }


@media (max-width: 1100px) {
  body.rl-public .rl-benefit h3 { font-size: .88rem !important; }
  body.rl-public .rl-plan-subtitle { font-size: .76rem !important; }
}

@media (max-width: 900px) {
  body.rl-public .rl-art-space img { width: min(600px, 92%) !important; max-height: 340px !important; }
}

@media (max-width: 620px) {
  body.rl-public .rl-benefit h3,
  body.rl-public .rl-plan-subtitle { white-space: normal; }
}
