:root{--puma-yellow:#fdb404;--puma-yellow-hover:#e5a200;--puma-blue:#24384b;--puma-blue-dark:#192735;--puma-blue-soft:rgba(36,56,75,.92);--puma-blue-card:rgba(30,48,66,.94);--color-light:#fff}.primaveras-experience{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:var(--puma-blue-dark);color:var(--color-light);-webkit-user-select:none;-moz-user-select:none;user-select:none}.streetview-container{position:absolute;inset:0;width:100%;height:100%;z-index:1}.streetview-iframe{width:100%;height:100%;border:none;display:block}.pano-curtain{position:absolute;inset:0;background:var(--puma-blue-dark);z-index:2;pointer-events:none;opacity:0;transition:opacity .4s ease}.pano-curtain.fading{opacity:1}.welcome-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(15,23,33,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;transition:opacity .5s ease,visibility .5s ease}.welcome-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-card{background-color:var(--puma-blue);border-radius:36px;padding:3.5rem 3rem;width:100%;max-width:580px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.08);animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-title{color:var(--color-light);font-size:clamp(34px,5.5vw,56px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:2.75rem}.welcome-title .line-1,.welcome-title .line-2{display:block}.welcome-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background-color:var(--puma-yellow);color:var(--puma-blue);font-size:clamp(26px,3.5vw,36px);font-weight:800;letter-spacing:-.01em;padding:1.1rem 2rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(253,180,4,.35);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease}.welcome-cta-btn:hover{transform:scale(1.03);background-color:var(--puma-yellow-hover);box-shadow:0 14px 34px rgba(253,180,4,.5)}.welcome-cta-btn:active{transform:scale(.97)}.story-card-wrapper{position:absolute;top:5rem;left:2rem;bottom:6rem;width:min(440px,calc(100vw - 4rem));z-index:20;pointer-events:none;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.story-card-wrapper.collapsed{transform:translateX(-120%);opacity:0;pointer-events:none}.story-card{pointer-events:auto;background:var(--puma-blue-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(253,180,4,.25);border-radius:28px;padding:1.75rem;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.05);max-height:100%;overflow-y:auto;scrollbar-width:none}.story-card::-webkit-scrollbar{display:none}.story-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.story-description{font-size:clamp(16px,1.8vw,19px);line-height:1.45;color:var(--color-light);font-weight:500;letter-spacing:-.01em}.btn-icon-collapse{flex-shrink:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:var(--color-light);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-icon-collapse:hover{background:rgba(253,180,4,.2);border-color:var(--puma-yellow);color:var(--puma-yellow)}.carousel-container{border-radius:20px;background:rgba(15,23,33,.7);aspect-ratio:1/1;max-height:380px;margin-bottom:1.25rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08)}.carousel-container,.carousel-slide{position:relative;width:100%;overflow:hidden}.carousel-slide{height:100%;display:flex;align-items:center;justify-content:center}.carousel-bg-blur{position:absolute;inset:-20px;background-size:cover;background-position:50%;filter:blur(28px) brightness(.35);transform:scale(1.15);pointer-events:none;z-index:1}.carousel-media{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;z-index:2;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.45);cursor:zoom-in;transition:transform .2s ease}.carousel-media:hover{transform:scale(1.015)}.lightbox-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,16,24,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;animation:fadeIn .25s ease}.lightbox-content,.lightbox-overlay{display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;max-width:92vw;max-height:88vh}.lightbox-media{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.7)}.lightbox-close-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:210;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease}.lightbox-close-btn:hover{background:var(--puma-yellow);color:var(--puma-blue);border-color:var(--puma-yellow)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(36,56,75,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:all .2s ease;z-index:205}.lightbox-nav-btn:hover{background:var(--puma-yellow);color:var(--puma-blue);border-color:var(--puma-yellow)}.lightbox-nav-btn.prev{left:2rem}.lightbox-nav-btn.next{right:2rem}.lightbox-counter{bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(25,39,53,.85);padding:6px 16px;border-radius:9999px;font-size:14px;font-weight:700;color:var(--puma-yellow);letter-spacing:.05em;z-index:205}.carousel-nav-btn,.lightbox-counter{position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.carousel-nav-btn{top:50%;transform:translateY(-50%);background:rgba(25,39,53,.75);border:1px solid hsla(0,0%,100%,.2);color:var(--color-light);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5;font-size:18px}.carousel-nav-btn:hover{background:var(--puma-yellow);color:var(--puma-blue);border-color:var(--puma-yellow)}.carousel-nav-btn.prev{left:10px}.carousel-nav-btn.next{right:10px}.carousel-badge{position:absolute;bottom:10px;right:12px;background:rgba(15,23,33,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--color-light);letter-spacing:.04em;z-index:4}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:4}.carousel-dot{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.35);transition:all .2s ease;cursor:pointer}.carousel-dot.active{background:var(--puma-yellow);transform:scale(1.3)}.story-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.btn-toggle-360{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:var(--color-light);padding:.6rem 1.1rem;border-radius:9999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-toggle-360:hover{background:rgba(253,180,4,.15);border-color:var(--puma-yellow);color:var(--puma-yellow)}.btn-uncollapse{position:absolute;top:5rem;left:2rem;z-index:20;background:var(--puma-blue-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--puma-yellow);color:var(--color-light);padding:.75rem 1.4rem;border-radius:9999px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.btn-uncollapse:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(253,180,4,.35)}.route-stepper{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:30;background:var(--puma-blue-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;padding:.6rem 1rem .6rem 1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 16px 45px rgba(0,0,0,.5);max-width:calc(100vw - 2rem)}.stepper-nav-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:var(--color-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.stepper-nav-btn:hover:not(:disabled){background:rgba(253,180,4,.2);border-color:var(--puma-yellow);color:var(--puma-yellow)}.stepper-nav-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-progress{display:flex;align-items:center;gap:.6rem}.stepper-counter{font-size:14px;font-weight:700;color:var(--puma-yellow);letter-spacing:.05em;min-width:48px}.stepper-dots{display:flex;gap:6px}.stepper-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.25);transition:all .25s ease;cursor:pointer}.stepper-dot.active{background:var(--puma-yellow);transform:scale(1.3);box-shadow:0 0 10px rgba(253,180,4,.5)}.stepper-dot.visited{background:rgba(253,180,4,.6)}.btn-next-place{background:var(--puma-yellow);color:var(--puma-blue);font-size:14px;font-weight:800;letter-spacing:.04em;padding:.65rem 1.4rem;border-radius:9999px;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px rgba(253,180,4,.3);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;white-space:nowrap}.btn-next-place:hover{transform:scale(1.04);background:var(--puma-yellow-hover);box-shadow:0 8px 24px rgba(253,180,4,.45)}.btn-next-place:active{transform:scale(.97)}.audio-pill{position:absolute;top:5.5rem;right:2rem;z-index:30;background:var(--puma-blue-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;padding:.5rem 1rem .5rem .6rem;display:flex;align-items:center;gap:.65rem;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:pointer;transition:all .2s ease}.audio-pill:hover{border-color:var(--puma-yellow)}.audio-btn{background:var(--puma-yellow);color:var(--puma-blue);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:none;cursor:pointer}.audio-info{display:flex;flex-direction:column}.audio-title{font-size:12px;font-weight:700;color:var(--color-light);line-height:1.1}.audio-artist{font-size:10px;color:var(--puma-yellow);font-weight:600}.sound-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.sound-bar{width:2.5px;background:var(--puma-yellow);border-radius:1px;height:4px;transition:height .2s ease}.audio-pill.playing .sound-bar:first-child{animation:soundWave .8s ease-in-out infinite alternate}.audio-pill.playing .sound-bar:nth-child(2){animation:soundWave 1.1s ease-in-out .2s infinite alternate}.audio-pill.playing .sound-bar:nth-child(3){animation:soundWave .7s ease-in-out .4s infinite alternate}@keyframes soundWave{0%{height:4px}to{height:14px}}@media (max-width:768px){.welcome-card{padding:2.5rem 1.75rem;border-radius:28px}.welcome-title{margin-bottom:2rem}.story-card-wrapper{top:auto;bottom:5.5rem;left:1rem;right:1rem;width:auto;max-height:55vh}.story-card{padding:1.25rem;border-radius:22px}.story-description{font-size:15px}.carousel-container{aspect-ratio:16/10;margin-bottom:.85rem}.route-stepper{bottom:1rem;padding:.5rem .85rem;gap:.75rem}.stepper-dots{display:none}.btn-next-place{padding:.55rem 1.1rem;font-size:13px}.btn-uncollapse{bottom:5.5rem;top:auto;left:1rem}.audio-pill{top:4.5rem;right:1rem}}