@font-face{font-family:"Bree Serif";src:url(../fonts/bree-serif-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Abel";src:url(../fonts/abel-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Code Pro";src:url(../fonts/source-code-pro-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Source Code Pro";src:url(../fonts/source-code-pro-400.woff2) format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:"Source Code Pro",ui-monospace,Menlo,Consolas,monospace;font-weight:300;font-size:16px;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:1500px;margin:0 auto;padding-left:4vw;padding-right:4vw}
.saltar{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:100}
.saltar:focus{left:8px;top:8px}
.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cab{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:44px;padding-bottom:12px}
.logo{font-family:"Bree Serif",Georgia,serif;font-size:2.45rem;line-height:1.1;text-decoration:none;white-space:nowrap}
.cab-der{display:flex;align-items:center;gap:56px}
nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 44px;list-style:none;margin:0;padding:0;max-width:560px}
nav a{text-decoration:none;font-weight:300;padding-bottom:1px;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current=page]{border-bottom-color:#000}
.social{display:flex;gap:40px}
.social a{display:flex;opacity:1}
.social a:hover{opacity:.6}
main{padding-top:70px;padding-bottom:70px;min-height:60vh}
h1,h2{font-family:"Abel",Arial,sans-serif;font-weight:400;line-height:1.15;margin:0}
h1{font-size:2.9rem;text-align:center;margin-bottom:1.1em}
h2{font-size:2rem;margin:2em 0 .6em}
h2.grupo{text-align:center;margin:2.2em 0 1em}
.galeria{column-count:4;column-gap:20px}
.galeria a{display:block;margin:0 0 20px;break-inside:avoid;line-height:0}
.galeria img{width:100%;height:auto;display:block}
.galeria a:hover img{opacity:.88}
.texto{max-width:660px;margin:0 auto}
.texto p{margin:0 0 1.25em}
.foto{margin:2.2em auto}
.foto img{display:block;margin:0 auto;max-height:80vh;width:auto}
.foto figcaption{font-family:"Abel",Arial,sans-serif;text-align:center;font-size:1.05rem;margin-top:.5em}
.portada-digital{text-align:center}
.portada-digital .foto{margin-top:0}
.portada-digital figcaption{display:none}
.novela{display:grid;grid-template-columns:minmax(220px,380px) minmax(0,660px);gap:56px;justify-content:center;align-items:start}
.novela .portada{display:block;line-height:0}
.novela .portada img{width:100%}
.novela .texto{margin:0}
.boton{display:inline-block;border:1px solid #000;padding:.65em 1.7em;text-decoration:none;font-family:"Abel",Arial,sans-serif;font-size:1.15rem;margin-top:.4em}
.boton:hover{background:#000;color:#fff}
.pie{padding-top:28px;padding-bottom:48px;text-align:center;font-size:.9rem}
.pie p{margin:0 0 .3em}
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center;z-index:50}
.lb figure{margin:0;text-align:center;max-width:92vw}
.lb img{max-width:92vw;max-height:84vh;width:auto;height:auto;object-fit:contain}
.lb figcaption{font-family:"Abel",Arial,sans-serif;font-size:1.15rem;margin-top:10px;min-height:1.5em}
.lb button{position:absolute;background:none;border:0;color:#000;cursor:pointer;font:300 3rem/1 "Source Code Pro",monospace;padding:12px 18px}
.lb-x{top:8px;right:10px}
.lb-p{left:4px;top:50%;transform:translateY(-50%)}
.lb-n{right:4px;top:50%;transform:translateY(-50%)}
.lb button:hover{opacity:.55}
body.lb-open{overflow:hidden}
@media (max-width:1100px){.galeria{column-count:3}.cab{flex-wrap:wrap}.cab-der{gap:32px}}
@media (max-width:860px){
  .cab{flex-direction:column;align-items:flex-start;gap:18px;padding-top:28px}
  .cab-der{flex-direction:column;align-items:flex-start;gap:16px}
  nav ul{justify-content:flex-start;gap:6px 26px}
  main{padding-top:40px}
  h1{font-size:2.3rem}
  .novela{grid-template-columns:1fr;gap:32px}
  .novela .portada{max-width:340px;margin:0 auto}
}
@media (max-width:640px){.galeria{column-count:2;column-gap:12px}.galeria a{margin-bottom:12px}.logo{font-size:2rem}}