Agregar firmas externas seguras y mejorar entregabilidad de correos

2026-04-08 22:58:24 -05:00
parent 46ec312706
commit 1e965b6e71
19 changed files with 2185 additions and 80 deletions
@@ -1954,6 +1954,173 @@ select {
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
 }

+.guest-invitation-page {
+  padding: 32px 16px;
+}
+
+.guest-invitation-card {
+  width: min(1100px, 100%);
+  max-width: 1100px;
+}
+
+.guest-invitation-header {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  align-items: flex-start;
+  margin-bottom: 18px;
+}
+
+.guest-invitation-header h1 {
+  margin: 0 0 8px;
+  font-size: 28px;
+}
+
+.guest-invitation-header p {
+  margin: 0;
+  color: var(--gray-500);
+}
+
+.guest-invitation-order {
+  display: inline-flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-radius: 999px;
+  background: var(--c-info-bg);
+  color: var(--c-primary);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.invitation-terms-modal {
+  max-width: 520px;
+}
+
+.invitation-info-card,
+.invitation-owner-card,
+.invitation-completed-card {
+  gap: 12px;
+}
+
+.invitation-info-line {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  color: var(--gray-700);
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.invitation-info-line svg {
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: var(--c-primary);
+}
+
+.invitation-completed-card {
+  text-align: center;
+}
+
+.invitation-completed-icon {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  margin: 0 auto 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--c-success-bg);
+  color: var(--c-success);
+}
+
+.invitation-modal {
+  width: min(920px, 96vw);
+}
+
+.invitation-modal-body {
+  align-items: stretch;
+}
+
+.invitation-owner-warnings {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.invitation-draft-list,
+.invitation-order-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.invitation-draft-row,
+.invitation-order-row {
+  border: 1px solid var(--gray-200);
+  border-radius: 12px;
+  padding: 14px;
+  background: white;
+}
+
+.invitation-order-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  align-items: center;
+}
+
+.invitation-order-actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+
+.invitation-order-row strong {
+  display: block;
+  margin-bottom: 4px;
+  color: var(--gray-900);
+}
+
+.invitation-order-row span:not(.badge) {
+  display: block;
+  color: var(--gray-500);
+  font-size: 13px;
+}
+
+.invitation-status-badge {
+  text-transform: capitalize;
+}
+
+.invitation-status-queued {
+  background: var(--gray-100);
+  color: var(--gray-600);
+}
+
+.invitation-status-sent,
+.invitation-status-opened {
+  background: var(--c-info-bg);
+  color: var(--c-primary);
+}
+
+.invitation-status-signed {
+  background: var(--c-success-bg);
+  color: var(--c-success);
+}
+
+.invitation-owner-actions {
+  margin-top: 8px;
+}
+
+.invitation-remove-btn {
+  align-self: flex-start;
+}
+
+.invitation-inline-delete {
+  min-width: 92px;
+  justify-content: center;
+}
+
 /* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .app-layout {
@@ -2185,6 +2352,17 @@ select {
    flex-wrap: wrap;
  }

+  .guest-invitation-header,
+  .invitation-order-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .invitation-order-actions {
+    width: 100%;
+    justify-content: space-between;
+  }
+
  .style-card-inline-tools,
  .image-upload-area {
    justify-content: flex-start;