@font-face{font-family:Inter;src:url('assets/Inter-Light.ttf') format('truetype');font-weight:300;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f7f2e5;color:#352a24;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid #bb482c;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-80px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.masthead{padding:25px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1dccd;gap:30px;background:#f7f2e5}.wordmark{font-family:Georgia,serif;font-size:23px;text-decoration:none;white-space:nowrap;position:relative;line-height:1.3}.brand-line{display:block;width:34px;margin-top:6px;border-bottom:2px solid #a74a30}nav{display:flex;gap:36px;align-items:center}nav a{text-decoration:none;font-size:13px;letter-spacing:.02em}nav a:last-child{border-bottom:1px solid #b9ae88;padding:4px 0}nav a:hover,.text-link:hover{color:#9d412b}.hero{background:#912d20;color:#fff1d6;display:grid;grid-template-columns:1.2fr 1fr;min-height:690px;padding:74px max(8vw,28px) 82px;gap:6vw;overflow:hidden;position:relative;background-image:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),repeating-linear-gradient(0deg,#00000008 0,#00000008 1px,transparent 1px,transparent 4px)}.hero-copy{align-self:center;z-index:1;max-width:580px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.23em;margin:0 0 25px;line-height:1.5}.hero .eyebrow{color:#f0c992}.hero .title-dot{color:#efba7e}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;letter-spacing:-.045em}.hero h1{font-size:clamp(64px,6.2vw,98px);margin-bottom:34px}.title-dot{color:#c85437}.lead{font-size:20px;line-height:1.6;max-width:440px}.lead em{font-family:Georgia,serif;font-size:24px}.byline{margin:20px 0 30px;font-size:13px;line-height:1.8;max-width:390px;color:#f0d4b6}cite{font-style:italic}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;padding:14px 22px;font-size:13px;border-radius:2px;min-height:50px;transition:background .15s}.button.gold{background:#f3dfb8;color:#4b221b}.button.gold:hover{background:#ffecd0}.button.dark{background:#963021;color:#fff0d6}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.halo{position:absolute;width:110%;aspect-ratio:1;max-width:540px;border:1px solid #f4dcb34d;border-radius:50%;background:radial-gradient(ellipse,#cc7a4933,transparent 65%);z-index:-1}.halo:after{content:'';position:absolute;inset:17px;border:1px dashed #f1cda75c;border-radius:50%}.book{width:min(100%,300px);transform:rotate(3deg);filter:drop-shadow(20px 26px 18px #0005)}.book img{width:100%;height:auto;display:block;border-radius:1px 3px 3px 1px;box-shadow:-5px 0 0 #ac9c70,-7px 2px 0 #e4d5b2}.stitch{position:absolute;width:92px;height:36px;border-top:1px solid #b9a773;border-bottom:1px dashed #b9a773;opacity:.7}.stitch-top{right:-12px;top:38px;transform:rotate(-24deg)}.stitch-bottom{left:0;bottom:30px;transform:rotate(-24deg)}.book-section{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:66px max(8vw,28px);border-bottom:1px solid #ddd6c4}.chapter-mark{font:70px Georgia,serif;color:#ab4932;border:1px solid #cec3a7;outline:1px solid #cec3a7;outline-offset:6px;width:92px;text-align:center;flex-shrink:0;line-height:1.2}.book-section>div:nth-child(2){flex:1}.book-section .eyebrow{margin-bottom:10px}.book-section h2{font-size:44px}.book-section h2 em{font-weight:400}.conversation-teaser{padding:80px max(8vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.conversation-teaser h2{font-size:76px;margin-bottom:24px}.text-link{font-size:14px;text-underline-offset:8px}.teaser-bubbles{max-width:440px}.preview-bubble{background:#fffdf6;border:1px solid #e0d8c4;box-shadow:0 3px 0 #e8e1cf;padding:14px 20px;border-radius:3px 16px 16px;margin:0 40px 16px 0;font-size:15px}.preview-bubble span{font-family:Arial,sans-serif;font-weight:700;font-size:12px;color:#8a4b08}.preview-bubble.green{margin:0 0 16px 50px;background:#dce8c9;border-color:#cad7b7;border-radius:16px 3px 16px 16px}.preview-bubble.green span{color:#075e54}.footer{display:flex;justify-content:space-between;padding:28px max(6vw,24px);font-size:11px;letter-spacing:.06em;border-top:1px solid #ddd6c4;color:#5b6865}.chat-intro{max-width:850px;margin:0 auto;padding:36px 24px 30px}.back{font-size:12px;text-decoration:none;display:inline-flex;gap:10px;align-items:center;margin-bottom:36px}.chat-intro .eyebrow{margin-bottom:12px}.chat-intro h1{font-size:76px}.chat-shell{max-width:760px;margin:0 auto 80px;background:#e9e7da;border:1px solid #d6d7c8;border-radius:10px;overflow:hidden;box-shadow:0 18px 48px #152c3310}.chat-header{display:flex;align-items:center;gap:15px;padding:20px 28px;background:#173b36;color:#fff9e8}.group-icon{font:24px Georgia,serif;border-radius:50%;width:51px;height:51px;display:grid;place-items:center;border:1px solid #d2bd80;color:#e5d097;background:#214840;flex-shrink:0}.chat-header h2{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:300;letter-spacing:0;line-height:1.4}.chat-header p{font-size:11px;color:#d4d9c9;margin-top:3px}.chat-leaf{font-size:32px;margin-left:auto;color:#d2bd80}.messages{list-style:none;margin:0;padding:30px 32px;display:flex;flex-direction:column;gap:13px;background-image:radial-gradient(#64735312 .7px,transparent .7px);background-size:9px 9px}.message{align-self:flex-start;max-width:84%;min-width:85px;background:#f0f2f1;color:#1d2c2b;padding:11px 16px 13px;border-radius:2px 13px 13px;box-shadow:0 1px 1px #283b3826;position:relative;font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.message.tina{align-self:flex-end;background:#dcf8c6;border-radius:13px 2px 13px 13px}.speaker{display:block;font-size:12px;font-weight:700;margin-bottom:3px;line-height:1.5}.puri .speaker{color:#8a4b08}.tina .speaker{color:#075e54}.adela .speaker{color:#5a3675}.rufina .speaker{color:#1c5b99}.chat-end{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;color:#42584a;border-top:1px solid #ced4be;background:#e6e7d6}.chat-end>span{font-size:35px}.chat-end a{font-size:12px;text-underline-offset:4px}
@media(min-width:1500px){.hero{padding-inline:max(calc((100vw - 1250px)/2),8vw)}}
@media(max-width:800px){.masthead{padding:20px 24px;align-items:center}.wordmark{font-size:20px}nav{gap:16px}nav a:first-child{display:none}.hero{padding:45px 28px 55px;min-height:auto;gap:32px;grid-template-columns:1fr 1fr}.hero h1{font-size:55px}.lead{font-size:16px}.lead em{font-size:19px}.byline{font-size:12px}.hero-art .book{width:210px}.book-section{padding:45px 28px;flex-wrap:wrap}.book-section h2{font-size:34px}.book-section .button{margin-left:126px}.conversation-teaser{padding:55px 28px;gap:30px}.conversation-teaser h2{font-size:54px}.chapter-mark{font-size:50px;width:70px}.stitch{display:none}}
@media(max-width:560px){html{scroll-padding-top:20px}.masthead{padding:17px 20px;gap:18px}.wordmark{font-size:17px;white-space:normal;max-width:130px;line-height:1.2}.brand-line{width:23px;margin-top:5px}nav a{font-size:10px;line-height:1.4;text-align:right}.hero{display:flex;flex-direction:column;padding:39px 25px 45px;gap:44px}.hero-copy{align-self:flex-start}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:60px;line-height:.99;margin-bottom:25px;letter-spacing:-.055em}.lead{font-size:17px;line-height:1.6;max-width:340px}.lead em{font-size:20px}.byline{font-size:12px;margin:16px 0 25px;max-width:320px}.button{font-size:12px;padding:13px 20px}.hero-art{min-height:350px;width:100%;padding:8px 0}.hero-art .book{width:216px;transform:rotate(3deg)}.halo{width:310px;height:310px}.book-section{gap:25px;padding:41px 25px}.chapter-mark{width:48px;font-size:42px;outline-offset:4px}.book-section h2{font-size:32px}.book-section .eyebrow{font-size:9px;letter-spacing:.18em}.book-section .button{margin-left:73px}.conversation-teaser{display:block;padding:45px 25px}.conversation-teaser .eyebrow{font-size:10px;margin-bottom:16px}.conversation-teaser h2{font-size:61px;margin-bottom:20px}.teaser-bubbles{margin-top:35px}.preview-bubble{font-size:14px;padding:12px 16px}.footer{padding:22px 20px;gap:20px;font-size:9px}.chat-intro{padding:22px 22px 26px}.back{margin-bottom:26px}.chat-intro .eyebrow{font-size:10px}.chat-intro h1{font-size:58px}.chat-shell{margin:0 0 35px;border-left:0;border-right:0;border-radius:0;box-shadow:none}.chat-header{padding:17px 19px;gap:12px}.group-icon{width:43px;height:43px;font-size:20px}.chat-header h2{font-size:16px}.chat-header p{font-size:10px}.messages{padding:22px 17px;gap:13px}.message{max-width:87%;padding:10px 13px 11px;font-size:16px;line-height:1.5}.speaker{font-size:12px}.chat-end{padding:18px 22px}.chat-leaf{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.group-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-art .book{max-width:320px}.hero{background-image:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),repeating-linear-gradient(0deg,#00000008 0,#00000008 1px,transparent 1px,transparent 4px)}

.village{height:380px;position:relative;overflow:hidden;background:#7e3026}.village>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.village:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#311e1eaa,transparent 75%)}.village-title{position:absolute;left:8vw;top:50%;transform:translateY(-50%);z-index:1;font:66px/1.02 Georgia,serif;letter-spacing:-.035em;color:#fff2d4;text-shadow:0 3px 16px #22151188}.village-title em{font-weight:400}.village-title span{color:#f5b273}.conversation-teaser{grid-template-columns:1fr 1fr}.cast{grid-row:2;grid-column:1;display:flex;gap:22px;align-self:start;justify-content:flex-start}.cast figure{text-align:center}.cast img{width:72px;height:72px;display:block;object-fit:cover;border-radius:50%;border:3px solid #f8eed9;outline:1px solid #c9b48d}.cast figcaption{font:12px Arial,sans-serif;margin-top:12px;color:#6c4435}.teaser-bubbles{grid-column:2;grid-row:1 / span 2}.conversation-teaser{row-gap:28px}
@media(max-width:800px){.cast{gap:15px}.cast img{width:52px;height:52px}.village{height:300px}.village-title{font-size:52px}}
@media(max-width:560px){.village{height:250px}.village>img{object-position:42% center}.village-title{left:25px;font-size:45px}.village:after{background:linear-gradient(90deg,#311e1e88,transparent)}.cast{margin-top:32px;justify-content:space-between;gap:14px;max-width:330px}.cast img{width:61px;height:61px}.cast figcaption{font-size:11px}.teaser-bubbles{margin-top:30px}}

.book-two{padding:65px max(12vw,28px);display:grid;grid-template-columns:200px 1fr;gap:65px;align-items:center;border-bottom:1px solid #ddd6c4;background:#eee6d7}.book-two figure img{width:100%;height:auto;display:block;box-shadow:12px 12px 20px #30233526;transform:rotate(-2deg)}.book-two h2{font-size:51px;line-height:1.1}.book-two .eyebrow{color:#65385d;margin-bottom:16px}.preorder{font-size:14px;margin:23px 0}.button.purple{background:#5e285e;color:#fff2db}.button.purple:hover{background:#784076}.conversation-teaser h2{font-size:62px}.chat-intro h1{font-size:65px}.chat-intro{padding-bottom:30px}
@media(max-width:560px){.book-two{padding:45px 25px;grid-template-columns:105px 1fr;gap:24px;align-items:start}.book-two h2{font-size:32px}.book-two .eyebrow{font-size:9px;margin-bottom:10px}.preorder{font-size:12px;line-height:1.7;margin:17px 0}.book-two .button{font-size:11px;padding:11px 14px;gap:12px}.conversation-teaser h2{font-size:51px}.chat-intro h1{font-size:52px}}

/* Dos cubiertas en cabecera, fichas alternas y páginas de personaje. */
.hero-art{min-height:540px}.hero-art .book{position:absolute;width:54%;max-width:270px;left:1%;top:50%;transform:translateY(-56%) rotate(-8deg);z-index:1}.hero-art .book-second{left:auto;right:-1%;transform:translateY(-39%) rotate(7deg);z-index:2}.hero-art .book img{box-shadow:-4px 0 0 #c1ac83,-6px 2px 0 #eadbb8}.book-one{grid-template-columns:1fr 200px;background:#f7f2e5}.book-one figure{grid-column:2;grid-row:1}.book-one>div{grid-column:1;grid-row:1}.book-one figure img{transform:rotate(2deg)}.book-one .button{margin-top:24px}.cast a{text-decoration:none;display:block}.cast a:hover img{outline:2px solid #963021}.cast a:focus-visible{border-radius:50%}
@media(max-width:800px){.hero-art{min-height:390px}.hero-art .book{width:56%;left:0;max-width:215px}.hero-art .book-second{left:auto;right:0}.book-two{padding:55px 7vw;gap:36px;grid-template-columns:170px 1fr}.book-one{grid-template-columns:1fr 170px}.book-two h2{font-size:42px}}
@media(max-width:560px){.hero-art{min-height:385px;max-width:360px;align-self:center}.hero-art .book{width:57%;max-width:210px;left:0}.hero-art .book-second{left:auto;right:0}.book-two{padding:45px 25px;grid-template-columns:105px minmax(0,1fr);gap:24px}.book-one{grid-template-columns:minmax(0,1fr) 105px}.book-two h2{font-size:32px}.book-one .button{margin-top:20px}.book-one figure{grid-column:2}.book-one>div{grid-column:1}}
@media(max-width:350px){.hero-art{min-height:330px}.book-two{gap:17px;grid-template-columns:85px minmax(0,1fr)}.book-one{grid-template-columns:minmax(0,1fr) 85px}.book-two h2{font-size:28px}}
@media(max-width:560px){.hero-art .book{width:51%;left:5%}.hero-art .book-second{left:auto;right:5%}}

/* Ficha libro 1: reflejo compacto de la ficha 2 (texto a la izquierda, pegado a la cubierta). */
.book-one{grid-template-columns:minmax(0,1fr) 200px;justify-content:stretch}
.book-one>div{text-align:right;justify-self:end}
.book-one .button{margin-left:auto}
@media(max-width:800px){.book-one{grid-template-columns:minmax(0,1fr) 170px}}
@media(max-width:560px){.book-one{grid-template-columns:minmax(0,1fr) 105px}}
@media(max-width:350px){.book-one{grid-template-columns:minmax(0,1fr) 85px}}

/* Biografías: texto justificado. */
.bio .copy{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}

.book-two .synopsis{font-size:16px;line-height:1.7;margin:20px 0 0;max-width:430px;text-align:left}.book-one .synopsis{margin-left:auto}.book-two .preorder{margin:16px 0 22px}.book-two .synopsis+.button,.book-two .synopsis+.preorder{margin-top:24px}
.book-two .synopsis+.preorder{margin-bottom:22px}
@media(max-width:1099px){
.book-two{grid-template-columns:105px minmax(0,1fr);column-gap:20px;row-gap:0;align-items:start}
.book-two>div{display:contents}
.book-two figure{grid-column:1;grid-row:1/4}
.book-two .eyebrow{grid-column:2;grid-row:1}.book-two h2{grid-column:2;grid-row:2;margin:0}
.book-two .preorder{grid-column:2;grid-row:3;margin:14px 0 0}
.book-two .synopsis{grid-column:1/-1;grid-row:4;max-width:none;text-align:left;margin:26px 0 0;font-size:16px}
.book-two .button{grid-column:1/-1;grid-row:5;justify-self:start;margin-top:22px}
.book-two .synopsis+.preorder{grid-column:2;grid-row:3;margin:14px 0 0}
.book-one{grid-template-columns:minmax(0,1fr) 105px}
.book-one figure{grid-column:2;grid-row:1/4}
.book-one .eyebrow,.book-one h2{grid-column:1;text-align:right}
.book-one .synopsis{margin-left:0;margin-top:6px}
.book-one .button{justify-self:end;grid-column:1/-1;grid-row:5;margin-left:0}
}

/* Escritorio: sinopsis en el hueco opuesto a la cubierta (petición de Sergio). */
@media(min-width:1100px){
.book-two>div{display:contents}
.book-two{align-content:center;align-items:center;column-gap:65px;row-gap:0;grid-template-rows:minmax(0,1fr) auto auto auto auto minmax(0,1fr)}
.book-two.book-one{grid-template-columns:minmax(0,1fr) auto 200px}
.book-two.book-one figure{grid-column:3;grid-row:1/7}
.book-two.book-one .eyebrow,.book-two.book-one h2,.book-two.book-one .button{grid-column:2;text-align:right;justify-self:end;margin-left:0}
.book-two.book-one .eyebrow{grid-row:2;margin-bottom:16px}.book-two.book-one h2{grid-row:3;margin:0}.book-two.book-one .button{grid-row:4;margin-top:28px}
.book-two.book-one .synopsis{grid-column:1;grid-row:1/7;align-self:center;justify-self:center;max-width:400px;margin:0}
.book-two:not(.book-one){grid-template-columns:200px auto minmax(0,1fr)}
.book-two:not(.book-one) figure{grid-column:1;grid-row:1/7}
.book-two:not(.book-one) .eyebrow,.book-two:not(.book-one) h2,.book-two:not(.book-one) .preorder,.book-two:not(.book-one) .button{grid-column:2;justify-self:start;text-align:left}
.book-two:not(.book-one) .eyebrow{grid-row:2;margin-bottom:16px}.book-two:not(.book-one) h2{grid-row:3;margin:0}
.book-two:not(.book-one) .preorder{grid-row:4;margin:20px 0 0}.book-two:not(.book-one) .button{grid-row:5;margin-top:22px}
.book-two:not(.book-one) .synopsis{grid-column:3;grid-row:1/7;align-self:center;justify-self:center;max-width:400px;margin:0}
}
@media(min-width:561px) and (max-width:1099px){.book-two{grid-template-columns:170px minmax(0,1fr);column-gap:36px}.book-two.book-one{grid-template-columns:minmax(0,1fr) 170px}.book-two .synopsis{font-size:17px;max-width:620px}.book-two.book-one .synopsis{margin-left:0}}

/* Encabezado «Sinopsis». */
.synopsis h3{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0 0 12px;text-align:left}
.synopsis p{margin:0;font-size:inherit;line-height:inherit;text-align:left}
