.portfolio-loading-page{background:#0a0a0a;min-height:80vh;padding:120px 20px 60px}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;max-width:1240px;margin:0 auto;display:grid}.loading-card{background:#151515;border-radius:16px;animation:1.5s ease-in-out infinite pulse;overflow:hidden}.loading-thumbnail{background:#222;padding-top:56.25%}.loading-content{padding:20px}.loading-title{background:#222;border-radius:4px;width:80%;height:20px;margin-bottom:12px}.loading-text{background:#222;border-radius:4px;width:100%;height:14px;margin-bottom:8px}.loading-text.short{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.portfolio-hero-compact{text-align:center;background:linear-gradient(135deg,#0a0a0a 0%,#0d1117 100%);border-bottom:1px solid #be4d0226;position:relative;padding:60px 20px 20px!important}.portfolio-hero-compact:before{content:"";pointer-events:none;background:radial-gradient(circle,#be4d020d,#0000 70%);width:400px;height:400px;padding-bottom:-4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-hero-content{z-index:1;max-width:700px;position:relative;margin:0 auto!important}.portfolio-hero-title{color:#fff;background:var(--primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:1rem;font-family:Orbitron,monospace;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.portfolio-hero-subtitle{color:#fff;font-family:Syne,sans-serif;font-size:1rem}.portfolio-hero-stats{color:#fff6;justify-content:center;gap:20px;font-size:.85rem;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.stat-divider{color:#ffffff1a}.portfolio-filter-bar{z-index:50;backdrop-filter:blur(10px);background:#0f0f0f;border-bottom:1px solid #1a1a1a;padding:12px 0;position:sticky;top:0}.portfolio-filter-container{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1240px;margin:0 auto;padding:0 20px;display:flex}.filter-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#fff;background:#be4d021a;border-color:#be4d02}.filter-btn.active{color:#fff;background:#be4d02;border-color:#be4d02}.portfolio-grid-section{min-height:60vh;padding:30px 20px 60px}.portfolio-grid-container{max-width:1240px;margin:0 auto}.portfolio-video-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.no-videos{text-align:center;color:#fff6;padding:80px 0;font-size:1.2rem}.portfolio-video-card{cursor:pointer;opacity:0;background:#111;border:1px solid #1a1a1a;border-radius:14px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s forwards cardFadeIn;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-video-card:hover{border-color:#be4d02;transform:translateY(-6px);box-shadow:0 20px 60px #be4d021f}.video-thumbnail-wrapper{background:#1a1a1a;padding-top:56.25%;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.portfolio-video-card:hover .video-thumbnail{transform:scale(1.05)}.video-play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-video-card:hover .video-play-overlay{opacity:1}.play-icon-circle{background:#be4d02e6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.portfolio-video-card:hover .play-icon-circle{background:#be4d02;transform:scale(1.1)}.play-icon{color:#fff;margin-left:3px}.video-badges{justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.video-views-badge{backdrop-filter:blur(8px);color:#fff;background:#000c;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.65rem;display:flex}.video-category-badge{color:#fff;background:#be4d02;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:600}.video-card-content{padding:16px}.video-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card-description{color:#fff6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.video-tech-tags{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tech-tag{color:#be4d02;background:#be4d0226;border:1px solid #be4d0233;border-radius:12px;padding:2px 8px;font-size:.6rem;font-weight:600}.tech-tag.more{color:#ffffff4d;background:#ffffff0d;border-color:#2a2a2a}.video-card-footer{border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.video-meta{color:#ffffff59;gap:10px;font-size:.7rem;display:flex}.video-channel{color:#ffffff80;font-weight:600}.video-date{align-items:center;gap:3px;display:flex}.portfolio-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.pagination-btn{cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .3s;color:#000!important}.pagination-btn:hover:not(:disabled){color:#fff;background:#be4d02;border-color:#be4d02}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-numbers{gap:4px;display:flex}.pagination-num{color:#000;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:.85rem;transition:all .3s;display:flex}.pagination-num:hover:not(.active){color:#fff;border-color:#be4d02}.pagination-num.active{color:#fff;background:#be4d02;border-color:#be4d02}.pagination-ellipsis{color:#fff3;align-items:center;padding:0 4px;display:flex}.video-modal{background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0;z-index:1000!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-modal-content{background:#111;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto}.modal-close-btn{float:right;color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:10px 10px 0 0;font-size:22px;transition:all .3s;display:flex;position:sticky;top:10px;right:10px}.modal-close-btn:hover{background:#be4d02;transform:rotate(90deg)}.video-embed-wrapper{background:#000;padding-top:56.25%;position:relative}.video-embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-modal-info{padding:20px 24px 24px}.video-modal-info h2{color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:700}.video-modal-meta{color:#fff6;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px;font-size:.8rem;display:flex}.meta-item{align-items:center;gap:5px;display:flex}.meta-divider{color:#ffffff14}.video-modal-tech{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.tech-label{color:#ffffff80;margin-right:2px;font-size:.75rem;font-weight:600}.modal-tech-tag{color:#be4d02;background:#be4d0226;border:1px solid #be4d0233;border-radius:12px;padding:3px 10px;font-size:.65rem;font-weight:600}.video-modal-description{color:#ffffff80;max-height:120px;margin-bottom:16px;font-size:.9rem;line-height:1.7;overflow-y:auto}.video-modal-description::-webkit-scrollbar{width:4px}.video-modal-description::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.video-modal-description::-webkit-scrollbar-thumb{background:#be4d02;border-radius:4px}.video-modal-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#be4d02,#d35400);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.video-modal-link:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 30px #be4d024d}@media (max-width:1024px){.portfolio-video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.portfolio-hero-compact{padding:40px 16px 30px}.portfolio-hero-title{font-size:clamp(1.5rem,5vw,2rem)}.portfolio-hero-subtitle{font-size:.9rem}.portfolio-hero-stats{flex-direction:column;gap:6px;font-size:.8rem}.stat-divider{display:none}.portfolio-video-grid{grid-template-columns:1fr;gap:16px}.portfolio-filter-bar{padding:10px 0;overflow-x:auto}.portfolio-filter-container{flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:0 16px}.filter-btn{white-space:nowrap;padding:5px 14px;font-size:.75rem}.video-card-content{padding:14px}.video-card-title{font-size:.9rem}.video-modal-content{border-radius:12px;max-height:95vh}.video-modal-info{padding:16px 18px 18px}.video-modal-info h2{font-size:1.1rem}.video-modal-meta{gap:4px 10px;font-size:.7rem}.video-modal-description{max-height:100px;font-size:.8rem}.modal-close-btn{width:32px;height:32px;margin:6px 6px 0 0;font-size:18px;top:6px;right:6px}.portfolio-pagination{gap:4px;margin-top:30px}.pagination-btn{padding:6px 12px;font-size:.75rem}.pagination-num{width:32px;height:32px;font-size:.75rem}}@media (max-width:480px){.portfolio-hero-compact{padding:30px 12px 24px}.portfolio-grid-section{padding:20px 12px 40px}.portfolio-video-grid{gap:14px}.play-icon-circle{width:44px;height:44px}.play-icon{width:18px;height:18px}.video-badges{bottom:6px;left:6px;right:6px}.video-views-badge,.video-category-badge{padding:2px 8px;font-size:.55rem}.video-card-content{padding:12px}.video-card-title{font-size:.85rem}.video-card-description{font-size:.75rem}.video-meta{flex-direction:column;gap:3px;font-size:.6rem}.pagination-btn{padding:5px 10px;font-size:.7rem}.pagination-num{width:28px;height:28px;font-size:.7rem}}@media (hover:none){.portfolio-video-card:hover,.portfolio-video-card:hover .video-thumbnail{transform:none}.portfolio-video-card:hover .video-play-overlay{opacity:0}.video-modal{padding:8px}}@media (prefers-reduced-motion:reduce){.portfolio-video-card{opacity:1;animation:none}.portfolio-video-card:hover{transform:none}.video-modal{animation:none}.modal-close-btn:hover{transform:none}}.portfolio-cta-section{border-top:1px solid #ffffff14;margin-top:30px;padding-top:25px}.portfolio-cta-text{color:#ffffffb3;margin-bottom:18px;font-family:Syne,sans-serif;font-size:.95rem}.portfolio-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 22px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-whatsapp{color:#fff;background:#25d366}.cta-whatsapp:hover{color:#fff;background:#1da851;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.cta-email{color:#fff;background:#ea4335}.cta-email:hover{color:#fff;background:#d33426;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #ea43354d}.cta-quote{color:#fff;background:linear-gradient(135deg,#be4d02,#d35400)}.cta-quote:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #be4d0266}@media (max-width:768px){.portfolio-cta-buttons{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%;padding:12px 20px}.portfolio-cta-text{text-align:center;font-size:.85rem}}@media (max-width:480px){.portfolio-cta-section{margin-top:20px;padding-top:18px}.cta-btn{padding:10px 16px;font-size:.8rem}}