/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2025 | 15:59:08 */
.custom-popup { 
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom:60px
}

/* Cuando esté abierto */
.custom-popup.is-open { display: flex !important; }

/* Backdrop */
.custom-popup__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 36, 0.5) !important;
  backdrop-filter: blur(4px) !important;
}

/* Panel */
.custom-popup__panel {
  position: relative !important;
  width: min(760px, 92%) !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 36px 40px !important;
  box-shadow: 0 18px 40px rgba(12, 18, 30, 0.12) !important;
  text-align: center !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

/* Icon */
.custom-popup__icon {
  margin: 0 auto 18px auto !important;
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #e8f4f8 !important;
}

/* Title */
.custom-popup__title {
  margin: 0 0 16px 0 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  color: #0f1724 !important;
  font-weight: 700 !important;
}

/* Message */
.custom-popup__message {
  margin: 0 0 20px 0 !important;
  font-size: 15px !important;
  color: #4b5563 !important;
  line-height: 1.6 !important;
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Container PQR Code */
.container-pqr-code {
  padding: 18px 24px !important;
  background: #f0f7fc !important;
  border: 2px solid #104584 !important;
  border-radius: 10px !important;
  color: #104584 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  margin: 24px 0 !important;
  letter-spacing: 0.5px !important;
}

/* Actions */
.custom-popup__actions {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

/* Primary button */
.btn--primary {
  background: #104584 !important;
  border: none !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.custom-popup__icon::before{
  content:"";
  width: 42px !important;
  height: 42px !important;
  background:url("https://www.progresion.com.co/wp-content/uploads/2025/10/circulo.png") center/contain no-repeat
}
/* Hover/Active */
.btn--primary:hover { 
  background: #0d3a6d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(16, 69, 132, 0.25) !important;
}

.btn--primary:active { 
  transform: translateY(0) !important;
}