.heroe-proceres{padding-bottom: clamp(0.5rem,2vw,1.5rem)}.heroe-proceres h1{font-size: clamp(2rem,5vw,3.6rem)}.heroe-proceres .heroe-bajada{margin-top: 1rem}.libro-seccion{padding-block: 1rem clamp(3.5rem,7vw,6rem)}.libro-marco.contenedor{display: grid;justify-items: center;container-type: inline-size;width: min(100% - 2rem,100rem);max-width: none}.libro{width: min(100%,34rem)}.libro-hojas{display: grid;gap: 1.25rem}.pagina{position: relative;background: linear-gradient(160deg,#fffaf0,#f3e9d2);color: var(--tinta);border-radius: 6px}.pagina-int{position: relative;height: 100%;padding: 2.4em 3.2em 3em}.libro-esquina,.libro-mandos,.marcadores{display: none}.libro.armado{--w: min(100cqw,100rem,calc((100dvh - 12rem) * 2));position: relative;width: var(--w);aspect-ratio: 2 / 1;font-size: calc(var(--w) / 70);cursor: pointer;filter: drop-shadow(0 2.2em 2.4em rgb(0 0 0 / 0.55));transition: translate 0.9s var(--suave);-webkit-tap-highlight-color: transparent;user-select: none}.libro.armado[data-estado="cerrado"]{translate: -25% 0}.libro.armado[data-estado="fin"]{translate: 25% 0}.armado .libro-hojas{position: absolute;inset: 0;display: block;perspective: 150em}.hoja{position: absolute;top: 0;left: 50%;width: 50%;height: 100%;transform-origin: left center;transform-style: preserve-3d;transition: transform 0.95s cubic-bezier(0.35,0.1,0.2,1)}.hoja.vuelta{transform: rotateY(-180deg)}.hoja .pagina{position: absolute;inset: 0;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 0.2em 0.9em 0.9em 0.2em}.hoja .pagina.reverso{transform: rotateY(180deg);border-radius: 0.9em 0.2em 0.2em 0.9em}.hoja .pagina::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(90deg,rgb(70 42 30 / 0.3),rgb(70 42 30 / 0.07) 6%,transparent 14%)}.hoja .pagina.reverso::after{background: linear-gradient(270deg,rgb(70 42 30 / 0.3),rgb(70 42 30 / 0.07) 6%,transparent 14%)}.hoja .pagina-int{overflow: hidden}.armado .libro-esquina{display: block;position: absolute;right: 0;bottom: 0;width: 3.4em;height: 3.4em;pointer-events: none;border-radius: 0 0 0.9em 0;background: linear-gradient(315deg,transparent 49%,rgb(60 35 25 / 0.35) 50%,#e9dcbd 56%,#fffaf0 75%);transition: opacity 0.4s ease}.libro[data-estado="fin"] .libro-esquina{opacity: 0}.libro[data-estado="cerrado"] .libro-esquina{background: linear-gradient(315deg,transparent 49%,rgb(0 0 0 / 0.45) 50%,#8a5a48 56%,var(--marron) 75%)}.js .libro-mandos{display: flex;align-items: center;gap: 1.25rem;margin-top: 1.75rem}.libro-mandos p{min-width: 11rem;text-align: center;font-family: var(--titulos);font-weight: 700;letter-spacing: 0.06em;color: var(--oro)}.libro-flecha{display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;border: 1.5px solid rgb(255 255 255 / 0.25);background: none;color: #fff;font-size: 1.15rem;cursor: pointer;transition: background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,opacity 0.25s ease}.libro-flecha:hover:not([disabled]){background: var(--oro);border-color: var(--oro);color: var(--noche)}.libro-flecha[disabled]{opacity: 0.3;cursor: default}.js .marcadores{display: block;margin-top: 1.25rem;max-width: 100%}.marcadores ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem}.marcadores a{display: inline-flex;align-items: center;min-height: 42px;padding: 0.35rem 1.05rem;border-radius: 999px;border: 1.5px solid rgb(255 255 255 / 0.2);color: var(--crema);text-decoration: none;font-size: 0.9375rem;transition: background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}.marcadores a:hover{border-color: var(--oro);color: var(--oro)}.marcadores a[aria-current="true"]{background: var(--oro);border-color: var(--oro);color: var(--noche);font-weight: 700}.pagina h2{font-size: 1.75em;line-height: 1.15;color: var(--marron-osc)}.pagina p{font-size: 1em;line-height: 1.5}.pagina-int > p + p{margin-top: 0.75em}.pagina h2 + p,.pagina h2 + .tl,.pagina h2 + .indice{margin-top: 1.1em}.pag-sobre{font-size: 0.72em !important;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--marron);margin-bottom: 0.6em}.pag-num{position: absolute;bottom: 1.1em;left: 0;right: 0;text-align: center;font-family: var(--titulos);font-size: 0.8em !important;color: #9a8468}.pag-nota{margin-top: 1.4em !important;padding-top: 1em;border-top: 1px solid #d9c9a8;font-size: 0.88em !important;color: var(--tinta-2)}.pag-portada,.pag-contra{background: linear-gradient(150deg,#7a4a3e,var(--marron-osc) 55%,#3b221d);color: #fff}.pag-portada .pagina-int,.pag-contra .pagina-int{padding: 1.6em}.portada-marco{display: grid;align-content: center;justify-items: center;gap: 1.2em;height: 100%;padding: 2em 1.6em;border: 1.5px solid rgb(215 203 117 / 0.7);outline: 1px solid rgb(215 203 117 / 0.3);outline-offset: 0.45em;border-radius: 0.5em;text-align: center}.portada-museo{font-size: 0.75em !important;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: var(--oro)}.portada-marco h2{font-size: 2.7em;line-height: 1.1;color: #fff}.portada-marco h2 span{display: block;margin-block: 0.25em;font-size: 0.42em;letter-spacing: 0.2em;color: var(--oro)}.portada-marco{position: relative;overflow: hidden}.portada-marco > *{position: relative}.portada-marco > .portada-pluma{position: absolute;left: 50%;top: 50%;width: 82%;height: 82%;translate: -50% -50%;rotate: -6deg;fill: var(--oro);opacity: 0.11;pointer-events: none}.pag-contra .pagina-int{padding: 0}.contra-fondo{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0}.contra-texto{position: absolute;left: 0;right: 0;bottom: 0;display: grid;justify-items: center;gap: 0.8em;padding: 6em 2.2em 2.2em;text-align: center;background: linear-gradient(to top,rgb(31 20 17 / 0.88),rgb(31 20 17 / 0.64) 45%,rgb(31 20 17 / 0.28) 78%,transparent);text-shadow: 0 1px 10px rgb(20 12 10 / 0.9),0 0 2px rgb(20 12 10 / 0.8)}.pag-contra h2{font-size: 1.9em;color: #fff}.pag-contra .boton{text-shadow: none}.pag-contra .boton-linea{background: rgb(31 20 17 / 0.45)}.portada-bajada{max-width: 19em;color: #f1e4d6;margin-top: 0 !important}.portada-pista{margin-top: 1.5em !important;font-size: 0.8em !important;letter-spacing: 0.06em;color: var(--oro)}.contra-botones{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.7em;margin-top: 0.5em !important}.contra-botones .boton{font-size: 0.95em;min-height: 3em;padding: 0.5em 1.4em}.indice{display: grid;gap: 0.4em}.indice a{display: flex;align-items: center;gap: 0.95em;padding: 0.4em 0.9em 0.4em 0.4em;border-radius: 999px;border: 1px solid #dccdae;color: var(--tinta);text-decoration: none;transition: background-color 0.25s ease,border-color 0.25s ease,translate 0.3s var(--suave)}.indice a:hover{background: #fff;border-color: var(--marron);translate: 0.3em 0}.indice img{width: 3em;height: 3em;border-radius: 50%;object-fit: cover;flex: none}.indice strong{display: block;font-family: var(--titulos);font-size: 0.98em;line-height: 1.25;color: var(--marron-osc)}.indice small{display: block;font-size: 0.8em;color: var(--tinta-2)}.pag-retrato .pagina-int{display: grid;align-content: center;justify-items: center;text-align: center;gap: 0.7em}.retrato-num{font-family: var(--titulos);font-weight: 700;font-size: 1.1em !important;letter-spacing: 0.2em;color: #b09770}.retrato{width: 35%;aspect-ratio: 4 / 5;border-radius: 50%;overflow: hidden;background: var(--noche);box-shadow: 0 0 0 0.3em #fffaf0,0 0 0 0.42em var(--marron),0 1.2em 1.8em -0.8em rgb(60 35 25 / 0.7)}.retrato img{width: 100%;height: 100%;object-fit: cover;border-radius: 0;scale: 1.06}.pag-retrato h2{margin-top: 0.7em;font-size: 1.6em;max-width: 12em}.retrato-anios{margin-top: 0 !important;font-family: var(--titulos);font-weight: 700;font-size: 1.15em !important;letter-spacing: 0.1em;color: var(--marron)}.retrato-lema{margin-top: 0 !important;padding: 0.3em 1.1em;border-radius: 999px;background: var(--oro);color: var(--noche);font-size: 0.86em !important;font-weight: 700}.pag-resena p{font-size: 0.96em}.pag-datos{display: grid;gap: 0.6em;margin-top: 1.3em;padding-top: 1em;border-top: 1px solid #d9c9a8}.pag-datos div{display: grid;grid-template-columns: 4.2em 1fr;gap: 0.8em;font-size: 0.9em;line-height: 1.4}.pag-datos dt{font-family: var(--titulos);font-weight: 700;color: var(--marron)}.tl{position: relative;display: grid;gap: 0.7em}.tl::before{content: "";position: absolute;left: 6.55em;top: 0.5em;bottom: 0.5em;width: 2px;background: linear-gradient(#b99a6b,#e2d3b3);transform-origin: top}.tl li{position: relative;display: grid;grid-template-columns: 5.6em minmax(0,1fr);gap: 2em;align-items: baseline}.tl li::before{content: "";position: absolute;left: 6.15em;top: 0.42em;width: 0.85em;height: 0.85em;border-radius: 50%;background: var(--oro);border: 2px solid var(--marron)}.tl b{font-family: var(--titulos);font-weight: 700;font-size: 0.9em;line-height: 1.3;text-align: right;color: var(--marron-osc)}.tl span{font-size: 0.92em;line-height: 1.42}.pag-legado{margin-top: 1.1em !important;padding: 0.7em 1em;border-radius: 0.7em;background: #efe3c8;font-size: 0.88em !important;line-height: 1.45 !important}.pag-legado strong{font-family: var(--titulos);color: var(--marron-osc)}@media (prefers-reduced-motion: no-preference){.armado .pagina .tl::before{transform: scaleY(0)}.armado .pagina .tl li{opacity: 0;translate: 0.8em 0}.armado .pagina.a-la-vista .tl::before{transform: none;transition: transform 1.1s var(--suave) 0.45s}.armado .pagina.a-la-vista .tl li{opacity: 1;translate: 0 0;transition: opacity 0.5s ease,translate 0.5s var(--suave);transition-delay: calc(var(--k) * 110ms + 0.5s)}.armado .pagina .retrato{scale: 0.9;opacity: 0}.armado .pagina.a-la-vista .retrato{scale: 1;opacity: 1;transition: scale 0.8s var(--suave) 0.4s,opacity 0.6s ease 0.4s}.armado .libro-esquina{animation: esquina 2.4s ease-in-out infinite;transform-origin: 100% 100%}@keyframes esquina{0%,100%{transform: scale(1)}50%{transform: scale(1.35)}}}@media (prefers-reduced-motion: reduce){.hoja,.hoja .pagina,.libro.armado,.armado .libro-hojas{transition: none !important}}@media (max-width: 899px){.libro.armado{--w: min(100cqw,calc((100dvh - 12.5rem) * 0.58));aspect-ratio: 26 / 45;font-size: calc(var(--w) / 25.5);overflow: hidden;border-radius: 0.5em;translate: none !important;filter: none;box-shadow: 0 1.6em 2.2em -0.8em rgb(0 0 0 / 0.7)}.armado .hoja{display: contents}.armado .hoja .pagina,.armado .hoja .pagina.reverso{z-index: var(--orden);transform: none;transform-origin: left center;transition: transform 0.85s cubic-bezier(0.45,0.05,0.25,1),filter 0.85s ease,box-shadow 0.85s ease;box-shadow: 0 0 0 rgb(0 0 0 / 0)}.armado .hoja .pagina.pasada{transform: rotateY(-108deg);filter: brightness(0.55);box-shadow: 1.5em 0 2.5em rgb(0 0 0 / 0.45)}.armado .hoja .pagina.reverso::after{background: linear-gradient(90deg,rgb(70 42 30 / 0.3),rgb(70 42 30 / 0.07) 6%,transparent 14%)}.pagina-int{padding: 2em 1.8em 2.8em}.hoja .pagina,.hoja .pagina.reverso{border-radius: 0}.retrato{width: 58%}.tl{gap: 0.55em}.pag-linea h2{font-size: 1.5em}.tl::before{left: 5.75em}.tl li{grid-template-columns: 4.8em minmax(0,1fr);gap: 1.9em}.tl li::before{left: 5.35em}.libro-mandos{margin-top: 1.1rem}.libro-mandos p{min-width: 9rem}.marcadores a{min-height: 40px;font-size: 0.875rem;padding-inline: 0.85rem}.heroe-proceres .heroe-bajada{font-size: 1rem}}