@import"https://fonts.googleapis.com/css2?family=Halant:wght@300;400;500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html{scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;font-family:Roboto,sans-serif}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:62.5%;--color-primary: #007471;--color-secondary: #065478;--color-accent: #e3c305;--color-highlight: #f0d465;--text-color: rgba(255, 255, 255, .87);--background-color: #242424;--background-color-shape: #98babe86;--background-color-shape-active: #012947;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100dvh;max-height:100dvh;overflow:hidden}.hidden{opacity:0;pointer-events:none}.shadow{box-shadow:0 4px 16px #0003}img{max-width:100%;aspect-ratio:16/9 auto;object-fit:cover;object-position:center;-o-object-fit:cover;-o-object-position:center;-webkit-object-fit:cover;-webkit-object-position:center;-moz-object-fit:cover;-moz-object-position:center}h1{font-size:3.8rem}h4{font-size:2.8rem;margin-bottom:1rem}p{font-size:1.4rem}.subtitle{margin:0 0 .5rem;display:block;text-transform:uppercase;opacity:0;animation:fadeIn .8s 1s forwards ease-in-out}.title{margin:0 0 1rem;display:block;opacity:0;animation:fadeIn .8s 1.5s forwards ease-in-out}@media screen and (min-width: 576px){h1{font-size:4.6rem}h4{font-size:3.2rem}p{font-size:1.6rem}}@media screen and (min-width: 768px){h1{font-size:4.2rem}h4{font-size:3.6rem}p{font-size:1.6rem}}@media screen and (min-width: 992px){h1{font-size:5rem}h4{font-size:4rem}p{font-size:1.8rem}}@media screen and (min-width: 1200px){h1{font-size:5.8rem}h4{font-size:4.4rem}p{font-size:2.2rem}}@media screen and (min-width: 1400px){h1{font-size:6.4rem}h4{font-size:4.8rem}p{font-size:2.6rem}}.page{width:100%;height:100dvh;overflow:hidden;z-index:1}.animated-view{transition:transform 2s ease-in-out;animation-duration:2s;animation-fill-mode:both;width:100%;height:100dvh}#main-view{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 2fr 45px}#timeline-view,#production-view,#images-view,#highlight-view,#data-view,#curiosity-view,#readmore-view,#back-view{overflow-y:auto;place-content:center;place-items:center;overflow-x:hidden}#timeline-view::-webkit-scrollbar,#production-view::-webkit-scrollbar,#images-view::-webkit-scrollbar,#highlight-view::-webkit-scrollbar,#data-view::-webkit-scrollbar,#curiosity-view::-webkit-scrollbar,#readmore-view::-webkit-scrollbar,#back-view::-webkit-scrollbar{width:4px}#timeline-view::-webkit-scrollbar-track,#production-view::-webkit-scrollbar-track,#images-view::-webkit-scrollbar-track,#highlight-view::-webkit-scrollbar-track,#data-view::-webkit-scrollbar-track,#curiosity-view::-webkit-scrollbar-track,#readmore-view::-webkit-scrollbar-track,#back-view::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}#timeline-view::-webkit-scrollbar-thumb,#production-view::-webkit-scrollbar-thumb,#images-view::-webkit-scrollbar-thumb,#highlight-view::-webkit-scrollbar-thumb,#data-view::-webkit-scrollbar-thumb,#curiosity-view::-webkit-scrollbar-thumb,#readmore-view::-webkit-scrollbar-thumb,#back-view::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00bfff,#09f);border-radius:10px}#timeline-view::-webkit-scrollbar-thumb:hover,#production-view::-webkit-scrollbar-thumb:hover,#images-view::-webkit-scrollbar-thumb:hover,#highlight-view::-webkit-scrollbar-thumb:hover,#data-view::-webkit-scrollbar-thumb:hover,#curiosity-view::-webkit-scrollbar-thumb:hover,#readmore-view::-webkit-scrollbar-thumb:hover,#back-view::-webkit-scrollbar-thumb:hover::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#00d5ff,#0af)}#timeline-view::-webkit-scrollbar-button,#production-view::-webkit-scrollbar-button,#images-view::-webkit-scrollbar-button,#highlight-view::-webkit-scrollbar-button,#data-view::-webkit-scrollbar-button,#curiosity-view::-webkit-scrollbar-button,#readmore-view::-webkit-scrollbar-button,#back-view::-webkit-scrollbar-button{display:none;width:0;height:0}#map-view{background:transparent;position:relative;max-height:100vh;max-width:100%;overflow:hidden;background-clip:border-box;background-size:cover;background-repeat:no-repeat;background-position:top;background-origin:border-box;background-attachment:fixed}.ficha{position:absolute;opacity:0;top:0;right:0;max-width:100%;max-height:100%;animation:slideInFromTop .8s 1s forwards;animation-duration:2s}@media screen and (min-width: 992px){#map-view{background:transparent;position:relative;max-height:100vh;max-width:100%;overflow:hidden;background-clip:border-box;background-size:cover;background-repeat:no-repeat;background-position:center;background-origin:border-box;background-attachment:fixed}}.title-wrapper{position:relative;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cards-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.cards-wrapper.fade-out{opacity:0;transition:opacity .5s ease}.navigation-menu{z-index:999;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:fixed;top:50%;transform:translateY(-50%);width:fit-content;display:flex;place-content:center;place-items:center;flex-direction:column;padding:0 20px;gap:20px}.navigation-dot{position:relative;cursor:pointer;display:block}.dot-shape{display:block;width:25px;height:25px;background-color:var(--background-color-shape);border-radius:50%;transition:scale .3s ease-in-out;border:1px solid transparent}.navigation-dot:hover .dot-shape,.navigation-dot.active .dot-shape{background-color:var(--background-color-shape-active);scale:1.3;border:1px solid var(--background-color-shape)}.navigation-title{transition:opacity 1s ease,max-width 1s ease;max-width:0;opacity:0;overflow:hidden;position:absolute;left:30px;top:50%;transform:translateY(-50%);background:#222;color:#fff;padding:2px 10px;border-radius:6px;white-space:nowrap;font-size:1.4rem;z-index:10;will-change:transform;display:block}.navigation-dot:hover .navigation-title{opacity:1;max-width:400px}.slide-in-up{animation:slideInUp 2s forwards}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-in-down{animation:slideInDown 2s forwards}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slide-out-up{animation:slideOutUp 2s forwards;position:absolute;width:100%;height:100%}@keyframes slideOutUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.slide-out-down{animation:slideOutDown 2s forwards;position:absolute;width:100%;height:100%}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes simpleFadeIn{to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.text-container{position:absolute;width:calc(100% - 4rem);opacity:1;transition:opacity .5s ease;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.25);-webkit-user-select:none;user-select:none;cursor:pointer;left:25%}.text-container p{margin:0}.text-container.hidden{opacity:0;pointer-events:none}.text-container .contratos-partilha{font-size:28px;font-weight:300;cursor:default}.text-container .cpp-title,.text-container .cpp-title p{font-size:40px}.text-container .know-more{width:100%;color:var(--color-highlight, #f0d465);margin:5px 0;font-size:24px;font-weight:200;text-transform:uppercase}.text-container:hover .title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.text-container:hover .know-more{text-decoration:underline;text-decoration-color:var(--color-highlight, #f0d465);text-decoration-thickness:1px;text-underline-offset:2px}@media screen and (min-width: 576px){.text-container .contratos-partilha{font-size:32px}.text-container .cpp-title,.text-container .cpp-title p{font-size:52px}.text-container .know-more{font-size:28px}}@media screen and (min-width: 768px){.text-container .contratos-partilha{font-size:44px}.text-container .cpp-title,.text-container .cpp-title p{font-size:64px}.text-container .know-more{font-size:40px}}@media screen and (min-width: 992px){#main-view{grid-template-columns:1fr 1fr;grid-template-rows:1fr 45px}.text-container{padding:20px;left:0}}@media screen and (min-width: 1200px){.text-container{padding:40px;left:0}}@media screen and (min-width: 1400px){#main-view{grid-template-columns:2fr 3fr;grid-template-rows:1fr 45px}.text-container .contratos-partilha{font-size:62px}.text-container .cpp-title,.text-container .cpp-title p{font-size:72px}.text-container .know-more{font-size:58px}}.card{-webkit-user-select:none;user-select:none;position:absolute;cursor:grab;max-width:80%;max-height:90%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:left .6s ease,transform .6s ease,opacity .6s ease}.card:not(.top-card){cursor:default;opacity:.8;transform:translate(-50%,-50%);z-index:1}.card.top-card{z-index:10;cursor:grab;transform:translate(-50%,-50%)}.card.coming{left:150%;opacity:0;transform:translate(-50%,-50%)}.card.entered{left:50%;opacity:1;transform:translate(-50%,-50%)}.card:nth-child(2n){transform:translate(-50%,-50%) rotate(5deg)}.curiosity-text-wrapper{text-shadow:2px 2px 4px #222;z-index:2;position:absolute;top:50%;left:80px;transform:translateY(-50%);max-width:730px}.curiosity-container{text-shadow:2px 2px 4px #000;position:relative;width:100%;height:100%}.curiosity-paragraph{padding:0 10px;margin:0;max-width:100%;border-left:4px solid #f0c90c;opacity:0;animation:fadeIn .8s 2s forwards ease-in-out}.curiosity-mero{z-index:1;pointer-events:none;position:absolute;top:20%;width:600px;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);animation-name:swim-mero;animation-duration:22s;animation-iteration-count:infinite;animation-timing-function:linear}.curiosity-espadim{z-index:1;pointer-events:none;position:absolute;top:30%;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);animation-name:swim-espadim;animation-duration:22s;animation-iteration-count:infinite;animation-timing-function:linear}.curiosity-bacalhau{z-index:1;pointer-events:none;position:absolute;bottom:20%;width:600px;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);scale:2;animation-name:swim-bacalhau;animation-duration:22s;animation-iteration-count:infinite;animation-timing-function:linear}.curiosity-bounce{z-index:1;pointer-events:none;position:absolute;bottom:0;right:100px;width:600px;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);animation-name:bounce;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes swim-mero{0%{transform:translate(-50vw) rotate(20deg)}35%{transform:translate(45vw,-30px) rotate(20deg)}49%{transform:translate(100vw) rotate(30deg)}50%{transform:translate(100vw) rotate(-30deg) scaleX(-1)}51%{transform:translate(100vw) rotate(-30deg) scaleX(-1)}65%{transform:translate(45vw,30px) rotate(-40deg) scaleX(-1)}to{transform:translate(-50vw) rotate(-20deg) scaleX(-1)}}@keyframes swim-bacalhau{0%{transform:translate(-50vw) rotateY(0) rotate(15deg)}50%{transform:translate(100vw) rotateY(0) rotate(15deg)}51%{transform:translate(100vw) rotateY(180deg) rotate(15deg)}to{transform:translate(-50vw) rotateY(180deg) rotate(15deg)}}@keyframes swim-espadim{0%{transform:translate(-100vw) rotateY(0)}50%{transform:translate(100vw) rotateY(0)}51%{transform:translate(100vw) rotateY(180deg)}to{transform:translate(-100vw) rotateY(180deg)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.data-image{aspect-ratio:16/9 auto;width:600px;max-width:100%;opacity:0;animation:fadeIn 1s 2s forwards ease-in-out}.data-flex{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.data-button{color:#143448;padding:25px 20px 20px;font-size:2.4rem;border-radius:15px;border:2px solid black;box-shadow:8px 8px 1px #000;cursor:pointer;text-decoration-color:#143448;font-weight:700;opacity:0;animation:fadeIn 1s 2.5s forwards ease-in-out}.data-button:hover{text-decoration:underline}.highlight-grid{display:flex;flex-wrap:wrap;gap:3rem}.highlight-column{flex:1;display:flex;flex-direction:column;gap:1rem;grid-column:span 1;max-width:100%;min-width:300px;opacity:0;animation:fadeIn .8s 1.5s forwards ease-in-out;padding:0 10px;margin:0}.highlight-column:nth-child(2){animation:fadeIn .8s 2s forwards ease-in-out}.highlight-img{display:block;height:auto;width:100%;height:300px;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border:1px solid #f0c90c;box-shadow:0 4px 16px #0003}.carousel{position:relative;overflow:hidden;width:100%;height:75vh;display:flex;align-items:center;justify-content:center;margin-top:20px;opacity:0;animation:fadeIn 1s 2s forwards ease-in-out}.carousel-track{display:flex;width:100%;max-width:900px;height:100%;transition:transform .8s ease-in-out;position:relative}.carousel-slide{width:100%;opacity:0;transition:opacity .8s ease-in-out;position:absolute;inset:0}.carousel-slide.active{opacity:1;position:relative;border:2px solid #f0c90c}.carousel-slide img{width:1200px;max-width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:0 4px 16px #0000004d}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;font-size:1.4rem;cursor:pointer;padding:.4rem .9rem;border-radius:50%;z-index:10;transition:background .3s,transform .3s}.carousel-btn:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:10px}.carousel-indicators button{width:12px;height:12px;border-radius:50%;border:none;background-color:#ffffff80;cursor:pointer;transition:background .3s,transform .3s}.carousel-indicators button.active{background-color:#f0c90c;transform:scale(1.2)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;padding:10px 15px;font-size:.95rem;font-weight:400;text-align:left;border-radius:0 0 8px 8px;opacity:1;transition:opacity .6s ease-in-out;z-index:5}.carousel-slide:not(.active) .image-overlay{opacity:0}.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.back-container,.readmore-container{opacity:0;position:relative;max-width:100%;padding:0 15px 0 5px;margin:0 0 0 70px;place-content:center;text-shadow:2px 2px 4px #222;animation:fadeIn 1s 1.5s forwards ease-in-out;font-size:20px}@media screen and (min-width: 576px){.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.back-container,.readmore-container{max-width:540px;padding:0 35px}}@media screen and (min-width: 768px){.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.readmore-container,.back-container{max-width:720px;margin:0 auto}}@media screen and (min-width: 992px){.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.readmore-container,.back-container{max-width:960px}}@media screen and (min-width: 1200px){.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.readmore-container,.back-container{max-width:1140px}}@media screen and (min-width: 1400px){.production-container,.data-container,.highlight-container,.timeline-container,.images-container,.readmore-container,.back-container{max-width:1320px}}.production-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;font-size:24px;max-width:100%}.readmore-container a{opacity:0;animation:fadeIn 1s 2s forwards ease-in-out;color:inherit;text-decoration:none}.readmore-container a:hover{text-decoration:underline;text-decoration-thickness:1px}.timeline-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2rem;padding:0 2rem;max-width:100%;max-height:100vh;overflow:auto}.timeline-description{text-align:center}.timeline-button{padding:.2rem 2rem;text-align:center;vertical-align:middle;background-color:#2fc1eb;border-radius:15px;font-weight:600}.timeline-point{display:flex;flex-direction:column;width:100%;place-items:center;place-content:center;text-align:center}.timeline-point:before{content:"";height:25px;border:2px solid #2fc1eb}.timeline-point:after{content:"";width:15px;height:15px;border:3px solid #2fc1eb;border-radius:50%}@media screen and (max-width: 576px){.timeline-container{width:80%}}.timeline-grid::-webkit-scrollbar{height:4px}.timeline-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.timeline-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00bfff,#09f);border-radius:10px}.timeline-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#00d5ff,#0af)}.timeline-grid::-webkit-scrollbar-button{display:none;width:0;height:0}.back-image{aspect-ratio:16/9 auto;width:100%;max-width:800px;border:3px solid #f0c90c}@keyframes slideInFromTop{0%{top:-100%;opacity:0}to{top:0;opacity:1}}@media screen and (max-width: 1024px){.data-image{width:400px}.highlight-column{min-width:400px}.carousel{height:60vh}.production-grid{grid-template-columns:1fr}}@media screen and (max-width: 768px){.text-container{left:10%}.curiosity-bounce{right:50px}.data-flex{flex-direction:column}.data-image{width:320px}.data-button{font-size:20px}.carousel{animation:fadeIn .8s 2s forwards ease-in-out;height:50vh}.carousel-btn{font-size:1.8rem;padding:.3rem .6rem}}@media screen and (max-width: 576px){.curiosity-paragraph{font-size:16px}.curiosity-bounce{right:0}.data-container .data-image{width:250px}.carousel{height:40vh}.carousel-indicators button{width:10px;height:10px}.highlight-column{min-width:250px}}@media screen and (max-width: 420px){.text-container{left:5%}.text-container .contratos-partilha{font-size:20px}.text-container .know-more{font-size:14px}}