@font-face{font-family:"Literata";src:url("/fonts/literata-200-900-latin.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend";src:url("/fonts/lexend-100-900-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Mnemósine · tokens de marca (v1, 2-11-2026) */
:root{
  /* Base */
  --mn-papel:#F6F3EC;        /* blanco roto: fondo de portadas, web y fichas */
  --mn-tinta:#1F2A2E;        /* texto principal */
  --mn-gris:#5B6668;         /* texto secundario */
  --mn-linea:#DCD8CE;        /* filetes y bordes */
  /* Color de la marca */
  --mn-salvia:#8FA894;       /* verde salvia: rellenos y fondos */
  --mn-salvia-osc:#4A6551;   /* salvia oscura: símbolo y texto en verde */
  --mn-acero:#5D7A8C;        /* azul acero: rellenos */
  --mn-acero-osc:#3A5566;    /* acero oscuro: texto y lomos de estudio */
  --mn-mostaza:#D8A73E;      /* mostaza suave: punto de memoria y acentos */
  --mn-mostaza-cl:#F1DDA8;   /* mostaza clara: pastillas y fondos infantiles */
  --mn-noche:#1D2630;        /* fondo de la línea de pistas */
  /* Tipografía */
  --mn-font-display:"Literata", Georgia, serif;
  --mn-font-texto:"Lexend", system-ui, sans-serif;
  /* Formas */
  --mn-radio:14px;
  /* Banner de cookies de LaPera con los colores de la marca */
  --lp-cookie-bg:var(--mn-tinta);
  --lp-cookie-text:var(--mn-papel); --lp-cookie-muted:#D9D5CA;
  --lp-cookie-accent:var(--mn-mostaza); --lp-cookie-border:#55646A;
  --lp-cookie-surface:var(--mn-papel); --lp-cookie-ink:var(--mn-tinta);
  --lp-cookie-line:var(--mn-linea); --lp-cookie-stone:var(--mn-gris);
  --lp-cookie-radius:var(--mn-radio); --lp-cookie-font:var(--mn-font-texto);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--mn-papel);color:var(--mn-tinta);font-family:var(--mn-font-texto);font-size:1.0625rem;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--mn-acero-osc);text-underline-offset:3px}
a:hover{color:var(--mn-salvia-osc)}
:focus-visible{outline:3px solid var(--mn-mostaza);outline-offset:2px}
h1,h2,h3{font-family:var(--mn-font-display);line-height:1.15;color:var(--mn-tinta);margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin-top:2.2em}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
@supports(padding:max(0px)){.wrap{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
.saltar{position:absolute;left:-999px;top:0;background:var(--mn-tinta);color:#fff;padding:.6em 1em;z-index:50}
.saltar:focus{left:8px;top:8px}
.etq{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mn-gris);font-weight:600;margin:0 0 .5em}

/* cabecera */
.cab{position:sticky;top:0;z-index:20;background:rgba(246,243,236,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--mn-linea)}
.cab__in{display:flex;align-items:center;gap:24px;min-height:68px}
.cab__logo{display:block;width:172px;flex:none}
.cab__logo svg{width:100%;height:auto;display:block}
.cab__nav{display:flex;gap:22px;margin-left:auto}
.cab__nav a{color:var(--mn-tinta);text-decoration:none;font-size:.95rem;font-weight:500;padding:.4em 0;border-bottom:2px solid transparent}
.cab__nav a:hover{border-color:var(--mn-mostaza)}
.menu{display:none;margin-left:auto;position:relative}
.menu summary{list-style:none;cursor:pointer;padding:.5em 1em;border:1px solid var(--mn-linea);border-radius:999px;font-size:.9rem;font-weight:500;background:#fff}
.menu summary::-webkit-details-marker{display:none}
.menu__panel{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--mn-linea);border-radius:var(--mn-radio);padding:8px;min-width:210px;box-shadow:0 12px 32px rgba(31,42,46,.12);display:flex;flex-direction:column}
.menu__panel a{padding:.7em 1em;text-decoration:none;color:var(--mn-tinta);border-radius:8px}
.menu__panel a:hover{background:var(--mn-papel)}
@media(max-width:860px){.cab__nav{display:none}.menu{display:block}.cab__logo{width:150px}}

/* botones */
.boton{display:inline-block;background:var(--mn-salvia-osc);color:#fff;text-decoration:none;font-weight:600;padding:.85em 1.5em;border-radius:999px;border:2px solid var(--mn-salvia-osc);cursor:pointer;font:inherit;font-weight:600;transition:transform .15s,background .15s}
.boton--claro{background:transparent;color:var(--mn-salvia-osc)}
.boton--claro-sobre-oscuro{background:transparent;color:var(--mn-papel);border-color:var(--mn-mostaza)}
@media(hover:hover) and (pointer:fine){
.boton:hover{background:var(--mn-tinta);border-color:var(--mn-tinta);color:#fff;transform:translateY(-1px)}
.boton--claro:hover{background:var(--mn-salvia-osc);color:#fff}
.boton--claro-sobre-oscuro:hover{background:var(--mn-mostaza);border-color:var(--mn-mostaza);color:var(--mn-tinta)}
}

/* portada */
.hero{padding:clamp(40px,7vw,96px) 0;background:linear-gradient(180deg,var(--mn-papel),#EFEADD)}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero__lead{font-size:1.2rem;color:var(--mn-gris);max-width:34em}
.hero__botones{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6em}
.hero__img{position:relative}
.hero__portada{border-radius:6px;box-shadow:0 24px 50px -18px rgba(31,42,46,.45),0 4px 10px rgba(31,42,46,.12);transform:rotate(1.2deg);width:100%}
.proximamente{display:inline-block;margin:.2em 0 0;padding:.25em .9em;border-radius:999px;background:var(--mn-mostaza-cl);color:#5a4210;font-size:.8rem;font-weight:600;letter-spacing:.04em}
.proximamente--sobre{position:absolute;right:12px;bottom:-14px;box-shadow:0 4px 10px rgba(31,42,46,.15)}
@media(max-width:860px){.hero__in{grid-template-columns:1fr}.hero__portada{transform:none;max-width:420px}}

.seccion{padding:clamp(40px,6vw,80px) 0}
.seccion h2{margin-top:0}
.seccion--tinta{background:var(--mn-acero-osc);color:var(--mn-papel)}
.seccion--tinta h2{color:#fff}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px)}
@media(max-width:760px){.dos{grid-template-columns:1fr}}

/* líneas */
.lineas{list-style:none;padding:0;margin:1.2em 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.linea a{display:block;height:100%;background:#fff;border:1px solid var(--mn-linea);border-top:5px solid var(--serie);border-radius:var(--mn-radio);padding:16px;text-decoration:none;color:var(--mn-tinta);transition:transform .18s,box-shadow .18s}
@media(hover:hover) and (pointer:fine){.linea a:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(31,42,46,.35)}}
.linea__img{border-radius:4px;margin-bottom:14px;aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%}
.linea h3{margin-bottom:.3em}
.linea p{font-size:.95rem;color:var(--mn-gris);margin:0}
.mas{display:inline-block;margin-top:.8em;font-weight:600;color:var(--mn-salvia-osc);font-size:.92rem}

/* páginas interiores */
.doc__banda{background:#EFEADD;border-bottom:1px solid var(--mn-linea);padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px)}
.doc__banda h1{margin:.3em 0 0;font-size:clamp(1.8rem,4.2vw,2.8rem);max-width:22em}
.migas{font-size:.85rem;color:var(--mn-gris)}
.migas a{color:var(--mn-gris)}
.migas .sep{margin:0 .5em;opacity:.6}
.doc__cuerpo{padding-block:clamp(28px,5vw,56px) clamp(48px,7vw,96px)}
.prosa{max-width:820px}
.pag--catalogo .prosa,.pag--pagina .prosa{max-width:1000px}
.prosa h2:first-child{margin-top:0}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li{margin-bottom:.5em}
.nota{font-size:.88rem;color:var(--mn-gris)}
.tabla{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{border:1px solid var(--mn-linea);padding:.6em .8em;text-align:left;vertical-align:top}
th{background:#EFEADD}

/* catálogo */
.libros{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:1.2em 0}
.libro{background:#fff;border:1px solid var(--mn-linea);border-top:5px solid var(--serie);border-radius:var(--mn-radio);overflow:hidden}
.libro__img{width:100%}
.libro__txt{padding:16px 18px 20px}
.libro__txt h3{margin:0 0 .4em}
.bloque-img{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:clamp(18px,4vw,40px);align-items:center;margin:1em 0}
.bloque-img__img{border-radius:6px;box-shadow:0 14px 30px -16px rgba(31,42,46,.5)}
@media(max-width:640px){.bloque-img{grid-template-columns:1fr}.bloque-img__img{max-width:360px}}
.muestras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:1.4em 0}
.muestras figure{margin:0}
.muestras img{border-radius:6px;box-shadow:0 12px 26px -14px rgba(31,42,46,.5)}
.muestras figcaption{font-size:.9rem;margin-top:.6em;color:var(--mn-gris);text-align:center}
.series{list-style:none;padding:0 !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.serie{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--mn-linea);border-radius:12px;padding:12px 14px;margin:0 !important}
.serie__color{flex:none;width:30px;height:46px;border-radius:5px;background:var(--serie)}
.serie h3{font-size:1rem;margin:0 0 .2em;font-family:var(--mn-font-texto);font-weight:600}
.serie__subs{list-style:none;padding:0 !important;margin:.3em 0 0;font-size:.82rem;color:var(--mn-gris)}
.serie__subs li{margin:0 0 .15em}

/* formulario */
.form{display:grid;gap:16px;margin-top:1.5em;max-width:620px}
.form__fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.form__fila{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:.75em .9em;border:1.5px solid #b9b4a6;border-radius:10px;background:#fff;color:var(--mn-tinta);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--mn-salvia-osc)}
.form__check{display:flex !important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:400 !important}
.form__check input{width:auto;margin-top:.35em}
.form__error{background:#fbe9e7;border:1px solid #e6b3ac;color:#7a2418;padding:.7em 1em;border-radius:10px;margin:0}
.form__trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* pie */
.pie{background:var(--mn-tinta);color:#d9d6cc;padding:56px 0 28px;margin-top:0}
.pie a{color:#d9d6cc;text-decoration:none}
.pie a:hover{color:var(--mn-mostaza);text-decoration:underline}
.pie__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media(max-width:760px){.pie__grid{grid-template-columns:1fr}}
.pie__logo{width:190px;margin-bottom:12px}
.pie__logo svg{width:100%;height:auto}
.pie__lema{font-family:var(--mn-font-display);font-style:italic;color:#bdb9ad;margin:0}
.pie__h{font-family:var(--mn-font-texto);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mn-mostaza);margin:0 0 .9em}
.pie ul{list-style:none;padding:0;margin:0}
.pie li{margin-bottom:.5em;font-size:.95rem}
/* firma de LaPera: pera a la izquierda del copyright, pegada a él (web-cliente-lapera) */
.pie__bottom{display:flex;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid #3a474c;font-size:.85rem;color:#a9a597}


@media(prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important}}

/* ---------- banner de cookies de LaPera (plantilla-tracking.html) ---------- */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--lp-cookie-bg);color:var(--lp-cookie-text);box-shadow:0 -4px 24px rgba(0,0,0,.18);font-family:var(--lp-cookie-font)}
.cookie-banner-inner{max-width:1248px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
.cookie-banner-text{flex:1 1 420px;font-size:14px;line-height:1.5;color:var(--lp-cookie-muted);margin:0}
.cookie-banner-text a{color:var(--lp-cookie-text);text-decoration:underline}
.cookie-banner-btns{display:flex;flex-wrap:wrap;gap:10px}
.cookie-banner .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.cookie-banner .btn-dark{background:var(--lp-cookie-accent);color:var(--mn-tinta);border-color:var(--lp-cookie-accent)}
.cookie-banner .btn-line{background:transparent;border-color:var(--lp-cookie-border);color:var(--lp-cookie-text)}
.cookie-banner .btn-line:hover{background:var(--lp-cookie-text);color:var(--lp-cookie-bg)}

.cookie-settings{position:fixed;inset:0;z-index:210;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.cookie-settings-inner{background:var(--lp-cookie-surface);color:var(--lp-cookie-ink);border-radius:var(--lp-cookie-radius);max-width:480px;width:100%;padding:32px;max-height:88vh;overflow:auto;font-family:var(--lp-cookie-font)}
.cookie-settings-inner h2{font-size:22px;margin:0 0 20px}
.cookie-settings-inner .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;border:1.5px solid transparent;font-family:inherit}
.cookie-settings-inner .btn-dark{background:var(--lp-cookie-accent);color:var(--mn-tinta)}
.cookie-settings-inner .btn-line{background:transparent;border-color:var(--lp-cookie-ink);color:var(--lp-cookie-ink)}
.cookie-cat{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid var(--lp-cookie-line)}
.cookie-cat p{font-size:14px;color:var(--lp-cookie-stone);margin:4px 0 0}
.cookie-toggle-fixed{font-size:13px;color:var(--lp-cookie-stone);white-space:nowrap;padding-top:2px}
.cookie-switch{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}
.cookie-switch input{opacity:0;width:0;height:0}
.cookie-switch span{position:absolute;inset:0;background:var(--lp-cookie-line);border-radius:999px;transition:background .15s;cursor:pointer}
.cookie-switch span::before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.cookie-switch input:checked + span{background:var(--lp-cookie-accent)}
.cookie-switch input:checked + span::before{transform:translateX(18px)}
.cookie-settings-link{margin:8px 0 20px;font-size:14px}
.cookie-tab{position:fixed;left:20px;bottom:20px;z-index:190;width:44px;height:44px;border-radius:50%;border:1px solid var(--lp-cookie-line);background:var(--lp-cookie-surface);color:var(--lp-cookie-ink);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:0}
@media (hover:hover) and (pointer:fine){.cookie-tab:hover{transform:translateY(-2px)}}
/* Móvil: banner compacto (una franja baja, ~150px): texto 13px y los tres
   botones en UNA fila. No apilar botones ni dejar que ocupe media pantalla. */
@media (max-width:640px){
  .cookie-banner-inner{padding:12px 16px;gap:10px;flex-direction:column;align-items:stretch}
  .cookie-banner-text{font-size:13px;line-height:1.4;flex-basis:auto}
  .cookie-banner-btns{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px}
  .cookie-banner .btn{min-height:40px;padding:0 8px;font-size:13px;width:100%;white-space:nowrap}
  .cookie-settings-inner{padding:20px}
  .cookie-tab{width:40px;height:40px;font-size:18px}
}
.lapera-credit{display:inline-flex;vertical-align:middle;margin-right:.6rem;color:inherit;opacity:.55;transition:opacity .2s}
.lapera-credit:hover,.lapera-credit:focus-visible{opacity:1}

/* ficha de libro */
.ficha{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:clamp(24px,5vw,56px);align-items:start;margin-bottom:1em}
.ficha__portada{border-radius:6px;box-shadow:0 20px 44px -18px rgba(31,42,46,.5);width:100%}
.ficha__formato{font-family:var(--mn-font-display);font-size:1.5rem;font-weight:700;margin:0 0 .6em;color:var(--serie)}
.ficha__botones{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.4em}
.temas{columns:2 280px;column-gap:32px;padding-left:1.4em}
.temas li{break-inside:avoid;margin-bottom:.4em}
.libro .mas{display:inline-block;margin-top:.5em}
@media(max-width:760px){.ficha{grid-template-columns:1fr}.ficha__portada{max-width:380px}}
.seccion--claro{background:#EFEADD}
.prosa h3{font-size:1.1rem;margin:1.4em 0 .3em}