/**
 * Mensalee — ajustes responsivos globais.
 * Carregado após main/form; complementa project.css em telas estreitas.
 * Objetivo: evitar overflow horizontal e compactar tabelas/cards sem mudar o desktop.
 */

.project-page {
  min-width: 0;
}

.project-main {
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
}

.project-content {
  min-width: 0;
  max-width: 100%;
}

.project-main img,
.project-main video {
  max-width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 1.25rem);
  }

  .mens-table-card {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .mens-table > thead > tr > th,
  .mens-table > tbody > tr > td {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .mens-table > thead > tr > th {
    font-size: 0.62rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .mens-table > tbody > tr > td {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    font-size: 0.875rem;
  }
}