/* Arquivo versionado para impedir que o cache antigo mantenha o cabeçalho claro. */
body,
body.rl-public,
body.app-body {
  background-color: #faf6ec !important;
  background-image:
    linear-gradient(rgba(255, 252, 244, .76), rgba(250, 246, 236, .82)),
    url('../images/fundo-papiro-real-final-20260711.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Cabeçalho público igual ao rodapé. */
body.rl-public .rl-header {
  background: #2b1304 !important;
  border-bottom: 1px solid #70441e !important;
  box-shadow: 0 5px 18px rgba(42, 20, 4, .20) !important;
}
body.rl-public .rl-header .rl-nav a { color: #f5e7cf !important; }
body.rl-public .rl-header .rl-nav a:hover { color: #e8c98a !important; }
body.rl-public .rl-header .rl-nav a.active:after { background: #d19a3c !important; }
body.rl-public .rl-header .rl-btn {
  border-color: #e0bd7c !important;
  background: transparent !important;
  color: #f8ecd5 !important;
}
body.rl-public .rl-header .rl-btn-solid {
  border-color: #ae7018 !important;
  background: #ae7018 !important;
  color: #fff !important;
}
body.rl-public .rl-header .rl-logo-wordmark {
  width: 245px !important;
  height: 72px !important;
  filter: none !important;
}

/* Distância menor e igual entre as seções. */
body.rl-public .rl-benefits,
body.rl-public .rl-plans,
body.rl-public .rl-faq,
body.rl-public .rl-cta { padding: 42px 0 !important; }
body.rl-public .rl-section-heading,
body.rl-public .rl-faq header { margin: 0 0 24px !important; }
body.rl-public .rl-plans .rl-section-heading { margin-bottom: 48px !important; }
body.rl-public .rl-hero { padding: 34px 0 !important; min-height: 560px !important; }
body.rl-public .rl-hero h1 { margin-bottom: 25px !important; }
body.rl-public .rl-hero-actions { margin: 0 !important; }

/* A imagem grande da página inicial também identifica o login. */
.auth-page .auth-brand img[src*='hero-relicario-rl-20260711.png'] {
  width: min(780px, 92%) !important;
  max-height: 76vh !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 16px rgba(62, 31, 7, .20)) !important;
}

@media(max-width:900px) {
  body.rl-public .rl-benefits,
  body.rl-public .rl-plans,
  body.rl-public .rl-faq,
  body.rl-public .rl-cta { padding: 34px 0 !important; }
  body.rl-public .rl-hero { padding: 30px 0 !important; }
}

/* Correção móvel: mantém Entrar e Criar conta disponíveis no cabeçalho público. */
@media(max-width:760px){
  body.rl-public .rl-header{height:auto!important;min-height:76px!important}
  body.rl-public .rl-header .rl-wrap{min-height:76px!important;gap:7px!important}
  body.rl-public .rl-header .rl-logo-wordmark{width:126px!important;height:52px!important;object-fit:contain!important}
  body.rl-public .rl-header-actions{display:flex!important;flex:none!important;gap:6px!important;margin-left:auto!important}
  body.rl-public .rl-header-actions .rl-btn:first-child{display:inline-flex!important}
  body.rl-public .rl-header-actions .rl-btn{min-height:42px!important;padding:8px 9px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
}
@media(max-width:360px){
  body.rl-public .rl-header .rl-logo-wordmark{width:108px!important;height:48px!important}
  body.rl-public .rl-header-actions{gap:4px!important}
  body.rl-public .rl-header-actions .rl-btn{padding-inline:7px!important;font-size:10px!important}
}