@font-face{font-family:FalsumDisplay;src:url('/fonts/playfair-display-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:Inter;src:url('/fonts/inter-variable-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#121116;--cream:#f5f0e2;--paper:#fffdf3;--lilac:#a20d1d;--muted:#585449;--line:#d5cebd}
.site-header{color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}
.skip-link{position:absolute;top:-100px;left:20px;z-index:50;padding:14px;background:var(--paper)}.skip-link:focus{top:10px}
.book-hero{grid-template-columns:1fr 1.12fr;gap:55px;padding-top:48px}.book-copy h1{font-size:clamp(4rem,7.5vw,7.1rem);letter-spacing:-.065em;line-height:1}.launch-date{font-size:.75rem;letter-spacing:.07em;border-left:3px solid #a20d1d;padding:8px 0 8px 14px}.tagline{margin:18px 0 25px;color:#a20d1d;font-family:FalsumDisplay,Georgia,serif;font-weight:700;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.12}.lead{font-size:1.5rem;line-height:1.4;color:var(--ink)}.intro-copy{max-width:510px;line-height:1.8;color:var(--muted)}.cover-stage{position:relative;isolation:isolate;padding:0;min-height:0;background:none;box-shadow:none}.cover-stage img{width:min(100%,510px);height:auto;max-height:none;object-fit:contain;filter:drop-shadow(16px 24px 18px #32251538);border:1px solid #e8e1d1}.rastros-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}.button{background:#a20d1d;color:#fffdf3;max-width:100%;font-size:.77rem}.how-link{display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:5px;font-size:.9rem;font-weight:650}.book-strip{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.book-strip span{padding:26px;text-align:center;line-height:1.6}.book-strip strong{font-weight:750}.book-strip span+span{border-left:1px solid var(--line)}.experience{background:var(--paper);color:var(--ink)}.experience>p{color:var(--muted)}.experience .eyebrow{color:#a20d1d}.experience h2,.audience h2{font-size:clamp(2.5rem,4.6vw,4.5rem);line-height:1.05}.pillars{gap:30px}.pillars article{padding:25px 0;border-top:1px solid var(--line)}.pillars article+article{border-left:0}.pillars b{font-family:FalsumDisplay,Georgia,serif;font-size:3.6rem;color:#a20d1d}.pillars p{color:var(--muted)}.audience{background:var(--cream)}.notice{background:var(--paper);border-top:3px solid #a20d1d}.more-books{background:var(--paper)}.more-books h2{font-size:2.4rem}footer{background:#261532}
@media(max-width:760px){.site-header{background:var(--paper)}.menu-button{border-color:var(--ink)}.menu-button i{background:var(--ink)}.site-header nav.open{background:var(--paper)}.site-header nav a{color:var(--ink)}.book-hero{grid-template-columns:1fr;gap:40px;padding-top:35px}.book-copy h1{font-size:clamp(3.7rem,16vw,6rem)}.cover-stage{padding:0 8px;min-height:0}.cover-stage img{width:min(100%,410px);height:auto;max-height:none}.book-strip{margin:0 20px;grid-template-columns:1fr}.book-strip span{padding:18px}.book-strip span+span{border-left:0;border-top:1px solid var(--line)}.pillars article+article{border-top:1px solid var(--line)}.launch-date{line-height:1.6}.experience{padding-top:70px}}

/* Field guide: the printed rules, adapted for reading on screen. */
.rules-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:36px 0 46px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.rules-legend>div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}
.rules-legend dt{color:#a20d1d;font-weight:750;font-size:1.12rem}.rules-legend dd{margin:10px 0 0;color:var(--muted);font-size:.94rem;line-height:1.6}
.rules-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;padding:0;list-style:none;counter-reset:rule}
.rules-steps>li{counter-increment:rule;border-top:1px solid var(--line);padding-top:22px}.rules-steps>li:before{content:counter(rule,decimal-leading-zero);color:#a20d1d;font-family:FalsumDisplay,Georgia,serif;font-size:2.8rem}
.rules-steps h3,.rules-note h3{font-family:FalsumDisplay,Georgia,serif;font-size:1.65rem;margin:12px 0}.rules-steps p,.rules-note p,.rules-help p{color:var(--muted);line-height:1.8;font-size:1rem}
.rules-note{margin-top:40px;padding:24px 30px;background:var(--cream);border-left:3px solid #a20d1d}.rules-note p{margin-bottom:0}.rules-help{margin-top:26px;padding:20px 0;border-block:1px solid var(--line)}.rules-help summary{cursor:pointer;font-weight:750;padding:8px 0}.rules-help summary:focus-visible{outline:2px solid #a20d1d;outline-offset:4px}
@media(max-width:760px){.rules-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-steps{grid-template-columns:1fr;gap:24px}.rules-legend>div{padding:16px}.rules-note{padding:20px}}

.rules-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:38px 0 46px}.rules-examples figure{margin:0;border:1px solid var(--line);background:#fff}.rule-picture{height:245px;display:flex;align-items:center;justify-content:center;padding:22px}.rule-picture img{max-width:100%;max-height:100%;width:auto;object-fit:contain}.rules-examples figcaption{padding:0 24px 24px}.rules-examples h3{font-family:FalsumDisplay,Georgia,serif;font-size:1.4rem;line-height:1.2;margin:8px 0 12px}.rules-examples p{color:var(--muted);font-size:.95rem;line-height:1.7;margin:0}
@media(max-width:760px){.rules-examples{grid-template-columns:1fr;gap:20px}.rule-picture{height:255px}.rules-examples figcaption{padding:0 24px 24px}}

.cover-stage:before{content:"";position:absolute;z-index:-1;inset:5% -4%;background:radial-gradient(ellipse at center,#e4d3bd 0%,#f0e5d5 44%,transparent 72%);pointer-events:none}

/* Keep the samples invitation within the same centered page width. */
.content-band{padding:0 20px 80px;background:var(--paper)}
.content-band .content-section{max-width:var(--max);margin-inline:auto;padding:56px 24px 0;border-top:1px solid var(--line);text-align:center}
.content-band h2{margin:0 0 22px;font-family:FalsumDisplay,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15}
.content-band .content-section>div>p:not(.eyebrow){max-width:650px;margin:0 auto 28px;color:var(--muted);line-height:1.75}
.content-band .button{text-align:center;line-height:1.5}
@media(max-width:760px){.content-band{padding-bottom:56px}.content-band .content-section{padding:36px 0 0}}

/* Móvil: los botones del hero, por encima del pliegue.
   El párrafo de presentación baja por debajo de las llamadas. */
@media(max-width:760px){
  .book-hero{padding-top:24px;gap:28px}
  .book-copy{display:flex;flex-direction:column}
  .book-copy .intro-copy{order:1;margin:26px 0 0}
  .launch-date{padding:6px 0 6px 12px}
  .book-copy .eyebrow{margin-bottom:12px}
  .tagline{margin:12px 0 0}
  .lead{margin:18px 0 0;font-size:1.3rem}
  .rastros-actions{margin-top:22px;gap:12px;flex-direction:column;align-items:stretch}
  .rastros-actions .button{width:100%;text-align:center}
  .rastros-actions .how-link{text-align:center;padding:6px 0}
}

.rastros-actions .launch-notice{flex-basis:100%;width:100%;margin:0;color:#a20d1d;font-weight:700;line-height:1.5}