.card-header-custom {
  background-color: #1c64f2;
  color: white;
  padding: 12px 20px;
  border-bottom: none;
  max-width: 80%;
  border-radius: 5px;
}

.communication-item {
  background-color: #f8f9fa;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 8px;
  border-left: 3px solid #4a5cb8;
}

.communication-item small {
  color: #6c757d;
  font-size: 11px;
}

.communication-item .date {
  color: #6c757d;
  font-size: 12px;
}

.form-label {
  font-weight: 500;
  color: #495057;
  font-size: 14px;
  margin-bottom: 8px;
}

.section-title {
  font-size: 14px;
  font-weight: 500;
  color: #495057;
  margin-bottom: 15px;
}

.checkbox-file {
  font-size: 12px;
  color: #6c757d;
}

.char-counter {
  font-size: 12px;
  color: #6c757d;
  text-align: right;
}

.file-upload-section {
  border: 2px dashed #dee2e6;
  border-radius: 6px;
  padding: 20px;
  text-align: center;
  background-color: #f8f9fa;
  margin-bottom: 15px;
}

.file-upload-section:hover {
  border-color: #4a5cb8;
  background-color: #f0f2ff;
}

.btn-file-upload {
  background-color: #fff;
  border: 1px solid #ced4da;
  color: #495057;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 4px;
}

.btn-primary-custom {
  background-color: #4a5cb8;
  border-color: #4a5cb8;
  color: white;
  font-size: 14px;
  padding: 8px 20px;
}

.background-notificaciones {
  background-color: #dddddd;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}