:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;top:0!important;position:static!important;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,.goog-te-gadget-simple,.goog-te-gadget-icon,#google_translate_element{display:none!important;visibility:hidden!important;height:0!important}body>.skiptranslate{display:none!important}body{top:0!important}:root{--color-primary: #004A80;--color-primary-rgb: 0, 74, 128;--color-primary-text: #004A80;--color-secondary: #00AEEF;--color-text: #003366;--color-text-inverse: #FFFFFF;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-alert: #D32F2F;--color-success: #388E3C;--color-border: #B0C4DE;--color-nav-active: #FFD700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-full: 9999px;--font-size-xs: 1rem;--font-size-sm: 1.25rem;--font-size-md: 1.5rem;--font-size-lg: 2.25rem;--font-size-xl: 3.5rem;--font-size-xxl: 5rem;--font-size-hero: 7rem;--shadow-sm: 0 1px 3px rgba(0, 74, 128, .1);--shadow-md: 0 4px 6px rgba(0, 74, 128, .1);--shadow-lg: 0 10px 20px rgba(0, 74, 128, .15)}[data-theme=theme-b]{--color-primary: #002244;--color-primary-rgb: 0, 34, 68;--color-primary-text: #002244;--color-secondary: #FFD700;--color-text: #FFFFFF;--color-text-inverse: #000000;--color-background: #121212;--color-surface: #1E1E1E;--color-border: #333333}[data-theme=demo-yellow]{--color-primary: #fff100;--color-primary-rgb: 255, 241, 0;--color-primary-text: #000000;--color-secondary: #242424;--color-text: #333333;--color-text-inverse: #000000;--color-background: #FFFbea;--color-surface: #FFFFFF;--color-border: #DAA520;--color-nav-active: #B8860B}[data-theme=demo-black]{--color-primary: #1a1a1a;--color-primary-rgb: 26, 26, 26;--color-primary-text: #1a1a1a;--color-secondary: #FFFFFF;--color-text: #000000;--color-text-inverse: #FFFFFF;--color-background: #F4F4F4;--color-surface: #FFFFFF;--color-border: #333333}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;background-color:var(--color-background)}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:160px;-webkit-overflow-scrolling:touch}.global-back-btn{position:fixed;top:110px;left:20px;z-index:200;background:transparent;border:none;color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.global-back-btn:active{transform:scale(.95)}[data-theme=demo-yellow] .global-back-btn{background-color:var(--color-primary);color:var(--color-text-inverse);opacity:1;box-shadow:0 4px 10px #0003}.bottom-nav{height:140px;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px #0000000d;background-color:var(--color-primary)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-inverse);text-decoration:none;flex:1;height:100%;transition:all .2s ease;opacity:.7;border-top:4px solid transparent}.nav-item:hover,.nav-item.active{opacity:1;background-color:#ffffff1a;color:var(--color-nav-active);border-top-color:var(--color-nav-active)}.nav-label{font-size:.9rem;margin-top:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-controls{position:fixed;left:40px;z-index:200;display:flex;flex-direction:column;gap:20px}.lang-toggle{background-color:var(--color-secondary);color:var(--color-primary);padding:16px 32px;border-radius:var(--border-radius-full);display:flex;align-items:center;gap:12px;font-size:var(--font-size-md);font-weight:800;box-shadow:4px 4px #0003;border:2px solid var(--color-primary)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-text);overflow:hidden;-webkit-user-select:none;user-select:none;width:100vw;height:100vh}#root{width:100%;height:100%;display:flex;flex-direction:column}.h1{font-size:var(--font-size-hero);font-weight:900;line-height:1.1}.h2{font-size:var(--font-size-xxl);font-weight:800;line-height:1.2}.h3{font-size:var(--font-size-xl);font-weight:700;line-height:1.3}.h4{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.body-lg{font-size:var(--font-size-md);line-height:1.5}.body-md{font-size:var(--font-size-sm);line-height:1.5}.caption{font-size:var(--font-size-xs);color:#666}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}button{border:none;background:none;cursor:pointer;font-family:inherit}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.home-page{padding:0;max-width:100%}.video-hero{width:100%;height:35vh;position:relative;overflow:hidden;background-color:var(--color-primary);border-bottom:none;transition:all .6s cubic-bezier(.22,1,.36,1);opacity:1}.video-hero.hidden{height:0;min-height:0;opacity:0;margin-bottom:0}.search-title{transition:all .4s ease;opacity:1;max-height:100px}.search-title.hidden{opacity:0;max-height:0;margin:0;overflow:hidden}.video-hero video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(var(--color-primary-rgb),.3),rgba(var(--color-primary-rgb),.6))}.floating-alerts{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:20;width:300px}.floating-alert-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-md);padding:12px;display:flex;gap:12px;box-shadow:0 4px 12px #00000026;cursor:default;border-left:4px solid var(--color-primary)}.floating-alert-card.important{border-left-color:var(--color-alert)}.alert-icon{color:var(--color-alert);display:flex;align-items:center}.alert-content h4{font-size:.9rem;font-weight:700;margin:0 0 4px;color:var(--color-text)}.alert-content p{font-size:.8rem;margin:0;color:#555;line-height:1.3}.home-content{padding:var(--spacing-lg);margin-top:-20px;position:relative;z-index:10;background:transparent}.search-section{text-align:center;margin-bottom:var(--spacing-xl)}.search-title{color:var(--color-text);font-weight:300;margin-bottom:var(--spacing-md);text-transform:lowercase;letter-spacing:-.5px}.highlights{margin-bottom:var(--spacing-xl)}.minimalist-title{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-left:4px solid var(--color-secondary);padding-left:12px}.cards-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(min-width:1080px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.news-page{padding:var(--spacing-lg);padding-bottom:150px}.page-title{margin-bottom:var(--spacing-md);border-left:8px solid var(--color-primary);padding-left:var(--spacing-sm)}.filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs)}.news-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:1080px){.news-list{grid-template-columns:repeat(2,1fr)}}.agenda-page{padding:var(--spacing-lg);padding-bottom:150px}.filters-container{margin-bottom:var(--spacing-lg)}.events-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(min-width:1080px){.events-list{grid-template-columns:repeat(2,1fr)}}.filters{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;border:2px solid transparent;transition:all .2s;white-space:nowrap}.filter-btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.filter-btn.secondary.active{background-color:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}[data-theme=demo-yellow] .filter-btn.secondary.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.discover-page{padding:var(--spacing-lg);padding-bottom:150px}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cat-card{padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:700;text-align:center;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all .2s;color:var(--color-text)}.cat-card.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.places-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(min-width:1080px){.places-list{grid-template-columns:repeat(2,1fr)}}.routes-page{padding:var(--spacing-lg);padding-bottom:50px;display:flex;flex-direction:column;min-height:auto}.route-inputs{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);border:1px solid rgba(0,0,0,.1)}.input-row{display:flex;align-items:center;gap:var(--spacing-md)}.input-box{flex:1;padding:var(--spacing-md);border-radius:var(--border-radius-sm);background-color:var(--color-background);border:2px solid #ddd;font-size:var(--font-size-md);color:var(--color-text);outline:none}.input-box:focus{border-color:var(--color-primary)}.route-btn-inline{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-secondary);font-weight:800;border-radius:var(--border-radius-sm);border:none;box-shadow:var(--shadow-sm)}.route-result{display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeIn .4s ease-out}.mode-selector{display:flex;gap:var(--spacing-sm)}.mode-btn{flex:1;padding:var(--spacing-md) var(--spacing-sm);background-color:#fff;border:2px solid #eee;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;color:var(--color-text);transition:all .2s}.mode-btn span{font-size:.75rem;text-transform:uppercase}.mode-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary)}.map-container{height:420px;background-color:#e0e0e0;border-radius:var(--border-radius-md);box-shadow:inset 0 2px 4px #0000001a;border:1px solid #ddd}.route-details-panel{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.route-info-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid #eee}.time-estimate{font-size:2.5rem;font-weight:900;color:var(--color-primary-text)}.distance-info{font-weight:700;font-size:1.2rem;color:#444}.summary-section{padding:var(--spacing-sm) 0}.summary-text{font-weight:800;color:var(--color-text);margin-bottom:12px;font-size:1.1rem;text-transform:capitalize}.directions-list-api{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:8px;border:1px solid #eee;overflow:hidden}.api-step{display:flex;gap:16px;padding:16px;border-bottom:1px solid #f0f0f0;position:relative;align-items:flex-start}.api-step:last-child{border-bottom:none}.step-icon{width:24px;display:flex;justify-content:center;padding-top:2px;color:var(--color-primary-text)}.step-body{flex:1;display:flex;flex-direction:column;gap:8px}.transit-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.line-badge{padding:2px 8px;border-radius:4px;font-size:.85rem;font-weight:800;min-width:40px;text-align:center;box-shadow:0 1px 2px #0003}.agency-name{font-size:.8rem;color:#666;font-weight:600}.instructions-text{font-size:1rem;color:var(--color-text);line-height:1.4}.instructions-text b{color:#000;font-weight:700}.transit-details-sub{margin-top:10px;display:flex;flex-direction:column;gap:6px;position:relative;padding-left:20px}.details-row{font-size:.9rem;color:#444;display:flex;align-items:center;gap:10px}.dot-line{width:8px;height:8px;border-radius:50%;background:var(--color-primary);position:absolute;left:0;z-index:1}.dot-line.grey{background:#ccc;width:6px;height:6px;left:1px}.dot-line.end{background:#d93025}.alternatives-selector{margin:var(--spacing-sm) 0}.section-subtitle{margin-bottom:12px;color:#666;font-size:1rem}.alternatives-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.alt-card{flex:0 0 160px;background:#fff;padding:12px;border-radius:12px;border:2px solid #eee;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.alt-card.active{border-color:var(--color-primary);background:#f0f7ff}.alt-time{font-size:1.2rem;font-weight:900;color:var(--color-primary-text)}.alt-lines{display:flex;flex-wrap:wrap;gap:4px}.mini-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;color:#fff;font-weight:700}.alt-arrival{font-size:.75rem;color:#888;font-weight:600}.transit-details-sub:before{content:"";position:absolute;left:3px;top:10px;bottom:10px;width:2px;background:#eee;z-index:0}.step-meta{font-size:.8rem;color:#888;white-space:nowrap;font-weight:600}.qr-section{display:flex;align-items:center;justify-content:space-between;background:var(--color-primary);padding:var(--spacing-md);border-radius:12px;color:var(--color-text-inverse);margin-top:8px}.qr-text{display:flex;align-items:center;gap:12px}.qr-wrapper{background:#fff;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.qr-image{width:90px;height:90px}.routes-placeholder{padding:100px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);color:#999}.input-row{position:relative}.suggestions-list{position:absolute;top:100%;left:45px;right:0;max-width:calc(100% - 150px);background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:0}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:1rem;color:#333;display:flex;align-items:center;gap:10px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:#f5f5f5}.suggestion-icon{color:#888}.selfie-page{height:100vh;display:flex;flex-direction:column;background-color:#000;position:relative;padding-top:100px;padding-bottom:130px}.camera-preview{flex:1;background-color:#333;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-image:url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center}.webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:1}.webcam-video.v-hidden{display:none}.preview-overlay{position:absolute;top:15%;text-align:center;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8);z-index:10}.capture-btn{position:absolute;bottom:160px;width:120px;height:120px;border-radius:50%;background-color:#fff;border:10px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 4px 25px #00000080;transition:transform .2s,background-color .2s;z-index:20}.btn-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.btn-legend{font-size:11px;font-weight:900;letter-spacing:.5px;color:var(--color-primary-text)}.capture-btn:active{transform:scale(.9);background-color:#eee}.countdown-display{position:absolute;font-size:12rem;color:#fff;font-weight:900;text-shadow:0 0 30px rgba(0,0,0,.8);z-index:30;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.result-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-lg);background-image:url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center;position:relative;overflow:hidden}.result-container:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.photo-result-wrapper,.qr-panel{position:relative;z-index:2}.photo-result-wrapper{width:90%;max-width:500px;background-color:#fff;padding:15px 15px 60px;box-shadow:var(--shadow-xl);transform:rotate(-2deg);border-radius:4px;animation:slideInUp .6s ease-out}.captured-photo{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}@keyframes slideInUp{0%{transform:translateY(100px) rotate(5deg);opacity:0}to{transform:translateY(0) rotate(-2deg);opacity:1}}.qr-panel{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);animation:fadeIn 1s ease-out}.qr-panel .h4,.qr-panel .caption{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.qr-code-large{width:180px;height:180px;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius-md)}.qr-code-large img{width:100%;height:100%}.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-full);border:none;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-md);font-weight:600;margin-top:var(--spacing-md);display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .2s,background-color .2s}.btn-secondary:active{transform:scale(.95);opacity:.9}.emergency-page{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;padding:var(--spacing-lg)}.emergency-container{background-color:#1a1a1a;width:100%;max-width:800px;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;border:4px solid var(--color-alert);box-shadow:0 0 50px #d32f2f80}.emergency-title{color:var(--color-alert);margin-bottom:var(--spacing-lg)}.emergency-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-emergency-primary{background-color:var(--color-alert);color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:800;border:none}.btn-emergency-secondary{background-color:transparent;color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-md);border:2px solid white}.connecting-indicator{font-size:var(--font-size-xl);margin:var(--spacing-xl) 0;animation:blink 1s infinite}@keyframes blink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.video-call-mock{display:flex;flex-direction:column;gap:var(--spacing-md);height:60vh}.operator-video{flex:2;background-color:#333;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=800&q=80);background-size:cover}.user-video{flex:1;background-color:#222;border-radius:var(--border-radius-md);background-image:url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?auto=format&fit=crop&w=800&q=80);background-size:cover}.welcome-container{position:relative;width:100vw;height:100vh;overflow:hidden;color:#fff;font-family:Avenir,sans-serif;cursor:pointer}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;z-index:1}.welcome-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;box-sizing:border-box}.weather-widget{z-index:20;display:flex;align-items:center;justify-content:center;gap:15px;background:rgba(var(--color-primary-rgb),.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003;color:var(--color-text-inverse);margin-top:30px;animation:fadeIn 1s ease-out}.weather-info{display:flex;flex-direction:column;align-items:center}.weather-temp{font-size:1.8rem;font-weight:700;line-height:1}.weather-details{font-size:.85rem;opacity:.9;margin-top:2px}.language-selector{display:flex;gap:20px}.lang-flag{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 6px #0003;cursor:pointer;transition:transform .2s}.lang-flag:hover{transform:scale(1.1)}.lang-flag.active{transform:scale(1.2);box-shadow:0 0 0 3px #fffc,0 4px 10px #0000004d;z-index:10}.logo-container{margin-top:80px;text-align:center;background:#fff;padding:60px;border-radius:20px;box-shadow:0 10px 30px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);width:auto;max-width:400px}.rio-coat-arms{width:100%;max-width:300px;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}[data-theme=demo-yellow] .logo-container{padding:30px 50px}[data-theme=demo-yellow] .rio-coat-arms{transform:scale(1.3)}.info-carousel-container{margin-top:auto;margin-bottom:80px;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.carousel-slide{display:flex;align-items:center;gap:30px;text-align:left;background:rgba(var(--color-primary-rgb),.85);padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--color-text-inverse);animation:fadeIn .5s ease-in-out}.slide-icon-circle{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);box-shadow:0 4px 15px #0003;flex-shrink:0}.slide-content h3{font-size:2rem;margin:0 0 10px;font-weight:700}.slide-content p{font-size:1.2rem;margin:0;opacity:.9;line-height:1.5}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px}.carousel-indicators{display:flex;justify-content:center;gap:10px}.indicator{width:40px;height:4px;background:#fff6;border-radius:2px;transition:all .3s}.indicator.active{background:#fff;width:60px}.nav-arrow{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.nav-arrow:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.touch-hint{position:absolute;bottom:20px;width:100%;text-align:center;font-size:.9rem;opacity:.7;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.selfie-share-lp{height:100vh;background-image:url(https://images.unsplash.com/photo-1542038784456-1ea8e935640e?auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center;color:#fff;font-family:Outfit,sans-serif;display:flex;flex-direction:column;align-items:center;padding:100px 20px 160px;text-align:center;position:relative;overflow:hidden}.selfie-share-lp:before{content:"";position:absolute;inset:0;background:#000000b3;z-index:1}.lp-content,.lp-footer{position:relative;z-index:2}.lp-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px}.share-photo-wrapper{width:100%;background-color:#fff;padding:12px 12px 50px;box-shadow:0 10px 30px #00000080;border-radius:4px;transform:rotate(-1deg);animation:zoomIn .6s cubic-bezier(.175,.885,.32,1.275)}.share-photo{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:2px}.lp-actions{margin-top:20px;color:#333}.lp-actions p{font-size:.9rem;font-weight:600;margin-bottom:10px}.lp-btn{background-color:var(--color-primary, #004A80);color:#fff;border:none;padding:14px 28px;border-radius:24px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,background-color .2s,box-shadow .2s;text-shadow:none;width:100%}.lp-btn:active{transform:scale(.98)}.lp-buttons{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:10px}.lp-btn.download-btn{background-color:var(--color-primary, #004A80);box-shadow:0 4px 15px #004a804d;border:2px solid rgba(255,255,255,.1)}.lp-btn.download-btn:hover{background-color:var(--color-secondary, #00AEEF)}.no-photo{opacity:.7;margin-top:40px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(-1deg)}}.news-detail-page{background-color:var(--color-background);min-height:100vh;padding-bottom:100px}.news-hero{height:50vh;background-size:cover;background-position:center;position:relative}.news-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#000c)}.back-btn{position:absolute;top:110px;left:20px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;padding:12px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}[data-theme=demo-yellow] .back-btn{background-color:#000;color:var(--color-primary)}.news-hero-content{position:absolute;bottom:40px;left:20px;right:20px;color:#fff;z-index:5}.news-category{background-color:var(--color-secondary);color:#fff;padding:4px 12px;border-radius:4px;font-size:.9rem;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:12px}.news-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.news-meta{display:flex;gap:16px;opacity:.9}.meta-item{display:flex;align-items:center;gap:6px;font-size:1rem}.news-body{padding:32px 20px;background:#fff;border-radius:24px 24px 0 0;margin-top:-24px;position:relative;z-index:6}.news-text{font-size:1.2rem;line-height:1.6;color:#333;margin-bottom:40px}.news-text p{margin-bottom:20px}.news-gallery,.news-video{margin-bottom:40px}.news-gallery h3,.news-video h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:16px;border-left:4px solid var(--color-secondary);padding-left:12px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--border-radius-md);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-img:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}.image-modal-content img{max-width:100%;max-height:90vh;border-radius:var(--border-radius-md);box-shadow:0 20px 50px #00000080;object-fit:contain}.modal-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.modal-close:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fab-share{position:fixed;bottom:160px;right:20px;background-color:var(--color-secondary);color:#fff;border:none;padding:16px 24px;border-radius:50px;display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:100;transition:transform .2s}.fab-share:active{transform:scale(.95)}