/* Banner del cuaderno de sellos (portada y fichas de pueblo). Alineado con la rejilla de la página: ocupa todo el ancho del contenedor. */
.stamp{display:block;inline-size:100%;block-size:auto;overflow:visible}
.stamp .st-name{font-family:var(--ff-display);letter-spacing:-.01em}
.stamp .st-mono{font-family:var(--ff-mono);font-weight:600}
.bk-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.1rem,3vw,2.6rem);padding:clamp(1.1rem,2.4vw,1.7rem) clamp(1.2rem,3vw,2.2rem);border:1px solid var(--line);border-radius:var(--r-lg,18px);background:color-mix(in oklch,var(--fang,#c4532f) 6%,var(--surface));color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .35s var(--ease,ease),box-shadow .35s}
.bk-banner:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.bk-banner:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.bkb-fan{position:relative;inline-size:178px;block-size:118px;flex:none}
.bkb-fan .stamp{position:absolute;inline-size:92px;inset-block-start:8px;filter:drop-shadow(0 6px 10px rgba(15,31,42,.2));transition:transform .4s var(--ease,ease)}
.bkb-fan .stamp:nth-child(1){inset-inline-start:0;transform:rotate(-12deg)}
.bkb-fan .stamp:nth-child(2){inset-inline-start:36px;transform:rotate(3deg) translateY(-6px)}
.bkb-fan .stamp:nth-child(3){inset-inline-start:72px;transform:rotate(14deg)}
.bk-banner:hover .bkb-fan .stamp:nth-child(1){transform:rotate(-18deg) translateX(-6px)}
.bk-banner:hover .bkb-fan .stamp:nth-child(3){transform:rotate(20deg) translateX(6px)}
.bkb-t{display:grid;gap:.4rem;min-inline-size:0}
.bkb-t .eyebrow{margin:0}
.bkb-h{margin:0;font:400 clamp(1.5rem,1.1rem + 1.4vw,2.2rem)/1.05 var(--ff-display);letter-spacing:-.02em;text-wrap:balance}
.bkb-p{color:var(--muted);max-inline-size:58ch;font-size:.98rem;line-height:1.5}
.bkb-tally{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;font-size:.88rem;color:var(--muted)}
.bkb-n{font:600 .95rem/1 var(--ff-mono);color:var(--ink);font-variant-numeric:tabular-nums}
.bkb-go{white-space:nowrap;pointer-events:none}
.hs-book,.t-bookwrap{margin-block-start:clamp(1.6rem,3vw,2.4rem)}
@media (max-width:860px){
  .bk-banner{grid-template-columns:minmax(0,1fr);gap:1rem}
  .bkb-fan{inline-size:150px;block-size:100px}.bkb-fan .stamp{inline-size:78px}.bkb-fan .stamp:nth-child(2){inset-inline-start:30px}.bkb-fan .stamp:nth-child(3){inset-inline-start:60px}
  .bkb-go{justify-self:stretch;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.bk-banner,.bkb-fan .stamp{transition:none}.bk-banner:hover{transform:none}}