.proj-interactive { cursor: pointer; }
.proj-open { display: inline-block; margin-top: 16px; padding: 8px 0; border: 0; background: none; color: #e13a47; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.proj-open:focus-visible, .projeto-dialog button:focus-visible, .projeto-whatsapp:focus-visible { outline: 2px solid #f0d622; outline-offset: 4px; }
.projeto-dialog { box-sizing: border-box; width: min(1040px, calc(100% - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid #33343d; border-radius: 10px; background: #11121a; color: #fff; font-family: Inter, sans-serif; }
.projeto-dialog::backdrop { background: rgba(0, 0, 0, .8); }
.projeto-dialog-header { position: sticky; top: 0; z-index: 1; background: #11121a; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px; border-bottom: 1px solid #33343d; }
.projeto-dialog h2 { margin: 0; font-size: 23px; line-height: 1.3; }
.projeto-close { flex-shrink: 0; padding: 8px 12px; border: 1px solid #555661; border-radius: 4px; color: #fff; background: #20212a; cursor: pointer; font: inherit; font-size: 13px; }
.projeto-dialog-body { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; padding: 24px; }
.projeto-dialog-body > div { min-width: 0; }
.projeto-main-photo { aspect-ratio: 1 / 1; background: #fff; border-radius: 6px; overflow: hidden; }
.projeto-main-photo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.projeto-main-photo iframe { width: 100%; height: 100%; border: 0; }
.projeto-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.projeto-thumbs button { width: 66px; height: 66px; padding: 0; border: 2px solid transparent; border-radius: 4px; overflow: hidden; cursor: pointer; background: #fff; }
.projeto-thumbs button[aria-pressed="true"] { border-color: #e13a47; }
.projeto-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.projeto-thumbs .projeto-video { padding: 6px; color: #fff; background: #20212a; font: inherit; font-size: 11px; }
.projeto-description p { font-size: 14px; line-height: 1.8; color: #c4c5cf; margin: 0 0 20px; }
.projeto-whatsapp { display: block; margin-top: 24px; padding: 16px; border-radius: 4px; background: #71cf61; color: #10210d; text-align: center; text-decoration: none; font-size: 13px; font-weight: 800; }
html.projeto-aberto { overflow: hidden; }
@media (max-width: 700px) {
  .projeto-dialog { max-height: calc(100dvh - 24px); width: calc(100% - 24px); }
  .projeto-dialog-header { padding: 16px; gap: 12px; }
  .projeto-dialog h2 { font-size: 18px; }
  .projeto-dialog-body { grid-template-columns: 1fr; padding: 16px; gap: 24px; }
  .projeto-thumbs button { width: 54px; height: 54px; }
}