/* FECCETEC 2026 — correcoes visuais v1.11.0 */

/*
 * As decoracoes pertencem visualmente às duas secoes. O CSS anterior
 * recortava todo o trecho negativo no limite superior de patrocinadores.
 */
@media (min-width: 761px) {
  .sponsors {
    overflow: visible;
  }

  .section-divider {
    z-index: 2;
  }

  .sponsors-heading,
  .marquee,
  .sponsors-empty {
    z-index: 3;
  }
}

/*
 * Todas as logos de 2026 usam a proporcao 1600 x 800. Fazemos a caixa real
 * da imagem acompanhar essa proporcao, para que o recorte arredondado toque
 * a arte (e nao somente a area vazia criada pelo object-fit: contain).
 */
.project-card-logo img,
.modal-project-logo img {
  width: auto;
  aspect-ratio: 2 / 1;
  margin-inline: auto;
  border-radius: 14px;
  clip-path: inset(0 round 14px);
  object-fit: cover;
}

.project-card-logo.is-contain img,
.modal-project-logo.is-contain img {
  object-fit: cover;
}

@media (max-width: 760px) {
  /* Mantem as correcoes de limpeza e compactacao da v1.10 no celular. */
  .section-divider,
  .about-divider,
  .projects-transition-divider {
    display: none;
  }

  .project-card-logo img,
  .modal-project-logo img {
    max-width: 100%;
    height: 100%;
  }
}

/* v1.12.0 — cards, detalhes e PITCH dos projetos */
.project-video-badge{display:inline-flex;width:fit-content;margin-top:18px;padding:7px 10px;border:1px solid rgba(131,237,243,.24);border-radius:999px;color:#b9f6f9;background:rgba(131,237,243,.08);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.project-modal{width:min(1120px,100%);max-height:min(900px,94dvh)}.modal-body{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(34px,5vw,72px)}.modal-content-main{display:grid;min-width:0;gap:38px}.modal-pitch{display:grid;gap:14px}.modal-pitch-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.modal-pitch-head small{color:var(--muted);font-size:.68rem}.modal-pitch-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #d9d6de;border-radius:20px;background:#09090b;box-shadow:0 20px 48px rgba(31,22,45,.14)}.modal-pitch-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.modal-privacy-note{margin:4px 0 0;padding:14px 15px;border:1px solid #dedbe4;border-radius:13px;color:#69636e;background:#f4f2f6;font-size:.73rem;line-height:1.55}@media(max-width:760px){.project-video-badge{margin-top:14px}.project-modal{max-height:94dvh;border-radius:22px}.modal-body{grid-template-columns:1fr}.modal-content-main{gap:30px}.modal-pitch-head{align-items:flex-start;flex-direction:column;gap:4px}.modal-pitch-frame{border-radius:15px}}

/* v1.12.1 — modal: o botão de fechar sobrepõe o card sem reservar uma faixa lateral. */
.project-modal .modal-close {
  position: sticky;
  top: 19px;
  right: auto;
  z-index: 20;
  float: none;
  margin: 19px 19px -65px auto;
}

@media (max-width: 760px) {
  .project-modal .modal-close {
    top: 16px;
    margin: 16px 16px -62px auto;
  }
}