/* Custom Styles & Animation for Creciendo en Cristo */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --sda-blue: #002f6c;
  --sda-gold: #f0a500;
  --quiz-correct: #10b981;
  --quiz-wrong: #ef4444;
}

/* Kids Track Theme */
body.kids-theme {
  background-color: #150f24;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(236, 72, 153, 0.22) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.22) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.16) 0%, transparent 60%);
  font-family: 'Fredoka', cursive, sans-serif;
}

/* Adults Track Theme */
body.adults-theme {
  background-color: #0b111e;
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(30, 58, 138, 0.35) 0%, transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(180, 83, 9, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, rgba(88, 28, 135, 0.18) 0%, transparent 60%);
  font-family: 'Poppins', sans-serif;
}

/* Glass Panels */
.glass-panel {
  background: rgba(26, 18, 41, 0.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.adults-theme .glass-panel {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(59, 130, 246, 0.22);
}

/* Card Interaction effects */
.interactive-card {
  transition: all 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.interactive-card:hover {
  transform: translateY(-3px) scale(1.01);
}
.interactive-card:active {
  transform: translateY(1px) scale(0.98);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background: rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 158, 11, 0.7);
}

/* Animation utilities */
@keyframes popIn {
  0% { transform: scale(0.92); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes pulseGlow {
  0%, 100% { filter: drop-shadow(0 0 15px rgba(245, 158, 11, 0.6)); }
  50% { filter: drop-shadow(0 0 5px rgba(245, 158, 11, 0.2)); }
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

.animate-pop {
  animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.animate-pulse-glow {
  animation: pulseGlow 2s infinite;
}

.animate-shake {
  animation: shake 0.4s ease-in-out;
}

/* Print layout for Discipleship Certificate */
@media print {
  body * {
    visibility: hidden !important;
  }
  #certificatePrintArea, #certificatePrintArea * {
    visibility: visible !important;
  }
  #certificatePrintArea {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2.5rem !important;
    border: 12px solid #b45309 !important;
    background: white !important;
    color: #111827 !important;
    box-shadow: none !important;
  }
  .no-print {
    display: none !important;
  }
}

/* ============================================================== */
/* ESTUDIO DE FIRMA DIGITAL Y CERTIFICADO VALIDADO DISCÍPULO+    */
/* ============================================================== */
#signatureCanvas {
  touch-action: none;
  cursor: crosshair;
  background-color: #ffffff;
}

.signature-font {
  font-family: 'Brush Script MT', 'Dancing Script', 'Caveat', cursive, serif;
}

.official-seal-gold {
  background: radial-gradient(circle, #fef3c7 0%, #fde68a 60%, #d97706 100%);
  box-shadow: 0 4px 15px rgba(217, 119, 6, 0.35);
}