@import "https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";
@import "https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap";
body{margin:0;padding:0;font:1.1em EB Garamond,serif}a{color:#000;text-decoration:none}main{width:100vw;height:max-content;overflow:clip scroll}hr{border:1px solid #e7e7e7}.error{padding:10%}header{letter-spacing:.28em;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:Libre Baskerville,sans-serif;display:flex}header:hover{text-shadow:1px 1px #b4b4b4}header{z-index:1;border-bottom:0 solid #0000;width:100vw;height:8vh;padding:.5em;transition:all .5s;position:fixed}header h1{opacity:.2;margin:.5em;font-size:1em;transition:all .3s;display:inline-block}header .placeholder{width:11em}header nav{opacity:.2;cursor:pointer;text-shadow:2px 2px #cdcdcd;white-space:nowrap;width:11em;padding:1em}header.hovereado,header.habitado{background-color:#ffffffa6;border-bottom:1px solid #000}header.hovereado h1,header.habitado h1{opacity:1;color:#000}header.hovereado nav,header.habitado nav,header.hovereado #indice,header.hovereado #area_busqueda a,header.habitado #indice,header.habitado #area_busqueda a{opacity:1}header.resultados{background-color:#fffe}header #area_busqueda{flex-direction:row;width:11em;margin-right:2em;display:flex}header #area_busqueda #busqueda{background-color:#fff6;border:none;border-bottom:1px solid #dcdcdc;font-family:Libre Baskerville,sans-serif;transition:all 1s}header #area_busqueda #busqueda:focus{outline:none}header #area_busqueda #busqueda:focus-visible{outline-width:0}@media (max-width:800px){header h1{font-size:.6em}header nav{width:max-content}header nav .texto-volver,header #area_busqueda,header .placeholder{visibility:hidden;width:0;display:inline-block}}#resultados{z-index:1;background:#fffe;width:100vw;height:50vh;padding:1em 20vw 0;transition:all 1s;position:fixed;top:8vh;overflow:scroll}#resultados .resultado{opacity:.7;cursor:pointer;display:block}#resultados .resultado:first-of-type{margin-top:5vh}#resultados .resultado:last-of-type{margin-bottom:15vh}#resultados .resultado:hover{opacity:1}#resultados .resultado:hover h4{color:#9b8303}#resultados .resultado h4{margin:0;padding:0 1em}#resultados .resultado p{margin:.6em 1em;padding:0 .1em 1em;font-size:.7em}#resultados:after{content:"";background:linear-gradient(#fff0 0%,#fff 50% 80%,#ffffff1c 100%);width:100vw;height:15vh;position:fixed;top:49vh;left:0}.texto{background:url(/img/ruido.png) fixed;flex-direction:column;margin:0;display:flex}.texto hr{width:30%}.texto h2{color:#fff;text-align:right;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;padding:1.8em 20% 0;font:3.4em Cinzel}.texto h3,.texto h4{padding:.2em 20%}.texto p{padding:0 20%}.texto .ventana.cabecera{height:60vh;min-height:auto}.texto .ventana img{display:none}.texto .ventana{background-attachment:var(--attach-default);background-image:var(--url-imagen);background-size:var(--escala,var(--escala-default));background-position:var(--posicion,var(--posicion-default));border-top:2px solid #000;border-bottom:2px solid #000;min-height:40vh}@media (max-width:800px){.texto h2{letter-spacing:.12em;padding:2.8em 1.6em 0;font-size:1.55em}.texto p{padding:0 1.6em}.texto .cabecera{background-attachment:initial}}.piel{padding:var(--pad,var(--pad-default));background-attachment:var(--attach,var(--attach-default));background-color:var(--color,var(--color-default));background-image:var(--textura,var(--textura-default));background-blend-mode:var(--blend,var(--blend-default))}.footnote-item{margin:0 20vw}.footnote-item p{padding:0}.backref-highlight{border-radius:20%;animation:2s ease-in backref-highlight}.ref-highlight::marker{animation:2s ease-in ref-highlight}@keyframes backref-highlight{0%{background-color:#75d2ff;padding:.2em}to{background-color:#75d2ff00;padding:0}}@keyframes ref-highlight{0%{color:#75d2ff;font-size:2em}to{color:#000;font-size:1em}}html{--color-base:#fcfaf4;--color-default:#e2f7eb88;--textura-default:url(/img/bamboo.png);--blend-default:hard-light;--attach-default:fixed;--pad-default:5px 0px;--altura-ventanas:400px;--escala-default:cover;--posicion-default:center}.verde{background-color:#e2f7eb88}.naranja{background-color:#f6ba8f66}.celeste{background-color:#d7e8ff}.firma{text-align:right;flex:1 0 auto;padding-bottom:3em}blockquote{text-align:right;font-style:italic}svg.vidriera{width:calc(100vw - 12em);height:100vh;font-family:EB Garamond;font-weight:200;position:absolute;top:0;left:12em}svg.vidriera .lienzo{width:100vw;height:100vh}svg.vidriera .cabecera{-webkit-user-select:none;user-select:none;opacity:.1;font-size:15em;transition:all .6s}svg.vidriera .cabecera.dimmeado{opacity:.05}svg.vidriera .cabecera.destacado{opacity:.3}svg.vidriera .entrada{cursor:pointer}svg.vidriera .entrada .titulo,svg.vidriera .entrada .pie,svg.vidriera .entrada .cta{paint-order:stroke fill;stroke:#fff;stroke-width:.16em;stroke-opacity:0;transition:all .6s}svg.vidriera .entrada .titulo{font-size:3em}svg.vidriera .entrada .pie{font-size:1.5em}svg.vidriera .entrada .cta{opacity:0;-webkit-user-select:none;user-select:none;font-size:1.2em;font-style:italic;transition:all .6s}svg.vidriera .entrada circle{stroke-width:5px;stroke-opacity:.5;fill-opacity:.2;transition:all .6s}svg.vidriera .entrada image{opacity:0;transition:all .6s}svg.vidriera .entrada.dimmeado circle{fill-opacity:.05;stroke-opacity:.2}svg.vidriera .entrada.resaltado circle,svg.vidriera .entrada.resaltado image{stroke:#fff;stroke-opacity:.8;stroke-width:42px;transform:scale(1.1)}svg.vidriera .entrada.resaltado image.resuelta{opacity:1}svg.vidriera .entrada.resaltado .titulo,svg.vidriera .entrada.resaltado .pie,svg.vidriera .entrada.resaltado .cta{stroke-opacity:1}svg.vidriera .entrada.resaltado .cta{opacity:1}svg.vidriera .entrada.visitado circle{fill-opacity:.8}.indice>ol{background:linear-gradient(90deg,#fff 1% 85%,#fff0 100%);width:12em;height:88vh;margin:0;padding:12vh 0 0;font-size:1.2em;list-style:none;position:absolute;overflow-y:auto}.indice>ol li{-webkit-user-select:none;user-select:none;margin-bottom:1em;padding-left:1em}.indice>ol li>ol{font-weight:medium;padding-left:0;list-style:none}.indice>ol li>ol>li{cursor:pointer;margin-bottom:.5em;padding-left:1em;transition:all .1s}.indice>ol li>ol>li a{color:#000;text-decoration:none}.indice>ol li>ol>li.activo a{font-weight:700}.indice>ol li>ol>li:hover{text-decoration:underline;transform:translate(.3em)}.indice .perilla{height:88vh;position:absolute;top:12vh}@media (max-width:800px){svg.vidriera{width:100vw;left:0}.indice{display:none}}.telon{z-index:10;box-sizing:border-box;background:#fff;width:100vw;height:100vh;position:absolute}.telon>div{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:2em;display:flex}.telon>div p{text-align:center;max-width:25em}.telon>div h1{letter-spacing:.28em;text-transform:uppercase;opacity:0;text-align:center;font-family:Libre Baskerville,sans-serif;font-size:.8em}.telon>div a{letter-spacing:.28em;text-transform:uppercase;margin-top:1em;font-family:EB Garamond,sans-serif;font-size:.8em;font-weight:800;text-decoration:underline}.telon.visible{opacity:1;visibility:inherit}.telon.aparecer h1,.telon.aparecer p{animation:1s forwards anim-fade-in}.telon.desvanecer{pointer-events:none;animation:4s forwards anim-fade-out}.telon.desvanecer h1{animation:2s forwards anim-fade-out}.telon.desvanecer p{animation:1s forwards anim-fade-out}.telon.desvanecer a{animation:.5s forwards anim-fade-out}.telon.escondido{opacity:0;visibility:hidden}@media (max-width:800px){h1{letter-spacing:.12em;font-size:.8em}}@keyframes anim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes anim-fade-in{0%{opacity:0}to{opacity:1}}html{height:100%}body{margin:0}
