/* Recompensas — ajustes sobre el tema global */
.theme-dark { background:#0b0b0b; }

/* Hero */
.hero--slim{
  background: radial-gradient(ellipse at top, rgba(51,255,0,.15), rgba(0,0,0,0) 60%),
              linear-gradient(#060606, #0b0b0b);
  border-bottom: 2px solid #33ff00;
  text-align: center;
  padding: 28px 12px 22px;
  color: #eaffea;
}
.hero--slim h1{ font-size:2rem; color:#33ff00; text-shadow:0 0 6px #33ff00; }
.hero--slim .subtitle{ opacity:.9 }

/* Tarjetas oscuras */
.card-dark{
  background:#101010;
  border:1px solid rgba(51,255,0,.25);
  box-shadow:0 6px 14px rgba(0,0,0,.45), 0 0 12px rgba(51,255,0,.07) inset;
}

/* Enlaces dentro del post */
.post a{ color:#00ffcc; text-decoration:none; }
.post a:hover{ text-shadow:0 0 6px #00ffcc; }

/* Listas y bloques */
.bullets{ margin:.6rem 0 1rem 1.2rem; }
.bullets li{ margin:.25rem 0; }

.note, .warning{
  padding:.9rem 1rem;
  border-radius:8px;
  margin:1rem 0;
  line-height:1.55;
}
.note{ background:rgba(0,255,204,.07); border:1px solid rgba(0,255,204,.35); }
.warning{ background:rgba(255,77,77,.08); border:1px solid rgba(255,77,77,.45); }

/* FAQ */
details{ background:#0f0f0f; border:1px solid rgba(255,255,255,.08); border-radius:8px; margin:.6rem 0; }
details[open]{ border-color:rgba(51,255,0,.35); }
summary{ cursor:pointer; padding:.7rem 1rem; color:#e8ffe8; }
details p{ padding:0 1rem 1rem; }

/* Relacionados */
.links-grid{ display:grid; gap:.6rem; grid-template-columns:1fr; margin:.6rem 0 0; }
.links-grid a{ display:block; background:#0f0f0f; padding:.8rem 1rem; border:1px solid rgba(51,255,0,.2); border-radius:8px; }

/* Sidebar: tarjetas clicables */
.contenido21{
  display:flex; gap:10px; align-items:center;
  padding:.6rem; border-radius:8px; text-decoration:none; color:#e8ffe8;
  border:1px solid rgba(255,255,255,.08); background:#0f0f0f; margin:.5rem 0;
  transition:transform .15s ease, box-shadow .2s ease;
}
.contenido21:hover{ transform:translateY(-2px); box-shadow:0 6px 12px rgba(0,0,0,.4); }
.contenido21 img{ width:88px; height:88px; object-fit:cover; border-radius:6px; }
.texto21 h3{ margin:0 0 .15rem 0; font-size:1rem; color:#33ff00; }
.texto21 p{ margin:0; font-size:.92rem; opacity:.9 }

/* Responsive extra */
@media (max-width: 860px){
  .hero--slim h1{ font-size:1.6rem; }
}