.projects-page-wrapper{background-color:var(--bg-neutral-100,#f8fafc);min-height:100vh;padding-bottom:80px;}.projects-hero .container,.projects-explorer-section .container{max-width:1560px;width:100%;margin:0 auto;padding:0 24px;}.projects-hero{background:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%);padding:36px 0 44px;border-bottom:1px solid var(--public-border,#e2e8f0);position:relative;overflow:hidden;}.projects-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb,59,130,246),0.08) 0%,transparent 70%);pointer-events:none;}.projects-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:600;color:var(--public-text-muted,#64748b);margin-bottom:20px;}.projects-breadcrumbs a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color 0.2s ease;}.projects-breadcrumbs a:hover{color:var(--public-primary,#2563eb);}.breadcrumb-separator{opacity:0.5;}.breadcrumb-current{color:var(--public-primary,#2563eb);font-weight:700;}.projects-hero-content{max-width:1000px;}.projects-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:rgba(var(--primary-rgb,59,130,246),0.08);color:var(--public-primary,#2563eb);font-size:0.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;border:1px solid rgba(var(--primary-rgb,59,130,246),0.25);}.projects-hero-content h1{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:900;line-height:1.18;color:#0f172a !important;margin-bottom:12px;font-family:'Outfit',sans-serif;letter-spacing:-0.02em;}.projects-hero-lead{font-size:1.02rem;line-height:1.65;color:#475569;margin-bottom:24px;max-width:860px;}.projects-stats-row{display:inline-flex;align-items:center;gap:20px;background:#ffffff;padding:12px 24px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(0,0,0,0.03);}.pstat-item{display:flex;flex-direction:column;}.pstat-number{font-size:1.45rem;font-weight:900;color:var(--public-primary,#2563eb);line-height:1.1;font-family:'Outfit',sans-serif;}.pstat-label{font-size:0.74rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.5px;}.pstat-divider{width:1px;height:30px;background:#e2e8f0;}.projects-explorer-section{padding:36px 0 60px;}.projects-toolbar{background:#ffffff;padding:14px 20px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 4px 14px rgba(0,0,0,0.03);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;}.projects-search-box{position:relative;flex:1 1 280px;max-width:420px;}.projects-search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none;}.projects-search-box input{width:100%;height:40px;padding:0 36px 0 38px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;font-size:0.88rem;color:#0f172a;transition:all 0.2s ease;}.projects-search-box input:focus{outline:none;border-color:var(--public-primary,#2563eb);background:#ffffff;box-shadow:0 0 0 3px rgba(var(--primary-rgb,59,130,246),0.15);}.btn-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}.btn-clear-search:hover{color:#0f172a;background:#e2e8f0;}.projects-filter-pills{display:flex;align-items:center;gap:8px;}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:0.82rem;font-weight:700;color:#475569;cursor:pointer;transition:all 0.2s ease;}.filter-pill:hover{background:#f1f5f9;border-color:#94a3b8;}.filter-pill.active{background:var(--public-primary,#2563eb);color:#ffffff;border-color:var(--public-primary,#2563eb);box-shadow:0 3px 10px rgba(var(--primary-rgb,59,130,246),0.25);}.pill-count{background:rgba(0,0,0,0.08);padding:2px 7px;border-radius:10px;font-size:0.72rem;font-weight:800;}.filter-pill.active .pill-count{background:rgba(255,255,255,0.25);color:#ffffff;}.filter-dot-green{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block;}.projects-view-counter{font-size:0.84rem;color:#64748b;font-weight:500;}.projects-view-counter strong{color:#0f172a;font-weight:800;}.projects-quick-nav-wrapper{background:#ffffff;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:24px;display:flex;align-items:center;gap:12px;overflow:hidden;}.quick-nav-label{display:flex;align-items:center;gap:6px;font-size:0.76rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:#64748b;white-space:nowrap;flex-shrink:0;}.projects-quick-nav-track{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0;-webkit-overflow-scrolling:touch;}.quick-nav-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;font-size:0.78rem;font-weight:700;color:#334155;text-decoration:none;white-space:nowrap;transition:all 0.2s ease;flex-shrink:0;}.quick-nav-chip:hover{background:rgba(var(--primary-rgb,59,130,246),0.08);border-color:rgba(var(--primary-rgb,59,130,246),0.4);color:var(--public-primary,#2563eb);transform:translateY(-1px);}.chip-num{background:#e2e8f0;color:#475569;font-size:0.68rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}.quick-nav-chip:hover .chip-num{background:var(--public-primary,#2563eb);color:#ffffff;}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;width:100%;}.project-showcase-card{position:relative;width:100%;border-radius:26px;border:1px solid #e8edf8;box-shadow:0 12px 34px rgba(15,23,42,0.05);overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),box-shadow 0.35s cubic-bezier(0.4,0,0.2,1),border-color 0.35s ease;display:flex;flex-direction:column;height:100%;scroll-margin-top:100px;}.project-showcase-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(15,23,42,0.12);border-color:rgba(var(--primary-rgb,59,130,246),0.35);}.project-showcase-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1d4ed8 0%,#0ea5e9 100%);opacity:0;transition:opacity 0.25s ease;z-index:6;}.project-showcase-card:hover::before{opacity:1;}.project-showcase-card.highlight-target{animation:highlightPulse 2s ease;}@keyframes highlightPulse{0%,100%{box-shadow:0 12px 34px rgba(15,23,42,0.05);border-color:#e8edf8;}50%{box-shadow:0 0 0 3px rgba(59,130,246,0.5),0 20px 45px rgba(59,130,246,0.25);border-color:var(--public-primary,#2563eb);}}.project-card-cover-wrapper{position:relative;width:100%;background:#f1f5f9;}.project-card-cover-link{display:block;text-decoration:none;color:inherit;width:100%;}.project-card-cover{height:200px;padding:10px;background:linear-gradient(180deg,#f8fafc 0%,#eef4ff 100%);position:relative;overflow:hidden;}.project-card-image{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:16px;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);display:block;box-shadow:0 2px 8px rgba(0,0,0,0.04);}.project-showcase-card:hover .project-card-image{transform:scale(1.05);}.project-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #cbd5e1;background:linear-gradient(145deg,#eef3ff 0%,#f8fbff 100%);color:#94a3b8;border-radius:16px;}.project-placeholder-icon{width:38px;height:38px;opacity:0.6;color:var(--public-primary,#2563eb);}.placeholder-brand{font-size:11px;font-weight:800;letter-spacing:2px;color:#475569;}.project-cover-badges{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:5;pointer-events:none;}.project-tag-order{font-size:0.72rem;font-weight:800;color:#ffffff;background:rgba(15,23,42,0.78);backdrop-filter:blur(6px);padding:3px 9px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);letter-spacing:0.5px;}.project-tag-demo{display:inline-flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:800;color:#15803d;background:rgba(240,253,244,0.95);backdrop-filter:blur(6px);padding:3px 10px;border-radius:8px;border:1px solid rgba(34,197,94,0.35);box-shadow:0 4px 10px rgba(0,0,0,0.06);letter-spacing:0.3px;}.demo-pulse-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;display:inline-block;animation:demo-pulse 2s ease-in-out infinite;}@keyframes demo-pulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);}50%{box-shadow:0 0 0 5px rgba(22,163,74,0);}}.btn-card-zoom{position:absolute;bottom:18px;right:18px;width:32px;height:32px;border-radius:8px;background:rgba(15,23,42,0.75);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.25s ease,transform 0.2s ease,background 0.2s ease;z-index:5;}.btn-card-zoom i{width:14px;height:14px;}.project-showcase-card:hover .btn-card-zoom{opacity:1;}.btn-card-zoom:hover{background:var(--public-primary,#2563eb);transform:scale(1.1);}.project-card-content{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1 1 auto;}.project-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;}.project-badge-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--public-primary,#3b82f6);background:rgba(var(--primary-rgb,59,130,246),0.08);padding:4px 10px;border-radius:20px;}.project-badge-pill i{width:12px;height:12px;}.project-title{font-size:1.05rem;font-weight:800;color:#0f172a !important;line-height:1.35;margin:0 0 8px 0;font-family:'Outfit',sans-serif;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.project-title-link{color:inherit;text-decoration:none;transition:color 0.2s ease;}.project-title-link:hover{color:var(--public-primary,#2563eb) !important;}.project-desc{font-size:0.86rem;line-height:1.6;color:#475569;margin:0 0 16px 0;flex:1 1 auto;min-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.project-card-actions{display:flex;flex-direction:column;padding-top:14px;border-top:1px solid #f1f5f9;margin-top:auto;}.btn-card-case{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#0f172a;color:#ffffff !important;border-radius:12px;font-size:0.84rem;font-weight:700;text-decoration:none;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 6px rgba(15,23,42,0.12);}.btn-card-case:hover{background:var(--public-primary,#2563eb);color:#ffffff !important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb,59,130,246),0.35);}.btn-card-case i{width:15px;height:15px;transition:transform 0.2s ease;}.btn-card-case:hover i{transform:translateX(4px);}.btn-card-demo{background:var(--public-primary,#2563eb);color:#ffffff !important;box-shadow:0 3px 10px rgba(var(--primary-rgb,59,130,246),0.2);}.btn-card-demo:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 5px 14px rgba(var(--primary-rgb,59,130,246),0.3);}.btn-card-buy{background:#16a34a;color:#ffffff !important;}.btn-card-buy:hover{filter:brightness(1.1);transform:translateY(-2px);}.btn-card-quote{background:#f1f5f9;color:#334155 !important;border:1px solid #cbd5e1;}.btn-card-quote:hover{background:#e2e8f0;color:#0f172a !important;}.projects-empty-state,.projects-no-results{text-align:center;padding:50px 20px;background:#ffffff;border-radius:20px;border:1px dashed #cbd5e1;max-width:600px;margin:40px auto;}.projects-empty-state .empty-icon,.projects-no-results .empty-icon{width:56px;height:56px;margin:0 auto 14px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;}.projects-empty-state h3,.projects-no-results h3{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:6px;}.projects-empty-state p,.projects-no-results p{font-size:0.9rem;color:#64748b;margin-bottom:20px;}.projects-bottom-cta{margin-top:50px;}.bottom-cta-inner{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:20px;padding:36px 44px;display:flex;align-items:center;gap:28px;border:1px solid rgba(var(--primary-rgb,59,130,246),0.2);box-shadow:0 16px 40px rgba(0,0,0,0.16);}.bottom-cta-icon{width:56px;height:56px;border-radius:14px;background:rgba(var(--primary-rgb,59,130,246),0.15);border:1px solid rgba(var(--primary-rgb,59,130,246),0.3);color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.bottom-cta-icon i{width:28px;height:28px;}.bottom-cta-text{flex:1;}.bottom-cta-text h3{font-size:1.3rem;font-weight:800;color:#ffffff !important;margin-bottom:6px;line-height:1.3;}.bottom-cta-text p{font-size:0.92rem;color:#94a3b8;margin:0;line-height:1.6;}.bottom-cta-action{flex-shrink:0;}.btn-whatsapp-glow{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#ffffff !important;font-size:1rem;font-weight:800;border-radius:14px;text-decoration:none;box-shadow:0 10px 30px -5px rgba(37,211,102,0.4);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:none;white-space:nowrap;}.btn-whatsapp-glow:hover{transform:translateY(-3px);box-shadow:0 18px 40px -5px rgba(37,211,102,0.55);filter:brightness(1.1);color:#ffffff !important;}.btn-whatsapp-glow svg,.btn-whatsapp-glow i{width:20px;height:20px;flex-shrink:0;}@media (max-width:1400px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;}.bottom-cta-inner{flex-direction:column;align-items:flex-start;padding:28px 24px;}.bottom-cta-action{width:100%;}.bottom-cta-action .btn-whatsapp-glow{width:100%;justify-content:center;}}@media (max-width:640px){.projects-hero{padding:28px 0 32px;}.projects-hero .container,.projects-explorer-section .container{padding:0 16px;}.projects-stats-row{flex-direction:column;align-items:flex-start;gap:12px;width:100%;}.pstat-divider{display:none;}.projects-toolbar{flex-direction:column;align-items:stretch;padding:14px;}.projects-search-box{max-width:100%;}.projects-filter-pills{overflow-x:auto;padding-bottom:4px;}.projects-grid{grid-template-columns:1fr;gap:18px;}.project-card-content{padding:16px;}.project-actions-row{flex-direction:column;}.btn-card-case,.btn-card-demo,.btn-card-buy,.btn-card-quote{width:100%;justify-content:center;}}