/* v53 · «Para niños»: el libro-juego «La luz que se perdió» y el Libro de actividades, cada uno con su apartado */
.kids-more { padding-top: 72px; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.kids-flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
.kids-flip .kids-cover { order: 2; }
.kb-stack { position: relative; width: min(100%, 540px); margin: 0 auto; }
.kb-luz { aspect-ratio: 1 / 0.98; }
.kb-act { aspect-ratio: 1 / 0.82; }
.kids-cover.kb-stack img { position: absolute; height: auto; transition: transform 0.35s ease; }
.kids-cover.kb-stack .kb-p1,
.kids-cover.kb-stack .kb-p2 { background: #fff; border-radius: 6px; box-shadow: 0 16px 40px #00000070; }
.kids-cover.kb-stack .kb-cover { z-index: 2; }
.kb-luz .kb-p1 { width: 42%; left: 5%; top: 17%; transform: rotate(-9deg); }
.kb-luz .kb-p2 { width: 42%; right: 5%; top: 14%; transform: rotate(8deg); }
.kb-luz .kb-cover { width: 58%; left: 21%; top: 1%; transform: rotate(-1.5deg); }
.kb-act .kb-p1 { width: 40%; left: 5%; top: 16%; transform: rotate(-8deg); }
.kb-act .kb-p2 { width: 40%; right: 5%; top: 13%; transform: rotate(7deg); }
.kb-act .kb-cover { width: 62%; left: 19%; top: 6%; transform: rotate(-1.5deg); }
.kb-luz:hover .kb-p1, .kb-act:hover .kb-p1 { transform: rotate(-12deg) translateX(-5%); }
.kb-luz:hover .kb-p2, .kb-act:hover .kb-p2 { transform: rotate(11deg) translateX(5%); }
@media (max-width: 900px) {
  .kids-more { padding-top: 56px; }
  .kids-flip { grid-template-columns: minmax(0, 1fr); }
  .kids-flip .kids-cover { order: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kids-cover.kb-stack img { transition: none; }
  .kb-luz:hover .kb-p1, .kb-act:hover .kb-p1, .kb-luz:hover .kb-p2, .kb-act:hover .kb-p2 { transform: none; }
}

/* v54 · Cartas del Valle: abanico de cartas */
.kb-fan { aspect-ratio: 1 / 0.74; }
.kids-cover.kb-fan .kb-c { width: 37%; left: 31.5%; bottom: 5%; transform-origin: 50% 118%; filter: drop-shadow(0 .9rem 1.3rem #0009); }
.kb-fan .c1 { transform: rotate(-26deg); z-index: 1; }
.kb-fan .c2 { transform: rotate(-13deg); z-index: 2; }
.kb-fan .c3 { transform: rotate(0deg) translateY(-4%); z-index: 5; }
.kb-fan .c4 { transform: rotate(13deg); z-index: 4; }
.kb-fan .c5 { transform: rotate(26deg); z-index: 3; }
.kb-fan:hover .c1 { transform: rotate(-33deg); }
.kb-fan:hover .c2 { transform: rotate(-16deg) translateY(-2%); }
.kb-fan:hover .c3 { transform: rotate(0deg) translateY(-9%); }
.kb-fan:hover .c4 { transform: rotate(16deg) translateY(-2%); }
.kb-fan:hover .c5 { transform: rotate(33deg); }
.kb-badge { position: absolute; z-index: 6; right: 2%; top: 0; width: 22%; aspect-ratio: 1; border-radius: 50%; display: grid; place-content: center; text-align: center;
  background: #f8c646; color: #1d1407; font: 800 clamp(10px, 1.25vw, 14px)/1.12 "DM Sans", Arial, sans-serif; transform: rotate(10deg); box-shadow: 0 .6rem 1.4rem #0008, inset 0 0 0 3px #fff6; }
.kb-badge b { display: block; font: 900 clamp(22px, 3vw, 34px)/1 "Roboto Slab", Georgia, serif; }
@media (prefers-reduced-motion: reduce) {
  .kb-fan:hover .c1 { transform: rotate(-26deg); } .kb-fan:hover .c2 { transform: rotate(-13deg); }
  .kb-fan:hover .c3 { transform: translateY(-4%); } .kb-fan:hover .c4 { transform: rotate(13deg); } .kb-fan:hover .c5 { transform: rotate(26deg); }
}

/* v55 · cartas del abanico más grandes */
.kb-fan { aspect-ratio: 1 / 0.86; }
.kids-cover.kb-fan .kb-c { width: 46%; left: 27%; bottom: 3%; transform-origin: 50% 120%; }
.kb-fan .c1 { transform: rotate(-22deg); } .kb-fan .c2 { transform: rotate(-11deg); } .kb-fan .c3 { transform: rotate(0deg) translateY(-3%); }
.kb-fan .c4 { transform: rotate(11deg); } .kb-fan .c5 { transform: rotate(22deg); }
.kb-fan:hover .c1 { transform: rotate(-27deg); } .kb-fan:hover .c2 { transform: rotate(-13deg) translateY(-2%); } .kb-fan:hover .c3 { transform: translateY(-7%); }
.kb-fan:hover .c4 { transform: rotate(13deg) translateY(-2%); } .kb-fan:hover .c5 { transform: rotate(27deg); }
.kb-badge { width: 21%; right: 0; top: 0; }
