@font-face{font-family:'Gami Notebook';src:url('assets/fonts/kalam.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.notebook{--notebook-hand:'Gami Notebook',cursive;--notebook-ink:#244a5a;background:#d7e4dc;overflow-anchor:none}
.notebook .notebook-title{font:400 30px/1.15 var(--notebook-hand);color:var(--notebook-ink);max-width:650px;margin:0 auto;padding:28px 7%}
.notebook .notebook-image{display:block;width:100%;height:auto}
.notebook .book-spread{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1200px;margin:auto;padding:32px 7%}
.notebook .book-page{font:400 20px/1.45 var(--notebook-hand);color:var(--notebook-ink);min-width:0}
.notebook .book-page .narrative{font:inherit;margin:0}
.notebook .book-page .narrative>p{font:inherit;color:inherit;margin:0;padding:0}
.notebook .book-page .narrative>p+p{margin-top:var(--book-gap,16px)}
.notebook .book-page .map{height:var(--book-map-height,155px);margin:var(--book-gap,16px) 0 0}
.notebook .book-page .map img{width:100%;height:100%;object-fit:contain}
.notebook .book-page .map:first-child{margin-top:0}
.notebook .book-page .map--handdrawn{height:330px;background:none;border:0;padding:0;box-shadow:none}
.notebook .book-page .notebook-class-drawing{width:100%;height:290px;margin:22px 0 0;padding:0;background:none;border:0;box-shadow:none}
.notebook .notebook-class-drawing img{display:block;width:100%;height:100%;object-fit:contain}
.notebook .book-page .mission-photo{position:relative;width:233px;height:300px;max-width:75%;margin:var(--book-gap,16px) auto 0;padding:5px;background:#fffefa;box-shadow:1px 3px 5px #244a5a30;transform:rotate(-2deg)}
.notebook .mission-photo>img{display:block;width:100%;height:100%;object-fit:contain}
.notebook .photo-tape{position:absolute;display:block;width:58px;height:26px;background:linear-gradient(103deg,#e4d7ac73,#f8edc494 40%,#d6c4926b);border:1px solid #d9c99d66;box-shadow:0 1px 1px #5d512518;clip-path:polygon(2% 0,98% 2%,96% 18%,100% 34%,97% 51%,99% 69%,97% 85%,100% 100%,1% 98%,3% 81%,0 64%,3% 46%,0 29%,3% 14%);pointer-events:none}
.notebook .photo-tape--left{left:-29px;top:24%;transform:rotate(-12deg)}
.notebook .photo-tape--right{right:-29px;top:68%;transform:rotate(11deg)}
.notebook .book-page--right:has(>.narrative+.map--handdrawn) .map{height:380px;margin-top:22px}
.notebook .book-page .route-example{margin-top:var(--book-gap,16px)}
.notebook .book-page .route-example p{font:inherit;margin:0;color:var(--notebook-ink)}
.notebook .book-page .route-example .small-label,.notebook .book-page .route-text{font-size:var(--book-small,17px);line-height:1.35;color:var(--terra)}
.notebook .book-page .route-example [lang='en']{margin-top:var(--book-gap,16px);font-size:var(--book-english,21px);line-height:1.4}
.notebook .book-page .map-notes{margin-top:var(--book-gap,16px);padding:0;gap:var(--book-gap,16px);grid-template-columns:1fr 1fr}
.notebook .book-page .map-notes dt{font:400 var(--book-small,17px)/1.25 var(--notebook-hand);color:var(--terra)}
.notebook .book-page .map-notes dd{font:400 var(--book-small,17px)/1.35 var(--notebook-hand);margin:5px 0 0}
.notebook .book-page .notebook-question{color:var(--terra);font-size:var(--book-english,21px)}
.notebook .turn-leaf,.notebook .notebook-controls{display:none}
.notebook.has-notebook-motion .notebook-journey{position:absolute;inset:0}
.notebook.has-notebook-motion .notebook-viewport{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.notebook.has-notebook-motion .notebook-viewport,.notebook-preview{background:#b5cdbb url('assets/piso-aula-1672.webp') center/cover no-repeat}
.notebook-preview{position:absolute;inset:0;overflow:hidden}
.notebook-preview .preview-canvas{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}
.notebook.has-notebook-motion .notebook-image,.notebook-preview .preview-image{position:absolute;inset:auto;left:-329px;top:-186px;width:2327px;height:1310px;max-width:none}
.notebook-preview .preview-spread{position:absolute;inset:0;margin:0;padding:0;pointer-events:none}
.notebook-preview .preview-title{position:absolute;margin:0;padding:0;z-index:4;font:400 30px/1.15 var(--notebook-hand);color:var(--notebook-ink)}
.notebook.has-notebook-motion .notebook-canvas{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}
.notebook-departure,.notebook-return-room,.notebook-close-leaf,.notebook-desk-underlay{display:none}
.notebook.has-notebook-motion .notebook-departure{display:block;position:absolute;inset:0;z-index:1;transform-origin:center center;pointer-events:none}
.notebook.has-notebook-motion .notebook-desk-underlay{display:block;position:absolute;left:-329px;top:-186px;width:2327px;height:1310px;max-width:none;pointer-events:none}
.notebook.has-notebook-motion .notebook-return-room{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transform-origin:18% 86%}
.notebook-return-room .reading-panel .narrative>p:last-child{font:inherit;color:inherit;margin:0}
.notebook.has-notebook-motion .notebook-close-leaf{display:block;position:absolute;left:200px;top:90px;width:636px;height:720px;z-index:7;transform-origin:right center;pointer-events:none;opacity:0;visibility:hidden;isolation:isolate;filter:drop-shadow(3px 3px 3px #183d4c38)}
.notebook-close-front,.notebook-close-back{position:absolute;inset:0;overflow:hidden;border-radius:12px 0 0 10px}
.notebook-close-front>img{position:absolute;left:-529px;top:-276px;width:2327px;height:1310px;max-width:none}
.notebook.has-notebook-motion .notebook-close-front .book-page{left:150px;top:70px;pointer-events:none}
.notebook-close-back{background-color:#226d8c;background-image:repeating-linear-gradient(85deg,#ffffff09 0 1px,transparent 1px 4px),repeating-linear-gradient(5deg,#0d3c5010 0 1px,transparent 1px 5px);border:5px solid #153f52;border-radius:0 12px 12px 0;box-shadow:inset 0 0 0 3px #81a5ae,inset 0 0 0 10px #1c5d77,inset -14px 0 15px #102f4b44;transform:scaleX(-1);opacity:0;visibility:hidden}
.notebook-close-back:before{content:'';position:absolute;left:13px;top:0;bottom:0;width:8px;border-right:1px solid #c4d0c666;background:#164c63}
.notebook-close-back:after{content:'';position:absolute;left:22%;right:22%;top:18%;height:12%;background:#f2f0df;border:2px solid #173d4c;border-radius:2px;box-shadow:0 2px 2px #173d4c30}
.notebook.has-notebook-motion .book-spread{display:block;position:absolute;inset:0;max-width:none;padding:0;margin:0;pointer-events:none}
.notebook.has-notebook-motion .book-page{position:absolute;top:160px;width:425px;height:550px;padding:var(--book-top-inset) 0 0;font-size:var(--book-native-type);pointer-events:auto}
.notebook.has-notebook-motion .book-page--left{left:350px}
.notebook.has-notebook-motion .book-page--right{left:880px;width:415px}
.notebook.has-notebook-motion .book-page--intro{padding-top:var(--book-heading-space)}
.notebook.has-notebook-motion .notebook-title{position:absolute;z-index:4;max-width:none;margin:0;padding:0}
.notebook.has-notebook-motion .turn-leaf{display:block;position:absolute;left:830px;top:105px;width:575px;height:680px;z-index:6;transform-origin:left center;pointer-events:none;opacity:0;visibility:hidden;clip-path:polygon(0 0,96% 0,100% 100%,0 100%);outline:1px solid #c6d2dd;border-radius:0 8px 8px 0;background-color:#fafcff;background-image:repeating-linear-gradient(0deg,transparent 0 17px,#cad9eb80 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,#cad9eb80 17px 18px);box-shadow:7px 2px 14px #182c2726;will-change:transform}
.notebook.has-notebook-motion .turn-leaf:after{content:'';position:absolute;left:90%;top:0;bottom:0;width:1px;background:#c5816a}
.notebook.has-notebook-motion .turn-face{position:absolute;inset:0}
.notebook.has-notebook-motion .turn-face--back{transform:scaleX(-1)}
.notebook.has-notebook-motion .turn-leaf .book-page{top:55px;pointer-events:none}
.notebook.has-notebook-motion .turn-face--front .book-page{left:50px}
.notebook.has-notebook-motion .turn-face--back .book-page{left:95px}
.notebook.has-notebook-motion .notebook-controls{position:absolute;right:24px;bottom:16px;display:flex;gap:8px;z-index:8}
.notebook .notebook-controls a{width:44px;height:44px;display:grid;place-items:center;background:var(--paper);border:1px solid #73968a;border-radius:4px;text-decoration:none}
.notebook .notebook-controls a:hover{background:#e3ece6}
.notebook .notebook-controls a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:700px){
 .notebook .book-spread{display:block;padding:24px 7%}
 .notebook .book-spread>.book-page+.book-page{margin-top:24px}
 .notebook.has-notebook-motion .book-spread>.book-page+.book-page{margin-top:0}
 .notebook.has-notebook-motion .notebook-controls{right:14px;bottom:12px}
}
@media print{
 .entry.has-entry-motion .desk-arrival{display:none!important}
 .notebook.has-notebook-motion .notebook-journey{height:auto}
 .notebook.has-notebook-motion .notebook-viewport,.notebook.has-notebook-motion .notebook-canvas,.notebook.has-notebook-motion .book-spread,.notebook.has-notebook-motion .book-page,.notebook.has-notebook-motion .notebook-title{position:static;width:auto;height:auto;inset:auto;transform:none!important;opacity:1!important;visibility:visible!important;padding:20px 0;overflow:visible}
 .notebook.has-notebook-motion .book-page{font-size:18px}
 .notebook .notebook-image,.notebook .notebook-controls,.notebook .turn-leaf{display:none!important}
}
