/* Vitrine de projetos — cards editoriais, consistentes e responsivos */
.sites-page .sites-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1320px;padding:clamp(48px,6vw,82px) 24px clamp(72px,8vw,110px)}
.sites-page .showcase-project,.sites-page .showcase-project:nth-child(even){position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;gap:0;padding:14px;border:1px solid #e5e0eb!important;border-radius:28px;background:linear-gradient(160deg,#fff 0%,#fbfaff 100%)!important;box-shadow:0 20px 65px rgba(34,23,63,.07)!important;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.sites-page .showcase-project:hover{transform:translateY(-6px);border-color:#d6c9e9!important;box-shadow:0 30px 85px rgba(48,28,89,.12)!important}
.sites-page .project-browser,.sites-page .showcase-project:nth-child(even) .project-browser{order:1;width:100%;max-width:none;justify-self:stretch;border:1px solid #202638!important;border-radius:18px;background:#0b0e15!important;box-shadow:0 20px 42px rgba(14,11,25,.2);overflow:hidden}
.sites-page .project-browser:hover{transform:none;border-color:#465a88!important;box-shadow:0 24px 52px rgba(14,11,25,.25)}
.sites-page .browser-bar{height:40px;padding-inline:14px;background:#141925}.sites-page .browser-bar i{width:8px;height:8px}.sites-page .browser-bar span{font-size:9px}.sites-page .browser-screen{height:clamp(275px,25vw,350px)}
.sites-page .showcase-copy,.sites-page .showcase-project:nth-child(even) .showcase-copy{order:2;display:flex;flex:1;flex-direction:column;padding:26px 20px 20px}
.sites-page .showcase-copy .project-count{position:absolute;z-index:3;top:27px;right:27px;display:inline-flex;align-items:center;min-height:28px;margin:0;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,11,18,.76);color:#d9d9e6!important;font-size:9px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(10px)}
.sites-page .project-labels{min-height:0;margin-bottom:15px}.sites-page .project-presentation{min-height:28px;padding:0 11px;border-color:#ddd2ef!important;background:#f3edff!important;color:#6b32d4!important;font-size:9px;letter-spacing:.08em}
.sites-page .showcase-copy h2{margin:0 0 12px;color:#171522!important;font-size:clamp(29px,3vw,42px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}.sites-page .showcase-copy>p{max-width:560px;margin:0;color:#716d7b!important;font-size:14px;line-height:1.7}
.sites-page .project-stack{display:flex;gap:7px;margin:20px 0 0}.sites-page .project-stack span{padding:7px 9px;font-size:9px}
.sites-page .showcase-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding-top:24px}.sites-page .showcase-actions .beta-preview-form{margin:0}.sites-page .showcase-actions .btn{min-height:46px;margin:0;padding:0 17px;border-radius:12px;white-space:nowrap;box-shadow:0 12px 26px rgba(92,51,219,.18)}.sites-page .showcase-actions .btn small{margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.25)}
.sites-page .showcase-actions .text-link{justify-self:end;color:#6232c4;font-size:12px;font-weight:800;text-align:right}.sites-page .showcase-actions .text-link:hover{color:#0878ff}.sites-page .project-coming{min-height:46px;display:inline-flex;align-items:center;border-color:#ded8e7;color:#6f6878}
@media(max-width:980px){.sites-page .sites-showcase{grid-template-columns:1fr;max-width:760px}.sites-page .browser-screen{height:clamp(300px,52vw,420px)}}
@media(max-width:620px){.sites-page .sites-showcase{gap:18px;padding:30px 12px 65px}.sites-page .showcase-project,.sites-page .showcase-project:nth-child(even){padding:9px;border-radius:21px}.sites-page .project-browser{border-radius:15px}.sites-page .browser-bar{height:35px;padding-inline:11px}.sites-page .browser-screen{height:235px}.sites-page .showcase-copy,.sites-page .showcase-project:nth-child(even) .showcase-copy{padding:21px 13px 14px}.sites-page .showcase-copy .project-count{top:19px;right:19px}.sites-page .showcase-copy h2{font-size:32px}.sites-page .showcase-copy>p{font-size:13px}.sites-page .showcase-actions{grid-template-columns:1fr;align-items:stretch}.sites-page .showcase-actions .btn{width:100%}.sites-page .showcase-actions .text-link{justify-self:center;text-align:center}}