/* ==========================================================================
   PALETA ARMÓNICA PARA SALUD MENTAL Y COMPORTAMIENTO HUMANO
   Diseño neuro-cognitivo: reducción de fatiga visual y entorno no patologizante
   ========================================================================== */

:root {
  --color-bg-base: #F7F5F0;        /* Blanco Alabastro / Crema Orgánico */
  --color-surface: #FFFFFF;        /* Superficie de tarjetas */
  --color-primary: #52796F;        /* Verde Eucalipto / Salvia Profundo */
  --color-primary-light: #7A9A8A;  /* Salvia Desaturado */
  --color-primary-dark: #354F52;   /* Eucalipto Bosque */
  --color-accent: #D4A373;         /* Terracota Suave / Arcilla Cálida */
  --color-accent-hover: #C79276;   /* Arcilla Tostada */
  --color-text-main: #2F3E46;      /* Carbón Cálido / Pizarra Oscuro */
  --color-text-muted: #65757D;     /* Pizarra Medio */
  --color-border: #E8E5DC;         /* Borde Crema Suave */
  --color-crisis: #D96B27;         /* Coral Atenuado / Óxido Suave */
  --color-crisis-bg: #FDF4EC;      /* Fondo de Alerta Suave */
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--color-bg-base);
  color: var(--color-text-main);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

input, textarea, select {
  user-select: text;
  color: var(--color-text-main);
}

/* Custom scrollbar cálido */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #EFECE4;
}
::-webkit-scrollbar-thumb {
  background: #D2CCC0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B5AD9F;
}

/* Alerta de Crisis Coral Atenuado (Poka-Yoke no punitivo) */
@keyframes emergency-pulse-coral {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(217, 107, 39, 0.4);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(217, 107, 39, 0);
  }
}

.crisis-pulse {
  animation: emergency-pulse-coral 2.2s infinite;
  border-color: var(--color-crisis) !important;
  background-color: var(--color-crisis-bg) !important;
}

/* Pulso de Micrófono Teoyolotl */
@keyframes mic-pulse-terracota {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(212, 163, 115, 0.5);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(212, 163, 115, 0);
  }
}

.recording-active {
  animation: mic-pulse-terracota 1.5s infinite;
  background-color: var(--color-accent) !important;
  color: white !important;
  border-color: var(--color-accent) !important;
}

/* Mobile viewport & Safe Padding */
.safe-pb {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 1rem));
}

/* Canvas de Firma Digital */
.signature-canvas {
  touch-action: none;
  border: 2px dashed #D2CCC0;
  background-color: #FFFFFF;
  border-radius: 1rem;
  cursor: crosshair;
}

/* Ocultar badge de Netlify si es inyectado por CDN o drawer */
[data-netlify-badge],
.netlify-badge,
iframe[src*="netlify"],
div:has(> a[href*="netlify.com"]),
div[class*="netlify-badge"],
netlify-drawer,
#netlify-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Barra inferior móvil: garantizar máxima prioridad visual */
nav.fixed {
  z-index: 99999 !important;
}

/* Reglas de Impresión de Expediente Clínico */
@media print {
  header, nav, #btn-open-settings, .no-print, button {
    display: none !important;
  }
  body {
    background-color: #FFFFFF !important;
    color: #000000 !important;
  }
  .print-only {
    display: block !important;
  }
  .modal-print-container {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}