.portfolio-gallery img[data-before-after],.portfolio-gallery video,.portfolio-item,.share-btn,.share-btn i{position:relative}body{background:#f0f2f5!important}body.dark-mode{background:#18191a!important}.portfolio-section{padding:2rem 0 3rem;background:#f0f2f5}body.dark-mode .portfolio-gallery,body.dark-mode .portfolio-section{background:#18191a}.main-footer{margin-top:0!important}.section-title{text-align:center;font-size:2rem;margin-bottom:.5rem;color:var(--primary);font-weight:700}.portfolio-note,.section-subtitle{text-align:center;color:var(--text);max-width:600px}.filter-btn,.hero-stats span{font-weight:500;display:flex}body.dark-mode .section-title{color:var(--dark-accent)}.section-subtitle{font-size:.95rem;opacity:.7;margin-bottom:2rem;margin-left:auto;margin-right:auto}.portfolio-note{font-size:.875rem;opacity:.8;margin:0 auto 2rem;padding:.875rem 1.25rem;background:rgba(77,141,181,.08);border-left:3px solid var(--accent);border-radius:6px;font-style:italic}body.dark-mode .portfolio-note{background:rgba(112,196,255,.1)}.portfolio-note i{color:var(--accent);margin-right:.5rem;font-size:1.1rem}.hero-stats{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.hero-stats span{align-items:center;gap:.5rem;font-size:1rem}.hero-stats i{color:var(--accent);font-size:1.2rem}.portfolio-filters{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;padding:0 1rem}.filter-btn{background:#fff;border:1px solid #e4e6eb;color:var(--text);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.875rem;align-items:center;gap:.4rem;transition:.2s}body.dark-mode .filter-btn{background:#3a3b3c;border:1px solid #3a3b3c}.filter-btn:hover{background:#e4e6eb}body.dark-mode .filter-btn:hover{background:#4a4b4c}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}body.dark-mode .filter-btn.active{background:var(--dark-accent);border-color:var(--dark-accent)}.filter-btn .count{background:rgba(0,0,0,.1);padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.portfolio-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:680px;margin:0 auto;padding:0 1rem}.portfolio-item{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e4e6eb;transition:box-shadow .2s;box-shadow:0 1px 2px rgba(0,0,0,.1);display:block!important}.portfolio-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.15)}.portfolio-item.hidden{display:none!important}.portfolio-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#f0f2f5;overflow:hidden}.portfolio-gallery:has(> :nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}.portfolio-gallery:has(> :nth-child(3):last-child)>:nth-child(3){grid-column:1/-1}.portfolio-gallery:has(> :nth-child(5):last-child){grid-template-columns:repeat(2,1fr)}.portfolio-gallery:has(> :nth-child(5):last-child)>:nth-child(5){grid-column:1/-1}.portfolio-gallery img,.portfolio-gallery video{width:100%;height:280px;object-fit:cover;cursor:pointer;transition:transform .3s,opacity .3s;background:var(--card-bg);position:relative;z-index:1;background:linear-gradient(90deg,var(--border) 0,var(--card-bg) 50%,var(--border) 100%);background-size:200% 100%;animation:1.5s infinite loading}.portfolio-gallery video::after,.share-btn::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-gallery video::after{content:'▶';font-size:3rem;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}.portfolio-gallery img:hover,.portfolio-gallery video:hover{transform:scale(1.02);opacity:.95;z-index:1}.portfolio-gallery video:hover::after{opacity:1}.portfolio-header{padding:1.25rem 1.25rem 1rem;background:#fff}body.dark-mode .portfolio-content,body.dark-mode .portfolio-header{background:#242526}.portfolio-header h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text);font-weight:600;line-height:1.3}.portfolio-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;font-size:.875rem;flex-wrap:wrap;gap:.5rem}.portfolio-meta time{color:var(--text);opacity:.6;font-weight:400}.portfolio-category{background:var(--accent);color:#fff;padding:.35rem .85rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-content{padding:1.25rem;background:#fff}.portfolio-content p{color:var(--text);margin-bottom:1rem;line-height:1.6}.portfolio-features{list-style:none;margin-top:1.2rem}.portfolio-features li{padding:.6rem 0;display:flex;align-items:center;gap:.75rem;color:var(--text);border-bottom:1px solid var(--border);transition:transform .2s}.share-btn,.share-buttons{align-items:center;display:flex}.portfolio-features li:last-child{border-bottom:none}.portfolio-features li:hover{transform:translateX(5px)}.portfolio-features li i{color:var(--accent);font-size:1.1em;min-width:20px}.share-buttons{gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e4e6eb;flex-wrap:wrap}body.dark-mode .share-buttons{border-top:1px solid #3a3b3c}.share-label{font-weight:600;color:var(--text);font-size:.95rem}.share-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;justify-content:center;transition:.3s;font-size:1rem;color:#fff;overflow:hidden}.share-btn::before{content:'';width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transition:width .4s,height .4s}.share-btn:hover::before{width:100px;height:100px}.share-btn i{z-index:1}.share-btn.facebook{background:#1877f2}.share-btn.facebook:hover{background:#145dbf;transform:translateY(-3px);box-shadow:0 4px 12px rgba(24,119,242,.4)}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#1da851;transform:translateY(-3px);box-shadow:0 4px 12px rgba(37,211,102,.4)}.share-btn.email{background:#ea4335}.share-btn.email:hover{background:#c5351f;transform:translateY(-3px);box-shadow:0 4px 12px rgba(234,67,53,.4)}.share-btn.copy{background:var(--accent)}.share-btn.copy:hover{background:var(--secondary);transform:translateY(-3px);box-shadow:0 4px 12px rgba(77,141,181,.4)}.share-btn.copied{background:#10b981;animation:.5s pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;align-items:center;gap:.75rem;z-index:10000;animation:.3s slideInUp,.3s 2.7s slideOutDown;pointer-events:none}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{from{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}.toast i{font-size:1.2rem}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:9999;justify-content:center;align-items:center;overflow:hidden;animation:.3s fadeIn}.lightbox-counter,.lightbox-nav{background:rgba(255,255,255,.9)}.lightbox .close-btn,.lightbox-nav{cursor:pointer;align-items:center;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10000;display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90%;max-height:90%;animation:.3s scaleIn}@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox img,.lightbox video{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.lightbox .close-btn{position:absolute;top:-15px;right:-15px;width:45px;height:45px;background:rgba(255,255,255,.95);border:none;border-radius:50%;justify-content:center}.lightbox .close-btn::before{content:none!important}.lightbox .close-btn i,.lightbox-nav i{color:#333;font-size:1.5rem}.lightbox .close-btn:focus,.lightbox .close-btn:hover{background:#fff;transform:rotate(90deg) scale(1.1);outline:0}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;justify-content:center}.lightbox-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-counter{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#333;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10000;display:flex;align-items:center;gap:.5rem}.lightbox-counter i{color:var(--accent)}@media (max-width:768px){.lightbox-nav.prev,.toast{left:1rem}.portfolio-grid{gap:2rem;padding:0 .5rem;max-width:100%}.portfolio-gallery{grid-template-columns:1fr}.portfolio-gallery img,.portfolio-gallery video{height:250px}.section-title{font-size:2rem}.portfolio-header h3{font-size:1.15rem}.lightbox .close-btn{top:10px;right:10px;width:40px;height:40px}.lightbox-nav.next,.toast{right:1rem}.lightbox-content{max-width:95%;max-height:85%}.lightbox-nav{width:45px;height:45px}.lightbox-counter{bottom:1rem;font-size:.85rem;padding:.4rem 1rem}.portfolio-filters{gap:.5rem}.filter-btn{padding:.6rem 1rem;font-size:.9rem}.share-buttons{justify-content:center}.toast{bottom:1rem;font-size:.9rem}}@media (max-width:480px){.portfolio-section{padding:2rem 0}.section-title{font-size:1.75rem;margin-bottom:2rem}.portfolio-content,.portfolio-header{padding:1rem}.portfolio-meta{flex-direction:column;align-items:flex-start}.portfolio-gallery img,.portfolio-gallery video{height:200px}.filter-btn{padding:.5rem .85rem;font-size:.85rem}.hero-stats{flex-direction:column;gap:1rem}}.portfolio-gallery img[src],.portfolio-gallery video[src]{animation:none}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.portfolio-item:not(.hidden){opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}.portfolio-item.visible:not(.hidden){opacity:1;transform:translateY(0)}.portfolio-item:not(.hidden):first-child.visible{transition-delay:0.1s}.portfolio-item:not(.hidden):nth-child(2).visible{transition-delay:0.2s}.portfolio-item:not(.hidden):nth-child(3).visible{transition-delay:0.3s}.portfolio-item:not(.hidden):nth-child(4).visible{transition-delay:0.4s}.portfolio-item:not(.hidden):nth-child(5).visible{transition-delay:0.5s}.portfolio-item:not(.hidden):nth-child(6).visible{transition-delay:0.6s}.portfolio-gallery img[data-before-after]::before{content:attr(data-before-after);position:absolute;top:10px;left:10px;background:rgba(0,0,0,.85);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:10;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.portfolio-gallery img[data-before-after=przed]::before{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%)}.portfolio-gallery img[data-before-after=po]::before{background:linear-gradient(135deg,#27ae60 0,#229954 100%)}.portfolio-gallery img[data-before-after]:hover::before{transform:scale(1.1);transition:transform .3s}body.dark-mode .portfolio-item{background:#242526;border:1px solid #3a3b3c;box-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-mode .portfolio-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.4)}