/* Whitepaper do Soluna Rush: layout de documento (topo, índice lateral e texto) com as cores e fontes do site */
html { background: #1c0c3d; }
body.wp { background: #1c0c3d; color: #cec4d3; height: auto; min-height: 100%; }
.wp-top { position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 76px; display: flex; align-items: center; gap: 18px; padding: 0 28px; background: #030036; border-bottom: 1px solid #dd5353; }
.wp-brand img { height: 58px; display: block; }
.wp-doc { font-family: 'agency fb bold'; font-size: 26px; color: #ff309e; text-transform: uppercase; letter-spacing: 1px; }
.wp-nav { margin-left: auto; display: flex; align-items: center; }
.wp-nav .md-button { font-size: 1.3em; font-weight: 800; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, .9); }
.wp-nav .cx_btn-play-game { margin: 0 0 0 8px; }

.wp-side { position: fixed; top: 77px; left: 0; bottom: 0; width: 270px; overflow-y: auto; padding: 26px 0 40px; background: #150833; border-right: 1px solid #3b2466; }
.wp-side a { display: block; padding: 7px 26px; color: #cec4d3; text-decoration: none; font-size: 21px; border-left: 3px solid transparent; }
.wp-side a:hover { color: #fff; background: rgba(255, 255, 255, .04); }
.wp-side a.on { color: #fff; border-left-color: #ff309e; background: rgba(255, 48, 158, .1); }
.wp-group { margin: 22px 26px 6px; font-family: 'agency fb bold'; font-size: 17px; color: #ff309e; text-transform: uppercase; letter-spacing: 1.5px; }

.wp-main { margin-left: 270px; padding: 110px 64px 80px; max-width: 980px; }
.wp-sec { padding-top: 10px; margin-bottom: 64px; scroll-margin-top: 90px; }
.wp-sec h1 { font-size: 3rem; line-height: 1.1; margin: 0 0 18px; color: #fff; padding-bottom: 12px; border-bottom: 1px solid #3b2466; }
.wp-sec h2 { font-size: 2rem; color: #fff; margin: 30px 0 10px; }
.wp-sec h3 { font-size: 1.6rem; color: #ff309e; margin: 24px 0 8px; }
.wp-sec p { margin: 0 0 14px; line-height: 1.5; }
.wp-sec .wp-lead { font-size: 1.5rem; color: #fff; }
.wp-sec ul { margin: 0 0 16px; padding-left: 22px; }
.wp-sec li { margin: 0 0 8px; line-height: 1.45; }
.wp-sec li::marker { color: #ff309e; }

.wp-heroes { margin-top: 28px; }
.wp-hero { overflow: hidden; padding: 20px 24px; margin-bottom: 22px; background: rgba(255, 255, 255, .04); border: 1px solid #3b2466; border-radius: 10px; }
.wp-hero-art { float: right; width: 230px; max-height: 300px; object-fit: contain; margin: 0 0 10px 20px; }
.wp-hero h3 { display: flex; align-items: center; gap: 10px; margin-top: 0; font-size: 2rem; }
.wp-hero-icon { width: 54px; height: 54px; object-fit: contain; }

.wp-copy { margin-top: 40px; padding-top: 18px; border-top: 1px solid #dd5353; font-size: 1rem; color: #cec4d3; }

@media (max-width: 900px) {
  .wp-top { padding: 0 14px; }
  .wp-doc, .wp-nav .md-button:not(.cx_btn-play-game) { display: none; }
  .wp-side { position: static; width: auto; margin-top: 77px; padding: 14px 0; border-right: 0; border-bottom: 1px solid #3b2466; }
  .wp-main { margin-left: 0; padding: 28px 18px 60px; }
  .wp-hero-art { float: none; display: block; margin: 0 auto 10px; }
}
/* celular: o botão "Play now" (227px) não cabe ao lado do logo; encolhe junto com a arte */
@media (max-width: 480px) {
  .wp-brand img { height: 46px; }
  .wp-nav .cx_btn-play-game { width: 170px; height: 48px; background-size: contain; }
}