body{margin:0;background-color:#121212}body:has(.story-container){background-color:#121212;color:#e0e0e0;overflow:hidden;font-family:Arial,sans-serif}#trajetoria-page-container.fading-out,#scroll-telling-page.fading-out,#search-page-container.fading-out{opacity:0;transition:opacity .7s ease-in-out}.story-container{font-family:Arial,sans-serif;max-width:100%;margin:0 auto;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.story-container .story-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;scroll-snap-align:start;width:100%;box-sizing:border-box;opacity:0;transition:opacity 1.1s ease-in-out}.story-container .story-section.active{opacity:1}#scroll-telling-page .story-section{padding:20px;flex-direction:column;justify-content:center;align-items:center}#scroll-telling-page .full-page-section{text-align:center}#scroll-telling-page .text-content{flex:1;line-height:1.6;max-width:800px;width:100%}#scroll-telling-page .story-section.side-by-side{flex-direction:row;align-items:center;gap:0}#scroll-telling-page .story-section.side-by-side .text-content,#scroll-telling-page .story-section.side-by-side .chart-content{flex:1;padding:20px;height:auto}#scroll-telling-page .text-content h2{font-size:2em;color:#f5f5f5;margin-bottom:20px}#scroll-telling-page .text-content p{font-size:1.2em;margin-bottom:15px}#scroll-telling-page .chart-content{flex:1;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px #00000080;width:100%;max-height:80vh}#scroll-telling-page .text-content.left{padding-right:40px}#scroll-telling-page .text-content.right{padding-left:40px}:global(#scroll-telling-page .chart-content>*){width:100%;height:100%}#scroll-telling-page .loading-text{color:#e0e0e0;text-align:center}#scroll-telling-page .centered-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}#scroll-telling-page .nav-button-container{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#e0e0e0;padding:20px;border-radius:8px;margin-top:40px}#scroll-telling-page .nav-button-text{font-size:1.1em;color:#e0e0e0;margin-bottom:20px;text-align:center;max-width:600px}#scroll-telling-page .nav-arrow-button{background-color:gold;color:#121212;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;transition:background-color .3s ease,transform .2s ease}#scroll-telling-page .nav-arrow-button:hover{background-color:#e6c300;transform:scale(1.1)}#scroll-telling-page .story-section:has(.nav-button-container) .centered-content{justify-content:center}:global(.chart-content>*){width:100%;height:100%}.loading-text{color:#e0e0e0;text-align:center}.centered-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.navigation-section{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:700px;width:100%}.navigation-section h3{font-size:2.2em;color:gold;margin:0;text-align:center}.navigation-section p{font-size:1.2em;color:#e0e0e0;text-align:center;margin:0;line-height:1.6}.enhanced-nav-button{display:block;text-decoration:none;width:100%;max-width:500px;margin:20px 0}.nav-content{display:flex;align-items:center;gap:15px;padding:20px 30px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #ffd700;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow}.nav-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}.enhanced-nav-button:hover .nav-content{transform:translateY(-3px);box-shadow:0 10px 30px #ffd7004d;border-color:#ffed4e}.enhanced-nav-button:hover .nav-content:before{left:100%}.nav-text-group{flex:1;text-align:left}.nav-title{font-size:1.4em;font-weight:700;color:gold;margin-bottom:5px}.nav-subtitle{font-size:1em;color:#b0b0b0;line-height:1.4}.nav-arrow-button{background-color:gold;color:#121212;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;transition:all .3s ease;flex-shrink:0}.enhanced-nav-button:hover .nav-arrow-button{background-color:#ffed4e;transform:scale(1.1) rotate(5deg)}.progress-indicator{display:flex;align-items:center;gap:10px;margin-top:30px}.progress-step{width:40px;height:40px;border-radius:50%;background:#333;color:#888;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000;box-shadow:0 4px 15px #ffd70066}.progress-line{width:60px;height:2px;background:#333;position:relative}@media (max-width: 768px){.nav-content{flex-direction:column;text-align:center;gap:15px;padding:20px}.nav-text-group{text-align:center}.progress-indicator{flex-wrap:wrap;justify-content:center}.progress-line{width:40px}}