/* Biblioteca Antonio Medina
   Concepto: "estantería editorial". Las portadas descansan sobre una línea dorada, como en un estante;
   el texto acompaña con mucho aire. Tema claro único y deliberado: papel cálido, crema, violeta suave,
   verde salvia y filetes dorados. */
@font-face{font-family:"Cormorant";src:url(../fuentes/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fuentes/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fuentes/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fuentes/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fuentes/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fuentes/figtree-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fuentes/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --papel:#fbf8f2; --crema:#f3ecdf; --lila:#efe9f4; --salvia:#e8eee3;
  --violeta:#6b5390; --violeta-tinta:#4e3a6e; --verde:#5a7553; --oro:#b08d4f; --oro-claro:#d9c39a;
  --tinta:#2f2a35; --tinta-2:#625b6b; --linea:#e4dacb;
  --titulos:"Cormorant","Cormorant Garamond",Garamond,"Times New Roman",serif;
  --texto:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --ancho:1200px; --gut:clamp(16px,4.5vw,48px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.7 var(--texto);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block;height:auto}
a{color:var(--violeta-tinta)}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--titulos);font-weight:600;line-height:1.08;text-wrap:balance;color:var(--tinta)}
:focus-visible{outline:2px solid var(--violeta);outline-offset:3px}
.envoltura{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--gut)}
.antetitulo{font:600 12px/1.4 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--violeta)}
.filete{display:flex;align-items:center;gap:14px;color:var(--oro)}
.filete:before,.filete:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--oro-claro))}
.filete:after{background:linear-gradient(90deg,var(--oro-claro),transparent)}
.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:0 1.7em;border-radius:999px;border:1.5px solid var(--violeta);background:var(--violeta);color:#fff;font:600 13px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.boton:hover{background:var(--violeta-tinta);border-color:var(--violeta-tinta)}
.boton.claro{background:transparent;color:var(--violeta-tinta)}
.boton.claro:hover{background:var(--lila)}
.boton.amazon{background:var(--tinta);border-color:var(--tinta)}
.boton.amazon:hover{background:#000}
.boton[disabled]{opacity:.5;cursor:not-allowed}

/* cabecera */
.cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(251,248,242,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cabecera .envoltura{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}
.marca{text-decoration:none;display:grid;line-height:1.05}
.marca b{font:600 22px/1 var(--titulos);letter-spacing:.06em;color:var(--tinta);text-transform:uppercase}
.marca span{font:500 10.5px/1.4 var(--texto);letter-spacing:.26em;text-transform:uppercase;color:var(--oro)}
.menu{display:flex;gap:26px}
.menu a{font:500 13px var(--texto);letter-spacing:.06em;text-decoration:none;color:var(--tinta-2)}
.menu a:hover{color:var(--violeta)}
.volver{font:500 13px var(--texto);text-decoration:none;color:var(--verde);white-space:nowrap;border:1px solid var(--linea);border-radius:999px;padding:8px 14px;background:var(--papel)}
.volver:hover{border-color:var(--verde)}
.enlaces-ame{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.volver.medit{color:var(--violeta-tinta)}
.volver.medit:hover{border-color:var(--violeta)}
.volver.autor-obra{color:#7a5c22;border-color:var(--oro-claro)}
.volver.autor-obra:hover{border-color:var(--oro)}
@media (max-width:1100px){.menu{display:none}}
@media (max-width:900px){.menu{display:none}}
@media (max-width:620px){.enlaces-ame{flex-direction:column;align-items:flex-end;gap:4px}.volver{font-size:11.5px;padding:5px 10px}}
@media (max-width:460px){.marca b{font-size:18px}}

/* portada de la página */
.inicio{padding-block:clamp(44px,7vw,96px) 0;background:linear-gradient(180deg,var(--papel) 0%,var(--crema) 100%)}
.inicio-grilla{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px) clamp(28px,5vw,72px);align-items:end}
.inicio-grilla .estante{grid-column:1/-1;margin-top:clamp(8px,2vw,24px)}
.inicio-lado{display:grid;gap:18px;align-content:end;padding-bottom:6px}
.inicio-texto{display:grid;gap:22px;max-width:600px}
.inicio h1{font-size:clamp(46px,6.6vw,88px);font-weight:600;letter-spacing:-.005em}
.inicio h1 em{font-style:italic;font-weight:500;color:var(--violeta)}
.inicio .bajada{font:500 clamp(20px,2vw,24px)/1.4 var(--titulos);font-style:italic;color:var(--verde)}
.inicio .intro{display:grid;gap:12px;color:var(--tinta-2);font-size:16.5px;max-width:52ch}
.firma{font:500 italic 22px/1 var(--titulos);color:var(--tinta)}
.firma small{display:block;font:500 11px/1.6 var(--texto);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--oro);margin-top:6px}
.cifras{display:flex;flex-wrap:wrap;gap:10px}
.cifras span{border:1px solid var(--linea);background:var(--papel);border-radius:999px;padding:7px 14px;font:500 13px var(--texto);color:var(--tinta-2)}
.cifras b{color:var(--violeta-tinta);font-weight:600}

/* estante */
.estante{position:relative;padding-bottom:26px}
.estante-libros{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1vw,12px)}
.estante-libros a{flex:1 1 0;min-width:0;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.estante-libros a:hover{transform:translateY(-8px)}
.estante-libros img{width:100%;border-radius:2px 4px 4px 2px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 24px -14px rgba(47,42,53,.45)}
.estante-libros a:nth-child(-n+3) img{outline:1px solid rgba(176,141,79,.35);outline-offset:-1px}
.estante:after{content:"";position:absolute;left:-2%;right:-2%;bottom:14px;height:12px;border-top:2px solid var(--oro-claro);background:linear-gradient(180deg,rgba(176,141,79,.18),transparent)}
.estante-leyenda{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font:500 11px var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-2)}
.estante-leyenda b{color:var(--violeta)}
@media (max-width:900px){
  .inicio-grilla{grid-template-columns:minmax(0,1fr)}
  .estante-libros{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 2px 4px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}
  .estante-libros a{flex:0 0 32%;scroll-snap-align:start}
}
@media (max-width:520px){.estante-libros a{flex-basis:42%}}

/* secciones */
section{padding-block:clamp(72px,9vw,128px)}
.encabezado{display:grid;gap:16px;max-width:760px;margin-bottom:clamp(36px,5vw,60px)}
.encabezado h2{font-size:clamp(38px,5vw,64px)}
.encabezado p{color:var(--tinta-2);font-size:17.5px;max-width:60ch}
.encabezado.centrado{margin-inline:auto;text-align:center;justify-items:center}

/* fichas de libros */
.libros{display:grid;gap:clamp(28px,3.5vw,48px) clamp(20px,3vw,40px)}
.libros.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.libros.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){.libros.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.libros.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.libros.tres,.libros.cuatro{grid-template-columns:minmax(0,1fr);max-width:420px;margin-inline:auto}}
.libro{display:grid;grid-template-rows:auto 1fr;gap:20px;min-width:0}
.libro .tapa{position:relative;display:block;cursor:pointer;border:0;padding:0;background:none;text-align:left}
.libro .tapa img{width:100%;border-radius:2px 5px 5px 2px;box-shadow:0 22px 36px -22px rgba(47,42,53,.55),0 2px 6px rgba(47,42,53,.08);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.libro .tapa:hover img{transform:translateY(-6px);box-shadow:0 30px 44px -24px rgba(47,42,53,.6),0 2px 6px rgba(47,42,53,.08)}
.libro .cuerpo{display:grid;gap:10px;align-content:start}
.libro .serie{font:600 11px/1.4 var(--texto);letter-spacing:.2em;text-transform:uppercase}
.libro h3{font-size:clamp(26px,2.4vw,32px)}
.libro h3 span{display:block;font-size:.66em;font-weight:500;color:var(--tinta-2);margin-top:4px;letter-spacing:.04em}
.libro .sub{font:500 italic 19px/1.35 var(--titulos);color:var(--tinta-2)}
.libro .pres{font-size:15.5px;color:var(--tinta-2)}
.libro .formatos{display:flex;flex-wrap:wrap;gap:6px}
.libro .formatos span{font:500 12px var(--texto);border:1px solid var(--linea);border-radius:999px;padding:4px 10px;background:var(--papel)}
.libro .acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.libro .acciones .boton{min-height:44px;padding:0 1.2em;font-size:12px}
.libro .pendiente{font:500 12.5px/1.4 var(--texto);color:var(--tinta-2);border-left:2px solid var(--oro-claro);padding-left:10px}
.sello{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:600 10.5px/1.3 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--oro);border:1px solid var(--oro-claro);background:#fffdf8;padding:7px 11px;border-radius:2px}
.sello:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--oro)}
.aviso{margin-top:clamp(28px,4vw,44px);display:flex;gap:14px;align-items:flex-start;max-width:760px;padding:16px 18px;background:var(--salvia);border-radius:4px;color:#3e5239;font-size:15px}
.aviso b{font-weight:600}

.publicados{background:var(--papel)}
.lanzamientos{background:var(--lila)}
.lanzamientos .encabezado h2 em{font-style:italic;font-weight:500;color:var(--violeta)}
.coleccion-nota{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:-22px;margin-bottom:clamp(30px,4vw,48px);font:500 13px var(--texto);color:var(--tinta-2)}
.coleccion-nota b{color:var(--violeta-tinta);font-weight:600}

/* 2027 · la obra continúa */
.continua{background:var(--crema)}
.continua-grilla{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,90px);align-items:start}
.continua h2{font-size:clamp(40px,5.4vw,72px)}
.continua h2 span{display:block;color:var(--oro);font-size:.5em;letter-spacing:.2em;font-family:var(--texto);font-weight:600;margin-bottom:10px}
.continua .texto{display:grid;gap:16px;font:500 clamp(20px,1.9vw,23px)/1.5 var(--titulos);color:var(--tinta);margin-top:22px;max-width:46ch}
.formulario{background:var(--papel);border:1px solid var(--linea);border-radius:6px;padding:clamp(22px,3vw,34px);display:grid;gap:16px}
.formulario h3{font-size:28px}
.campo{display:grid;gap:6px}
.campo label{font:600 11.5px var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.campo input{width:100%;min-height:48px;border:1px solid var(--linea);border-radius:4px;background:#fff;padding:10px 14px;font:400 16px var(--texto);color:var(--tinta)}
.campo input:focus{border-color:var(--violeta);outline:none}
.campo input:disabled{background:var(--crema);color:var(--tinta-2)}
.consentimiento{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--tinta-2)}
.consentimiento input{margin-top:4px;width:18px;height:18px;accent-color:var(--violeta)}
.estado-form{font-size:14px;padding:12px 14px;border-radius:4px;background:#fbf3df;border:1px solid var(--oro-claro);color:#6b5422}
.alternativa{font-size:14px;color:var(--tinta-2)}
.alternativa a{font-weight:600}

/* autor */
.autor-grilla{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);align-items:center}
.autor-foto{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--crema)}
.autor-foto img{width:100%;height:100%;object-fit:cover}
.autor-monograma{aspect-ratio:4/5;border-radius:4px;background:linear-gradient(160deg,var(--lila),var(--salvia));display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:24px;position:relative}
.autor-monograma:before{content:"";position:absolute;inset:14px;border:1px solid var(--oro-claro);border-radius:2px}
.autor-monograma b{font:500 clamp(84px,10vw,140px)/.9 var(--titulos);color:var(--violeta);letter-spacing:-.02em}
.autor-monograma span{font:600 11px/1.6 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--verde)}
.autor h2{font-size:clamp(40px,5vw,66px)}
.autor .lema{font:500 italic clamp(22px,2.2vw,28px)/1.35 var(--titulos);color:var(--verde);margin-top:8px}
.autor .bio{display:grid;gap:14px;margin-top:22px;color:var(--tinta-2);max-width:58ch}
.datos-autor{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.datos-autor span{font:500 13px var(--texto);border:1px solid var(--linea);border-radius:999px;padding:7px 14px;background:#fff}
@media (max-width:820px){.continua-grilla,.autor-grilla{grid-template-columns:minmax(0,1fr)}.autor-monograma,.autor-foto{max-width:360px}}

/* foto del autor */
.autor-foto{position:relative;box-shadow:0 26px 44px -28px rgba(47,42,53,.55)}
.autor-foto img{object-position:50% 30%}
.autor-foto:after{content:"";position:absolute;inset:12px;border:1px solid rgba(217,195,154,.55);border-radius:2px;pointer-events:none}
.autor .bio p{font:500 clamp(19px,1.7vw,21px)/1.55 var(--titulos);color:var(--tinta)}

/* por qué escribí estos libros */
.porque{background:var(--salvia)}
.porque-envoltura{max-width:880px;display:grid;gap:clamp(28px,4vw,44px)}
.cita{margin:0;display:grid;gap:18px;text-align:center}
.cita blockquote{margin:0;font:500 italic clamp(28px,3.6vw,44px)/1.25 var(--titulos);color:var(--violeta-tinta);text-wrap:balance}
.cita figcaption{font:600 11px var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--oro)}
.cita .filete span{font-size:12px}
.porque-texto{display:grid;gap:16px;font-size:17.5px;color:var(--tinta);max-width:64ch;margin-inline:auto}
.porque-libros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(90,117,83,.25);border-block:1px solid rgba(90,117,83,.25)}
.porque-libros>div{background:var(--salvia);padding:22px 18px;display:grid;gap:8px;align-content:start}
.porque-libros b{font:600 21px/1.2 var(--titulos);color:var(--tinta)}
.porque-libros p{font-size:15px;color:var(--tinta-2)}
.mini{display:flex;align-items:flex-end;gap:5px;height:72px;margin-bottom:6px}
.mini img{height:100%;width:auto;border-radius:1px 3px 3px 1px;box-shadow:0 8px 14px -8px rgba(47,42,53,.5)}
@media (max-width:720px){.porque-libros{grid-template-columns:minmax(0,1fr)}}

/* compartir */
.compartir{background:var(--papel);border-top:1px solid var(--linea)}
.compartir .envoltura{display:grid;justify-items:center;text-align:center;gap:18px}
.compartir h2{font-size:clamp(28px,3.4vw,42px);max-width:22em;font-weight:500;font-style:italic}
.redes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.redes a,.redes button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--linea);background:#fff;color:var(--tinta);font:500 14px var(--texto);text-decoration:none;cursor:pointer}
.redes a:hover,.redes button:hover{border-color:var(--violeta);color:var(--violeta-tinta)}
.redes svg{width:18px;height:18px;fill:currentColor}
.copiado{font-size:13.5px;color:var(--verde);min-height:1.4em}

/* pie */
.pie{background:var(--tinta);color:#d9d2e0;padding-block:56px 28px;font-size:14.5px}
.pie-grilla{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.pie b.marca-pie{display:block;font:600 24px/1.1 var(--titulos);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pie .lema-pie{font:500 italic 19px/1.4 var(--titulos);color:var(--oro-claro);margin-top:8px}
.pie h4{font:600 11px var(--texto);letter-spacing:.22em;text-transform:uppercase;color:#a99fb3;margin-bottom:12px}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie a{color:#efe9f4;text-decoration:none}
.pie a:hover{color:#fff;text-decoration:underline}
.pie .legal{border-top:1px solid #4a4452;margin-top:36px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:#a99fb3}
@media (max-width:760px){.pie-grilla{grid-template-columns:minmax(0,1fr)}}

/* ficha ampliada */
.ficha{position:fixed;inset:0;z-index:60;background:rgba(47,42,53,.55);display:grid;place-items:center;padding:16px}
.ficha[hidden]{display:none}
.ficha-caja{position:relative;width:min(980px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--papel);border-radius:8px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);padding:clamp(20px,3.4vw,44px)}
.ficha-caja img{width:100%;border-radius:2px 5px 5px 2px;box-shadow:0 22px 36px -22px rgba(47,42,53,.55)}
.ficha-info{display:grid;gap:14px;align-content:start;min-width:0}
.ficha-info h2{font-size:clamp(32px,3.6vw,46px)}
.ficha-info h2 span{display:block;font-size:.6em;font-weight:500;color:var(--tinta-2);margin-top:6px}
.ficha-info .sub{font:500 italic 21px/1.35 var(--titulos);color:var(--verde)}
.ficha-info .sinopsis{display:grid;gap:12px;color:var(--tinta-2)}
.ficha-info dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:6px 0 0;border-top:1px solid var(--linea);padding-top:14px;font-size:14.5px}
.ficha-info dt{font:600 11px/1.9 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}
.ficha-info dd{margin:0}
.cerrar{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--linea);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:var(--tinta)}
.cerrar:hover{border-color:var(--violeta)}
@media (max-width:700px){.ficha{padding:0;place-items:end stretch}.ficha-caja{grid-template-columns:minmax(0,1fr);border-radius:12px 12px 0 0;max-height:94dvh}.ficha-caja img{max-width:240px;margin-inline:auto}}

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

/* Ajuste móvil de la cabecera (10-10-2026): los enlaces a las otras webs ya no se salen de la pantalla */
@media (max-width:760px){
  .cabecera{position:relative;top:auto}
  .cabecera .envoltura{flex-wrap:wrap;row-gap:10px;padding-block:10px;min-height:0}
  .cabecera .enlaces-ame{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
  .cabecera .volver{font-size:12px;padding:6px 11px}
}
@media (min-width:761px) and (max-width:1320px){.menu{gap:18px}.menu a{white-space:nowrap;font-size:12.5px}.cabecera .enlaces-ame{gap:6px}.cabecera .volver{font-size:12px;padding:6px 11px}}