<!– wp:html –>
<style>
:root{
–ink:#0B0B0B;
–ink-2:#161616;
–parchment:#EDE4D3;
–parchment-dim:#A8A29B;
–gold:#B8860B;
–rust:#8B2500;
–turquoise:#1AA6A0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0; background:var(–ink); color:var(–parchment);
font-family:’Spectral’, serif; font-weight:300; line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{color:inherit;}
nav{
position:sticky; top:0; z-index:50;
display:flex; align-items:center; justify-content:space-between; gap:3rem;
padding:22px 6vw; background:rgba(11,11,11,0.86); backdrop-filter:blur(8px);
border-bottom:1px solid rgba(237,228,211,0.08);
}
.brandmark{ display:flex; align-items:center; gap:14px; flex-shrink:0; }
.ring{ width:34px; height:34px; border-radius:50%; border:1.4px solid var(–turquoise); position:relative; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.ring-inner{ width:22px; height:22px; border-radius:50%; border:1px solid var(–parchment); display:flex; align-items:center; justify-content:center; }
.ring-inner::after{ content:»AK»; font-family:’Space Mono’, monospace; font-size:0.5rem; letter-spacing:0.03em; color:var(–parchment); }
.brand-word{ line-height:0.92; font-style:italic; }
.brand-word .pluri{ display:block; font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase; font-style:normal; font-family:’Space Mono’, monospace; color:var(–turquoise); }
.brand-word .verso{ display:block; font-size:1.15rem; }
.navlinks{ display:flex; align-items:center; gap:2.8rem; font-family:’Space Mono’, monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; flex-shrink:0; }
.navlinks a{ text-decoration:none; opacity:0.72; transition:opacity .25s; }
.navlinks a:hover, .navlinks a.active{ opacity:1; }
.navlinks a.active{ color:var(–turquoise); }
@media (max-width:560px){ nav{padding:18px 5vw;} .navlinks{display:none;} }
.subnav{
display:flex; align-items:center; gap:0; flex-wrap:wrap;
padding:14px 6vw; background:var(–ink-2); border-bottom:1px solid rgba(237,228,211,0.08);
font-family:’Space Mono’, monospace; font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase;
}
.subnav a{ text-decoration:none; color:var(–parchment-dim); opacity:0.85; padding:0.4rem 0.9rem; border-left:2px solid transparent; transition:all .2s; }
.subnav a:first-child{ padding-left:0; }
.subnav a:hover{ color:var(–turquoise); }
.subnav a.current{ color:var(–gold); border-left-color:var(–gold); }
.subnav .sep{ color:var(–parchment-dim); opacity:0.4; }
.section-hero{ padding:12vh 6vw 8vh; max-width:900px; margin:0 auto; text-align:center; }
.eyebrow{ font-family:’Space Mono’, monospace; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(–gold); margin-bottom:1.6rem; }
.eyebrow::before{ content:»— «; color:var(–rust); }
h1{ font-family:’Fraunces’, serif; font-weight:500; font-style:italic; font-size:clamp(2.2rem, 5.5vw, 3.8rem); line-height:1.1; margin:0 auto 1.6rem; max-width:16ch; }
h1 .accent{ color:var(–gold); font-style:normal; }
.lede{ font-size:1.1rem; color:var(–parchment-dim); max-width:52ch; margin:0 auto; }
.libreria{ padding:6vh 6vw 12vh; }
.lib-grid{
display:grid; grid-template-columns:repeat(3, 1fr); gap:1px;
background:rgba(237,228,211,0.1); max-width:1100px; margin:0 auto;
}
.lib-card{
background:var(–ink-2); padding:2.4rem 1.8rem;
display:flex; flex-direction:column; gap:1rem;
position:relative; overflow:hidden;
}
.lib-card::before{ content:»»; position:absolute; top:0; left:0; right:0; height:3px; background:var(–gold); }
.lib-tag{ font-family:’Space Mono’, monospace; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; color:var(–gold); }
.lib-card h3{ font-family:’Fraunces’, serif; font-style:italic; font-weight:500; font-size:1.35rem; margin:0; }
.lib-card p{ font-size:0.92rem; color:var(–parchment-dim); margin:0; flex-grow:1; }
.lib-card .price{
font-family:’Space Mono’, monospace; font-size:0.78rem; color:var(–parchment);
border-top:1px solid rgba(237,228,211,0.12); padding-top:1rem;
}
.btn{
font-family:’Space Mono’, monospace; font-size:0.78rem; letter-spacing:0.06em;
text-transform:uppercase; text-decoration:none; padding:0.85rem 1.4rem; border-radius:2px;
display:inline-block; text-align:center; transition:transform .2s, background .2s, color .2s;
}
.btn-gold{ background:var(–gold); color:var(–ink); }
.btn-gold:hover{ background:#d09f18; transform:translateY(-1px); }
@media (max-width:820px){ .lib-grid{ grid-template-columns:1fr; } }
footer{
padding:5vh 6vw; text-align:center; font-family:’Space Mono’, monospace;
font-size:0.7rem; color:var(–parchment-dim); letter-spacing:0.04em;
border-top:1px solid rgba(237,228,211,0.08);
}
</style>
<nav>
<div class=»brandmark»>
<div class=»ring»><div class=»ring-inner»></div></div>
<span class=»brand-word»><span class=»pluri»>Pluri</span><span class=»verso»>verso</span></span>
</div>
<div class=»navlinks»>
<a href=»/»>Inicio</a>
<a href=»/ghostwriter»>Ghostwriter</a>
<a href=»/tu-tienda-de-barrio» class=»active»>Tu tienda de barrio</a>
</div>
</nav>
<div class=»subnav»>
<a href=»/tu-tienda-de-barrio»>Tu tienda de barrio</a>
<span class=»sep»>/</span>
<a href=»/tu-tienda-de-barrio/libreria» class=»current»>Librería</a>
<span class=»sep»>/</span>
<a href=»/tu-tienda-de-barrio/cursos»>Cursos</a>
<span class=»sep»>/</span>
<a href=»/tu-tienda-de-barrio/mentorias»>Mentorías</a>
</div>
<section class=»section-hero»>
<div class=»eyebrow»>Librería</div>
<h1>Librería</h1>
</section>
<section class=»libreria»>
<div class=»lib-grid»>
<div class=»lib-card»>
<div class=»lib-tag»>Novela</div>
<h3>Andarríos</h3>
<p>Novela histórica en extremeño, caló y castellano antiguo. El Rejo, la guerra, el Guadiana.</p>
<div class=»price»>9,99€</div>
<a href=»#» class=»btn btn-gold»>Comprar</a>
</div>
<div class=»lib-card»>
<div class=»lib-tag»>Libro</div>
<h3>Sefer ha Kelev (El Libro del Perro)</h3>
<p>Próximamente en la librería.</p>
<div class=»price»>Próximamente</div>
<a href=»#» class=»btn btn-gold»>Avisadme</a>
</div>
<div class=»lib-card»>
<div class=»lib-tag»>PDF</div>
<h3>Historias jazzísticas</h3>
<p>Biblioteca de relatos sobre jazz y soul.</p>
<div class=»price»>Descarga</div>
<a href=»#» class=»btn btn-gold»>Ver más</a>
</div>
</div>
</section>
<footer>
pluriverso Antón K. — antonkaegikah.com
</footer>
<!– /wp:html –>