#proyectos.project-showcase{max-width:none;padding:44px 3% 24px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 93% 2%,#49229b36,transparent 31%),radial-gradient(ellipse at 8% 97%,#3b359833,transparent 37%),#060711;border-bottom:1px solid #4b3c732e}
.project-showcase::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#63519b14 1px,transparent 1px),linear-gradient(90deg,#63519b14 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 29%,transparent 70%,#000)}
.showcase-inner{max-width:1600px;margin:auto}
#proyectos .section-head{max-width:1100px;margin:0 auto 18px}
#proyectos .kicker{display:inline-flex;align-items:center;gap:9px;font:italic 19px/1.3 'Segoe Print','Bradley Hand',cursive;letter-spacing:0;text-transform:none;color:#b5acd6;margin-bottom:16px;padding:0}
#proyectos .kicker::before,#proyectos .kicker::after{content:'';position:static;display:block;flex:none;width:21px;height:8px;border-bottom:1.5px solid #b77af0;border-radius:0 0 50% 50%;background:none;box-shadow:none;transform:rotate(-12deg)}
#proyectos .kicker::after{transform:rotate(12deg)}
#proyectos .section-title{font:750 clamp(32px,3.8vw,62px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-1.8px;margin-bottom:10px}
.showcase-gradient{background:linear-gradient(105deg,#b85cf6,#8f37f0 50%,#5144fb);background-clip:text;color:transparent}
#proyectos .section-sub{max-width:820px;font-size:clamp(13px,1.2vw,19px);line-height:1.45;color:#bcbaca}
.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
.project-filters{display:flex;flex-wrap:wrap;gap:11px}
.project-filter{font:500 11px/1.4 Inter,sans-serif;color:#d9d5e8;padding:10px 17px;background:#141221a6;border:1px solid #75629130;border-radius:11px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.project-filter:hover{border-color:#9660d5aa}.project-filter.is-active{background:linear-gradient(125deg,#954aff,#5622e8);border-color:#b292ff;box-shadow:0 0 20px #7136ed55;color:#fff}
.project-toolbar>.btn{flex:none}
.project-layout{display:grid;grid-template-columns:1.72fr 1fr;gap:18px;align-items:stretch}
.project-featured{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a897dc99;border-radius:17px;min-height:480px;background:radial-gradient(ellipse at 70% 0%,#5128865c,transparent 55%),#090b18;box-shadow:inset 1px 0 0 #879dff,0 0 25px #4f28bd19}
.project-featured__visual{position:absolute;z-index:-2;inset:0;overflow:hidden;perspective:1000px}
.project-featured__visual img{position:absolute;width:76%;height:auto;max-width:none;object-fit:cover;object-position:top left;right:-10%;top:11%;border-radius:15px;border:1px solid #867ca7;transform:rotateY(-10deg) rotateZ(-7deg);transform-origin:center;box-shadow:-7px -5px 20px #8584ff60;transition:transform .6s}
.project-featured:hover .project-featured__visual img{transform:rotateY(-7deg) rotateZ(-5deg) scale(1.02)}
.project-featured::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090a19fc 0%,#090a19f2 26%,#090a19b8 40%,#090a1945 62%,transparent 85%),linear-gradient(0deg,#090a1999,transparent 40%)}
.project-featured__content{padding:26px 30px 28px;display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:480px}
.project-featured__badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #af6ce2b0;border-radius:24px;padding:6px 11px;background:#34204e66;color:#e9cdfc;font-size:10px;line-height:1.4;margin-bottom:25px}.project-featured__badge i{color:#ffd576;font-size:13px}
.project-featured h3{font:800 clamp(38px,4.3vw,70px)/.99 Inter,sans-serif;letter-spacing:-2px;margin:0 0 19px;max-width:59%}
.project-featured__description{max-width:46%;font-size:clamp(12px,1.03vw,17px);line-height:1.5;color:#c9c5d9;margin:0 0 17px}
.project-tags{display:flex;gap:8px;flex-wrap:wrap}.project-tags span{border:1px solid #76678e77;border-radius:18px;padding:5px 10px;font-size:10px;line-height:1.4;background:#1c1b314d;color:#dbd2eb}.project-featured .project-tags{margin-bottom:22px}.project-featured .project-tags span:first-child{border-color:#ad65ecb0;color:#e3bcff}
.project-highlights{display:flex;gap:15px;margin-bottom:25px;max-width:65%}.project-highlights>div{display:flex;align-items:center;gap:8px;border-right:1px solid #71608430;padding-right:14px}.project-highlights>div:last-child{border:0;padding-right:0}.project-highlights i{font-size:22px;color:#aa54ff}.project-highlights strong{display:block;font-size:13px;line-height:1.3;white-space:nowrap}.project-highlights small{display:block;font-size:9px;line-height:1.4;color:#c1bcd5;white-space:nowrap;margin-top:2px}
.project-featured__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}
.project-sidebar{display:grid;grid-template-rows:repeat(var(--sidebar-count,3),minmax(0,1fr));gap:11px;min-width:0}.project-sidebar[hidden]{display:none}
.project-preview{position:relative;border:1px solid #9b81c765;border-radius:15px;background:linear-gradient(125deg,#15142188,#14112b66);overflow:hidden;display:flex;align-items:center;min-height:145px;transition:border-color .25s,background .25s}
.project-preview:hover{border-color:#b86cffb0;background:#24183988}
.project-preview__select{display:grid;grid-template-columns:35% minmax(0,1fr);align-items:center;gap:16px;width:100%;height:100%;padding:14px 17px;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer;font-family:inherit}
.project-preview__select>img{width:100%;height:100%;min-height:108px;max-height:138px;object-fit:cover;object-position:top center;border:1px solid #897cbb66;border-radius:10px}
.project-preview__category{display:inline-block;font-size:10px;line-height:1.3;padding:3px 6px;background:#7e3cd822;color:#ba87ff;border-radius:8px;margin-bottom:5px}
.project-preview h3{font-size:18px;font-weight:700;line-height:1.2;margin:0 0 6px;letter-spacing:-.4px}
.project-preview p{font-size:11px;line-height:1.4;color:#bcb8cf;margin-bottom:8px;padding-right:8px}
.project-preview .project-tags{gap:6px;padding-right:30px}.project-preview .project-tags span{font-size:8px;padding:4px 8px}
.project-preview__visit{position:absolute;right:12px;bottom:16px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ac78ff;border-radius:50%;background:linear-gradient(135deg,#824de327,#11101f);box-shadow:inset 0 0 8px #8c47ee27;color:#eee2ff;font-size:12px}
.project-preview__visit:hover{background:#6f30b5}
.project-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:18px}
.project-page-arrow{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #6e628c80;border-radius:50%;color:#c5b9e7;background:#13122299;cursor:pointer}.project-page-arrow:hover{border-color:#b574ff;color:#fff}.project-page-arrow:disabled{opacity:.35;cursor:default}
.project-page-dots{display:flex;align-items:center;gap:7px}.project-page-dots button{width:24px;height:6px;padding:0;border:0;border-radius:10px;background:#3d394e80;cursor:pointer}.project-page-dots button.is-active{width:32px;background:linear-gradient(90deg,#b657ff,#6d28ee);box-shadow:0 0 10px #842af04d}
.project-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.project-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px}.project-catalog[hidden]{display:none}
.project-catalog .project-preview{min-height:195px}.project-catalog .project-preview__select{grid-template-columns:1fr;gap:13px;align-content:start;padding:16px}.project-catalog .project-preview__select>img{height:165px;max-height:none}.project-catalog .project-preview p{min-height:45px}.project-catalog .project-preview .project-tags{padding-right:32px}
.project-case{width:min(880px,92vw);max-height:88svh;padding:25px;border:1px solid #9974cf;border-radius:22px;background:#0d0c1d;color:#f5f1ff;box-shadow:0 25px 100px #0009;overflow:auto;margin:auto}.project-case::backdrop{background:#030310b8;backdrop-filter:blur(7px)}
.project-case__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.project-case__header .kicker{margin:0!important}.project-case>h3{font:750 34px/1.2 Inter,sans-serif;margin-bottom:20px}.project-case>img{width:100%;max-height:350px;object-fit:cover;object-position:top;border-radius:12px;border:1px solid #69538b66}.project-case__body{padding:24px 0 0}.project-case h4{font-size:15px;margin-bottom:8px}.project-case p{font-size:14px;line-height:1.6;color:#c4bdd5;margin-bottom:20px}.project-case .project-tags{margin-bottom:24px}.project-case-open{overflow:hidden}
@media(min-width:1500px){#proyectos.project-showcase{padding-top:36px}.project-featured,.project-featured__content{min-height:550px}.project-featured__content{padding:30px 40px}.project-featured__badge{font-size:12px;margin-bottom:30px}.project-preview__select{padding:17px 18px;gap:23px}.project-preview h3{font-size:22px}.project-preview p{font-size:14px}.project-preview__category{font-size:12px}.project-preview .project-tags span{font-size:10px}.project-highlights strong{font-size:17px}.project-highlights small{font-size:12px}.project-filter{font-size:13px;padding:10px 20px}}
@media(max-width:1200px){.project-toolbar{align-items:flex-start}.project-filters{gap:8px}.project-filter{padding:9px 12px;font-size:10px}.project-toolbar>.btn{font-size:12px;padding:10px 16px}.project-layout{grid-template-columns:1.55fr 1fr;gap:13px}.project-featured__content{padding:25px 24px}.project-featured__description{max-width:56%}.project-preview__select{gap:12px;padding:12px}.project-preview h3{font-size:16px}.project-preview p{font-size:10px}.project-highlights{gap:10px;max-width:none}.project-highlights>div{padding-right:9px}.project-highlights i{font-size:18px}.project-highlights strong{font-size:11px}.project-highlights small{font-size:8px}.project-featured__actions .btn{font-size:12px;padding:12px 16px}}
@media(max-width:960px){#proyectos.project-showcase{padding:55px 5% 38px}.project-layout{grid-template-columns:1fr}.project-featured,.project-featured__content{min-height:470px}.project-featured h3{font-size:58px}.project-featured__description{font-size:14px;max-width:44%}.project-highlights strong{font-size:13px}.project-highlights small{font-size:10px}.project-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:11px}.project-preview__select{grid-template-columns:1fr;align-content:start;gap:11px}.project-preview__select>img{height:110px;min-height:0}.project-preview h3{font-size:15px}.project-preview p{min-height:56px}.project-preview__visit{bottom:12px;right:10px}.project-preview .project-tags{padding-right:28px}.project-toolbar{flex-wrap:wrap}.project-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#proyectos .section-head{text-align:left;margin-bottom:23px}#proyectos .section-title{font-size:35px;letter-spacing:-1.2px}#proyectos .section-sub{font-size:13px}#proyectos .section-sub br{display:none}.project-filters{gap:7px}.project-filter{font-size:11px;padding:9px 12px}.project-toolbar>.btn{font-size:12px}.project-featured,.project-featured__content{min-height:650px}.project-featured__content{padding:23px}.project-featured__badge{margin-bottom:24px}.project-featured h3{font-size:48px;max-width:100%;margin-bottom:17px}.project-featured__description{max-width:100%;font-size:13px;line-height:1.6}.project-featured__visual img{width:112%;height:58%;top:auto;bottom:-3%;right:-19%;transform:rotateZ(-7deg);object-position:top left}.project-featured::after{background:linear-gradient(180deg,#0b0b1ffc 0%,#0b0b1ff5 39%,#0b0b1f80 62%,#0b0b1f11 78%,#0b0b1fdb 100%)}.project-featured .project-tags{margin-bottom:18px}.project-highlights{gap:10px;flex-wrap:wrap;margin-bottom:24px}.project-highlights strong{font-size:10px}.project-highlights small{font-size:8px}.project-highlights i{font-size:17px}.project-featured__actions{gap:9px}.project-featured__actions .btn{font-size:11px;padding:12px 14px}.project-sidebar{grid-template-columns:1fr;gap:12px}.project-preview{min-height:151px}.project-preview__select{grid-template-columns:35% minmax(0,1fr);align-items:center;gap:15px;padding:13px}.project-preview__select>img{height:122px;min-height:0;max-height:none}.project-preview h3{font-size:17px}.project-preview p{font-size:11px;min-height:0}.project-preview .project-tags span{font-size:8px}.project-pagination{gap:16px}.project-page-dots{gap:5px}.project-page-dots button{width:16px}.project-page-dots button.is-active{width:23px}.project-catalog{grid-template-columns:1fr}.project-case{padding:18px}.project-case>h3{font-size:27px}.project-case>img{max-height:250px}}
@media(prefers-reduced-motion:reduce){.project-featured:hover .project-featured__visual img{transform:rotateY(-10deg) rotateZ(-7deg)}}