:root{
  /* Acento (AZUL) */
  --pc-primary:#2563eb;
  --pc-primary-soft: rgba(37,99,235,.10);

  /* Base clara */
  --pc-bg:#f6f9ff;
  --pc-card:#ffffff;
  --pc-border:#e6eef7;
  --pc-text:#0b1220;
  --pc-muted:#5b6b82;

  /* Bootstrap */
  --bs-primary: var(--pc-primary);
  --bs-body-bg: var(--pc-bg);
  --bs-body-color: var(--pc-text);
  --bs-border-color: var(--pc-border);
}

body{
  background: var(--pc-bg) !important;
  color: var(--pc-text) !important;
}

/* Superficies */
.card{
  background: var(--pc-card) !important;
  border: 1px solid var(--pc-border) !important;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.pc-muted{ color: var(--pc-muted) !important; }

a{ color: var(--pc-primary); }
a:hover{ filter: brightness(0.92); }

/* Inputs claros sí o sí */
.form-control,.form-select{
  background:#fff !important;
  color: var(--pc-text) !important;
  border:1px solid var(--pc-border) !important;
}
.form-control::placeholder{ color:#93a3b8 !important; }
.form-control:focus,.form-select:focus{
  border-color: rgba(37,99,235,.45) !important;
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.15) !important;
}

/* Botones usando primary */
.btn-primary{
  background: var(--pc-primary) !important;
  border-color: var(--pc-primary) !important;
}
.btn-outline-primary{
  border-color: var(--pc-primary) !important;
  color: var(--pc-primary) !important;
}
.btn-outline-primary:hover{
  background: var(--pc-primary) !important;
  color:#fff !important;
}

/* Hero */
.pc-hero{
  background: linear-gradient(135deg, var(--pc-primary-soft), rgba(14,165,233,.06)) !important;
  border: 1px solid var(--pc-border) !important;
  border-radius: 18px;
}