*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;background:#fff;font:17px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%;height:auto}header{max-width:1240px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}header img{width:190px}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:750}.wrap{max-width:1160px;margin:auto;padding:64px 40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;min-height:630px;padding-top:35px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.pill{display:inline-block;background:#fbef00;padding:5px 13px;font-size:12px;font-weight:850;border:2px solid #171717;transform:rotate(-2deg)}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(40px,5vw,68px);margin:22px 0}h2{font-size:clamp(30px,4vw,46px);margin:10px 0 25px}h3{font-size:23px}.accent{color:#db0072}.lead{font-size:20px;max-width:540px}.buttons{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-block;border:2px solid #161616;background:#ffed00;text-decoration:none;padding:13px 23px;font-size:15px;font-weight:850;box-shadow:4px 4px 0 #161616;cursor:pointer}.btn.secondary{background:#fff}.btn[aria-disabled=true]{background:#e8e8e8;box-shadow:none;cursor:default}.art{position:relative;background:#f8f6ee;border-radius:50% 50% 5% 5%;padding:24px;display:flex;justify-content:center;align-items:end;min-height:450px}.art .cover{width:52%;transform:rotate(-7deg);box-shadow:10px 15px 20px #0003;z-index:1}.art .mara{width:57%;margin-left:-35px;z-index:2}.stats{background:#171717;color:white}.stats .wrap{padding-top:27px;padding-bottom:27px;display:flex;justify-content:space-between;gap:24px}.stats strong{font-size:28px;color:#ffed00;display:block}.stats span{font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{padding:28px;border:1px solid #ddd;background:white}.number{font-size:40px;font-weight:900;color:#db0072}.soft{background:#f6f5f0}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.banner{border:3px solid #171717;padding:42px;background:#ffed00}.banner h2{max-width:700px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery img{border:1px solid #ddd}.prose{max-width:820px}.prose p{margin:23px 0}.callout{border-left:5px solid #ed007f;padding:15px 25px;background:#f8f6ef}.placeholder{padding:30px;border:2px dashed #888;background:#f6f5f0}.levels{display:flex;gap:12px;flex-wrap:wrap}.levels span{border:1px solid #aaa;padding:12px 16px}details{border:2px solid #171717;padding:20px;margin:30px 0}summary{cursor:pointer;font-weight:800}footer{background:#171717;color:#ddd;padding:35px 40px;font-size:14px}footer .inner{max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer a{margin-right:20px}.fine{font-size:13px;color:#666}.booktitle{width:440px;display:block;margin:20px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99}@media(max-width:760px){header{padding:20px;align-items:start}header img{width:140px}nav{gap:12px;flex-wrap:wrap;justify-content:end}nav a{font-size:12px}.wrap{padding:42px 22px}.hero,.two{grid-template-columns:1fr;gap:28px}.hero{min-height:0}.art{min-height:0;max-width:480px}.stats .wrap{display:grid;grid-template-columns:1fr 1fr}.stats strong{font-size:23px}.grid,.gallery{grid-template-columns:1fr}.banner{padding:25px}h1{font-size:44px}.lead{font-size:18px}}

/* Segunda propuesta visual: papel, expedientes y tinta */
body{background:#fffefb;background-image:radial-gradient(#2525250a .65px,transparent .65px);background-size:8px 8px}
header{border-bottom:1px solid #19191918;background:#fffefbef}nav a{position:relative}nav a:hover{color:#c90065}nav a:last-child{border:2px solid #181818;padding:8px 15px;background:#ffed00;box-shadow:3px 3px 0 #181818}
.hero{position:relative}.hero h1 .accent{position:relative}.hero h1 .accent:after{content:'';display:block;height:7px;background:#ffed00;transform:rotate(-2deg);margin-top:7px;width:80%}.art{background:repeating-linear-gradient(0deg,transparent,transparent 27px,#14141408 28px),#f5f0e7;border:1px solid #ddd4c5;border-radius:10px;box-shadow:12px 12px 0 #ffe900;transform:rotate(1deg)}.art:before{content:'INVESTIGACIÓN ABIERTA';position:absolute;top:30px;right:24px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#b8005e;border:2px solid #b8005e;padding:5px;transform:rotate(7deg)}.art .mara{position:relative}
.card{border:2px solid #191919;box-shadow:5px 5px 0 #19191912;border-radius:2px}.grid .card{border-top:7px solid #ffed00}.grid .card:nth-child(2){border-top-color:#ed007e}.grid .card:nth-child(3){border-top-color:#171717}.soft{background:#f3f0e9}.banner{position:relative;box-shadow:8px 8px 0 #181818}.banner:after{content:'SIGUE LA PISTA';position:absolute;right:20px;top:20px;font-size:11px;font-weight:900;letter-spacing:.1em;border:2px solid #181818;padding:7px;transform:rotate(6deg)}
.gift-page{max-width:1160px}.gift-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;margin-bottom:45px}.gift-intro h1{font-size:clamp(42px,5vw,64px)}.gift-mara{position:relative;background:radial-gradient(ellipse at 50% 55%,#ffed00 0 52%,transparent 53%);text-align:center}.gift-mara img{max-height:380px;max-width:90%;display:block;margin:0 auto}.stamp{display:inline-block;position:absolute;right:0;top:15px;font-size:11px;letter-spacing:.12em;font-weight:900;color:#c90065;border:2px solid #c90065;padding:6px 10px;transform:rotate(8deg);z-index:2;background:#fffefb}.handnote{display:block;background:#191919;color:white;font-size:13px;padding:7px 10px;transform:rotate(-3deg);max-width:260px;margin:0 auto}.gift-cards{gap:30px;align-items:stretch}.gift-cards .card{position:relative;padding:28px 32px;background:#fff;display:flex;flex-direction:column}.gift-cards .card:before{content:'';position:absolute;width:70px;height:18px;background:#ffe900c9;top:-9px;left:calc(50% - 35px);transform:rotate(-5deg)}.gift-cards .card:nth-child(2):before{background:#f8007b99}.paper-art{height:165px;margin-bottom:25px;padding:20px;border:1px solid #d6d0c5;background:#f5f0e7;position:relative;overflow:hidden}.paper-art span{font-size:10px;letter-spacing:.13em;font-weight:900;display:block}.letter-art i{display:block;font:italic 27px Georgia,serif;margin-top:15px}.letter-art b{font:italic 29px Georgia,serif;color:#b12d38;position:absolute;right:30px;bottom:15px;transform:rotate(-12deg)}.letter-art:after{content:'';position:absolute;left:20px;bottom:32px;width:55%;height:17px;border-top:1px solid #a39480;border-bottom:1px solid #a39480}.panel-art{background:#fffef9;transform:rotate(1deg);box-shadow:4px 4px 0 #e5ddcd}.fake-lines{margin-top:14px;height:64px;background:repeating-linear-gradient(0deg,transparent 0 14px,#bab6ac 15px 16px);border-left:3px solid #f3007d}.panel-art i{font-size:11px;margin-top:9px;display:block}.gift-form{margin-top:55px;background:#fff;border:2px solid #191919;box-shadow:8px 8px 0 #f8007e;position:relative;padding:35px}.gift-form h2{font-size:36px}.gift-form .placeholder{border:1px dashed #aaa;background:#f7f5f0}.gallery img{box-shadow:6px 6px 0 #18181815}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #161616}.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ed007f;outline-offset:5px}footer{margin-top:30px;border-top:7px solid #ffed00}
@media(max-width:760px){.gift-intro{grid-template-columns:1fr}.gift-mara{max-width:310px;margin:0 auto;width:100%}.gift-mara img{max-height:300px}.gift-form{padding:24px;box-shadow:5px 5px 0 #f8007e}.gift-form h2{font-size:30px}.banner:after{position:static;display:inline-block;margin-top:20px}.gift-cards .card{padding:25px}.art{box-shadow:7px 7px 0 #ffe900}nav a:last-child{padding:5px 9px}.stamp{right:-5px}}

/* V3: ambiente continuo inspirado en la referencia */
body{background:#19191c url('assets/mystery-pattern.svg') repeat;color:#f9f6eb;background-size:210px 190px}header{max-width:none;padding:22px max(30px,calc((100vw - 1160px)/2));background:#111113;border-bottom:3px solid #f6e900}header img{background:#fff;padding:8px;width:180px}nav a:last-child{color:#171717}nav a:hover{color:#ffeb00}.wrap{max-width:1200px;padding:65px 48px}.hero{min-height:690px}.hero h1{font-size:clamp(46px,5.2vw,76px)}.hero .accent,.gift-intro .accent{color:#ffdf00}.hero .lead,.gift-intro .lead{color:#f3efe4}.hero .fine{color:#c8c6c0}.eyebrow{color:inherit}.pill{color:#151515}.art{background:#27272b url('assets/mystery-pattern.svg');border:1px solid #ffe900;box-shadow:12px 12px 0 #e60076;border-radius:0;min-height:490px}.art:before{color:#ffeb00;border-color:#ffeb00;background:#1a1a1b}.art .cover{width:57%;box-shadow:10px 15px 22px #0008}.art .mara{width:58%}.btn,.btn.secondary{color:#171717}.btn.secondary{background:#fff9e8}.stats{background:#f5e900;color:#171717;border-top:3px solid #171717;border-bottom:3px solid #171717}.stats strong{color:#171717;font-size:35px}.stats .wrap{max-width:1100px}.stats span{font-weight:650}.soft{background:#e90076;color:white}.soft .wrap{max-width:1200px}.grid .card{color:#171717;background:#fff9e8;border:2px solid #171717;box-shadow:7px 7px 0 #171717}.grid .card .number{color:#d3006e}.banner{background:#f5e900;color:#171717}.banner:after{background:#f5e900}.prose{max-width:900px}.prose p{font-size:18px;line-height:1.8}.soft .prose{background:#fff9ec;color:#171717;margin:0 auto;padding:50px;max-width:900px;border-left:5px solid #171717;border-right:5px solid #171717}.gallery{gap:28px}.gallery img{border:3px solid #fff9e8;box-shadow:8px 8px 0 #e90076}.levels span{background:#fff9e8;color:#171717;border:2px solid #171717;box-shadow:3px 3px 0 #f6e900}.gift-intro{gap:65px;margin-bottom:60px}.gift-intro h1{font-size:clamp(45px,5.5vw,72px)}.gift-mara{background:radial-gradient(ellipse at 50% 55%,#f6e900 0 53%,transparent 54%)}.gift-mara img{max-height:460px}.stamp{background:#e90076;color:white;border-color:white}.handnote{border:1px solid #f6e900}.gift-cards .card{background:#fff9e8;color:#171717;border:2px solid #f6e900;box-shadow:7px 7px 0 #e90076;padding:30px}.gift-cards .card:before{height:23px;width:90px;left:calc(50% - 45px)}.gift-form{background:#fff9e8;color:#171717;border-color:#f6e900;padding:40px;box-shadow:10px 10px 0 #e90076}.gift-form .fine{color:#555}.gift-form .placeholder{background:#ede8dd}.gift-page .two{gap:35px}.paper-art{height:185px;border-color:#d3c7ad;background:#eee4d0}.panel-art{background:#fffdf5}.callout{background:#fff9e8;color:#171717}details{background:#fff9e8;color:#171717;border-color:#f6e900;box-shadow:7px 7px 0 #e90076;padding:28px}.placeholder{color:#171717}.fine{color:#c9c7c0}footer{background:#0e0e10;border-top:3px solid #e90076;margin-top:0}.two>.booktitle{max-width:100%}.booktitle{filter:drop-shadow(0 3px 2px #0004)}
@media(max-width:760px){header{padding:18px}.wrap{padding:45px 24px}.hero{min-height:0}.hero h1{font-size:46px}.art{min-height:0}.gift-intro{gap:30px}.gift-intro h1{font-size:46px}.gift-mara img{max-height:340px}.gift-form{padding:25px}.gift-cards .card{padding:25px}.soft .prose{padding:30px 24px}.stats strong{font-size:27px}.banner{box-shadow:5px 5px 0 #000}.gift-page .two{gap:30px}nav a{font-size:12px}}

/* V4: libro con volumen sobre un fondo claro */
.art.book-stage{background:#eae2cf url('assets/mystery-pattern.svg');border-color:#f6e900;transform:none;perspective:1400px;min-height:520px;align-items:center;padding:65px 50px 40px;overflow:visible;box-shadow:12px 12px 0 #e60076}.art.book-stage:before{color:#171717;border-color:#171717;background:#f6e900;top:24px;right:22px}.book-object{position:relative;width:78%;max-width:320px;transform:rotateY(-17deg) rotateZ(2deg);transform-style:preserve-3d;filter:drop-shadow(18px 24px 15px #0005);margin-right:16px}.art.book-stage .cover{display:block;position:relative;width:100%;max-width:none;transform:none;box-shadow:none;z-index:2;border:1px solid #101010}.book-object:after{content:'';position:absolute;left:100%;top:1.2%;width:25px;height:97.6%;background:repeating-linear-gradient(0deg,#ede8de 0 2px,#cbc5ba 2px 3px);transform-origin:left;transform:skewY(28deg);border-right:4px solid #171717;box-shadow:inset 5px 0 8px #0002;z-index:1}.book-object:before{content:'';position:absolute;left:3px;top:100%;width:100%;height:10px;background:#111;transform-origin:top;transform:skewX(63deg);z-index:0}@media(max-width:760px){.art.book-stage{min-height:440px;padding:60px 45px 30px}.book-object{max-width:275px;width:80%}.book-object:after{width:20px}.art.book-stage:before{font-size:9px}}

/* Legales y lectura accesible */
.legal-page{background:#fff9ec;color:#171717;margin-top:40px;margin-bottom:40px;border:2px solid #171717}.legal-page h2{font-size:28px;margin-top:35px}.legal-page .fine{color:#555}.legal-page dt{font-weight:800;margin-top:16px}.legal-page dd{margin-left:0}.legal-page li{margin:12px 0}.btn[aria-disabled=true]:hover{transform:none;box-shadow:none}