:root { --cielo:#dff0fb; --tinta:#1a2e5c; --rojo:#dc2e33; --verde:#216b54; --blanco:#fff; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Baloo 2",system-ui,sans-serif; background:var(--cielo); color:var(--tinta); }
main { max-width:640px; margin:0 auto; padding:28px 16px 40px; text-align:center; }
h1 { font-size:2.4rem; font-weight:800; margin:0; line-height:1.1; }
h2 { font-size:1.6rem; font-weight:800; margin:40px 0 0; }
.cinta { display:inline-block; background:var(--rojo); color:#fff; border-radius:999px; padding:4px 18px; font-weight:800; margin:10px 0 4px; }
.es { opacity:.75; margin:0 0 18px; }
.portada { width:100%; max-width:420px; border-radius:20px; box-shadow:0 8px 24px rgba(26,46,92,.18); }
a.boton { display:block; margin:22px auto 8px; max-width:420px; background:var(--verde); color:#fff; text-decoration:none;
          font-weight:800; font-size:1.3rem; padding:14px 18px; border-radius:16px; }
a.boton small, a.comprar small { display:block; font-weight:500; font-size:.9rem; opacity:.9; }
p { font-size:1.05rem; line-height:1.4; }
.libros { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:16px; margin-top:16px; }
.libro { background:var(--blanco); border-radius:18px; padding:12px; box-shadow:0 4px 14px rgba(26,46,92,.12); }
.libro img, .pronto-img { width:100%; aspect-ratio:8.5/11; object-fit:cover; border-radius:12px; display:block; }
.pronto-img { display:flex; align-items:center; justify-content:center; font-size:4rem; background:linear-gradient(#ffe0b8,#ffb36b); }
.libro h3 { font-size:1.1rem; margin:10px 0 0; line-height:1.15; }
.libro .es { margin:0 0 10px; font-size:.9rem; }
a.comprar { display:block; background:#ff9900; color:#111; text-decoration:none; font-weight:800; padding:8px; border-radius:12px; }
.pronto { display:block; background:#eef3f8; border-radius:12px; padding:8px; font-size:.9rem; font-weight:600; }