/* Cuentos · parte pública. Todo va bajo .cuentos-* para no chocar con el tema. */
.cuentos-pagina,.cuentos-rejilla{
	--cu-kraft:#b98a57;--cu-kraft-osc:#7d5632;--cu-kraft-prof:#5b3b1e;
	--cu-papel:#fff8ec;--cu-tinta:#2b2340;--cu-rojo:#e8483b;--cu-sol:#ffc93c;--cu-verde:#1d6b2f;
	--cu-suave:#6b5a48;
}
.cuentos-pagina{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-left,0px)) 64px max(16px,env(safe-area-inset-right,0px));color:var(--cu-tinta)}
.cuentos-pagina *,.cuentos-rejilla *{box-sizing:border-box}

.cuentos-preparacion{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff3c4;color:#5b3b1e;font-weight:600;font-size:.95rem}

.cuentos-cabeza{display:grid;gap:10px;margin-bottom:22px}
.cuentos-cabeza--archivo{max-width:760px;margin-bottom:30px}
.cuentos-kicker{color:#c4513a;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cuentos-migas{display:flex;gap:8px;font-size:.9rem;color:var(--cu-suave)}
.cuentos-migas a{color:inherit}
.cuentos-titulo{margin:0;font-size:clamp(1.9rem,1.2rem + 2.4vw,3rem);line-height:1.08;text-wrap:balance;letter-spacing:-.01em}
.cuentos-entradilla{margin:0;font-size:1.15rem;line-height:1.55;color:var(--cu-suave);max-width:62ch}

.cuentos-chips{display:flex;flex-wrap:wrap;gap:6px}
.cuentos-chip{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;background:#f3e8d6;color:var(--cu-kraft-prof);font-size:.82rem;font-weight:600;line-height:1.6}
.cuentos-chip--edad{background:var(--cu-sol);color:var(--cu-tinta)}
.cuentos-chip--licencia{background:var(--cu-tinta);color:var(--cu-papel)}

/* Escenario: el libro incrustado */
.cuentos-escenario{display:grid;gap:14px;margin-bottom:36px}
.cuentos-visor{position:relative;width:100%;aspect-ratio:16/10;max-height:calc(100vh - 140px);border-radius:22px;overflow:hidden;background:var(--cu-kraft);box-shadow:0 10px 0 var(--cu-kraft-prof),0 22px 44px rgba(43,35,64,.22)}
.cuentos-visor iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cuentos-mandos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:8px}
.cuentos-mandos-nota{color:var(--cu-suave);font-size:.95rem}
.cuentos-boton{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:16px;background:var(--cu-rojo);color:var(--cu-papel)!important;font-weight:800;text-decoration:none!important;box-shadow:0 5px 0 #a32d22;transition:transform .08s,box-shadow .08s}
.cuentos-boton:hover{filter:brightness(1.05)}
.cuentos-boton:active{transform:translateY(4px);box-shadow:0 1px 0 #a32d22}
.cuentos-boton:focus-visible{outline:3px solid var(--cu-sol);outline-offset:3px}
.cuentos-boton--grande{font-size:1.15rem;padding:16px 26px}
.cuentos-boton svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

.cuentos-bloqueo{position:relative;aspect-ratio:16/10;border-radius:22px;background:var(--cu-kraft) center/cover;display:grid;place-items:center;overflow:hidden}
.cuentos-bloqueo::before{content:"";position:absolute;inset:0;background:rgba(43,35,64,.55)}
.cuentos-bloqueo-caja{position:relative;max-width:420px;margin:16px;padding:22px 26px;border-radius:18px;background:var(--cu-papel);text-align:center}
.cuentos-bloqueo-caja p{margin:0 0 10px}
.cuentos-aviso{padding:24px;border-radius:16px;background:#f3e8d6;text-align:center}

.cuentos-texto{max-width:68ch;font-size:1.05rem;line-height:1.65}
.cuentos-texto > * + *{margin-top:1em}
.cuentos-temas{color:var(--cu-suave)}
.cuentos-creditos{margin-top:1.5em;font-size:.85rem;color:var(--cu-suave)}
.cuentos-creditos summary{cursor:pointer;font-weight:600}

/* Filtros */
.cuentos-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cuentos-filtro{padding:8px 18px;border-radius:999px;border:2px solid #e6d5bb;color:var(--cu-tinta)!important;text-decoration:none!important;font-weight:700;background:#fff}
.cuentos-filtro:hover{border-color:var(--cu-kraft)}
.cuentos-filtro.is-activo{background:var(--cu-tinta);border-color:var(--cu-tinta);color:var(--cu-papel)!important}

/* Rejilla de tarjetas */
.cuentos-mas{margin-top:48px}
.cuentos-mas h2{margin:0 0 18px;font-size:1.6rem}
.cuentos-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:26px}
.cuentos-tarjeta{min-width:0}
.cuentos-tarjeta-enlace{display:flex;flex-direction:column;height:100%;border-radius:20px;background:#fff;color:var(--cu-tinta)!important;text-decoration:none!important;box-shadow:0 0 0 2px #efe3cf,0 6px 0 #e6d5bb;transition:transform .15s,box-shadow .15s;overflow:hidden}
.cuentos-tarjeta-enlace:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 0 0 2px var(--cu-kraft),0 10px 0 var(--cu-kraft)}
.cuentos-tarjeta-enlace:focus-visible{outline:3px solid var(--cu-sol);outline-offset:3px}
.cuentos-tarjeta-portada{position:relative;display:block;aspect-ratio:16/9;background:var(--cu-kraft)}
.cuentos-tarjeta-portada img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.cuentos-tarjeta-sin{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:800;color:var(--cu-papel)}
.cuentos-tarjeta-play{position:absolute;right:14px;bottom:-22px;width:56px;height:56px;border-radius:50%;background:var(--cu-rojo);border:4px solid #fff;display:grid;place-items:center;box-shadow:0 4px 0 rgba(43,35,64,.2);transition:transform .2s}
.cuentos-tarjeta-play svg{width:24px;height:24px;fill:var(--cu-papel);margin-left:3px}
.cuentos-tarjeta-enlace:hover .cuentos-tarjeta-play{transform:scale(1.12)}
.cuentos-tarjeta-cuerpo{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px}
.cuentos-tarjeta-titulo{font-size:1.25rem;font-weight:800;line-height:1.2;padding-right:56px}
.cuentos-tarjeta-resumen{color:var(--cu-suave);font-size:.95rem;line-height:1.45}
.cuentos-tarjeta-cuerpo .cuentos-chips{margin-top:auto;padding-top:4px}

.cuentos-vacio{padding:40px;text-align:center;border-radius:20px;background:#fff8ec;color:var(--cu-suave);font-size:1.1rem}
.cuentos-paginacion{margin-top:32px}

@media (prefers-reduced-motion:reduce){.cuentos-tarjeta-enlace,.cuentos-tarjeta-play{transition:none}}