@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffde594d}50%{box-shadow:0 0 35px #ffde5999}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.district-page{padding-top:100px;min-height:100vh}.district-hero{background:linear-gradient(135deg,var(--color-secondary) 0%,#0a1628 50%,#0f1a2e 100%);padding:var(--spacing-16) 0;text-align:center;position:relative;overflow:hidden}.district-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.district-hero:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,222,89,.08) 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%;pointer-events:none}.district-hero .container{position:relative;z-index:1}.district-hero h1{font-size:clamp(1.75rem,5vw,2.75rem);color:#fff;margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2;letter-spacing:-.02em}.district-hero h1 span{color:var(--color-primary);position:relative;display:inline-block}.district-hero h1 span:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--color-primary);border-radius:2px;opacity:.5}.district-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-300);max-width:620px;margin:0 auto var(--spacing-8);line-height:1.7}.district-hero-subtitle strong{color:#fff}.hero-buttons .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--color-primary);color:var(--color-secondary);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:pulseGlow 2.5s ease-in-out infinite;border:none;cursor:pointer}.hero-buttons .btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px #ffde5966}.district-content{padding:var(--spacing-16) 0;background:var(--color-gray-50);position:relative}.district-content .container{max-width:900px}.district-intro{margin-bottom:var(--spacing-12);animation:fadeInUp .6s ease-out}.district-intro h2{font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--spacing-6);font-weight:700;position:relative;padding-bottom:var(--spacing-4)}.district-intro h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),transparent);border-radius:2px}.district-intro p{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.8;margin-bottom:var(--spacing-4)}.district-intro p strong{color:var(--color-secondary)}.district-gallery{margin-bottom:var(--spacing-12)}.district-gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:640px){.district-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.district-gallery-item{margin:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #00000014;background:#fff;transition:all .4s ease}.district-gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.district-gallery-item img{width:100%;height:220px;object-fit:cover;transition:transform .5s ease}.district-gallery-item:hover img{transform:scale(1.08)}.district-gallery-item figcaption{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center;background:#fff}.district-gallery-single{max-width:500px;margin:0 auto}.district-gallery-full{max-width:700px;margin:0 auto;grid-template-columns:1fr}.district-gallery-full img{height:320px;border-radius:var(--radius-2xl)}@media(min-width:640px){.district-gallery-two-col{grid-template-columns:repeat(2,1fr)}.district-gallery-two-col .district-gallery-item img{height:300px}}.district-gallery-square img{height:auto;aspect-ratio:1 / 1;max-height:450px}.district-visuals{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}@media(min-width:640px){.district-visuals{grid-template-columns:repeat(2,1fr)}}.district-visuals img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:0 6px 24px #0000001a;transition:all .45s cubic-bezier(.4,0,.2,1)}.district-visuals img:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 40px #00000026}.district-areas-box{background:linear-gradient(135deg,#f8f9fa,#fff);padding:28px;border-radius:16px;margin:var(--spacing-10) 0;border-left:4px solid var(--color-primary);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.district-areas-box:before{content:"📍";position:absolute;top:-10px;right:20px;font-size:3rem;opacity:.08;pointer-events:none}.district-areas-box h3{font-size:1.2rem;margin-bottom:18px;color:var(--color-secondary);font-weight:700;display:flex;align-items:center;gap:8px}.district-areas-box h3:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.area-tags{display:flex;flex-wrap:wrap;gap:10px}.area-tags span,.area-tags .area-link{background:#fff;padding:9px 18px;border-radius:24px;font-size:.9rem;box-shadow:0 2px 8px #0000000a;color:var(--color-gray-700);font-weight:500;border:1px solid #eee;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;display:inline-block}.area-tags span{cursor:default}.area-tags .area-link{cursor:pointer}.area-tags span:before,.area-tags .area-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,222,89,.1),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s}.area-tags span:hover,.area-tags .area-link:hover{transform:translateY(-3px);box-shadow:0 6px 16px #ffde5926;border-color:var(--color-primary);color:var(--color-secondary)}.area-tags span:hover:before,.area-tags .area-link:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}.district-services{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-10);margin-bottom:var(--spacing-12);box-shadow:0 4px 24px #0000000f;position:relative;overflow:hidden}.district-services:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.district-services h2{font-size:var(--font-size-xl);color:var(--color-secondary);margin-bottom:var(--spacing-6);font-weight:700;text-align:center}.services-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.services-list li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);background:var(--color-gray-50);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-gray-700);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid transparent;line-height:1.6}.services-list li:hover{background:linear-gradient(135deg,var(--color-primary),#e6c84e);color:var(--color-secondary);transform:translate(8px);box-shadow:0 6px 20px #ffde5933;border-color:#ffde594d}.services-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;background:var(--color-primary);color:var(--color-secondary);border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .35s ease;margin-top:2px}.services-list li:hover:before{background:var(--color-secondary);color:var(--color-primary);transform:scale(1.1) rotate(5deg)}.services-list li strong{color:var(--color-secondary)}.services-list li:hover strong{color:inherit}.district-cta{background:linear-gradient(135deg,var(--color-secondary) 0%,#0a1628 50%,#0f1a2e 100%);border-radius:var(--radius-2xl);padding:var(--spacing-12);text-align:center;margin-bottom:var(--spacing-12);position:relative;overflow:hidden}.district-cta:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,222,89,.06) 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%;pointer-events:none}.district-cta:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,222,89,.04) 0%,transparent 70%);top:-60px;right:-60px;border-radius:50%;pointer-events:none}.district-cta h2{font-size:var(--font-size-xl);color:#fff;margin-bottom:var(--spacing-4);font-weight:700;position:relative;z-index:1}.district-cta p{color:var(--color-gray-300);margin-bottom:var(--spacing-6);font-size:var(--font-size-base);position:relative;z-index:1}.district-cta .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--color-primary);color:var(--color-secondary);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;animation:pulseGlow 2.5s ease-in-out infinite}.district-cta .btn:hover{transform:scale(1.07);box-shadow:0 12px 35px #ffde5973}.district-cta .btn svg{width:24px;height:24px}.district-faq{margin-bottom:var(--spacing-8)}.district-faq h2{font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--spacing-8);font-weight:700;text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:0 2px 12px #0000000a;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.faq-item:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014;border-color:#ffde594d}.faq-item h3{font-size:var(--font-size-base);color:var(--color-secondary);margin-bottom:var(--spacing-3);font-weight:600;display:flex;align-items:flex-start;gap:var(--spacing-3)}.faq-item h3:before{content:"?";display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:linear-gradient(135deg,var(--color-primary),#e6c84e);color:var(--color-secondary);border-radius:50%;font-size:.8rem;font-weight:800;flex-shrink:0;transition:transform .3s ease}.faq-item:hover h3:before{transform:rotate(15deg) scale(1.1)}.faq-item p{color:var(--color-gray-600);line-height:1.7;padding-left:38px;font-size:var(--font-size-sm)}.back-home{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary);text-decoration:none;font-weight:600;margin-top:var(--spacing-10);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:1px solid transparent}.back-home:hover{gap:var(--spacing-3);background:#ffde5914;border-color:#ffde5933}.back-home svg{width:20px;height:20px;transition:transform .3s ease}.back-home:hover svg{transform:translate(-4px)}@media(max-width:640px){.district-hero{padding:var(--spacing-10) 0}.district-hero h1{font-size:1.5rem}.district-hero-subtitle{font-size:var(--font-size-base)}.hero-buttons .btn{display:block;width:100%;text-align:center;padding:var(--spacing-4) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.district-content{padding:var(--spacing-10) 0}.district-cta{padding:var(--spacing-8);border-radius:var(--radius-xl);margin-left:-8px;margin-right:-8px}.district-cta h2{font-size:var(--font-size-lg)}.district-cta p{font-size:var(--font-size-sm)}.district-cta .btn{width:100%;justify-content:center;padding:var(--spacing-4) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.district-cta .btn svg{width:20px;height:20px}.district-services{padding:var(--spacing-6);border-radius:var(--radius-xl)}.district-areas-box{padding:18px;border-radius:12px}.area-tags span,.area-tags .area-link{padding:7px 14px;font-size:.82rem}.district-faq h2{font-size:var(--font-size-xl)}.faq-item{padding:var(--spacing-4)}}@media(min-width:641px){.services-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.district-hero{padding:var(--spacing-20) 0}.district-services,.district-cta{padding:var(--spacing-12)}}.district-content-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}@media(min-width:768px){.district-content-grid{grid-template-columns:1fr 300px;gap:var(--spacing-10)}}.district-main .district-intro,.district-main .district-areas-box,.district-main .district-services{margin-bottom:var(--spacing-8)}.district-sidebar{position:relative}@media(min-width:768px){.district-sidebar{position:sticky;top:120px;align-self:start}}.service-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.service-card h3{font-size:var(--font-size-lg);color:var(--color-secondary);margin-bottom:var(--spacing-4);font-weight:700;text-align:center}.service-card ul{list-style:none;padding:0;margin:0 0 var(--spacing-5) 0;display:flex;flex-direction:column;gap:var(--spacing-3)}.service-card li{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.6;padding:var(--spacing-2) 0;border-bottom:1px solid rgba(0,0,0,.04)}.service-card li:last-child{border-bottom:none}.service-card li strong{color:var(--color-secondary)}.sidebar-call-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:var(--color-secondary);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffde5959}.hero-buttons .btn-whatsapp{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#25d366;color:#fff;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;transition:all .3s ease;border:none}.hero-buttons .btn-whatsapp:hover{background:#1da851;transform:translateY(-3px);box-shadow:0 8px 24px #25d3664d}@media(max-width:640px){.hero-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}.hero-buttons .btn-whatsapp{display:flex;width:100%;justify-content:center;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.district-related{margin:32px 0}.district-related h3{font-size:1.05rem;font-weight:700;color:var(--color-secondary);margin-bottom:14px}.district-related-grid{display:flex;gap:12px;flex-wrap:wrap}.district-related-card{display:flex;align-items:center;gap:8px;padding:11px 18px;background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-sm);color:var(--color-gray-700);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.district-related-card:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-white);box-shadow:0 4px 12px #ff6b001a;transform:translateY(-1px)}