/* v19 · Cada sección con su propio tono, todo dentro de la paleta:
   morado noche, ciruela, amarillo, lima, lavanda y crema.
   Ritmo al bajar: lima → noche → ciruela → AMARILLO → índigo → negro → lavanda → LIMA → noche → pie. */

/* El libro: ciruela cálida, más clara que la portada */
#libro {
  background:
    radial-gradient(ellipse at 12% 0%, #f8c6461c, transparent 55%),
    radial-gradient(ellipse at 90% 70%, #9c78eb22, transparent 60%),
    #2a1e45;
}

/* Frases y preguntas: sección amarilla con tarjetas oscuras */
#frases {
  background:
    repeating-conic-gradient(from 0deg at 100% 0%, #ffffff1a 0 6deg, transparent 6deg 12deg),
    var(--yellow);
  color: var(--bg);
  border-top: 3px solid #110d1d;
  border-bottom: 3px solid #110d1d;
}
#frases .eyebrow { color: #4d346c; }
#frases h2,
#frases .duo-title { color: var(--bg); text-shadow: none; }
#frases h2 em { color: #573c94; }
#frases .pv-heading > p,
#frases .quote-note { color: #3b2f50; }
#frases .quote-card { background: var(--bg); border-color: #110d1d; box-shadow: 7px 7px 0 #110d1d; }
#frases .quote-tabs button { border-color: #201a3359; color: var(--bg); }
#frases .quote-tabs button:hover { border-color: var(--bg); }
#frases .quote-tabs button[aria-selected="true"] { background: var(--bg); border-color: var(--bg); color: var(--yellow); }
#frases .quote-tabs button:focus-visible { outline-color: var(--bg); }
#frases .primary { background: var(--bg); color: var(--yellow); }
#frases .text-button { color: var(--bg); border-bottom-color: #201a3366; }
#frases .copy-status { color: #3b2f50; }

/* Explora: noche índigo con acento lavanda */
#exploracion {
  background:
    radial-gradient(ellipse at 85% 0%, #9c78eb2e, transparent 60%),
    #15122b;
}
#exploracion > .pv-heading .eyebrow,
#exploracion > div > .eyebrow,
#exploracion .section-head .eyebrow { color: #b8a1f7; }
#exploracion h2 em { color: #b8a1f7; }

/* Videojuego: casi negro, como una sala de cine */
#juego {
  background:
    radial-gradient(ellipse at 50% 0%, #d5e04b12, transparent 55%),
    #0e0b16;
  border-top: 1px solid #faf1da14;
}
#juego h2 em { color: var(--yellow); }

/* Respira: lavanda tranquila, más clara que el juego */
#para-ti {
  background:
    radial-gradient(ellipse at 12% 8%, #d5e04b16, transparent 55%),
    radial-gradient(ellipse at 95% 90%, #f8c6461a, transparent 55%),
    #2c2250;
}

/* Comunidad: sigue en lima; tarjeta nueva que explica la comunidad */
.community-card h3 {
  margin: 14px 0 18px;
  font: 800 clamp(23px, 2.4vw, 30px)/1.25 "Roboto Slab", Georgia, serif;
  color: var(--fg);
}
.community-list {
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.community-list li {
  position: relative;
  padding-left: 26px;
  color: #ddd2e4;
  line-height: 1.5;
}
.community-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: var(--lime);
  transform: rotate(45deg);
}
.community-list strong { color: var(--fg); }
.community-card .cq-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.community-card .copy-status:empty { display: none; }

/* Redes: noche con acento amarillo; el pie queda más oscuro */
#redes {
  background:
    radial-gradient(ellipse at 10% 0%, #f8c64614, transparent 55%),
    #201a33;
}
#redes h2 em { color: var(--yellow); }
.site-footer { background: #110d1d; }