@property --type-page-fold{syntax:"<length>";inherits:true;initial-value:0}.type-page{--type-page-guard:radial-gradient(circle, #c57f1e80 0 1.1px, transparent 1.7px) 0 0 / 12px 12px, radial-gradient(circle, #4a284042 0 .9px, transparent 1.5px) 6px 6px / 12px 12px, #f2e4c6;isolation:isolate;color:var(--color-ink);border-radius:2px 5px 5px 2px;display:flex;position:relative;container-type:inline-size}.type-page[data-guard=edu]{--type-page-guard:linear-gradient(#4664822b 1px, transparent 1px) 0 0 / 9px 9px, linear-gradient(90deg, #4664822b 1px, transparent 1px) 0 0 / 9px 9px, #f5eedc}.type-page[data-guard=adult]{--type-page-guard:radial-gradient(circle, #e8a33d8c 0 .9px, transparent 1.5px) 0 0 / 10px 10px, var(--color-plum)}.type-page:before,.type-page:after{content:"";z-index:-1;border:1px solid var(--color-border-warm);border-radius:2px 5px 5px 2px;position:absolute;inset:0}.type-page:before{background:var(--cg-cream,#f6ecd6);transform-origin:0 0;transform:translate(6px,7px)rotate(-.35deg)}.type-page:after{background:var(--color-cream);transform:translate(3px,3.5px)}.type-page-leaf{--type-page-fold-rest:clamp(14px, 4.4cqw, 19px);--type-page-fold-open:clamp(40px, 15cqw, 62px);--type-page-fold-peek:calc(var(--type-page-fold-open) * .8);--type-page-fold:var(--type-page-fold-rest);border:1px solid var(--color-border-warm);background-color:var(--color-paper);min-width:0;transition:transform .24s var(--ease-snappy), --type-page-fold .24s var(--ease-snappy);background-image:linear-gradient(90deg,#3a24181f,#3a241809 6px,#3a241800 18px),repeating-linear-gradient(3deg,#78562806 0 1px,#0000 1px 6px);border-radius:2px 5px 5px 2px;flex-direction:column;flex:1;padding:clamp(17px,6.4cqw,27px);display:flex;position:relative}.type-page-leaf:before{content:"";border:1px solid #c57f1e6b;border-color:color-mix(in oklch, var(--color-amber-deep) 42%, transparent);pointer-events:none;border-radius:4px;position:absolute;inset:clamp(7px,2.5cqw,11px)}.type-page-plate{aspect-ratio:4/3;background:#efe7d6;border-radius:6px;position:relative;overflow:hidden}.type-page-plate:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1a141024}.type-page-text:first-letter{float:left;color:var(--color-plum);text-shadow:1px 1px #c57f1e47;margin:.08em .09em 0 0;font-size:2.95em;font-weight:600;line-height:.78}@supports (initial-letter:2) or (-webkit-initial-letter:2){.type-page-text:first-letter{float:none;-webkit-initial-letter:2;initial-letter:2;margin:0 .1em 0 0;font-size:1em;line-height:1}}.type-page-cta{max-width:calc(100% - 2.5rem)}.type-page-cta svg{transition:transform .2s var(--ease-snappy)}.type-page-corner{width:calc(var(--type-page-fold-open) + 1px);height:calc(var(--type-page-fold-open) + 1px);pointer-events:none;position:absolute;bottom:-1px;right:-1px}.type-page-guard,.type-page-flap,.type-page-flap:before{position:absolute;inset:0}.type-page-guard{background:linear-gradient(to bottom right, transparent 50%, #28180c4d 50%, #28180c12 64%, #28180c00 80%) right bottom / var(--type-page-fold) var(--type-page-fold) no-repeat, var(--type-page-guard);clip-path:polygon(100% calc(100% - var(--type-page-fold)), 100% 100%, calc(100% - var(--type-page-fold)) 100%);border-bottom-right-radius:5px}.type-page-flap{filter:drop-shadow(-1px -1px 1px #3a241829);transition:filter .24s var(--ease-snappy)}.type-page-flap:before{content:"";background:linear-gradient(to bottom right, #ebdfc3 0%, #f6eedb 28%, #fdf9ef 45%, #e4d6b8 50%) right bottom / var(--type-page-fold) var(--type-page-fold) no-repeat;clip-path:polygon(calc(100% - var(--type-page-fold)) calc(100% - var(--type-page-fold)), 100% calc(100% - var(--type-page-fold)), calc(100% - var(--type-page-fold)) 100%)}@media (hover:hover) and (pointer:fine){.type-page:hover .type-page-leaf{--type-page-fold:var(--type-page-fold-open);transition-duration:.46s;transition-delay:50ms;transform:translate(-2px,-2px)}.type-page:hover .type-page-flap{filter:drop-shadow(-2px -2px 2px #3a241833);transition-duration:.46s;transition-delay:50ms}.type-page:hover .type-page-cta svg{transform:translate(3px)}}.type-page:focus-visible .type-page-leaf{--type-page-fold:var(--type-page-fold-open);transform:translate(-2px,-2px)}.type-page:active .type-page-leaf{transition-duration:90ms;transition-delay:0s;transform:none}.type-page:focus-visible{outline:2px solid var(--color-amber-deep);outline-offset:10px}.type-page[data-peek] .type-page-leaf{--type-page-fold:var(--type-page-fold-peek);transition-duration:.62s;transition-delay:.12s}.type-page[data-peek] .type-page-flap{filter:drop-shadow(-2px -2px 2px #3a241833);transition-duration:.62s;transition-delay:.12s}@media (prefers-reduced-motion:reduce){.type-page:hover .type-page-leaf,.type-page:focus-visible .type-page-leaf,.type-page:hover .type-page-cta svg{transform:none}}
.protas-shelf{--shelf-gap:clamp(16px, 2.2vw, 30px);row-gap:44px;display:grid}@media (min-width:768px){.protas-shelf{column-gap:var(--shelf-gap);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:end}}.protas-rack{column-gap:var(--shelf-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:44%;grid-auto-flow:column;margin-inline:-24px;padding:0 24px 8px;scroll-padding-inline:24px;display:grid;overflow-x:auto}.protas-rack::-webkit-scrollbar{display:none}@media (min-width:768px){.protas-rack{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;row-gap:40px;margin-inline:0;padding:0;overflow:visible}}.protas-book{scroll-snap-align:start;flex-direction:column;min-width:0;margin:0;display:flex}.protas-ledge{z-index:1;height:14px;margin-inline:calc(var(--shelf-gap) / -2 - .5px);border-top:1px solid color-mix(in oklch, var(--color-paper) 80%, transparent);background:var(--color-border-warm);position:relative;box-shadow:inset 0 -1px #1a141029,0 12px 16px -12px #3a241880}.protas-label{z-index:2;border:1px solid #c57f1e99;border-color:color-mix(in oklch, var(--color-amber-deep) 60%, transparent);background:var(--color-paper);max-width:calc(100% - 8px);height:28px;box-shadow:inset 0 0 0 2px var(--cg-cream,#f6ecd6), 0 1px 0 #1a14101f;white-space:nowrap;border-radius:3px;align-self:center;align-items:center;gap:.45em;margin-top:-21px;padding:0 11px;display:flex;position:relative}.protas-label-role{text-overflow:ellipsis;font-family:var(--font-fraunces), Georgia, serif;color:var(--color-ink);font-size:14.5px;font-style:italic;font-weight:500;overflow:hidden}.protas-label-note{text-overflow:ellipsis;color:var(--color-body-warm);font-size:12.5px;overflow:hidden}
.pliego{--pliego-margin:clamp(26px, 3.4vw, 46px);--pliego-mark:#1a14106b;--pliego-fold:#1a141033;--crop-len:14px;--crop-gap:6px;padding:var(--pliego-margin);border:1px solid var(--color-border-warm);background:var(--color-paper);box-shadow:5px 6px 0 -1px var(--color-cream), 5px 6px 0 0 var(--color-border-warm);border-radius:2px;position:relative}.pliego-trim{position:relative}.pliego-pages{grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (min-width:640px){.pliego-pages{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}@media (min-width:1024px){.pliego-pages{grid-template-columns:repeat(4,minmax(0,1fr))}}.pliego-page{background:linear-gradient(var(--pliego-fold) 50%, transparent 0) right top / 1px 12px repeat-y, linear-gradient(90deg, var(--pliego-fold) 50%, transparent 0) left bottom / 12px 1px repeat-x;flex-direction:column;min-width:0;margin:0 -1px -1px 0;padding:clamp(18px,1.9vw,26px);display:flex}.pliego-plate{aspect-ratio:16/9;background:#efe7d6;border-radius:3px;position:relative;overflow:hidden}.pliego-plate:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1a14101f}.pliego-crop{width:0;height:0;position:absolute}.pliego-crop:before,.pliego-crop:after{content:"";background:var(--pliego-mark);position:absolute}.pliego-crop:before{width:var(--crop-len);height:1px}.pliego-crop:after{width:1px;height:var(--crop-len)}.pliego-crop--tl{top:0;left:0}.pliego-crop--tl:before{top:0;right:var(--crop-gap)}.pliego-crop--tl:after{bottom:var(--crop-gap);left:0}.pliego-crop--tr{top:0;right:0}.pliego-crop--tr:before{top:0;left:var(--crop-gap)}.pliego-crop--tr:after{bottom:var(--crop-gap);right:0}.pliego-crop--bl{bottom:0;left:0}.pliego-crop--bl:before{bottom:0;right:var(--crop-gap)}.pliego-crop--bl:after{top:var(--crop-gap);left:0}.pliego-crop--br{bottom:0;right:0}.pliego-crop--br:before{bottom:0;left:var(--crop-gap)}.pliego-crop--br:after{top:var(--crop-gap);right:0}.pliego-reg{width:18px;height:18px;color:var(--pliego-mark);position:absolute}.pliego-reg--top{top:calc(var(--pliego-margin) / 2 - 9px);left:calc(50% - 9px)}.pliego-reg--bottom{bottom:calc(var(--pliego-margin) / 2 - 9px);left:calc(50% - 9px)}.pliego-reg--left{left:calc(var(--pliego-margin) / 2 - 9px);top:calc(50% - 9px)}.pliego-reg--right{right:calc(var(--pliego-margin) / 2 - 9px);top:calc(50% - 9px)}.pliego-colorbar{bottom:calc(var(--pliego-margin) / 2 - 5px);left:calc(var(--pliego-margin) + 28px);outline:1px solid #1a141026;display:flex;position:absolute}.pliego-colorbar span{width:10px;height:10px}@media (max-width:639px){.pliego-colorbar{left:calc(var(--pliego-margin) + 6px)}.pliego-colorbar span{width:8px;height:8px}}
