/* Banner de exploración del barrio. */
.bottom-banner.neighborhood-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;margin:45px 4% 60px;padding:0;min-height:390px;overflow:hidden;border:1px solid #ffffff25;border-radius:30px;background:#14291f;color:white;box-shadow:0 20px 50px #18392715}.neighborhood-banner:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../assets/hero-entorno-limpio.png') 75% 55%/cover no-repeat;opacity:.7;animation:neighborhood-pan 20s ease-in-out infinite alternate;pointer-events:none}.neighborhood-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10271ff5 0%,#10271fe0 36%,#10271f3b 75%,#10271f75);pointer-events:none}.neighborhood-copy{padding:45px 0 45px 8%;position:relative;z-index:2}.neighborhood-banner .eyebrow{color:#d9fc58;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.neighborhood-banner .eyebrow i{width:6px;height:6px;background:#d9fc58;border-radius:50%;box-shadow:0 0 0 4px #d9fc5818}.neighborhood-banner h2{color:white;font:500 clamp(28px,2.7vw,47px)/1.12 Manrope,sans-serif;letter-spacing:-1.8px;margin:22px 0 17px}.neighborhood-banner h2 em{font-style:normal;color:#d9fc58}.neighborhood-banner p{color:#e0e8d9;font-size:13px;max-width:400px;line-height:1.9;margin:0 0 24px}.neighborhood-banner #explore{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:30px;background:#d9fc58;color:#152b20;padding:16px 23px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #0002;transition:transform .2s,background .2s}.neighborhood-banner #explore svg{width:21px;height:21px;transition:transform .2s}.neighborhood-banner #explore:hover{transform:translateY(-3px);background:#e9ff9b}.neighborhood-banner #explore:hover svg{transform:translateX(5px)}.neighborhood-banner #explore:focus-visible,.neighborhood-pause:focus-visible{outline:2px solid white;outline-offset:5px}.neighborhood-footnote{display:block;color:#abbfa8;font-size:9px;margin-top:15px}.neighborhood-scene{position:relative;height:360px;min-width:0}.neighborhood-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#d9fc58;stroke-width:1.4;stroke-dasharray:5 8;opacity:.75}.neighborhood-routes path{animation:neighborhood-route 18s linear infinite}.neighborhood-home{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.neighborhood-home img{position:relative;width:56px;height:75px;filter:drop-shadow(0 10px 10px #0007);animation:neighborhood-float 4s ease-in-out infinite}.neighborhood-home strong{font-size:11px;background:#142b22d9;border:1px solid #ffffff45;backdrop-filter:blur(16px);padding:9px 15px;border-radius:20px;white-space:nowrap;color:#fff}.neighborhood-ripple{position:absolute;top:58px;width:75px;height:25px;border:1px solid #ed2939;border-radius:50%;box-shadow:0 0 0 10px #ed293915;animation:neighborhood-pulse 3s ease-out infinite}.neighborhood-poi{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:linear-gradient(135deg,#fbfff5e8,#f1f7e7bf);backdrop-filter:blur(18px);border:1px solid #ffffffb0;border-radius:18px;color:#173c2b;box-shadow:0 12px 35px #0003;animation:neighborhood-pin 9s ease-in-out infinite}.neighborhood-poi>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#203f3212}.neighborhood-poi svg{width:23px;height:23px}.neighborhood-poi small{display:block;font-size:6px;letter-spacing:1px;color:#657c55;margin-bottom:4px}.neighborhood-poi strong{font:600 15px Manrope,sans-serif}.poi-school{left:5%;top:16%}.poi-park{right:7%;top:18%;animation-delay:1s}.poi-shopping{right:5%;bottom:12%;animation-delay:2s}.neighborhood-scene-note{position:absolute;bottom:10px;left:25%;font-size:8px;color:#e3e9d9;text-shadow:0 1px 4px #000}.neighborhood-banner .neighborhood-pause{position:absolute;right:15px;bottom:15px;padding:0;width:30px;height:30px;border:1px solid #ffffff45;background:#172b22a8;color:white;border-radius:50%;font-size:13px;cursor:pointer;z-index:3}.neighborhood-banner.is-paused:before,.neighborhood-banner.is-paused *{animation-play-state:paused!important}
@keyframes neighborhood-pan{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.09) translateX(1%)}}@keyframes neighborhood-route{to{stroke-dashoffset:-156}}@keyframes neighborhood-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes neighborhood-pulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(2.1);opacity:0}}@keyframes neighborhood-pin{0%,100%{opacity:.35;transform:translateY(12px) scale(.97)}12%,83%{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1900px){.bottom-banner.neighborhood-banner{max-width:1800px;margin-left:auto;margin-right:auto}.neighborhood-copy{padding-left:12%}}
@media(max-width:900px){.bottom-banner.neighborhood-banner{grid-template-columns:1fr;gap:0;margin:30px 4%;min-height:0}.neighborhood-copy{padding:35px 30px 0}.neighborhood-banner h2{font-size:35px}.neighborhood-banner:after{background:linear-gradient(180deg,#10271ff5,#10271fb0 55%,#10271f33)}.neighborhood-scene{height:300px;max-width:600px;width:100%;margin:auto}.neighborhood-copy p{max-width:470px}.neighborhood-scene-note{bottom:12px;left:20px}.neighborhood-poi{padding:10px 12px}.neighborhood-poi small{font-size:5px}.neighborhood-poi strong{font-size:13px}.poi-school{left:5%;top:13%}.poi-park{right:5%;top:15%}.poi-shopping{right:8%;bottom:12%}.neighborhood-banner .neighborhood-footnote{display:block!important}.neighborhood-home{top:54%}}
@media(max-width:400px){.neighborhood-copy{padding:28px 22px 0}.neighborhood-banner h2{font-size:30px}.neighborhood-poi{padding:9px;gap:6px}.neighborhood-poi>span{width:27px;height:27px}.neighborhood-poi small{letter-spacing:.3px}.neighborhood-poi strong{font-size:12px}.neighborhood-home img{width:44px;height:60px}.neighborhood-home strong{font-size:9px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.neighborhood-banner:before,.neighborhood-banner *{animation:none!important;transition:none!important}.neighborhood-poi{opacity:1;transform:none}.neighborhood-ripple{display:none}.neighborhood-banner .neighborhood-pause{display:none}}