@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--night:#182f48;--deep:#10263d;--cream:#fff9ef;--paper:#fffdf8;--gold:#efb94a;--teal:#438f92;--ink:#24384c;--muted:#627181}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.16}h1{font-size:clamp(2.7rem,6vw,5.5rem)}h2{font-size:clamp(2rem,3.5vw,3.25rem)}h3{font-size:1.45rem}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1124px)/2));background:var(--night);color:white;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600;line-height:1.05}.moon-mark{color:var(--gold);font-size:42px;line-height:1}.site-header nav{display:flex;gap:30px}.site-header nav a,footer a{text-decoration:none}.site-header a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;min-height:610px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--night);color:white}.hero-copy{z-index:2;align-self:center;width:min(560px,100%);margin-left:max(28px,calc((100vw - 1124px)/2));padding:65px 26px 80px 0}.hero h1{margin:18px 0 24px}.hero h1 em{color:#f4c869;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:510px;color:#dfebed;font-size:1.12rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--teal)}.hero .eyebrow{color:#f4c869}.button{display:inline-block;padding:13px 24px;margin-top:16px;border-radius:999px;background:var(--gold);color:var(--deep);font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffd575}.hero-art{position:relative;min-height:540px;background:radial-gradient(circle at 58% 43%,#365a69 0%,#1e4255 38%,#182f48 75%)}.big-moon{position:absolute;top:16%;left:35%;width:260px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff8db,#f5d786 70%,#e8ae56);box-shadow:0 0 80px #f9d68b70}.hill{position:absolute;width:125%;height:42%;left:-5%;bottom:-14%;border-radius:50% 50% 0 0}.hill-back{bottom:-4%;background:#244b56;transform:rotate(-10deg)}.hill-front{background:#163b45;transform:rotate(7deg)}.star{position:absolute;color:#f9d483;font-size:31px}.s1{top:17%;left:16%}.s2{top:33%;right:13%}.s3{top:55%;left:23%}.tree{position:absolute;bottom:12%;color:#102e3a;font-size:140px}.t1{left:17%}.t2{right:7%;font-size:180px}.footprints{position:absolute;z-index:2;bottom:10%;left:48%;font-size:55px;transform:rotate(-22deg)}.intro{text-align:center;max-width:900px;padding-top:90px;padding-bottom:85px}.intro h2{color:var(--night)}.intro>p:last-child{max-width:710px;margin:auto;color:var(--muted);font-size:1.08rem}.books-section{padding-top:32px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.text-link{color:#247d80;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.book-card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #233c4d13;display:flex;flex-direction:column}.cover{min-height:290px;padding:25px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:linear-gradient(145deg,#2c5362,#172e50);color:#fff}.cover-moon{align-self:flex-start;font-size:40px;color:#f5ce79;line-height:1}.cover-icon{font-size:72px;filter:drop-shadow(0 10px 12px #122a4e55)}.cover-title{font-family:Fraunces,Georgia,serif;font-size:1.38rem;line-height:1.2}.cover-lolo-y-las-luciernagas{background:linear-gradient(145deg,#345d5e,#193650)}.cover-lolo-y-el-conejo{background:linear-gradient(145deg,#627f69,#244c59)}.cover-lolo-y-el-granjero-red{background:linear-gradient(145deg,#9c7559,#364e63)}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-body h3{margin-bottom:12px}.card-body p{color:var(--muted);font-size:.92rem}.card-body a{margin-top:auto}.author-strip{background:#e8f2ee;padding:60px 0}.author-inner{display:flex;align-items:center;gap:32px}.author-inner h2{margin-bottom:10px}.author-inner p:last-child{margin-bottom:0}.author-icon{font-size:70px}.author-inner .button{white-space:nowrap;margin-left:auto}.button-light{background:var(--night);color:#fff}.page-hero{padding-top:80px;padding-bottom:48px}.page-hero h1{max-width:950px;color:var(--night);margin-bottom:20px}.page-hero>p:not(.eyebrow){max-width:740px;font-size:1.16rem;color:var(--muted)}.listing{padding-bottom:90px}.notice{background:#f7f0df;border-left:4px solid var(--gold);border-radius:6px;padding:15px 18px;color:#5d574b;font-size:.88rem;margin-top:30px}.detail-grid{display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:clamp(35px,6vw,90px);align-items:center}.detail-cover{min-height:500px;border-radius:20px;box-shadow:0 20px 50px #1a354437}.detail-cover .cover-icon{font-size:110px}.detail-cover .cover-title{font-size:2rem}.book-detail h1{font-size:clamp(2.5rem,5vw,4.8rem)}.lead{font-size:1.25rem;color:#405769}.book-detail dl{display:grid;grid-template-columns:95px 1fr;gap:8px 16px;margin-top:30px}.book-detail dt{font-weight:700}.book-detail dd{margin:0}.book-detail .notice{max-width:570px}.related{grid-template-columns:repeat(3,1fr)}.character-sheet{max-width:850px;margin:20px auto 80px;padding:0 28px;text-align:center}.character-sheet img{border-radius:12px;box-shadow:0 18px 45px #142e401c}.character-sheet figcaption{font-size:.85rem;color:var(--muted);margin-top:12px}.prose{display:grid;grid-template-columns:180px 1fr;gap:60px;max-width:960px;padding-top:30px;padding-bottom:120px}.prose-icon{width:160px;height:160px;border-radius:50%;background:#f8e9bd;color:var(--night);display:grid;place-items:center;font-size:100px}.prose p{font-size:1.12rem;color:var(--muted)}.contact-panel{margin-bottom:120px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e8f2ee;padding-top:35px;padding-bottom:35px;border-radius:16px}.contact-panel p{max-width:650px;margin:0}footer{background:var(--deep);color:#d9e7eb;padding:50px max(28px,calc((100vw - 1124px)/2));display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}footer strong{font-family:Fraunces,Georgia,serif;color:white;font-size:1.25rem}footer p{margin-bottom:0}footer>div:nth-child(2){display:flex;flex-direction:column;gap:5px}footer small{align-self:end;color:#9eb3c0}@media(max-width:850px){.book-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px;padding-bottom:30px}.hero-art{min-height:350px}.big-moon{width:190px;top:10%}.related{grid-template-columns:repeat(2,1fr)}.site-header nav{gap:13px}}@media(max-width:600px){.site-header{height:auto;min-height:84px;padding:14px 20px;align-items:flex-start;flex-wrap:wrap}.site-header nav{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:4px;gap:19px;font-size:.9rem}.hero-copy{margin-left:25px;padding-right:25px}.hero-art{min-height:300px}.intro{padding-top:64px;padding-bottom:50px}.book-grid,.related{grid-template-columns:1fr}.cover{min-height:260px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:16px}.author-inner{display:block}.author-inner .button{margin-top:22px}.page-hero{padding-top:54px}.detail-grid{grid-template-columns:1fr}.detail-cover{min-height:380px;max-width:350px;width:100%}.prose{grid-template-columns:1fr;gap:20px}.contact-panel{display:block;margin-left:20px;margin-right:20px}.contact-panel .button{margin-top:25px}footer{display:block}footer>div{margin-bottom:25px}}
/* Ajustes de lectura y botones de las ediciones */
.page-hero>h1{font-size:clamp(2.5rem,4.5vw,4.5rem);overflow-wrap:break-word}
.site-header{flex-wrap:wrap;height:auto;min-height:84px;padding-top:14px;padding-bottom:14px}
.site-header nav{flex-wrap:wrap;justify-content:flex-end}
.buy-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.buy-links .button{margin-top:0}
.button-outline{background:transparent;border:2px solid var(--night);color:var(--night);padding:11px 22px}
.button-outline:hover{background:#e8f2ee}
@media(max-width:600px){.site-header nav{justify-content:flex-start}.buy-links .button{text-align:center;width:100%}}