@charset "UTF-8";
/* line 1, app/assets/stylesheets/votacao_com_chapas.scss */
.member-photo-preview {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

/* line 7, app/assets/stylesheets/votacao_com_chapas.scss */
.upload-label {
  display: inline-block;
  width: 64px;
  height: 64px;
  border: 2px dashed #ccc;
  border-radius: 4px;
  text-align: center;
  line-height: 64px;
  color: #999;
}

/* line 19, app/assets/stylesheets/votacao_com_chapas.scss */
.panel-custom {
  border-left: 4px solid #337ab7;
  /* azul padrão do Bootstrap */
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: border-left 0.4s ease-in-out;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.26);
}

/* line 27, app/assets/stylesheets/votacao_com_chapas.scss */
.panel-custom:hover {
  border-left: 6px solid #3c8dbc;
  transition: border-left 0.4s ease-in-out;
}

/* line 32, app/assets/stylesheets/votacao_com_chapas.scss */
.panel-title {
  font-weight: 600;
  margin: 0;
  padding-top: 4px;
}

/* line 38, app/assets/stylesheets/votacao_com_chapas.scss */
.btn-remove {
  background: none;
  border: none;
  padding: 0;
}

/* line 44, app/assets/stylesheets/votacao_com_chapas.scss */
.btn-remove .glyphicon-trash {
  color: #d9534f;
  /* vermelho padrão do Bootstrap */
  font-size: 18px;
}

/* line 49, app/assets/stylesheets/votacao_com_chapas.scss */
.btn-add-member {
  padding: 6px 12px;
  font-size: 13px;
}

/* line 54, app/assets/stylesheets/votacao_com_chapas.scss */
.btn-add-member {
  margin-right: 6px;
  font-size: 12px;
}

/* line 59, app/assets/stylesheets/votacao_com_chapas.scss */
.panel-heading-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* alinha verticalmente */
  padding: 8px 15px;
}

/* line 66, app/assets/stylesheets/votacao_com_chapas.scss */
.panel-title {
  font-weight: 600;
  margin: 0;
  font-size: 16px;
}

/* line 72, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-chapa {
  background: none;
  border: none;
  padding: 8px 10px;
  margin-right: 8px;
  margin-top: 4px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

/* line 82, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-chapa:hover {
  background-color: #f2dede;
  /* rosa claro estilo Bootstrap danger */
}

/* line 86, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-chapa i.fa-trash {
  color: #d9534f;
  font-size: 18px;
  transition: color 0.3s ease;
}

/* line 92, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-member {
  background: none;
  border: none;
  padding: 8px 10px;
  margin-right: 8px;
  margin-top: 4px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

/* line 102, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-member:hover {
  background-color: #f2dede;
  /* rosa claro estilo Bootstrap danger */
}

/* line 106, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-member i.fa-trash {
  color: #d9534f;
  font-size: 18px;
  transition: color 0.3s ease;
}

/* line 112, app/assets/stylesheets/votacao_com_chapas.scss */
.no-members {
  border: 2px dashed #bababa;
  /* cinza bem claro */
  padding: 20px;
  border-radius: 6px;
  background-color: #fcfcfc;
  /* opcional: fundo quase branco */
}

/* line 119, app/assets/stylesheets/votacao_com_chapas.scss */
.no-members .text-member {
  margin: 0;
  font-size: 14px;
  color: #333;
  text-align: center;
}

/* line 126, app/assets/stylesheets/votacao_com_chapas.scss */
.no-members {
  transition: opacity 0.3s ease;
}

/* line 130, app/assets/stylesheets/votacao_com_chapas.scss */
.no-members.d-none {
  opacity: 0;
  pointer-events: none;
  display: none !important;
}

/* line 136, app/assets/stylesheets/votacao_com_chapas.scss */
.member {
  opacity: 0;
  transform: translateY(10px);
  -webkit-animation: fadeInUp 0.5s forwards;
          animation: fadeInUp 0.5s forwards;
}

@-webkit-keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 150, app/assets/stylesheets/votacao_com_chapas.scss */
.member-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

/* line 157, app/assets/stylesheets/votacao_com_chapas.scss */
.member-field {
  flex: 1;
  min-width: 180px;
}

/* line 162, app/assets/stylesheets/votacao_com_chapas.scss */
.member-photo-field {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 168, app/assets/stylesheets/votacao_com_chapas.scss */
.member-photo-preview {
  max-width: 100%;
  border-radius: 10%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 6px;
  border: 1px solid #ddd;
}

/* line 176, app/assets/stylesheets/votacao_com_chapas.scss */
.upload-label {
  display: inline-block;
  padding: 6px 10px;
  background-color: #f5f5f5;
  border-radius: 6px;
  border: 1px dashed #ccc;
}

/* line 185, app/assets/stylesheets/votacao_com_chapas.scss */
.upload-label .glyphicon-camera {
  font-size: 16px;
}

/* Label de upload com borda tracejada */
/* line 190, app/assets/stylesheets/votacao_com_chapas.scss */
.upload-label {
  display: inline-block;
  padding: 6px 10px;
  background-color: #f5f5f5;
  border-radius: 6px;
  border: 1px dashed #ccc;
  transition: border-color 0.3s ease;
}

/* Quando hover na área da foto, muda a borda do label */
/* line 201, app/assets/stylesheets/votacao_com_chapas.scss */
.member-photo-field:hover .upload-label {
  border-color: #3399ff;
  /* azul mais escuro */
}

/* line 206, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-photo {
  background-color: #f0f0f0;
  /* cinza claro */
  color: #333;
  /* texto escuro */
  border: none;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  transition: none;
  /* remove hover vermelho */
}

/* line 216, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-photo:hover {
  background-color: #f0f0f0;
  /* mantém o mesmo fundo */
  color: #333;
}

/* line 222, app/assets/stylesheets/votacao_com_chapas.scss */
.photo-wrapper {
  position: relative;
  display: inline-block;
}

/* Botão X no canto superior direito da imagem */
/* line 229, app/assets/stylesheets/votacao_com_chapas.scss */
.remove-photo {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  background-color: #d9534f;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  z-index: 10;
}

/* line 249, app/assets/stylesheets/votacao_com_chapas.scss */
.chapa-card {
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 255, app/assets/stylesheets/votacao_com_chapas.scss */
.media-heading {
  font-size: 16px;
  font-weight: bold;
}

/* line 259, app/assets/stylesheets/votacao_com_chapas.scss */
.media-body small {
  font-size: 12px;
  color: #777;
}

/* Espaço entre os integrantes */
/* line 265, app/assets/stylesheets/votacao_com_chapas.scss */
.media {
  margin-bottom: 16px;
}

/* line 269, app/assets/stylesheets/votacao_com_chapas.scss */
.chapa-card .integrantes-extra {
  max-height: 250px;
  /* altura máxima visível */
  overflow-y: auto;
  /* scroll vertical */
  overflow-x: hidden;
  /* evita scroll horizontal */
  scroll-behavior: smooth;
}

/* Deixar o scrool mais discreto */
/* line 277, app/assets/stylesheets/votacao_com_chapas.scss */
.integrantes-extra::-webkit-scrollbar {
  width: 5px;
}

/* line 280, app/assets/stylesheets/votacao_com_chapas.scss */
.integrantes-extra::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

/* line 285, app/assets/stylesheets/votacao_com_chapas.scss */
.integrante-box {
  background-color: #f9f9f9;
  border: 1px dashed #d0d0d0;
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 6px;
}

/* line 293, app/assets/stylesheets/votacao_com_chapas.scss */
.avatar-placeholder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
}

/* estilização para descrição da chapa no card do portal */
/* line 306, app/assets/stylesheets/votacao_com_chapas.scss */
.descricao-chapa {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* line 312, app/assets/stylesheets/votacao_com_chapas.scss */
.cargo-truncada {
  display: inline-block;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}