:root{--blue-light:#649cc8;--blue-dark:#2e5c95;--yellow-warm:#ebc447;--cream-base:#f1ee99;--orange-accent:#d37e3d}@font-face{font-family:Bebas Neue;src:url(./fonts/BebasNeue-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(./fonts/Atkinson-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(./fonts/Atkinson-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.main-title,h1,h2{letter-spacing:1.5px;font-family:Bebas Neue,sans-serif}h3,p,.main-subtitle,.port-card p,.credit-item p,.author-info{letter-spacing:.3px;font-family:Atkinson,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.15rem;line-height:1.6}p strong,.author-info strong{font-family:Atkinson,sans-serif;font-weight:700}html,body{width:100vw;color:var(--blue-dark);background-color:#0000;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.bg-wrapper{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-video-container{z-index:1;opacity:.85;width:100%;height:100%;position:absolute;top:0;left:0}#bgOutroVideo{object-fit:cover;filter:saturate(.8)brightness(1.1);width:100%;height:100%}.compass-wrapper{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100vw;min-width:280px;max-width:520px;transition:opacity .8s,visibility .8s,transform .5s;display:flex;position:fixed;bottom:-100px;left:50%;transform:translate(-50%,50%)}.main-compass{filter:drop-shadow(0 0 20px #2e5c9566);will-change:transform;width:100%;height:auto;transform:scale(1.5)}.intro-section,.outro-section{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.intro-section{z-index:2}.outro-section{z-index:12;opacity:0;background-color:#000}.video-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#introVideo,#outroVideo{object-fit:cover;filter:brightness(.85);width:100%;height:100%}.ui-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scroll-arrow{z-index:11;filter:drop-shadow(0 2px 6px #2e5c954d);transition:opacity .8s,visibility .8s;animation:2s ease-in-out infinite tiltBounce;position:absolute;bottom:30px;right:30px}@keyframes tiltBounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(8deg)}}.narrative-section{z-index:3;max-width:1000px;min-height:200vh;margin:0 auto;padding:100px 20px 250px;position:relative}.brochure-header{text-align:left;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;display:flex}.header-text-content{flex:1}.header-image-container{flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.rotating-header-img{filter:drop-shadow(0 4px 10px #2e5c954d);width:100%;height:auto;animation:6s ease-in-out infinite alternate pendulumRotate}@keyframes pendulumRotate{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.main-title{color:var(--blue-dark);text-shadow:0 2px 10px #f1ee99cc;margin-bottom:15px;font-size:6rem}.main-subtitle{color:var(--orange-accent);font-size:3rem;font-weight:600}.brochure-block{opacity:0;margin-bottom:60px;transform:translateY(40px)}.brochure-block h2{color:var(--blue-dark);text-align:center;margin-bottom:25px;font-size:4rem}.content-card{border:2px solid var(--blue-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:40px;font-size:1.1rem;line-height:1.6;box-shadow:0 10px 30px #2e5c951a}.grid-enfoques{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.enfoque-item{border-top:5px solid var(--orange-accent);background:#fff3;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000000d}.enfoque-item h3{color:var(--blue-dark);margin-top:0;font-size:2rem}.ports-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;display:grid}.port-card{text-align:center;border-bottom:4px solid var(--yellow-warm);background:#fff3;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0000000d}.highlight-port{border-bottom-color:var(--orange-accent);background:#ebc44733}.port-num{color:var(--orange-accent);text-transform:uppercase;margin-bottom:5px;font-size:.85rem;font-weight:700;display:block}@media (width<=768px){.brochure-header{text-align:center;flex-direction:column-reverse}.content-card{padding:20px;font-size:1rem}.compass-wrapper{width:75vw}.header-image-container{width:100px;height:100px;margin-bottom:15px}.brochure-block h2{font-size:2rem}.enfoque-item h3{font-size:1.5rem}}.audio-toggle-btn{z-index:50;border:2px solid var(--blue-light);width:50px;height:50px;color:var(--blue-dark);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 4px 15px #2e5c9533}.audio-toggle-btn:hover{background:#fff;transform:scale(1.1)}.audio-toggle-btn svg{width:20px;height:20px;transition:opacity .3s;position:absolute}.section-flex-header{text-align:center;justify-content:center;align-items:center;gap:75px;width:100%;margin-bottom:25px;display:flex}.section-title-wrapper h2{margin:0}.section-image-container{flex-shrink:0;justify-content:center;align-items:center;width:40%;height:auto;display:flex}.rotating-section-img{filter:drop-shadow(0 3px 8px #2e5c9540);width:100%;height:auto;animation:6s ease-in-out infinite alternate pendulumRotate}@media (width<=768px){.section-flex-header{text-align:center;flex-direction:column}.section-image-container{order:0;width:50%;height:auto;margin:0 auto 10px}.section-title-wrapper{order:1}}.big-images-card{justify-content:space-between;align-items:center;gap:30px;display:flex}.card-side-img{flex-shrink:0;justify-content:center;align-items:center;width:280px;display:flex}.card-side-img img{object-fit:contain;filter:drop-shadow(0 5px 15px #2e5c9540);width:100%;height:auto}.card-text-content{text-align:justify;flex:1}.card-text-content h2{text-align:center}@media (width<=900px){.big-images-card{text-align:center;flex-direction:column}.card-text-content{text-align:center}.card-side-img{width:160px;margin:10px 0}}.big-images-card .left-img img{animation:6s ease-in-out infinite alternate slowFade}@keyframes slowFade{0%{opacity:0}to{opacity:1}}.big-images-card .right-img img{animation:6s ease-in-out infinite alternate floatUpDown}@keyframes floatUpDown{0%{transform:translateY(0)}to{transform:translateY(-45px)}}.final-image-section{text-align:center;flex-direction:column;align-items:center;margin-top:80px;margin-bottom:40px;display:flex}.final-image-container{justify-content:center;width:100%;max-width:600px;margin-bottom:25px;animation:4s ease-in-out infinite alternate floatSymbol;display:flex}@keyframes floatSymbol{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.final-big-img{object-fit:contain;width:100%;height:auto;animation:10s linear infinite colorShift}@keyframes colorShift{0%{filter:drop-shadow(0 8px 25px #2e5c9559)hue-rotate()}50%{filter:drop-shadow(0 8px 25px #2e5c9559)hue-rotate(60deg)}to{filter:drop-shadow(0 8px 25px #2e5c9559)hue-rotate()}}.final-text-content{border:2px solid var(--blue-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;max-width:700px;padding:25px 35px;font-size:1.15rem;line-height:1.6;box-shadow:0 10px 30px #2e5c951a}@media (width<=768px){.final-image-container{max-width:85vw}.final-text-content{padding:20px;font-size:1rem}.brochure-header{text-align:center;flex-direction:column}.header-image-container{order:1;width:120px;height:120px;margin:15px auto}.header-text-content{flex-direction:column;display:flex}.main-title{order:0;margin:0 10px 10px;padding:20px;font-size:2.5rem}.main-subtitle{order:2;padding:20px;font-size:2rem}.content-card{padding:20px;font-size:1rem}.compass-wrapper{width:75vw}}.ports-graphic-container{justify-content:center;width:100%;max-width:850px;margin:10px auto 35px;display:flex}.ports-graphic-img{object-fit:contain;filter:drop-shadow(0 6px 18px #2e5c9538);width:100%;height:auto}@media (width<=768px){.ports-graphic-container{max-width:92vw;margin-bottom:25px}}.route-graphic-container{justify-content:center;width:100%;max-width:700px;margin:25px auto;display:flex}.route-reveal-img{object-fit:contain;filter:drop-shadow(0 5px 15px #2e5c9540);width:100%;height:auto;animation:6s ease-in-out infinite alternate wipeLeftToRight}@keyframes wipeLeftToRight{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0% 0 0);opacity:1}}@media (width<=768px){.route-graphic-container{max-width:90vw}}.download-btn-container{justify-content:center;margin-top:30px;display:flex}.download-btn{background-color:var(--blue-dark,#2e5c95);color:#fff;letter-spacing:1px;border:2px solid #0000;border-radius:50px;padding:12px 30px;font-family:Bebas Neue,Segoe UI,sans-serif;font-size:1.4rem;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #2e5c954d}.download-btn:hover{color:var(--blue-dark,#2e5c95);border-color:var(--blue-dark,#2e5c95);background-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #2e5c9566}.credits-card{margin-top:40px;margin-bottom:60px}.credits-card h2{text-align:center;margin-bottom:30px}.credits-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.credit-item{padding:10px}.credit-item h4{color:var(--blue-dark,#2e5c95);letter-spacing:1px;margin:0 0 8px;font-family:Bebas Neue,Segoe UI,sans-serif;font-size:1.5rem}.credit-item p{color:#333;margin:0;font-size:1.05rem;line-height:1.4}@media (width<=768px){.credits-grid{gap:20px}.credit-item h4{font-size:1.3rem}}.treasures-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:30px;display:grid}.treasure-item{text-align:center;flex-direction:column;align-items:center;display:flex}.treasure-item h3{color:var(--blue-dark,#2e5c95);margin-top:15px;margin-bottom:0;font-size:1.3rem}.video-responsive{border-radius:12px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 8px 20px #2e5c9533}.video-responsive iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.port-card:first-child{--port-color:#fcd77a}.port-card:nth-child(2){--port-color:#86fbff}.port-card:nth-child(3){--port-color:#c7df73}.port-card:nth-child(4){--port-color:#fdd7c3}.port-card:nth-child(5){--port-color:#ffda9f}.port-card:first-child h3{color:#fcd77a}.port-card:nth-child(2) h3{color:#86fbff}.port-card:nth-child(3) h3{color:#c7df73}.port-card:nth-child(4) h3{color:#fdd7c3}.port-card:nth-child(5) h3{color:#ffda9f}@keyframes floatAndHue{0%{filter:hue-rotate()drop-shadow(0 3px 8px #00000040);transform:translateY(0)}to{filter:hue-rotate(35deg)drop-shadow(0 6px 14px #00000059);transform:translateY(-8px)}}@media (width<=768px){.ports-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:25px;display:flex}.port-card{background-color:var(--port-color);box-sizing:border-box;cursor:pointer;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:transform .2s;animation:4s ease-in-out infinite alternate floatAndHue;display:flex}.port-card:first-child{animation-delay:0s}.port-card:nth-child(2){animation-delay:.8s}.port-card:nth-child(3){animation-delay:1.6s}.port-card:nth-child(4){animation-delay:2.4s}.port-card:nth-child(5){animation-delay:3.2s}.port-card:active{transform:scale(.9)}.port-card h3,.port-card p{display:none!important}.port-card .port-num{margin:0;font-size:0;line-height:1}.port-card:first-child .port-num:after{content:"I";color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.port-card:nth-child(2) .port-num:after{content:"II";color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.port-card:nth-child(3) .port-num:after{content:"III";color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.port-card:nth-child(4) .port-num:after{content:"IV";color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.port-card:nth-child(5) .port-num:after{content:"V";color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.5rem}}#portModalBody .port-num{color:var(--blue-dark,#2e5c95);margin-bottom:5px;font-weight:700;display:block;font-size:1rem!important}#portModalBody .port-num:after{content:none!important}.port-modal{z-index:99999;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.port-modal.active{opacity:1;visibility:visible;pointer-events:auto}.port-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;width:100%;height:100%;position:absolute;top:0;left:0}.port-modal-content{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid var(--blue-light,#92b4d8);text-align:center;background:#fffffff5;border-radius:20px;width:85%;max-width:380px;padding:30px 25px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.85);box-shadow:0 15px 35px #0000004d}.port-modal.active .port-modal-content{transform:scale(1)}.port-modal-close{color:var(--blue-dark,#2e5c95);cursor:pointer;background:0 0;border:none;font-size:2.2rem;line-height:1;position:absolute;top:8px;right:14px}.modal-port-num{letter-spacing:1px;color:var(--blue-dark,#2e5c95);margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;display:block}.modal-port-title{margin:4px 0 12px;font-family:Atkinson,Bebas Neue,sans-serif;font-size:2rem}.modal-port-desc{color:#333;margin:0;font-family:Atkinson,sans-serif;font-size:1.1rem;line-height:1.5}.card-actions-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.accessible-audio-btn{background-color:var(--blue-dark,#2e5c95);color:#fff;letter-spacing:1px;cursor:pointer;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-family:Bebas Neue,Segoe UI,sans-serif;font-size:1.4rem;transition:all .3s;display:inline-flex;box-shadow:0 5px 15px #2e5c954d}.accessible-audio-btn:hover{color:var(--blue-dark,#2e5c95);border-color:var(--blue-dark,#2e5c95);background-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #2e5c9566}.accessible-audio-btn:focus-visible{outline-offset:3px;outline:3px solid #f0ad4e}.accessible-audio-btn.is-playing{background-color:var(--blue-dark,#2e5c95);color:#fff;border-color:#0000;animation:2s infinite alternate pulseAudio}.audio-btn-icon{flex-shrink:0}.audio-btn-icon.hidden{display:none!important}@keyframes pulseAudio{0%{box-shadow:0 0 #2e5c9566}to{box-shadow:0 0 0 10px #2e5c9500}}@media (width<=600px){.card-actions-container{flex-direction:column;width:100%}.accessible-audio-btn,.download-btn{width:100%;max-width:200px}}