/* GENERADO por tools/generar-tokens desde tokens.json. No editar a mano. */
:root {
  --cnsf-green: #2A7A3B;
  --cnsf-green-dark: #1f5c2c;
  --cnsf-green-light: #4CAF50;
  --cnsf-lime: #8BC34A;
  --cnsf-gold: #F5A623;
  --cnsf-orange: #FF8C00;
  --cnsf-amber-text: #B9770E;
  --cnsf-sky: #87CEEB;
  --cnsf-red: #D32F2F;
  --cnsf-red-dark: #B71C1C;
  --text: #2C3E2D;
  --text-muted: #6b7d6c;
  --text-faint: #8A968B;
  --border: #DCE3DC;
  --surface: #FFFFFF;
  --surface-alt: #F4F6F4;
  --surface-soft: #F9FAF8;
  --surface-soft-alt: #ECEFEC;
  --disabled: #C7D2C8;
  --ok-bg: #EAF6E9;
  --warn-bg: #FFF1DE;
  --err-bg: #FDEAEA;
  --font-family: 'Plus Jakarta Sans', sans-serif;
  --input-height: 50px;
  --input-radius: 12px;
  --input-border-width: 1.5px;
  --input-font-size: 15px;
  --logo-circle-diameter: 120px;
  --logo-inner-border-width: 3px;
  --logo-outline-width: 2px;
  --logo-shadow: 0 6px 18px rgba(42,122,59,.25);
  --logo-margin-bottom: 20px;
  --logo-image-size: 114px;
}

.estado-pdv-pendiente {
  background: #F4F6F4;
  color: #2C3E2D;
}

.estado-pdv-en_curso {
  background: #FFF1DE;
  color: #B9770E;
}

.estado-pdv-completada {
  background: #EAF6E9;
  color: #2A7A3B;
}

.estado-pdv-omitida {
  background: #FDEAEA;
  color: #D32F2F;
}

@keyframes cnsf-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.cnsf-spin { animation: cnsf-spin 0.8s linear infinite; }

@keyframes cnsf-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
}
.cnsf-pulse { animation: cnsf-pulse 1.4s ease-in-out infinite; }