.proj-hero{position:relative;height:65vh;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:-82px;padding-top:82px}.proj-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a2837,#1a5f7a 40%,#0d3d50);z-index:0}.proj-hero-bg:before,.proj-hero-bg:after{content:"";position:absolute;border-radius:50%;opacity:.08;background:#fff}.proj-hero-bg:before{width:500px;height:500px;top:-100px;right:-100px;animation:projFloatBlob 12s ease-in-out infinite}.proj-hero-bg:after{width:350px;height:350px;bottom:-80px;left:-80px;animation:projFloatBlob 10s ease-in-out infinite reverse}@keyframes projFloatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.proj-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:1}.proj-hero-content{position:relative;z-index:2;text-align:center;color:#fff}.proj-hero-badge{display:inline-block;padding:.4rem 1.2rem;background:#ffffff26;backdrop-filter:blur(10px);border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2);color:#fff;opacity:0;transform:translateY(20px);animation:projFadeUp .7s ease .1s forwards}.proj-hero-content h1{font-size:3.2rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);animation:projFadeUp .7s ease .25s forwards}.proj-hero-content p{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto;opacity:0;transform:translateY(20px);animation:projFadeUp .7s ease .4s forwards}.proj-hero-line{width:60px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);margin:1.5rem auto 0;border-radius:2px;opacity:0;animation:projLineExpand .8s ease .6s forwards}@keyframes projFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes projLineExpand{0%{opacity:0;width:0}to{opacity:1;width:60px}}.proj-section{padding:3rem 0 5rem;background:#f8fafb}.proj-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.proj-filter-btn{padding:.5rem 1.3rem;border:1.5px solid #ddd;background:#fff;border-radius:50px;font-family:var(--font-primary);font-size:.85rem;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:all .25s ease}.proj-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.proj-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.proj-loading{grid-column:1 / -1;display:flex;justify-content:center;padding:4rem}.proj-spinner{width:32px;height:32px;border:3px solid rgba(26,95,122,.15);border-top-color:var(--color-primary);border-radius:50%;animation:projSpin .7s linear infinite}@keyframes projSpin{to{transform:rotate(360deg)}}.proj-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #0000000f;cursor:pointer;opacity:0;transform:translateY(24px) scale(.97);animation:projCardIn .5s cubic-bezier(.4,0,.2,1) forwards;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.proj-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #00000026}@keyframes projCardIn{to{opacity:1;transform:translateY(0) scale(1)}}.proj-card.hiding{opacity:0;transform:scale(.95);transition:all .25s ease}.proj-card-img{position:relative;height:240px;overflow:hidden}.proj-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.proj-card:hover .proj-card-img img{transform:scale(1.1)}.proj-card-img:after{content:"Ver proyecto";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,40,55,.85) 0%,rgba(10,40,55,.3) 50%,transparent 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.95rem;letter-spacing:.05em;opacity:0;transition:opacity .4s ease}.proj-card:hover .proj-card-img:after{opacity:1}.proj-card-cat{position:absolute;top:.75rem;left:.75rem;padding:.25rem .7rem;background:#ffffffeb;backdrop-filter:blur(6px);border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);z-index:2}.proj-card-gallery-count{position:absolute;bottom:.75rem;right:.75rem;padding:.25rem .65rem;background:#000000a6;backdrop-filter:blur(6px);border-radius:50px;font-size:.72rem;font-weight:500;color:#fff;z-index:2;display:flex;align-items:center;gap:.3rem}.proj-card-gallery-count:before{content:"";display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") no-repeat center/contain}.proj-card-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0a2837,#1a5f7a);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ffffff1a;font-weight:700}.proj-card-body{padding:1.25rem}.proj-card-body h3{font-size:1.05rem;color:var(--color-text);margin-bottom:.3rem;transition:color .25s ease}.proj-card:hover .proj-card-body h3{color:var(--color-primary)}.proj-card-body p{font-size:.85rem;line-height:1.5;color:var(--color-text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-empty{text-align:center;padding:4rem 2rem}.proj-empty h3{font-size:1.2rem;color:var(--color-text);margin-bottom:.5rem}.proj-empty p{color:var(--color-text-light)}.proj-cta{background:linear-gradient(135deg,#0a2837,var(--color-primary));padding:4rem 0;text-align:center}.proj-cta h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.proj-cta-btn{display:inline-block;padding:.8rem 2.2rem;background:#fff;color:var(--color-primary-dark);font-weight:600;font-size:.95rem;border-radius:8px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.proj-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003;color:var(--color-primary-dark)}.proj-lb{position:fixed;inset:0;background:#050f14f2;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;backdrop-filter:blur(12px)}.proj-lb.active{opacity:1;pointer-events:auto}.proj-lb-close{position:absolute;top:1.2rem;right:1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.5rem;width:46px;height:46px;border-radius:50%;cursor:pointer;transition:background .3s,transform .3s,border-color .3s;display:flex;align-items:center;justify-content:center;z-index:10}.proj-lb-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg)}.proj-lb-prev,.proj-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.proj-lb-prev{left:1.5rem}.proj-lb-next{right:1.5rem}.proj-lb-prev:hover,.proj-lb-next:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-50%) scale(1.1)}.proj-lb-body{max-width:900px;width:90%;transform:scale(.9) translateY(10px);transition:transform .45s cubic-bezier(.4,0,.2,1)}.proj-lb.active .proj-lb-body{transform:scale(1) translateY(0)}.proj-lb-body img{width:100%;max-height:62vh;-o-object-fit:contain;object-fit:contain;border-radius:14px;transition:opacity .3s ease;box-shadow:0 8px 40px #0006}.proj-lb-body img.lb-switching{opacity:.4}.proj-lb-info{padding:1.2rem 0;color:#fff}.proj-lb-cat{display:inline-block;padding:.25rem .7rem;background:linear-gradient(135deg,#1a5f7a99,#0d3d5099);border:1px solid rgba(26,95,122,.3);border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.proj-lb-info h3{font-size:1.3rem;margin-bottom:.4rem;font-weight:600}.proj-lb-info p{font-size:.88rem;color:#ffffff8c;line-height:1.6}.proj-lb-counter{font-size:.75rem;color:#fff6;text-align:center;margin-top:.5rem;letter-spacing:.05em}.proj-lb-thumbs{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto;max-width:900px;width:90%;padding:.5rem 0;justify-content:center}.proj-lb-thumbs::-webkit-scrollbar{height:4px}.proj-lb-thumbs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.proj-lb-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;opacity:.4;border:2px solid transparent;transition:all .3s ease;transform:scale(.92)}.proj-lb-thumb.active{opacity:1;border-color:#fffc;transform:scale(1);box-shadow:0 0 12px #ffffff26}.proj-lb-thumb:hover{opacity:.75;transform:scale(.98)}.proj-lb-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.proj-hero{height:50vh;min-height:350px}.proj-hero-content h1{font-size:2.2rem}.proj-grid{grid-template-columns:1fr}.proj-card-img{height:200px}.proj-lb-body{width:95%}.proj-lb-prev,.proj-lb-next{width:36px;height:36px;font-size:1rem}}