@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/fraunces-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/fraunces-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fuentes/fraunces-normal-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fuentes/fraunces-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/lora-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/lora-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/lora-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fuentes/lora-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fuentes/lora-normal-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fuentes/lora-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============================================================
   ariadnakastri.com — hoja de estilo única
   Marca: fondo #FBF7F0 + filete dorado  [MARCA-KASTRI-TABLERO.md, 28-ago-2026]
   Sin dependencias externas: ni tipografías de Google, ni CDN, ni scripts
   remotos. (Decisión: cero peticiones a terceros = cero cookies de terceros
   y nada que declarar en un aviso de privacidad por fuentes remotas.)
   El único guion del sitio va EN LÍNEA en la página de boletín, no llama a
   nadie y solo sirve para que el alta ocurra sin salir de la página.
   Las portadas también se sirven desde aquí, no desde Amazon: así ningún
   tercero se entera de quién nos visita.
   ============================================================ */

:root{
  --fondo:      #FBF7F0;
  --fondo-alto: #FFFFFF;
  --fondo-hoja: #F4EBDD;
  --texto:      #2A2320;
  --tenue:      #5A4E47;
  --oro:        #9A4424;
  --oro-claro:  #1F5F8B;
  --filete:     rgba(154,68,36,.28);
  --filete-sut: rgba(42,35,32,.10);

  --serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",
           Georgia,"Times New Roman",serif;
  --sans:  -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:  ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  --medida: 37rem;
}

*{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }

body{
  margin:0;
  background:var(--fondo);
  color:var(--texto);
  font-family:var(--serif);
  font-size:19px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* El filete dorado que abre la página */
body::before{
  content:"";
  display:block;
  height:3px;
  background:linear-gradient(90deg,
    transparent 0%, var(--oro) 18%, var(--oro-claro) 50%, var(--oro) 82%, transparent 100%);
}

.contenedor{
  max-width:var(--medida);
  margin:0 auto;
  padding:0 1.4rem;
}

/* ---------- Enlaces ---------- */
a{ color:var(--oro-claro); text-decoration:none;
   border-bottom:1px solid var(--filete);
   transition:border-color .15s ease, color .15s ease }
a:hover{ color:#174A6D; border-bottom-color:var(--oro) }
a:focus-visible{ outline:2px solid var(--oro); outline-offset:3px; border-radius:2px }

/* ---------- Cabecera ---------- */
.cabecera{ padding:4rem 0 1.6rem; text-align:center }

.firma{
  font-size:clamp(2.3rem,7vw,3.4rem);
  line-height:1.08;
  margin:0;
  font-weight:400;
  letter-spacing:.055em;
  color:var(--texto);
}
.firma a{ color:inherit; border:0 }

.lema{
  margin:1.1rem auto 0;
  max-width:26rem;
  font-size:1.02rem;
  font-style:italic;
  color:var(--tenue);
  line-height:1.5;
}

/* La frase-verja: el foso de la casa, en dorado */
.verja{
  margin:2.2rem auto 0;
  max-width:28rem;
  padding:1.15rem 1.2rem;
  border-top:1px solid var(--filete);
  border-bottom:1px solid var(--filete);
  color:var(--oro-claro);
  font-size:1.06rem;
  font-style:italic;
  letter-spacing:.012em;
}

/* ---------- Navegación principal y selector de lengua ----------
   Dos niveles distintos a propósito: el MENÚ manda, la lengua acompaña.
   Si los dos pesan igual, el lector no sabe cuál es la navegación. */
.menu, .lenguas{
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.35rem 0;
  font-family:var(--sans);
  text-transform:uppercase;
}
.menu li, .lenguas li{ display:flex; align-items:center }
.menu li + li::before, .lenguas li + li::before{
  content:"·"; color:var(--filete); margin:0 .7rem;
}

/* Menú: la navegación de verdad */
.menu{
  margin:2.1rem 0 0;
  font-size:.8rem;
  letter-spacing:.15em;
}
.menu a{ color:var(--texto); border:0; padding-bottom:2px }
.menu a:hover{ color:var(--oro-claro) }
.menu a[aria-current="page"]{ color:var(--oro); border-bottom:1px solid var(--oro) }

/* Lengua: acompaña, no compite */
.lenguas{
  margin:1.6rem 0 0;
  font-size:.68rem;
  letter-spacing:.13em;
  opacity:.82;
}
.lenguas a{ color:var(--tenue); border:0 }
.lenguas a:hover{ color:var(--oro-claro) }
.lenguas [aria-current="true"]{ color:var(--oro) }

/* ---------- Secciones ---------- */
section{ padding:3.2rem 0 }
section + section{ border-top:1px solid var(--filete-sut) }

.rotulo{
  font-family:var(--sans);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.185em;
  color:var(--oro);
  margin:0 0 1.5rem;
  font-weight:600;
}

h2{
  font-size:1.55rem;
  font-weight:400;
  line-height:1.25;
  margin:0 0 1.1rem;
  letter-spacing:.01em;
}
h3{
  font-size:1.12rem;
  font-weight:400;
  margin:2rem 0 .5rem;
  color:var(--oro-claro);
  letter-spacing:.015em;
}

p{ margin:0 0 1.15rem }
p:last-child{ margin-bottom:0 }

/* ---------- El método: lista numerada de reglas ---------- */
.metodo{ margin:0; padding:0; list-style:none; counter-reset:regla }
.metodo li{
  counter-increment:regla;
  position:relative;
  padding:.55rem 0 .55rem 2.6rem;
  border-bottom:1px solid var(--filete-sut);
}
.metodo li:last-child{ border-bottom:0 }
.metodo li::before{
  content:counter(regla,decimal-leading-zero);
  position:absolute; left:0; top:.62rem;
  font-family:var(--mono);
  font-size:.78rem;
  color:var(--oro);
  letter-spacing:.06em;
}

/* ---------- Lista simple (formatos, ediciones en otras lenguas) ----------
   Sin numerar: numerar implica un orden que aquí no existe. */
.lista{ margin:0; padding:0; list-style:none }
.lista li{
  padding:.6rem 0;
  border-bottom:1px solid var(--filete-sut);
}
.lista li:last-child{ border-bottom:0 }

/* ---------- Los libros ---------- */
.libros{ margin:0; padding:0; list-style:none }

.libro{
  display:flex;
  gap:1.05rem;
  align-items:flex-start;
  padding:1.25rem 1.3rem;
  margin-bottom:.7rem;
  background:var(--fondo-alto);
  border:1px solid var(--filete-sut);
  border-left:3px solid var(--filete);
  border-radius:2px;
  transition:border-left-color .15s ease, background .15s ease;
}
a.libro{ border-bottom:1px solid var(--filete-sut); color:inherit }
a.libro:hover{ border-left-color:var(--oro); background:#FFFFFF }
a.libro:hover .libro-titulo{ color:var(--oro-claro) }

.libro-titulo{
  display:block;
  font-size:1.14rem;
  line-height:1.32;
  color:var(--texto);
  transition:color .15s ease;
}
.libro-sub{
  display:block;
  margin-top:.3rem;
  font-size:.92rem;
  color:var(--tenue);
  line-height:1.45;
}
.libro-pie{
  display:block;
  margin-top:.6rem;
  font-family:var(--sans);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:var(--oro);
}
.libro.destacado{ border-left-color:var(--oro) }

/* ---------- La coordenada: el motivo de la casa ---------- */
.coord{
  display:inline-block;
  font-family:var(--mono);
  font-size:.78em;
  color:var(--oro);
  background:rgba(217,164,65,.14);
  border:1px solid var(--filete-sut);
  border-radius:2px;
  padding:.05em .42em;
  letter-spacing:.02em;
  white-space:nowrap;
}

/* ---------- Llamada / botón ---------- */
.llamada{
  display:inline-block;
  margin-top:.5rem;
  padding:.78rem 1.5rem;
  border:1px solid var(--oro);
  border-radius:2px;
  color:var(--oro-claro);
  font-family:var(--sans);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  background:transparent;
  transition:background .15s ease, color .15s ease;
}
.llamada:hover{ background:var(--oro); color:#FBF7F0; border-color:var(--oro) }

.correo{
  font-family:var(--mono);
  font-size:.95rem;
  letter-spacing:.01em;
  word-break:break-word;
}

/* ---------- Nota menor / letra pequeña ---------- */
.nota{
  font-size:.88rem;
  color:var(--tenue);
  line-height:1.55;
}

/* ---------- El expediente (entrada de blog) ---------- */
.expediente-cabecera{ padding:3.6rem 0 1.8rem; text-align:center }
.expediente-numero{
  font-family:var(--sans);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.185em;
  color:var(--oro);
  margin:0 0 .9rem;
}
.expediente-titulo{
  font-size:clamp(1.75rem,5vw,2.5rem);
  font-weight:400;
  line-height:1.18;
  margin:0;
  letter-spacing:.012em;
}
.expediente-entradilla{
  margin:1.4rem auto 0;
  max-width:30rem;
  font-style:italic;
  color:var(--tenue);
  font-size:1rem;
}

.parte{ padding:2.4rem 0; border-top:1px solid var(--filete-sut) }
.parte-rotulo{
  font-family:var(--sans);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.185em;
  color:var(--oro);
  margin:0 0 1rem;
  font-weight:600;
}

.veredicto{
  background:var(--fondo-alto);
  border:1px solid var(--filete);
  border-radius:2px;
  padding:1.5rem 1.4rem;
  margin-top:1.2rem;
}
.veredicto .coord-lista{
  margin:1rem 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}

.firma-ak{
  margin-top:2rem;
  font-family:var(--sans);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--oro);
}

/* La primera línea de la ficha: el golpe. Escrita como pérdida evitada
   («Crees conocer a Dafne. Conoces la mitad que te dejaron ver»), va
   arriba y con cuerpo, no enterrada bajo los formatos. */
.destacado-linea{
  font-size:1.16rem;
  line-height:1.6;
  margin:0;
}

/* ============================================================
   LAS PORTADAS — el libro como objeto
   Un catálogo sin portadas es una lista de deberes. Con portadas
   es un estante: se mira antes de leerse.
   ============================================================ */
.portada-ficha{
  display:block;
  /* La portada que sirve Amazon mide 313 px de ancho: ese es el techo real.
     Mostrarla más grande la vuelve blanda, y una portada blanda dice de la
     editorial justo lo contrario de lo que queremos que diga. */
  width:min(13rem,52vw);
  height:auto;
  margin:0 auto 2rem;
  border-radius:2px;
  border:1px solid var(--filete);
  box-shadow:0 14px 34px rgba(42,35,32,.1), 0 2px 6px rgba(42,35,32,.1);
}

/* Miniatura dentro de la tarjeta de la lista */
.libro-portada{
  flex:0 0 auto;
  width:4.6rem;
  height:auto;
  border-radius:2px;
  border:1px solid var(--filete-sut);
  box-shadow:0 6px 16px rgba(42,35,32,.12);
  background:var(--fondo-hoja);
}
.libro-texto{ min-width:0 }

/* ============================================================
   LA MUESTRA — un pasaje del libro, con su coordenada a la vista.
   Sustituye a la reseña que todavía no existe: no decimos que el
   libro es bueno, enseñamos cómo trabaja y que se deja comprobar.
   ============================================================ */
.muestra{
  margin:1.3rem 0 0;
  padding:1.5rem 1.5rem 1.35rem;
  background:var(--fondo-hoja);
  border:1px solid var(--filete-sut);
  border-left:3px solid var(--oro);
  border-radius:2px;
}
.muestra p{ margin:0 0 .9rem }
.muestra p:last-child{ margin-bottom:0 }
.muestra-texto{
  font-size:1.02rem;
  line-height:1.7;
}
/* El corte: la muestra se interrumpe donde el libro sigue. */
.muestra-corte{
  margin-top:1.1rem;
  padding-top:.9rem;
  border-top:1px solid var(--filete-sut);
  font-family:var(--sans);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--tenue);
}
.muestra-prueba{
  margin-top:1.15rem;
  padding-top:1rem;
  border-top:1px solid var(--filete-sut);
}
.muestra-prueba .nota{ margin:0 0 .55rem }

/* ============================================================
   FORMATOS Y PRECIO — lo que cuesta, antes de pedir el clic
   ============================================================ */
.formatos{ margin:0; padding:0; list-style:none }
.formato{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 0;
  border-bottom:1px solid var(--filete-sut);
}
.formato:last-child{ border-bottom:0 }
.formato-nombre{ border-bottom:1px solid var(--filete) }
.formato-datos{
  flex:0 0 auto;
  text-align:right;
  font-family:var(--sans);
  font-size:.86rem;
  color:var(--tenue);
  white-space:nowrap;
}
.precio{
  color:var(--oro-claro);
  font-size:1rem;
  letter-spacing:.01em;
}
.formato-detalle{
  display:block;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:rgba(90,78,71,.8);
  margin-top:.2rem;
}

/* ============================================================
   PARA REGALAR — quien compra el ómnibus no siempre es quien lo lee.
   Bloque de hechos: qué objeto es, cuánto pesa, cuánto cuesta.
   ============================================================ */
.regalo{
  margin-top:1.2rem;
  padding:1.4rem 1.45rem;
  background:var(--fondo-alto);
  border:1px solid var(--filete);
  border-radius:2px;
}
.regalo p{ margin:0 0 .7rem }
.regalo p:last-child{ margin-bottom:0 }
.regalo-datos{
  font-family:var(--sans);
  font-size:.88rem;
  color:var(--tenue);
  line-height:1.7;
}
.regalo-datos strong{ color:var(--oro-claro); font-weight:400 }

/* ============================================================
   ALTA EN EL BOLETÍN — un campo y un botón, aquí mismo.
   El lector no debería tener que abrir un programa de correo
   para decir que sí.
   ============================================================ */
.alta{ margin:1.4rem 0 0 }
.alta-fila{ display:flex; flex-wrap:wrap; gap:.7rem; align-items:stretch }
.alta label{
  display:block;
  font-family:var(--sans);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:var(--oro);
  margin-bottom:.55rem;
}
.alta input[type=email]{
  flex:1 1 15rem;
  min-width:0;
  padding:.78rem .95rem;
  background:var(--fondo-hoja);
  border:1px solid var(--filete);
  border-radius:2px;
  color:var(--texto);
  font-family:var(--mono);
  font-size:.95rem;
}
.alta input[type=email]::placeholder{ color:rgba(90,78,71,.55) }
.alta input[type=email]:focus{
  outline:none;
  border-color:var(--oro);
  box-shadow:0 0 0 2px rgba(217,164,65,.18);
}
.alta button{ margin-top:0; cursor:pointer; flex:0 0 auto }
.alta-aviso{ margin-top:.95rem }
.alta-hecho{
  margin-top:1.3rem;
  padding:1.3rem 1.35rem;
  background:var(--fondo-alto);
  border:1px solid var(--oro);
  border-radius:2px;
}
.alta-hecho p{ margin:0 0 .7rem }
.alta-hecho p:last-child{ margin-bottom:0 }
.copiar{
  font-family:var(--sans);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:var(--oro-claro);
  background:transparent;
  border:1px solid var(--filete);
  border-radius:2px;
  padding:.42rem .8rem;
  margin-left:.5rem;
  cursor:pointer;
}
.copiar:hover{ border-color:var(--oro) }

/* ---------- Pie ---------- */
.pie{
  padding:3rem 0 4rem;
  border-top:1px solid var(--filete);
  margin-top:1rem;
  text-align:center;
  font-size:.86rem;
  color:var(--tenue);
}
.pie a{ color:var(--tenue) }
.pie a:hover{ color:var(--oro-claro) }
.pie-marca{
  display:block;
  margin-top:.8rem;
  font-family:var(--sans);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.17em;
  color:rgba(90,78,71,.65);
}

/* ============================================================
   9-sep-2026 · «más amable, comercial y atractiva» (encargo #236)
   Tres piezas nuevas, ninguna dependencia añadida: EL ESTANTE (el catálogo
   como rejilla de portadas), LA PUERTA («empieza por aquí») y LAS LÁMINAS
   (el arte A+ ya aprobado, reutilizado como arte de sección).
   ============================================================ */

/* El contenedor ancho: la medida de lectura (37rem) es sagrada para la
   PROSA, pero asfixia a un estante. Las secciones de imagen respiran aquí. */
.contenedor.ancho{ max-width:62rem }

/* Salto al contenido: existía el rótulo en las cinco lenguas y no había
   enlace. Ahora lo hay, y solo aparece cuando se navega con teclado. */
.saltar{
  position:absolute; left:-9999px; top:0; z-index:10;
  background:var(--fondo-alto); color:var(--oro-claro);
  padding:.7rem 1.1rem; border:1px solid var(--oro); border-radius:2px;
  font-family:var(--sans); font-size:.8rem;
}
.saltar:focus{ left:1rem; top:1rem }

/* ---------- Las láminas ---------- */
.arte-seccion{ padding:2.4rem 0 }
.arte{
  display:block;
  width:100%;
  height:auto;
  border-radius:3px;
  border:1px solid var(--filete);
  box-shadow:0 16px 40px rgba(42,35,32,.15);
}

/* ---------- EL ESTANTE ----------
   Rejilla que se llena sola: en un móvil caben dos portadas, en un portátil
   seis. Nada de media queries por número de columnas. */
.estante{
  margin:0; padding:0; list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));
  gap:1.5rem 1.2rem;
}
.baldosa{
  display:block;
  border:0;
  color:inherit;
  text-align:center;
}
.baldosa img{
  display:block;
  width:100%;
  height:auto;
  border-radius:2px;
  border:1px solid var(--filete-sut);
  box-shadow:0 8px 20px rgba(42,35,32,.15);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.baldosa:hover img,
.baldosa:focus-visible img{
  transform:translateY(-4px);
  border-color:var(--oro);
  box-shadow:0 14px 30px rgba(42,35,32,.15);
}
.baldosa-titulo{
  display:block;
  margin-top:.65rem;
  font-size:.82rem;
  line-height:1.35;
  color:var(--tenue);
  transition:color .15s ease;
}
.baldosa:hover .baldosa-titulo{ color:var(--oro-claro) }

/* ---------- LA PUERTA: «empieza por aquí» ----------
   Portada grande a un lado, gancho y precio al otro, un solo botón. */
.puerta{
  display:flex;
  gap:2rem;
  align-items:flex-start;
  padding:1.8rem;
  background:var(--fondo-alto);
  border:1px solid var(--filete-sut);
  border-left:3px solid var(--oro);
  border-radius:2px;
}
.puerta-portada{
  flex:0 0 auto;
  width:min(11rem,34vw);
  height:auto;
  border-radius:2px;
  border:1px solid var(--filete);
  box-shadow:0 14px 32px rgba(42,35,32,.1);
}
.puerta-texto{ min-width:0 }
.puerta-titulo{
  font-size:1.5rem;
  margin:0 0 .8rem;
  line-height:1.2;
}
.puerta-gancho{
  font-size:1.06rem;
  color:var(--texto);
  margin:0 0 .9rem;
}
.puerta .libro-pie{ margin-top:0 }
/* En la ficha de libro, la misma caja lleva la portada grande + la lista de
   formatos con su precio: la caja de compra, arriba del todo. */
.puerta .portada-ficha{ flex:0 0 auto; width:min(13rem,38vw); margin:0 }
.puerta .formatos{ margin-top:.4rem }
.puerta .nota{ margin-top:.9rem }
.puerta .verja{ margin-left:0 }

/* ---------- Ajustes de pantalla pequeña ---------- */
@media (max-width:36rem){
  body{ font-size:18px }
  .cabecera{ padding:3.2rem 0 2.2rem }
  section{ padding:2.6rem 0 }
  .libro{ padding:1.1rem 1rem; gap:.85rem }
  .libro-portada{ width:3.7rem }
  .muestra{ padding:1.2rem 1.15rem }
  .estante{ grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr)); gap:1.2rem .9rem }
  .puerta{ flex-direction:column; align-items:center; text-align:center; padding:1.3rem 1.1rem }
  .puerta-portada{ width:min(9rem,46vw) }
  .arte-seccion{ padding:1.8rem 0 }
  .formato{ flex-wrap:wrap; gap:.35rem }
  .formato-datos{ text-align:left }
  .alta button{ width:100% }
}

/* ---------- Respeto por quien pide menos movimiento ---------- */
@media (prefers-reduced-motion:reduce){
  *{ transition:none !important }
}

/* ---------- Impresión ---------- */
@media print{
  body{ background:#fff; color:#111 }
  body::before{ display:none }
  .lenguas,.llamada,.saltar,.arte{ display:none }
  a{ color:#111; border:0 }
  .coord{ color:#111; background:none }
}

.otra-tienda{margin:.3rem 0 0;font-size:.85rem;opacity:.8}

/* ===== Rediseño «Egeo luminoso» (22-sep-2026) — se añade tras la hoja base ===== */
:root{--cal:#FBF7F0;--crema:#F4EBDD;--tinta:#2A2320;--tinta2:#5A4E47;--egeo:#1F5F8B;--egeo-osc:#174A6D;
--terracota:#B5532F;--terracota-osc:#9A4424;--ocre:#D9A441;--olivo:#6F7A4A;--rosa:#F6E1D8;--linea:#E6D9C6;
--serif:"Lora",Georgia,"Times New Roman",serif;--titulo:"Fraunces","Lora",Georgia,serif}
html,body{overflow-x:hidden}
body{font-size:18px;line-height:1.65}
body::before{height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10'%3E%3Cpath d='M0 9h14V1H4v5h6V4' fill='none' stroke='%23D9A441' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x}
h1,h2,h3,.firma,.expediente-titulo,.puerta-titulo{font-family:var(--titulo);font-weight:500;letter-spacing:-.01em;color:var(--tinta)}
h1{font-size:clamp(2rem,5.4vw,3.2rem);line-height:1.12;margin:0 0 1rem}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--egeo)}
h2{font-size:clamp(1.6rem,3.6vw,2.2rem)}
a{color:var(--egeo);border-bottom-color:rgba(31,95,139,.3)}
a:hover{color:var(--terracota-osc)}
a:focus-visible,select:focus-visible,.fmt:focus-visible{outline:3px solid var(--ocre);outline-offset:3px}
.c{max-width:68rem;margin:0 auto;padding:0 1rem}.estrecho{max-width:40rem}
/* cabecera */
.cabecera{padding:1.6rem 0 1rem;background:var(--cal);border-bottom:1px solid var(--linea)}
.cabecera .contenedor{max-width:68rem}
.firma{font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:.01em}
.firma a{color:var(--tinta)}
.lema{color:var(--tinta2);margin-top:.4rem}
.menu{margin-top:1.1rem}.menu a{color:var(--tinta)}.menu a:hover{color:var(--terracota)}
.lenguas{margin-top:.8rem;opacity:1}.lenguas a{color:var(--tinta2)}.lenguas [aria-current="true"]{color:var(--terracota-osc);font-weight:700}
.tienda{margin-top:.8rem;font:500 .8rem/1 system-ui,-apple-system,sans-serif;color:var(--tinta2)}
.tienda select{font:inherit;color:var(--tinta);background:#fff;border:1px solid #B9A994;border-radius:999px;padding:.35rem .7rem;margin-left:.3rem}
section{padding:3.2rem 0}section+section{border-top:0}
.rotulo{color:var(--terracota-osc);font-family:system-ui,-apple-system,sans-serif}
/* botones */
.boton{display:inline-block;font:600 1rem/1 system-ui,-apple-system,sans-serif;padding:1rem 1.5rem;border-radius:999px;border:0;text-decoration:none}
.b1{background:var(--terracota);color:#fff}.b1:hover{background:var(--terracota-osc);color:#fff}
.b2{background:#fff;color:var(--egeo);box-shadow:inset 0 0 0 2px var(--egeo)}.b2:hover{background:var(--egeo);color:#fff}
.llamada{border-radius:999px;border:0;background:var(--terracota);color:#fff;letter-spacing:.06em}
.llamada:hover{background:var(--terracota-osc);color:#fff}
/* formatos: tres botones por libro */
.fmts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}
.fmt{display:inline-block;font:600 .84rem/1.2 system-ui,-apple-system,sans-serif;padding:.6rem .9rem;border-radius:999px;border:0;
  color:var(--egeo);background:#fff;box-shadow:inset 0 0 0 1.5px var(--egeo);text-decoration:none}
.fmt:hover{background:var(--egeo);color:#fff}
.fmt-1{background:var(--terracota);color:#fff;box-shadow:none}.fmt-1:hover{background:var(--terracota-osc);color:#fff}
.fmt .precio{font-weight:500;opacity:.92}
.fmt-no{color:#6E625A;box-shadow:inset 0 0 0 1.5px #D5C8B6;text-decoration:line-through;background:transparent}
.otra-tienda-activa .fmt .precio,.otra-tienda-activa .nota-precio,.otra-tienda-activa .regalar{display:none}
/* héroe */
.heroe{background:radial-gradient(110% 80% at 90% 0,#DCEAF3 0,transparent 55%),radial-gradient(80% 70% at 0 100%,var(--rosa) 0,transparent 60%),var(--crema);padding:3rem 0}
.heroe-rejilla{display:grid;gap:2.2rem;align-items:center}
@media(min-width:780px){.heroe-rejilla{grid-template-columns:1.15fr .85fr}}
.heroe-rejilla>*{min-width:0}
.entrada{font-size:1.15rem;color:var(--tinta2);max-width:34rem}
.heroe .fmts .fmt{font-size:.95rem;padding:.85rem 1.2rem}
.regalar{margin:.9rem 0 0;font-size:.98rem;color:var(--tinta)}
.leer{margin-top:1rem;font-size:.95rem}
.heroe-obj{justify-self:center;max-width:320px;width:100%}
.heroe-portada{width:78%;margin:0 auto;border-radius:3px 8px 8px 3px;transform:rotate(-2deg);
  box-shadow:-5px 0 0 -2px rgba(0,0,0,.08),0 24px 50px -12px rgba(31,95,139,.45),0 8px 18px rgba(42,35,32,.18)}
.porque{margin-top:1.6rem;background:#fff;border:1px solid var(--linea);border-left:4px solid var(--ocre);border-radius:12px;padding:1rem 1.1rem}
.porque-t{font:700 .78rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--terracota-osc);margin:0 0 .6rem}
.porque ul{margin:0;padding:0;list-style:none}.porque li{position:relative;padding-left:1.3rem;margin:.35rem 0;font-size:.95rem;line-height:1.45}
.porque li::before{content:"";position:absolute;left:0;top:.5em;width:.6rem;height:.6rem;border-radius:50%;background:var(--olivo)}
/* prueba del método */
.prueba{background:var(--rosa)}
.prueba-rejilla{display:grid;gap:1.6rem;align-items:center}@media(min-width:780px){.prueba-rejilla{grid-template-columns:1fr 1fr}}
.prueba-af{font:italic 400 clamp(1.15rem,2.4vw,1.4rem)/1.5 var(--titulo);margin:0}
.prueba-verso{margin:0;background:#fff;border-radius:16px;padding:1.4rem 1.5rem;border:1px solid var(--linea)}
.prueba-verso blockquote{margin:0;font:1.35rem/1.5 var(--serif);color:var(--egeo-osc)}
.prueba-verso figcaption{margin-top:.8rem;font:500 .88rem/1.4 system-ui,sans-serif;color:var(--tinta2)}
/* banda regalo */
.banda-regalo{background:var(--egeo);color:#fff}
.banda-regalo h2{color:#fff}.banda-regalo em{color:#F6E1D8}.banda-regalo p{margin:0}
.banda-rejilla{display:grid;gap:1.2rem;align-items:center}@media(min-width:780px){.banda-rejilla{grid-template-columns:1fr auto}}
/* catálogo */
.catalogo{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1.1rem}
@media(min-width:780px){.catalogo{grid-template-columns:1fr 1fr}}
.tj{display:grid;grid-template-columns:104px 1fr;gap:1.1rem;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:1rem}
.tj-dest{background:#FFF9EC;border-color:var(--ocre)}
.tj-txt{min-width:0}.tj-tapa{border:0}
.tj img{border-radius:2px 5px 5px 2px;box-shadow:0 10px 18px -8px rgba(42,35,32,.35);transition:transform .2s}
.tj-tapa:hover img{transform:translateY(-3px) rotate(-1deg)}
.tj h3{font-size:1.15rem;margin:0 0 .3rem;color:var(--tinta)}.tj h3 a{color:var(--tinta);border:0}.tj h3 a:hover{color:var(--egeo)}
.tj p{margin:0;font-size:.95rem;color:var(--tinta2);line-height:1.45}
.nota-precio{margin-top:1rem}
.todos{margin-top:1.4rem}
/* tarjetas finales (método, escríbeme) */
.tarjetas-fin .contenedor{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:2rem 1.6rem;max-width:44rem}
/* regalo */
.formulario{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:1rem;box-shadow:0 20px 40px -24px rgba(31,95,139,.4)}
.formulario .regalo{border:0;margin:0;border-radius:12px}
.firma-ak{font:italic 1.3rem var(--titulo);text-transform:none;letter-spacing:0;color:var(--terracota-osc)}
/* piezas de la hoja base en claro */
.libro,.veredicto,.muestra{background:#fff}
.pie{background:var(--tinta);color:#EDE3D3;border-top:0}.pie a{color:#F3D18A;border-bottom-color:rgba(243,209,138,.4)}.pie .pie-marca{color:#C9BBA8}
.pie-legal,.pie p{color:#EDE3D3}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
img{max-width:100%;height:auto;display:block}
.tj-tapa{display:block;width:104px}.tj-tapa img{width:104px}
.fmt .precio{color:inherit;font-size:inherit;font-family:inherit;letter-spacing:0;text-transform:none}

/* Excepciones ASIN × tienda: formato inexistente en la tienda elegida (JS pon()) */
.no-en-tienda{display:none!important}