/* Fator Marketing — Acervo Criativo V14
   Coverflow leve + movimento suave + vídeo somente no clique */
.portfolio-library{position:relative;overflow:hidden;padding:96px 0 102px;background:radial-gradient(circle at 16% 20%,rgba(28,125,255,.26),transparent 27%),radial-gradient(circle at 86% 36%,rgba(62,145,255,.18),transparent 24%),linear-gradient(145deg,#071a38 0%,#031128 54%,#020a18 100%);color:#fff;isolation:isolate}
.portfolio-library:before,.portfolio-library:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.portfolio-library:before{width:520px;height:520px;right:-220px;top:-230px;border:1px solid rgba(99,167,255,.18);box-shadow:0 0 0 72px rgba(57,137,255,.035),0 0 0 148px rgba(57,137,255,.025)}.portfolio-library:after{width:440px;height:440px;left:-260px;bottom:-250px;background:radial-gradient(circle,rgba(16,106,255,.22),transparent 66%)}
.portfolio-gridlines{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.portfolio-head{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;margin-bottom:34px}.portfolio-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#82baff;text-transform:uppercase}.portfolio-kicker:before{content:"";width:28px;height:2px;border-radius:99px;background:#2d8cff;box-shadow:0 0 16px rgba(45,140,255,.8)}.portfolio-title{margin:10px 0 0;font-size:clamp(42px,4.7vw,64px);line-height:.98;letter-spacing:-.055em;font-weight:800;max-width:760px}.portfolio-title em{font-style:normal;color:#63a8ff}.portfolio-intro{margin:0 0 2px;font-size:13px;line-height:1.72;color:#b9c8dc;max-width:510px;font-weight:600}.portfolio-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.portfolio-tags span{font-size:8px;letter-spacing:.05em;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#c9d7ea}
.portfolio-shell{position:relative;z-index:4;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:30px;box-shadow:0 35px 90px rgba(0,0,0,.36);overflow:hidden}.portfolio-topbar{height:62px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,12,30,.42)}.portfolio-brandline{display:flex;align-items:center;gap:10px;min-width:0}.portfolio-brand-dot{width:9px;height:9px;border-radius:50%;background:#3c94ff;box-shadow:0 0 18px rgba(60,148,255,.9)}.portfolio-brandline b{font-size:11px;white-space:nowrap}.portfolio-brandline small{font-size:8px;color:#8294ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-instructions{display:flex;align-items:center;gap:10px;color:#8396b0;font-size:8px;text-align:right}.portfolio-instructions i{width:6px;height:6px;border-radius:50%;background:#6ba9ff;display:inline-block}
.portfolio-stage-wrap{position:relative}.portfolio-stage{position:relative;height:570px;perspective:1100px;perspective-origin:50% 46%;touch-action:pan-y;cursor:grab;user-select:none;overflow:hidden;contain:layout paint style}.portfolio-stage.is-dragging{cursor:grabbing}.portfolio-stage:before{content:"";position:absolute;left:50%;top:49%;width:min(850px,78%);height:255px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(89,158,255,.12);box-shadow:0 0 60px rgba(33,116,255,.08)}.portfolio-stage:after{content:"";position:absolute;left:50%;bottom:52px;width:min(650px,66%);height:48px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(25,119,255,.24),rgba(0,0,0,0) 70%);filter:blur(5px);pointer-events:none}
.portfolio-card{position:absolute;left:50%;top:46.5%;width:220px;height:391px;padding:0;border:0;border-radius:22px;background:#09172e;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.36);cursor:pointer;outline:1px solid rgba(255,255,255,.11);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;transition:box-shadow .2s ease,outline-color .2s ease,filter .2s ease}.portfolio-card:hover,.portfolio-card.is-active{box-shadow:0 30px 68px rgba(0,0,0,.50),0 0 0 1px rgba(92,160,255,.46);outline-color:rgba(92,160,255,.46);filter:saturate(1.05) brightness(1.025)}.portfolio-card:focus-visible{outline:3px solid #70b0ff;outline-offset:4px}.portfolio-card-media{position:absolute;inset:0;background:#071126}.portfolio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.portfolio-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.01) 43%,rgba(0,0,0,.19) 60%,rgba(1,8,19,.96) 100%);pointer-events:none}.portfolio-card-meta{position:absolute;left:0;right:0;bottom:0;padding:52px 15px 15px;color:#fff;text-align:left;pointer-events:none}.portfolio-card-meta small{display:block;font-size:7px;letter-spacing:.11em;color:#78b4ff;text-transform:uppercase;font-weight:800}.portfolio-card-meta b{display:block;font-size:14px;line-height:1.16;margin-top:5px;font-weight:800}.portfolio-card-meta span{display:block;font-size:7.5px;color:#9eafc6;margin-top:5px}
.portfolio-controls{position:absolute;z-index:20;left:0;right:0;bottom:24px;display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none}.portfolio-control{pointer-events:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(3,16,38,.82);color:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.portfolio-control:hover{background:#0b63f6;border-color:#0b63f6;transform:translateY(-2px)}.portfolio-counter{min-width:76px;height:38px;padding:0 12px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(3,16,38,.82);border:1px solid rgba(255,255,255,.12);color:#b9c8dc;font-size:9px;letter-spacing:.08em;pointer-events:none}.portfolio-counter b{color:#fff}.portfolio-foot{padding:15px 20px 17px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.07);background:rgba(2,10,24,.36)}.portfolio-foot p{margin:0;color:#788ca8;font-size:8px;line-height:1.55}.portfolio-foot strong{font-size:9px;color:#bcd2ef;white-space:nowrap}.portfolio-foot strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2d8cff;margin-right:7px;box-shadow:0 0 13px rgba(45,140,255,.8)}

/* Lightbox desktop/mobile: vídeo real só recebe src após clique do usuário. */
.portfolio-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px;background:rgba(1,7,18,.86);backdrop-filter:blur(8px)}.portfolio-modal.is-open{display:grid}.portfolio-modal-dialog{position:relative;width:min(1120px,96vw);height:min(86vh,920px);min-height:520px;border-radius:25px;border:1px solid rgba(255,255,255,.15);background:#06142e;box-shadow:0 40px 120px rgba(0,0,0,.62);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 255px}.portfolio-modal-media{position:relative;min-width:0;background:#010611;display:grid;place-items:center;overflow:hidden}.portfolio-player{width:100%;height:100%;max-height:86vh;object-fit:contain;background:#010611;outline:0}.portfolio-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#9cb5d6;font-size:8px;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .15s}.portfolio-modal-media.is-loading .portfolio-loading{opacity:1}.portfolio-loading i{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:#5fa5ff;animation:portfolioSpin .75s linear infinite}@keyframes portfolioSpin{to{transform:rotate(360deg)}}.portfolio-modal-info{padding:28px 22px;background:linear-gradient(180deg,#0a1e42,#07162f);color:#fff;display:flex;flex-direction:column}.portfolio-modal-info span{font-size:8px;letter-spacing:.12em;color:#72afff;text-transform:uppercase}.portfolio-modal-info h3{font-size:21px;line-height:1.1;margin:8px 0}.portfolio-modal-info p{font-size:9px;color:#91a6c3;line-height:1.6;margin:0}.portfolio-modal-info .modal-brand{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-size:8px;color:#7890af}.portfolio-modal-close{position:absolute;z-index:5;right:14px;top:14px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);background:rgba(3,15,35,.86);color:#fff;border-radius:50%;font-size:24px;cursor:pointer;display:grid;place-items:center}.portfolio-modal-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.18);background:rgba(3,15,35,.82);color:#fff;border-radius:50%;font-size:26px;display:grid;place-items:center;cursor:pointer}.portfolio-modal-prev{left:13px}.portfolio-modal-next{right:269px}.portfolio-modal-close:hover,.portfolio-modal-nav:hover{background:#0b63f6;border-color:#0b63f6}

@media(max-width:980px){.portfolio-library{padding:76px 0 82px}.portfolio-head{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.portfolio-intro{max-width:720px}.portfolio-stage{height:520px}.portfolio-card{width:195px;height:347px}.portfolio-modal-dialog{grid-template-columns:1fr;height:min(90vh,850px)}.portfolio-modal-info{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(180deg,transparent,rgba(2,13,31,.96) 38%);pointer-events:none}.portfolio-modal-info .modal-brand{display:none}.portfolio-modal-next{right:13px}.portfolio-modal-info h3{font-size:17px}.portfolio-modal-info p{font-size:8px}}
@media(max-width:640px){.portfolio-library{padding:58px 0 64px}.portfolio-title{font-size:clamp(34px,10vw,44px)}.portfolio-intro{font-size:11px;line-height:1.62}.portfolio-tags{gap:5px}.portfolio-tags span{font-size:7px;padding:7px 8px}.portfolio-shell{border-radius:21px;margin:0 -3px}.portfolio-topbar{height:56px;padding:0 12px}.portfolio-brandline small{display:none}.portfolio-instructions{max-width:150px;font-size:7px}.portfolio-stage{height:450px;perspective:820px}.portfolio-card{width:154px;height:274px;border-radius:17px}.portfolio-card-meta{padding:43px 11px 11px}.portfolio-card-meta small{font-size:6px}.portfolio-card-meta b{font-size:11px}.portfolio-card-meta span{font-size:6px}.portfolio-controls{bottom:18px}.portfolio-control{width:39px;height:39px}.portfolio-counter{height:34px;min-width:66px;font-size:8px}.portfolio-foot{padding:12px;display:block}.portfolio-foot strong{display:block;margin-bottom:5px;white-space:normal}.portfolio-foot p{font-size:7px}.portfolio-modal{padding:0;backdrop-filter:none}.portfolio-modal-dialog{width:100vw;height:100dvh;min-height:0;border-radius:0;border:0}.portfolio-player{max-height:100dvh}.portfolio-modal-close{right:12px;top:12px}.portfolio-modal-prev{left:10px}.portfolio-modal-next{right:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-control:hover{transform:none}.portfolio-loading i{animation:none}}