/* Portfolio styles extracted from portfolio.php. */

.portfolio-page{min-height:100vh;background:radial-gradient(circle at top right,rgba(123,78,255,.16),transparent 34%),#050505;color:#fff;}
.portfolio-hero{padding:140px 24px 42px;max-width:1180px;margin:0 auto;text-align:left;}
.portfolio-kicker{color:#f6c344;font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;}
.portfolio-hero h1{font-size:clamp(2.4rem,7vw,5.4rem);line-height:.92;margin:14px 0 18px;text-transform:uppercase;letter-spacing:-.06em;}
.portfolio-hero p{max-width:780px;color:rgba(255,255,255,.74);font-size:1.08rem;line-height:1.7;}
.portfolio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.portfolio-filters{max-width:1180px;margin:0 auto 30px;padding:0 24px;display:flex;gap:10px;flex-wrap:wrap;}
.portfolio-filter{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:10px 15px;text-decoration:none;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;}
.portfolio-filter.active{background:#f6c344;color:#090909;border-color:#f6c344;}
.portfolio-grid{max-width:1180px;margin:0 auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;}
.portfolio-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-radius:24px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.32);}
.portfolio-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:18px;display:block;}
.portfolio-card-body{padding:16px 4px 4px;}
.portfolio-card h2{font-size:1.18rem;margin:0 0 8px;}
.portfolio-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.portfolio-pill{display:inline-flex;border:1px solid rgba(246,195,68,.34);color:#f6c344;border-radius:999px;padding:5px 9px;font-weight:900;font-size:.78rem;}
.portfolio-card p{color:rgba(255,255,255,.68);line-height:1.6;margin:0 0 10px;}
.portfolio-quote{margin-top:12px;border-left:3px solid #f6c344;padding:10px 0 10px 13px;color:rgba(255,255,255,.86);font-weight:800;font-style:italic;}
.portfolio-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.portfolio-card-actions .portal-btn{width:auto;max-width:100%;}
.portfolio-empty{max-width:900px;margin:0 auto 80px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045);}
.portfolio-cta{max-width:1180px;margin:0 auto 90px;padding:42px 24px;text-align:center;border:1px solid rgba(246,195,68,.25);border-radius:28px;background:linear-gradient(135deg,rgba(246,195,68,.14),rgba(255,255,255,.035));}
.portfolio-cta h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:0 0 12px;text-transform:uppercase;}
.portfolio-cta p{max-width:700px;margin:0 auto 24px;color:rgba(255,255,255,.74);line-height:1.7;}

/* Public Videoclips page */
.videoclip-page{background:radial-gradient(circle at top left,rgba(246,195,68,.14),transparent 32%),radial-gradient(circle at top right,rgba(98,126,255,.13),transparent 34%),#050505}
.videoclip-hero p{max-width:820px}
.videoclip-grid{align-items:start}
.videoclip-card{overflow:hidden}
.videoclip-media{width:100%;aspect-ratio:16/9;border-radius:18px;background:#000;overflow:hidden;border:1px solid rgba(255,255,255,.10)}
.videoclip-media video,.videoclip-media iframe{width:100%;height:100%;display:block;border:0;background:#000}
.videoclip-media video{object-fit:contain}
.videoclip-engagement{margin-top:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.24);padding:12px}
.videoclip-statline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:11px;color:rgba(255,255,255,.66);font-size:.82rem;font-weight:800}
.videoclip-statline span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.035)}
.videoclip-statline b{color:#f6c344}
.videoclip-social-actions{display:flex;gap:8px;flex-wrap:wrap}
.videoclip-social-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;padding:0 11px;font-weight:900;font-size:.78rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;color-scheme:dark}
.videoclip-social-btn .az-svg-icon{width:17px;height:17px}
.videoclip-social-btn:hover{transform:translateY(-1px);border-color:rgba(246,195,68,.45);background:rgba(246,195,68,.10)}
.videoclip-social-btn.is-liked{background:linear-gradient(135deg,#f6c344,#fff1a8);color:#070707;border-color:#f6c344}
.videoclip-social-btn.whatsapp{color:#7dffad;border-color:rgba(37,211,102,.28)}
.videoclip-social-btn.facebook{color:#9bbcff;border-color:rgba(80,130,255,.28)}
.videoclip-social-btn.copy{color:#f6c344}
.videoclip-actions{gap:9px}
.videoclip-actions .portal-btn{min-height:40px;padding:.65rem .9rem;font-size:.82rem}
.videoclip-cast-btn .az-svg-icon{width:17px;height:17px}
.videoclip-page .toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:linear-gradient(135deg,#f6c344,#fff1a8)!important;color:#050505!important;border-radius:999px!important;padding:12px 18px;font-weight:1000;box-shadow:0 16px 44px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:.2s ease}
.videoclip-page .toast.show{opacity:1;bottom:32px}
.videoclip-page .toast.error{background:linear-gradient(135deg,#ff5f5f,#ffb4b4)!important;color:#1a0505!important}
@media(max-width:720px){.videoclip-actions .portal-btn,.videoclip-social-btn{width:100%}.videoclip-grid{grid-template-columns:1fr}.videoclip-statline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.videoclip-statline span{justify-content:center;padding-inline:6px}}
.videoclip-detail-wrap{max-width:980px;margin:0 auto;padding:0 24px 70px}
.videoclip-detail-card{width:100%;max-width:980px}