/* --- ESTILOS PRINCIPALES: APP DIAGNÓSTICO DIGITAL EMPRESAS 5.0 (XPROF) --- */

:root {
  --violet-primary: #1B7A3F;
  --violet-accent: #1E8645;
  --violet-glow: rgba(27, 122, 63, 0.35);
  --violet-light: #E9F5ED;
  --violet-tint: #faf8fd;
  --slate-900: #16092c;
  --slate-800: #241041;
  --slate-700: #3d3352;
  --slate-600: #6c6483;
  --slate-300: #d3cae6;
  --slate-200: #e4dff0;
  --slate-100: #efebf6;
  --slate-50: #f6f4fa;
  --white: #FFFFFF;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--slate-50);
  color: var(--slate-800);
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--slate-100);
}
::-webkit-scrollbar-thumb {
  background: var(--slate-300);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--violet-accent);
}

/* Typography Headings */
h1, h2, h3, .font-heading {
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: 0.3px;
}

.font-code {
  font-family: 'JetBrains Mono', monospace;
}

/* Glow & Glass Effects */
.glass-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
}

.glow-button {
  background: linear-gradient(135deg, var(--violet-accent) 0%, var(--violet-primary) 100%);
  box-shadow: 0 4px 14px var(--violet-glow);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.glow-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(27, 122, 63, 0.5);
}
.glow-button:active {
  transform: translateY(0);
}

/* Option Card in Assessment */
.option-card {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.option-card:hover {
  border-color: var(--violet-accent);
  background-color: var(--violet-tint);
  transform: translateY(-1px);
}
.option-card.selected {
  border-color: var(--violet-accent);
  background-color: var(--violet-light);
  box-shadow: 0 0 0 2px var(--violet-accent);
}

/* Score Pill Badge */
.score-pill {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.2s;
}
.option-card.selected .score-pill {
  background-color: var(--violet-accent);
  color: var(--white);
}

/* Modal Overlay */
.modal-overlay {
  background-color: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(4px);
}

/* Print Styles */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .glass-card {
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  header, footer, nav {
    display: none !important;
  }
  #view-results {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}