:root{--ink:#123047;--blue:#159bd3;--sky:#dff5ff;--orange:#f4a51c;--cream:#fffaf0;--red:#e94b3c;--paper:#fffef9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.nav{height:92px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.15;letter-spacing:-.2px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:900;transform:rotate(-5deg);box-shadow:3px 3px 0 #cf7d00}.nav-actions{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;transition:.2s ease;box-shadow:none}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #12304722}.button-small{padding:12px 19px;background:var(--ink);color:white;font-size:13px}.hero{min-height:700px;background:linear-gradient(115deg,#dff5ff 0%,#ecf9ff 55%,#c8efff 100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:54px max(6vw,28px) 80px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:48px;background:var(--cream);clip-path:polygon(0 58%,8% 76%,18% 54%,29% 78%,41% 48%,54% 73%,66% 42%,78% 69%,90% 45%,100% 62%,100% 100%,0 100%)}.hero-copy{max-width:610px;margin-left:auto;position:relative;z-index:2}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#26708f;display:flex;align-items:center;gap:8px;margin:0 0 18px}.eyebrow span{display:block;width:28px;height:3px;border-radius:3px;background:var(--orange)}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-2.5px;line-height:.98;margin:0}h1{font-size:clamp(58px,6.4vw,94px);max-width:700px}h1 em,h2 em{color:var(--orange);font-weight:400}h1 em{display:block}.lead{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.6;max-width:600px;color:#3b596b;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-primary{padding:16px 25px;color:white;background:var(--red)}.button-ghost{padding:15px 23px;background:#ffffffa8;border:1.5px solid #92c7dc}.facts{display:flex;align-items:center;gap:20px;margin-top:32px;color:#537080;font-size:13px}.facts b{color:var(--ink);font-size:16px}.facts i{width:4px;height:4px;border-radius:50%;background:#8bb8c9}.hero-visual{min-height:560px;position:relative;perspective:1200px}.sun{position:absolute;width:400px;height:400px;border-radius:50%;background:#fff7c7;top:54px;left:12%;box-shadow:0 0 0 28px #fff9d955}.book{position:absolute;width:310px;aspect-ratio:210/297;background:white;padding:7px;border-radius:3px;box-shadow:0 24px 55px #12304740;overflow:hidden}.book img{width:100%;height:100%;object-fit:cover}.book-cover{z-index:3;left:25%;top:18px;transform:rotate(4deg) rotateY(-9deg)}.book-cover:after{content:"";position:absolute;left:5px;top:7px;bottom:7px;width:9px;background:linear-gradient(90deg,#0003,transparent)}.book-back{z-index:2;left:5%;top:98px;transform:rotate(-12deg)}.book-shadow{position:absolute;width:430px;height:70px;background:#16435a3b;filter:blur(18px);border-radius:50%;left:4%;bottom:38px;transform:rotate(-4deg)}.format-pill{position:absolute;z-index:5;right:5%;bottom:70px;width:126px;height:126px;border-radius:50%;background:var(--orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:6px 8px 0 #d27e00;transform:rotate(7deg);text-align:center}.format-pill b{font-family:Georgia,serif;font-size:37px;line-height:1}.format-pill span{font-size:11px;font-weight:800;text-transform:uppercase;line-height:1.2}.spark{position:absolute;color:var(--orange);font-size:34px}.spark-one{left:2%;top:30px}.spark-two{right:8%;top:100px;font-size:22px}.section{padding:110px max(6vw,28px)}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center;max-width:1440px;margin:auto}.section-heading h2,.coloring h2,.gallery h2,.donation h2,.final-cta h2{font-size:clamp(45px,5vw,74px)}.section-heading>p:last-child,.coloring-copy>p,.final-cta>div>p{color:#64717a;line-height:1.8;font-family:Georgia,serif;font-size:17px}.spread-wrap{position:relative}.spread{display:grid;grid-template-columns:1fr 1fr;background:white;padding:8px;box-shadow:0 24px 60px #56451c25;transform:rotate(1.5deg)}.spread img{width:100%;height:100%;object-fit:cover}.tape{position:absolute;z-index:3;top:-28px;left:50%;transform:translateX(-50%) rotate(-2deg);background:#ffda58;padding:10px 19px;font-size:10px;font-weight:900;letter-spacing:1.4px;white-space:nowrap;box-shadow:0 4px 8px #0001}.spread-wrap blockquote{position:absolute;right:-25px;bottom:-55px;width:300px;margin:0;background:var(--ink);color:white;padding:24px 27px;font-family:Georgia,serif;font-size:17px;line-height:1.5;transform:rotate(-2deg);box-shadow:6px 7px 0 var(--orange)}.coloring{background:#f0e8d4;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9vw;overflow:hidden}.coloring-art{height:620px;position:relative;max-width:650px}.page-stack{position:absolute;width:360px;background:white;padding:8px;box-shadow:0 22px 45px #4d412533}.page-stack img{width:100%}.page-stack-back{left:27%;top:20px;transform:rotate(9deg)}.page-stack-front{left:4%;top:68px;transform:rotate(-7deg)}.pencil{position:absolute;width:310px;height:15px;border-radius:8px;right:-12%;z-index:5;box-shadow:0 4px 7px #0002}.pencil:after{content:"";position:absolute;right:-28px;border-left:30px solid #e1c499;border-top:8px solid transparent;border-bottom:8px solid transparent}.pencil-yellow{bottom:110px;background:#f5bd20;transform:rotate(-25deg)}.pencil-red{bottom:76px;background:#e9573f;transform:rotate(-15deg);right:0}.coloring-copy{max-width:540px}.coloring-copy ul{padding:0;margin:28px 0;list-style:none;display:grid;gap:15px}.coloring-copy li{font-weight:700}.coloring-copy li span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--orange);color:white;margin-right:10px}.gallery{text-align:center}.centered{justify-content:center}.gallery h2{margin-bottom:55px}.gallery-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.gallery figure{margin:0;background:white;padding:8px 8px 18px;box-shadow:0 15px 30px #66551e18}.gallery figure:nth-child(2),.gallery figure:nth-child(4){transform:translateY(38px) rotate(1deg)}.gallery figure:nth-child(1),.gallery figure:nth-child(3){transform:rotate(-1deg)}.gallery figure img{aspect-ratio:210/297;object-fit:cover}.gallery figcaption{font-family:Georgia,serif;font-style:italic;font-size:18px;margin-top:12px}.donation{background:var(--blue);color:white;position:relative;overflow:hidden}.donation:before,.donation:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff2b}.donation:before{width:440px;height:440px;left:-190px;top:-170px}.donation:after{width:580px;height:580px;right:-220px;bottom:-380px}.donation-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;position:relative;z-index:2}.eyebrow.light{color:#d9f5ff}.eyebrow.light span{background:#ffe166}.donation h2 em{color:#ffe166}.donation-inner>div:first-child>p:last-child{font-family:Georgia,serif;font-size:18px;line-height:1.7;max-width:570px}.donation-card{background:var(--paper);color:var(--ink);padding:40px;border-radius:8px;box-shadow:10px 12px 0 #0a6f9b;transform:rotate(1deg);text-align:center}.heart{display:grid;place-items:center;margin:-68px auto 15px;width:62px;height:62px;border-radius:50%;background:var(--red);color:white;font-size:27px;box-shadow:0 6px 14px #0002}.donation-card h3{font-family:Georgia,serif;font-size:30px;margin:8px}.donation-card p{color:#66757e;line-height:1.6}.button-donate{width:100%;padding:16px;background:var(--red);color:white;margin:8px 0 18px}.donation-card small{font-family:Georgia,serif;font-style:italic;color:#7c6b55}.final-cta{max-width:1120px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:9vw;align-items:center}.final-book{padding:8px;background:white;box-shadow:0 22px 45px #59481c30;transform:rotate(-5deg)}.final-cta .button{margin-top:10px}.file-note{font-family:Arial!important;font-size:11px!important;text-transform:uppercase;letter-spacing:1.2px!important;margin:14px 8px!important}footer{border-top:1px solid #d9d2c3;max-width:1240px;margin:auto;padding:32px 28px 45px;display:flex;justify-content:space-between;align-items:center;color:#6f777c;font-size:13px}footer p a{text-decoration:underline}footer>div:last-child{display:flex;gap:24px;font-weight:800;color:var(--ink)}
@media(max-width:900px){.nav-link{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{margin:0}.hero-visual{min-height:500px}.story,.coloring,.donation-inner,.final-cta{grid-template-columns:1fr}.story{gap:100px}.section{padding:85px 28px}.coloring-art{order:2}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery figure:nth-child(n){transform:none}.donation-inner{gap:70px}.final-cta{max-width:660px}.final-book{width:280px;margin:auto}.spread-wrap blockquote{right:0}.coloring-art{max-width:620px}.page-stack{width:330px}.pencil{right:0}footer{gap:30px;flex-wrap:wrap}}
@media(max-width:560px){.nav{height:80px;padding:0 18px}.nav .brand span:last-child{display:none}.nav-actions{gap:8px}.hero{padding:42px 20px 78px}.hero h1{font-size:53px}.lead{font-size:17px}.facts{gap:10px;flex-wrap:wrap}.facts i{display:none}.hero-visual{min-height:410px}.book{width:225px}.book-cover{left:27%}.book-back{left:2%;top:75px}.sun{width:300px;height:300px;left:0}.format-pill{width:96px;height:96px;right:0;bottom:48px}.format-pill b{font-size:28px}.section{padding:72px 20px}.section-heading h2,.coloring h2,.gallery h2,.donation h2,.final-cta h2{font-size:43px}.story{gap:78px}.spread-wrap blockquote{position:relative;bottom:auto;right:auto;margin:-15px 15px 0;width:auto}.coloring-art{height:470px}.page-stack{width:250px}.page-stack-back{left:24%}.page-stack-front{left:0}.pencil{width:200px}.gallery-grid{gap:10px}.gallery figure{padding:5px 5px 12px}.donation-card{padding:32px 22px}.final-cta{grid-template-columns:1fr}.final-book{width:230px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Tipografías y ajustes editoriales unificados */
h1,h2,h3,.footer-title{font-family:'Roca Two',Georgia,'Times New Roman',serif}
body p,body a,body li,body blockquote,body figcaption,body small,body .button{font-family:'Open Sauce',Arial,Helvetica,sans-serif!important}
.spread-wrap blockquote{background:#bcecff;color:#123047;box-shadow:6px 7px 0 #73cde9}
.coloring{background:#f4f4f4}
.donation{background:#bcecff;color:#123047}
.donation:before,.donation:after{border-color:#ffffff70}
.donation .eyebrow.light{color:#26708f}
.donation h2 em{color:#d48100}
.donation-inner>div:first-child>p:last-child{color:#315368}
.final-book{padding:0;background:transparent;box-shadow:none;transform:none}
.final-book img{width:100%;height:auto;object-fit:contain}
.footer-title{max-width:260px;font-size:18px;font-weight:700;line-height:1.15;color:#123047}
.section-heading h2 em{color:inherit;font-family:inherit;font-style:normal;font-weight:inherit}
.section-heading h2{font-size:clamp(34px,3.2vw,46px);line-height:1.06}
.section-heading>p:last-child{font-size:19px;line-height:1.75}

/* Hero diseñado a partir de la referencia proporcionada */
body{font-family:'Open Sauce',Arial,Helvetica,sans-serif}
.nav{height:auto;max-width:none;margin:0;padding:0;position:absolute;top:51px;left:8.5vw;z-index:20;display:flex;align-items:center;justify-content:flex-start;gap:50px}
.nav .nav-link{display:block;font-family:'Open Sauce',Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;line-height:1.1;border-bottom:2px solid currentColor;padding:0 2px 7px}
.hero{min-height:768px;background:#f4f4f4;display:grid;grid-template-columns:43% 57%;align-items:center;gap:0;padding:0;overflow:hidden;position:relative}
.hero:after{display:none}
.hero-copy{max-width:none;margin:0;padding:118px 18px 30px 8.5vw;position:relative;z-index:2}
.hero h1{font-family:'Roca Two',Georgia,'Times New Roman',serif;font-size:clamp(39px,4.2vw,57.333px);line-height:1.08;letter-spacing:-1.4px;max-width:480px;font-weight:700;color:#4a4a4a}
.hero .lead{font-family:'Open Sauce',Arial,Helvetica,sans-serif;font-size:26.67px;line-height:1.28;max-width:540px;color:#4a4a4a;margin:40px 0}
.hero-actions{display:flex;gap:28px;flex-wrap:nowrap;position:relative;z-index:3}
.hero .button-primary{min-width:190px;padding:14px 18px;color:#3f4348;background:#ffca4f;font-size:16px;white-space:nowrap}
.hero .button-ghost{min-width:190px;padding:11px 18px;background:transparent;border:3px solid #8eebc5;font-size:16px;color:#4a4a4a;white-space:nowrap}
.hero .facts{display:flex;align-items:center;gap:24px;margin-top:72px;color:#4a4a4a;font-family:'Open Sauce',Arial,Helvetica,sans-serif;font-size:20px;white-space:nowrap}
.hero .facts b{color:inherit;font-size:inherit;font-weight:400}
.hero .facts i{width:11px;height:11px;border-radius:50%;background:#ffb8b8;flex:0 0 auto;font-size:0;font-style:normal;color:transparent}
.hero-visual{height:100%;min-height:0;position:absolute;top:0;right:0;bottom:0;left:33vw;display:flex;align-items:flex-start;justify-content:flex-start;perspective:none}
.hero-visual picture{display:block}
.hero-image{width:min(67vw,920px);height:auto;max-width:none;max-height:none;object-fit:contain;object-position:left top}

@media(max-width:1100px){
  .nav{left:5vw;gap:30px}.nav .nav-link{font-size:18px}
  .hero{grid-template-columns:46% 54%;min-height:700px}.hero-copy{padding-left:5vw}.hero-visual{left:33vw}
  .hero h1{font-size:49px}.hero .lead{font-size:22px}.hero .facts{font-size:16px;gap:14px}.hero-actions{gap:12px}.hero .button-primary,.hero .button-ghost{min-width:170px;font-size:15px;padding-left:14px;padding-right:14px}
}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;align-items:stretch;padding:0 20px 38px;min-height:auto}
  .nav{order:1;position:relative;inset:auto;width:100%;padding:25px 0 15px;gap:28px;justify-content:center}.nav .nav-link{display:block;font-size:15px}
  .hero-visual{order:2;min-height:0;height:auto;position:relative;inset:auto;margin:0 -20px}.hero-visual picture{width:100%}.hero-image{width:100%;height:auto;max-width:100%;margin:0;object-fit:contain}
  .hero-copy{order:3;padding:28px 0 0;text-align:center}.hero h1{font-size:43px;max-width:none}.hero .lead{font-size:20px;margin:25px 0}.hero-actions{justify-content:center}
  .hero .facts{width:100%;justify-content:center;margin-top:34px;font-size:clamp(11px,2.7vw,14px);line-height:1;white-space:nowrap;flex-wrap:nowrap;gap:6px}.hero .facts b{font-weight:700}.hero .facts i{display:inline;width:auto;height:auto;border-radius:0;background:transparent!important;font-size:16px;color:#4a4a4a!important;line-height:0}
}
@media(max-width:440px){
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .button-primary,.hero .button-ghost{width:100%;min-width:0;padding:12px 3px;font-size:12px;letter-spacing:-.1px}.hero h1{font-size:39px}.nav{gap:18px}.hero .facts{font-size:11px;gap:4px}
}

@media(max-width:560px){
  .section-heading h2{font-size:34px;line-height:1.08}
  .section-heading>p:last-child{font-size:18px;line-height:1.7}
}

/* Sistema tipográfico común para todos los títulos de sección */
.section h2,.section h2 em{font-family:'Roca Two',Georgia,'Times New Roman',serif;color:#123047;font-size:clamp(34px,3.2vw,46px);font-style:normal;font-weight:700;line-height:1.06;letter-spacing:-1.4px}
@media(max-width:560px){.section h2,.section h2 em{font-size:34px;line-height:1.08}}

/* Acentos amarillos y sección solidaria más ligera */
.gallery>.eyebrow{color:#e9a00b}
.donation{background:#e1f6ff}
.donation .eyebrow.light{color:#e9a00b}
.donation-card{box-shadow:0 16px 38px rgba(18,48,71,.16)}
.donation-card .heart{background:#ffc94f;color:#fff;box-shadow:0 7px 16px rgba(18,48,71,.14)}
.donation-card .button-donate{background:#ffc94f;color:#3f4348}
.hero h1{color:#123047}
.final-cta{grid-template-columns:480px 1fr}
.final-cta .eyebrow{color:#e9a00b}
.final-cta .button-primary{background:#ffc94f;color:#3f4348}
@media(max-width:900px){.final-cta{grid-template-columns:1fr}.final-book{width:360px}}
@media(max-width:560px){.final-book{width:280px}}

/* Ritmo común para textos y antetítulos */
.section-heading>p:last-child,.coloring-copy>p,.donation-inner>div:first-child>p:last-child,.final-cta>div>p:not(.eyebrow):not(.file-note){font-size:18px;line-height:1.75}
.gallery>.eyebrow,.donation .eyebrow.light,.final-cta .eyebrow{font-family:'Open Sauce',Arial,Helvetica,sans-serif!important;font-size:12px;line-height:1.2;letter-spacing:2px;font-weight:900;text-transform:uppercase;color:#e9a00b}
.final-book{width:360px;justify-self:center}
@media(max-width:560px){.section-heading>p:last-child,.coloring-copy>p,.donation-inner>div:first-child>p:last-child,.final-cta>div>p:not(.eyebrow):not(.file-note){font-size:18px;line-height:1.7}.final-book{width:280px}}

.spread-wrap blockquote{background:#8eebc5;box-shadow:0 12px 28px rgba(18,48,71,.14)}
.coloring-copy li span{background:#ffb8b8;color:#fff}
.spread-wrap blockquote{font-weight:700}
.donation-card{width:min(500px,110%);justify-self:end;padding:48px 44px}
.final-cta{grid-template-columns:360px 1fr}
.final-book{width:280px}
@media(max-width:900px){.donation-card{width:100%;justify-self:stretch}.final-cta{grid-template-columns:1fr}.final-book{width:280px}}
@media(max-width:560px){.final-book{width:220px}}
@media(max-width:760px){.desktop-break{display:none}}