*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#161616;font:18px/1.6 Georgia,serif}a{color:inherit;text-underline-offset:.24em}a:focus-visible{outline:2px solid;outline-offset:5px}header,main,footer{max-width:1440px;margin:auto;padding-inline:clamp(22px,5vw,76px)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;border-bottom:1px solid #222}.brand{text-decoration:none;font-size:30px;font-style:italic}.label,nav,.button,figcaption{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;padding-block:65px;border-bottom:1px solid}.hero h1{font:italic 400 clamp(64px,10vw,154px)/.88 Georgia;margin:22px 0;letter-spacing:-.085em}.byline{font-size:18px}.hook{font-size:clamp(28px,3.2vw,49px);line-height:1.1;margin:38px 0 20px;font-weight:400;letter-spacing:-.035em}.hero p:not(.label){max-width:43ch}.button{display:inline-block;background:#171717;color:white;padding:16px 20px;text-decoration:none;margin-top:10px}.visual{margin:0;position:relative;min-height:clamp(390px,43vw,630px);display:grid;align-items:center;isolation:isolate}.ny{position:absolute;inset:0 0 28px 42%;background-image:url('../assets/images/fondo-manhattan.png');background-size:590% 175%;background-position:100% 27%;filter:grayscale(1);z-index:-1}.cover{display:block;width:54%;height:auto;aspect-ratio:2/3;object-fit:cover;margin-left:13%;box-shadow:15px 20px 28px #0005;transform:rotate(-5deg);background:#eee}.visual figcaption{position:absolute;right:0;bottom:0}.section{padding-block:clamp(40px,7vw,94px);border-bottom:1px solid}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.portrait{margin:0;min-height:380px;background:#e9e9e9;display:grid;place-content:center;text-align:center;padding:24px}.portrait .label{color:#444}h2{font-weight:400;font-size:clamp(38px,5.5vw,78px);line-height:1;letter-spacing:-.055em;margin:14px 0 26px}p{max-width:62ch}.reading{text-align:center;background:#f4f4f4;margin-inline:calc(-1 * clamp(22px,5vw,76px));padding-inline:24px}.reading p{margin-inline:auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:42px}.columns article{border-top:1px solid;padding-top:12px}.columns h3{font-size:34px;font-weight:400;margin:10px 0}footer{padding-block:28px;display:flex;justify-content:space-between;gap:16px}.skip{position:absolute;left:1em;top:-5em}.skip:focus{top:1em;background:white}@media(max-width:760px){header{flex-wrap:wrap;padding-block:12px}.hero,.split,.columns{grid-template-columns:1fr}.hero{padding-top:38px;gap:28px}.visual{min-height:clamp(320px,100vw,520px)}.cover{width:48%;max-width:235px}.portrait{min-height:270px}.split{gap:28px}.columns{gap:24px}}

.book-link{--depth:clamp(16px,2.9vw,38px);display:block;width:54%;margin-left:13%;perspective:950px;text-decoration:none}
.book-object{position:relative;display:block;aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateZ(-5deg) rotateY(-27deg);transition:transform .35s ease;box-shadow:16px 22px 28px #0005}
.book-link:hover .book-object,.book-link:focus-visible .book-object{transform:rotateZ(-2deg) rotateY(-12deg)}
.book-object .cover{width:100%;height:100%;margin:0;transform:none;box-shadow:none;object-fit:contain;background:#171717;color:white}
.book-pages{position:absolute;top:1%;bottom:1%;left:100%;width:var(--depth);transform-origin:left center;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#e9e9e9 0 2px,#bcbcbc 2px 3px);border-block:2px solid #333;border-right:2px solid #333}
@media(max-width:760px){.book-link{width:48%;max-width:235px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.book-object{transition:none}}

.portrait{display:block;padding:0;background:none;min-height:0}.portrait img{display:block;width:100%;filter:grayscale(1)}.portrait figcaption{margin-top:12px;text-align:left}
.book-link{position:relative;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:#171717}
.book-object{background:#f4f0e7}
.book-front,.book-leaf{position:absolute;inset:0;display:grid;align-content:center;padding:12%;overflow:hidden}
.book-front{z-index:2;padding:0;transform-origin:left center;transition:transform .55s ease;backface-visibility:hidden;background:#262626;color:#fff}
.book-front img{position:absolute;inset:0}.book-front .label{padding:15%}.book-leaf{background:linear-gradient(90deg,#ddd8cc,#faf7ef 14%);border:1px solid #c9c3b8;line-height:1.35;font:clamp(13px,1.55vw,20px)/1.35 Georgia,serif}
.book-link[aria-expanded=true] .book-front{transform:rotateY(-112deg)}
@media(hover:hover){.book-link:hover:not([data-closed]) .book-front{transform:rotateY(-112deg)}}
@media(prefers-reduced-motion:reduce){.book-front{transition:none}}
.shelf,.voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;padding:0;list-style:none}
.shelf li,.voices figure{border-top:1px solid;padding-top:14px}.voices figure{margin:0}.voices blockquote{margin:0 0 16px;font-size:24px;line-height:1.25}.voices figcaption{line-height:1.7}
.portrait-intro .portrait img{max-height:640px;object-fit:cover;object-position:center 43%}#autora .portrait img{aspect-ratio:4/3;object-fit:cover;object-position:center 26%}
/* Portada adjunta y prensa */
.book-object{aspect-ratio:628/950}
.book-front .cover{object-fit:contain;background:#546776}
.press-grid{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.press-grid li{border-top:1px solid;padding-top:18px}
.press-grid a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.press-grid h3{font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:20px 0 24px;overflow-wrap:anywhere}
.press-grid .press-action{margin-top:auto;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3em}
.press-grid a:hover .press-action{text-decoration-thickness:2px}
@media(max-width:760px){.press-grid{grid-template-columns:1fr;gap:30px}.press-grid h3{max-width:34ch}}

.book-leaf{padding:0;display:block}.book-leaf img{display:block;width:100%;height:100%;object-fit:contain;background:white}
button.button{border:0;cursor:pointer}button:focus-visible{outline:2px solid;outline-offset:5px}
.reader{width:min(96vw,1100px);max-width:none;max-height:94dvh;padding:0;border:1px solid #171717;background:#f4f2ed;color:#171717;overscroll-behavior:contain}
.reader::backdrop{background:#000b}.reader-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;padding:15px 22px;border-bottom:1px solid #171717}
.reader-bar h2{font:italic 400 27px/1.1 Georgia,serif;margin:0;letter-spacing:-.035em}.reader button{padding:10px 15px;background:white;border:1px solid #171717;color:#171717;cursor:pointer;font:600 13px system-ui,sans-serif}.reader button:disabled{opacity:.35;cursor:default}
.reader-stage{overflow:auto;max-height:calc(94dvh - 155px);padding:24px;scrollbar-gutter:stable}.reader-page{display:block;width:100%;max-width:760px;height:auto;margin:auto;box-shadow:0 5px 22px #0002}.reader-stage.zoomed .reader-page{width:1050px;max-width:none}
.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;background:white;border-top:1px solid #171717}.reader-count{font:12px system-ui,sans-serif;text-align:center}.reader-tools{display:flex;gap:8px}
.reader [hidden]{display:none!important}body.reading-open{overflow:hidden}
@media(max-width:600px){.reader-bar{padding:12px}.reader-bar h2{font-size:23px}.reader-tools{gap:5px}.reader button{padding:9px}.reader-stage{padding:8px;max-height:calc(94dvh - 145px)}.reader-controls{padding:12px 10px}}
.author-photo-link{display:block}.author-name-link{text-decoration:none}.author-name-link:hover{text-decoration:underline}.author-photo-link:focus-visible{outline:2px solid #171717;outline-offset:5px}#autora{scroll-margin-top:24px}
.bibliography{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#090909}
.bibliography .shelf-chapter{display:flex;align-items:center;gap:14px;margin:0 0 clamp(20px,2.2vw,32px);font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.bibliography .shelf-chapter:before{content:"";display:inline-block;width:23px;height:1px;background:#000}
.bibliography .book-shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 2px 33px;scrollbar-color:#333 #ddd}
.bibliography .shelf-book{flex:0 0 clamp(150px,14vw,205px);scroll-snap-align:start;min-width:0}
.bibliography .cover-box{border:1px solid #111;box-shadow:0 12px 26px rgba(0,0,0,.055),0 2px 5px rgba(0,0,0,.035);height:270px;padding:10px;display:flex;align-items:center;justify-content:center}
.bibliography .shelf-book img{display:block;height:100%;max-width:100%;object-fit:contain}
.bibliography .shelf-book p{font-size:12px;font-weight:700;line-height:1.35;margin:13px 0 12px}
.bibliography .book-shelf:focus-visible{outline:2px solid;outline-offset:5px}

nav .nav-buy{display:inline-flex;align-items:center;justify-content:center;background:#171717;color:#fff;padding:12px 16px;font-weight:800;letter-spacing:.1em}nav{align-items:center}nav .nav-buy strong{font-weight:800}
.media-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:38px 0 0}.media-cards li{min-width:0}.media-card{display:flex;flex-direction:column;align-items:center;height:100%;border:1px solid #171717;padding:26px 22px 22px;box-shadow:0 16px 30px #00000012;text-decoration:none;background:white}.media-card>img{display:block;width:100%;height:175px;object-fit:cover;filter:none;margin-bottom:22px}.media-name{font:800 17px/1.35 system-ui,sans-serif;text-transform:uppercase;text-align:center}.media-date{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin-top:10px}.media-card h3{font:700 clamp(22px,2.1vw,30px)/1.2 Georgia,serif;letter-spacing:-.025em;align-self:stretch;margin:20px 0 30px}.media-action{align-self:flex-start;margin-top:auto;font:700 14px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:.5em}.media-card:hover .media-action{text-decoration-thickness:2px}
.final-purchase{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.final-book-stage{padding:40px 0;display:flex;justify-content:center}.final-book{width:62%;max-width:280px;margin:0}.final-purchase h2{font-size:clamp(38px,5vw,68px)}.purchase-button{font-weight:800;padding:20px 28px}.purchase-button strong{font-weight:900}
@media(max-width:760px){.media-cards{grid-template-columns:1fr}.media-card>img{height:220px}.final-purchase{grid-template-columns:1fr;gap:12px}.final-book-stage{padding:25px 0 35px}.final-book{width:56%;max-width:230px}}
.author-photo-quote{margin:24px 0 0;padding:0;font:italic 400 clamp(24px,2.5vw,36px)/1.3 Georgia,serif;letter-spacing:-.025em;text-align:left;color:#171717}
.media-carousel .media-cards{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 26px;margin:38px 0 0;scrollbar-width:thin;scrollbar-color:#171717 #e8e8e8;align-items:stretch}
.media-carousel .media-cards>li{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;display:flex}.media-carousel .media-card{width:100%}.media-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.media-position{margin:0;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.06em}.media-carousel-controls>div{display:flex;gap:10px}.media-carousel-controls button{width:46px;height:46px;background:#171717;color:#fff;border:1px solid #171717;font:24px/1 system-ui,sans-serif;cursor:pointer}.media-carousel-controls button:disabled{opacity:.3;cursor:default}#media-track:focus-visible{outline:2px solid;outline-offset:5px}
@media(max-width:1000px){.media-carousel .media-cards>li{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.media-carousel .media-cards>li{flex-basis:90%}.media-carousel .media-cards{gap:16px}}
@media(prefers-reduced-motion:reduce){.media-carousel .media-cards{scroll-behavior:auto}}

/* Tarjetas de entrevistas compactas */
.media-carousel .media-cards{gap:16px}
.media-carousel .media-cards>li{flex:0 0 calc((100% - 64px)/5)}
.media-carousel .media-card{padding:14px 12px 16px;box-shadow:0 8px 18px #0000000d}
.media-carousel .media-card>img{height:105px;margin-bottom:14px}
.media-carousel .media-name{font-size:12px;line-height:1.35}
.media-carousel .media-date{font-size:10px;margin-top:7px}
.media-carousel .media-card h3{font-size:19px;line-height:1.2;margin:14px 0 20px}
.media-carousel .media-action{font-size:11px}
@media(max-width:1100px){.media-carousel .media-cards>li{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:850px){.media-carousel .media-cards>li{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:600px){.media-carousel .media-cards>li{flex-basis:calc((100% - 16px)/2)}.media-carousel .media-card{padding:12px 10px 14px}.media-carousel .media-card>img{height:95px}.media-carousel .media-card h3{font-size:17px}}
/* Estilos que estaban definidos en atributos HTML. */
.media-card-cover-image{object-fit:contain}
.author-composite{display:block;width:100%;height:auto}
.author-composite-monochrome{filter:grayscale(1)}

